@helsenorge/designsystem-react 1.0.0-experimental.0 → 1.0.0

package/Watch-3d5fc351.js.map

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

package/X-867957f2.js

@@ -0,0 +1,2 @@
+import e from"react";import{g as t}from"./Icon-d69d65b3.js";var l=function(l){var r=l.size,a=l.isHovered;return t(r,a,e.createElement("path",{d:"M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z"}),e.createElement("path",{d:"M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z"}),e.createElement("path",{d:"M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z"}),e.createElement("path",{d:"M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z"}),e.createElement("path",{d:"M36.3746 13.6056 34.3946 11.6256 24.0006 22.0196 13.6066 11.6256 11.6266 13.6056 22.0206 23.9996 11.6266 34.3936 13.6066 36.3736 24.0006 25.9796 34.3946 36.3736 36.3746 34.3936 25.9806 23.9996"}),e.createElement("path",{d:"M39.0362 10.9454 37.0562 8.9654 24.0002 22.0194 10.9442 8.9654 8.9642 10.9454 22.0202 23.9994 8.9642 37.0554 10.9442 39.0354 24.0002 25.9814 37.0562 39.0354 39.0362 37.0554 25.9802 23.9994"}))};export{l as X};
+//# sourceMappingURL=X-867957f2.js.map

package/X-867957f2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X-867957f2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/__mocks__/IntersectionObserver.d.ts

@@ -0,0 +1,6 @@
+declare class IntersectionObserver {
+    observe(): void;
+    unobserve(): void;
+}
+export default IntersectionObserver;
+//# sourceMappingURL=IntersectionObserver.d.ts.map

package/__mocks__/IntersectionObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserver.d.ts","sourceRoot":"","sources":["../../src/__mocks__/IntersectionObserver.ts"],"names":[],"mappings":"AAAA,cAAM,oBAAoB;IACxB,OAAO,IAAI,IAAI;IAGf,SAAS,IAAI,IAAI;CAGlB;AAMD,eAAe,oBAAoB,CAAC"}

package/__mocks__/IntersectionObserver.js

@@ -0,0 +1,2 @@
+import{b as e,c as n}from"../_rollupPluginBabelHelpers-0f007973.js";var r=function(){function r(){n(this,r)}return e(r,[{key:"observe",value:function(){}},{key:"unobserve",value:function(){}}]),r}();Object.defineProperty(window,"IntersectionObserver",{value:r});export{r as default};
+//# sourceMappingURL=IntersectionObserver.js.map

package/__mocks__/IntersectionObserver.js.map

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

package/__mocks__/ResizeObserver.d.ts

@@ -0,0 +1,6 @@
+declare class ResizeObserver {
+    observe(): void;
+    unobserve(): void;
+}
+export default ResizeObserver;
+//# sourceMappingURL=ResizeObserver.d.ts.map

package/__mocks__/ResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeObserver.d.ts","sourceRoot":"","sources":["../../src/__mocks__/ResizeObserver.ts"],"names":[],"mappings":"AAAA,cAAM,cAAc;IAClB,OAAO;IAGP,SAAS;CAGV;AAMD,eAAe,cAAc,CAAC"}

package/__mocks__/ResizeObserver.js

@@ -0,0 +1,2 @@
+import{b as e,c as r}from"../_rollupPluginBabelHelpers-0f007973.js";var n=function(){function n(){r(this,n)}return e(n,[{key:"observe",value:function(){}},{key:"unobserve",value:function(){}}]),n}();Object.defineProperty(window,"ResizeObserver",{value:n});export{n as default};
+//# sourceMappingURL=ResizeObserver.js.map

package/__mocks__/ResizeObserver.js.map

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

package/__mocks__/matchMedia.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="jest" />
+export declare const mockWindowMatchMedia: jest.Mock<any, any>;
+//# sourceMappingURL=matchMedia.d.ts.map

package/__mocks__/matchMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchMedia.d.ts","sourceRoot":"","sources":["../../src/__mocks__/matchMedia.ts"],"names":[],"mappings":";AAAA,eAAO,MAAM,oBAAoB,qBAI9B,CAAC"}

package/__mocks__/matchMedia.js

@@ -0,0 +1,2 @@
+var e=jest.fn().mockImplementation((function(e){return{matches:!0,addEventListener:jest.fn(),removeEventListener:jest.fn()}}));Object.defineProperty(window,"matchMedia",{writable:!0,value:e});export{e as mockWindowMatchMedia};
+//# sourceMappingURL=matchMedia.js.map

package/__mocks__/matchMedia.js.map

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

package/__mocks__/useLayoutEvent.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=useLayoutEvent.d.ts.map

package/__mocks__/useLayoutEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEvent.d.ts","sourceRoot":"","sources":["../../src/__mocks__/useLayoutEvent.ts"],"names":[],"mappings":""}

package/__mocks__/useLayoutEvent.js

@@ -0,0 +1,2 @@
+jest.mock("../hooks/useLayoutEvent",(function(){return{useLayoutEvent:jest.fn()}}));
+//# sourceMappingURL=useLayoutEvent.js.map

package/__mocks__/useLayoutEvent.js.map

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

package/__mocks__/uuid.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=uuid.d.ts.map

package/__mocks__/uuid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.d.ts","sourceRoot":"","sources":["../../src/__mocks__/uuid.ts"],"names":[],"mappings":""}

package/__mocks__/uuid.js

@@ -0,0 +1,2 @@
+import{a as i}from"../uuid-11037462.js";var t={id:0};jest.spyOn(i,"uuid").mockImplementation((function(){return t.id++,"testid-".concat(t.id)}));
+//# sourceMappingURL=uuid.js.map

package/__mocks__/uuid.js.map

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

package/_rollupPluginBabelHelpers-0f007973.js

@@ -0,0 +1,2 @@
+function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},r(t)}function t(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function e(r,t){for(var e=0;e<t.length;e++){var n=t[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,n.key,n)}}function n(r,t,n){return t&&e(r.prototype,t),n&&e(r,n),Object.defineProperty(r,"prototype",{writable:!1}),r}function o(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function a(r,t){return function(r){if(Array.isArray(r))return r}(r)||function(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null==e)return;var n,o,a=[],u=!0,i=!1;try{for(e=e.call(r);!(u=(n=e.next()).done)&&(a.push(n.value),!t||a.length!==t);u=!0);}catch(r){i=!0,o=r}finally{try{u||null==e.return||e.return()}finally{if(i)throw o}}return a}(r,t)||function(r,t){if(!r)return;if("string"==typeof r)return u(r,t);var e=Object.prototype.toString.call(r).slice(8,-1);"Object"===e&&r.constructor&&(e=r.constructor.name);if("Map"===e||"Set"===e)return Array.from(r);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return u(r,t)}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=new Array(t);e<t;e++)n[e]=r[e];return n}export{a as _,r as a,n as b,t as c,o as d};
+//# sourceMappingURL=_rollupPluginBabelHelpers-0f007973.js.map

package/_rollupPluginBabelHelpers-0f007973.js.map

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

package/_tslib-b219470a.js

@@ -0,0 +1,2 @@
+function e(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}export{e as _};
+//# sourceMappingURL=_tslib-b219470a.js.map

package/_tslib-b219470a.js.map

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

package/color-e7d082c1.js

@@ -0,0 +1,2 @@
+import{t}from"./index-d1c9177a.js";var n=function(n,a){return t.palette["".concat(n).concat(function(t){return"black"===t||"white"===t}(n)?"":a)]};export{n as g};
+//# sourceMappingURL=color-e7d082c1.js.map

package/color-e7d082c1.js.map

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

package/components/AnchorLink/AnchorLink.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare type AnchorLinkTargets = '_self' | '_blank' | '_parent';
+export declare type AnchorLinkTags = 'a' | 'button';
+interface AnchorLinkProps {
+    /** Sets the content of the <a> tag */
+    children: React.ReactNode;
+    /** URL to link to */
+    href?: string;
+    /** Gives a unique id to the anchor-link :) */
+    id?: string;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link */
+    target?: AnchorLinkTargets;
+    /** HTML markup for anchor link. Default: a */
+    htmlMarkup?: AnchorLinkTags;
+    /** Function that is called when clicked */
+    onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent> | React.FormEvent<{}> | React.KeyboardEvent<HTMLUListElement> | null) => void;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const AnchorLink: React.ForwardRefExoticComponent<AnchorLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default AnchorLink;
+//# sourceMappingURL=AnchorLink.d.ts.map

package/components/AnchorLink/AnchorLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorLink.d.ts","sourceRoot":"","sources":["../../../src/components/AnchorLink/AnchorLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,oBAAY,cAAc,GAAG,GAAG,GAAG,QAAQ,CAAC;AAE5C,UAAU,eAAe;IACvB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACvI,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,+GAyDd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/components/AnchorLink/componentdata.json

@@ -0,0 +1,183 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "Sets the content of the <a> tag",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "href": {
+      "defaultValue": null,
+      "description": "URL to link to",
+      "name": "href",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "id": {
+      "defaultValue": null,
+      "description": "Gives a unique id to the anchor-link :)",
+      "name": "id",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "target": {
+      "defaultValue": null,
+      "description": "Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link",
+      "name": "target",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "AnchorLinkTargets | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"_self\""
+          },
+          {
+            "value": "\"_blank\""
+          },
+          {
+            "value": "\"_parent\""
+          }
+        ]
+      }
+    },
+    "htmlMarkup": {
+      "defaultValue": null,
+      "description": "HTML markup for anchor link. Default: a",
+      "name": "htmlMarkup",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "AnchorLinkTags | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"a\""
+          },
+          {
+            "value": "\"button\""
+          }
+        ]
+      }
+    },
+    "onClick": {
+      "defaultValue": null,
+      "description": "Function that is called when clicked",
+      "name": "onClick",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "((e?: MouseEvent<HTMLElement, MouseEvent> | FormEvent<{}> | KeyboardEvent<HTMLUListElement> | null) => void) | undefined"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/AnchorLink/index.d.ts

@@ -0,0 +1,4 @@
+import AnchorLink from './AnchorLink';
+export * from './AnchorLink';
+export default AnchorLink;
+//# sourceMappingURL=index.d.ts.map

package/components/AnchorLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AnchorLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,eAAe,UAAU,CAAC"}

package/components/AnchorLink/index.js

@@ -0,0 +1,2 @@
+export{A as default}from"../../AnchorLink-d5aca698.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../index-d1c0552c.js";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../ArrowUpRight-5be53e0d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../useHover-18479690.js";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/AnchorLink/index.js.map

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

package/components/AnchorLink/styles.module.scss

@@ -0,0 +1,82 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+
+@mixin anchorlink-hover {
+  cursor: pointer;
+  color: $blueberry700;
+  background-color: $blueberry50;
+  border-bottom-color: $blueberry600;
+}
+@mixin anchorlink-focus {
+  padding: 0 0 0.15rem 0;
+  outline: none;
+  border: 0.15rem solid $black;
+  margin-top: -0.075rem;
+}
+
+@mixin anchorlink {
+  display: inline;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  text-align: left;
+  text-decoration: none;
+  color: $blueberry600;
+  padding: 0.15rem;
+  border-bottom: 1px solid $neutral300;
+
+  &:hover {
+    @include anchorlink-hover;
+  }
+  &:focus {
+    @include anchorlink-focus;
+
+  }
+
+  &__icon {
+    display: inline-block;
+    vertical-align: bottom;
+    margin-right: -0.4rem;
+    margin-top: -2rem;
+    margin-bottom: -0.3rem;
+  }
+}
+
+@mixin anchorlink-font {
+  font-size: 1.125rem;
+  line-height: 1.875rem;
+  font-weight: 400;
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    font-size: 1.25rem;
+  }
+}
+
+@mixin anchorlink-icon {
+  &[target='_blank'] {
+    &:after {
+      content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='38px' height='38px' viewBox='0 0 48 48' fill='%2308667c'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
+      display: inline-block;
+      vertical-align: bottom;
+      margin-right: -0.4rem;
+      margin-top: -2rem;
+      margin-bottom: -0.8rem;
+    }
+  }
+}
+
+.anchorlink {
+  @include anchorlink;
+  @include anchorlink-font;
+}
+
+.anchorlink-wrapper {
+  all: unset;
+  &:hover > span {
+    @include anchorlink-hover;
+  }
+  &:focus > span {
+    @include anchorlink-focus;
+  }
+}

package/components/AnchorLink/styles.module.scss.d.ts

@@ -0,0 +1,11 @@
+export type Styles = {
+  anchorlink: string;
+  anchorlink__icon: string;
+  'anchorlink-wrapper': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Avatar/Avatar.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface AvatarProps {
+    /** Name to display in the avatar. Will be truncated to the first two characters. */
+    children: string;
+    /** Displays a check icon to indicated the selected state. */
+    selected?: boolean;
+    /** background and color will be determined on variant. */
+    variant?: 'normal' | 'black';
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>;
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,WAAW;IACnB,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,iFAiBV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Avatar/componentdata.json

@@ -0,0 +1,111 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "Name to display in the avatar. Will be truncated to the first two characters.",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Avatar/Avatar.tsx",
+        "name": "AvatarProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "string"
+      }
+    },
+    "selected": {
+      "defaultValue": null,
+      "description": "Displays a check icon to indicated the selected state.",
+      "name": "selected",
+      "parent": {
+        "fileName": "src/components/Avatar/Avatar.tsx",
+        "name": "AvatarProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "background and color will be determined on variant.",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Avatar/Avatar.tsx",
+        "name": "AvatarProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"black\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"black\""
+          }
+        ]
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Avatar/Avatar.tsx",
+        "name": "AvatarProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Avatar/Avatar.tsx",
+        "name": "AvatarProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Avatar/index.d.ts

@@ -0,0 +1,4 @@
+import Avatar from './Avatar';
+export * from './Avatar';
+export default Avatar;
+//# sourceMappingURL=index.d.ts.map

package/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,eAAe,MAAM,CAAC"}

package/components/Avatar/index.js

@@ -0,0 +1,2 @@
+import a from"react";import{I as r}from"../../Icon-d69d65b3.js";import{A as e,I as t}from"../../constants-dbdea596.js";import{C as s}from"../../Check-fdf95f67.js";import{c as o}from"../../index-d1c0552c.js";import l from"./styles.module.scss";import{p as i}from"../../palette-f206f488.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../uuid-11037462.js";var m=a.forwardRef((function(m,c){var d=m.children,f=m.className,p=void 0===f?"":f,n=m.selected,u=void 0!==n&&n,b=m.variant,v=void 0===b?"normal":b,j=m.testId,I=d.charAt(0).toLocaleUpperCase()+d.substring(1,2);return a.createElement("span",{className:o(l.avatar,u&&l["avatar--selected"],"black"===v&&l["avatar--black"],p),ref:c,"data-testid":j,"data-analyticsid":e.Avatar},u?a.createElement(r,{svgIcon:s,size:t.Small,color:"black"===v?i.neutral900:i.blueberry600}):I)}));export{m as default};
+//# sourceMappingURL=index.js.map

package/components/Avatar/index.js.map

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

package/components/Avatar/styles.module.scss

@@ -0,0 +1,22 @@
+@import '../../scss/_palette.scss';
+
+.avatar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 3rem;
+  height: 3rem;
+  font-size: 1.5rem;
+  font-weight: 600;
+  background-color: $blueberry500;
+  color: $white;
+  &--selected {
+    background-color: transparent;
+  }
+  &--black {
+    background-color: $neutral900;
+  }
+  &--selected#{&}--black {
+    background-color: transparent;
+  }
+}

package/components/Avatar/styles.module.scss.d.ts

@@ -0,0 +1,11 @@
+export type Styles = {
+  avatar: string;
+  'avatar--black': string;
+  'avatar--selected': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;