@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-workspaces-beta.0

package/lib/AlertSignFill.js

@@ -0,0 +1,17 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var AlertSignFill = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", { d: "M24.898 21.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 11.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z" }),
+		normalHover: /* @__PURE__ */ jsx("path", { d: "M24.898 19.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 13.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z" }),
+		xSmall: /* @__PURE__ */ jsx("path", { d: "M24.896 21.452v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 11.577a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z" }),
+		xSmallHover: /* @__PURE__ */ jsx("path", { d: "M24.896 18.926v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 14.103a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z" })
+	});
+};
+var AlertSignFill_default = AlertSignFill;
+export { AlertSignFill_default as t };
+
+//# sourceMappingURL=AlertSignFill.js.map

package/lib/AlertSignFill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertSignFill.js","names":["AlertSignFill: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/AlertSignFill.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst AlertSignFill: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M24.898 21.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 11.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M24.898 19.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 13.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M24.896 21.452v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 11.577a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M24.896 18.926v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 14.103a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default AlertSignFill;\n"],"mappings":";;;AAIA,IAAMA,iBAAyC,EAAE,MAAM,gBAAkD;AAiBvG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAfhC,oBAAC,QAAA,EAAK,GAAE,2LAAA,CAA4L;EAe5J,aAXxC,oBAAC,QAAA,EAAK,GAAE,2LAAA,CAA4L;EAW/I,QAPrD,oBAAC,QAAA,EAAK,GAAE,oLAAA,CAAqL;EAOhI,aAH7D,oBAAC,QAAA,EAAK,GAAE,oLAAA,CAAqL;EAGnH,CAAC;;AAG/E,IAAA,wBAAe"}

package/lib/AlertSignStroke.js

@@ -0,0 +1,17 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var AlertSignStroke = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", { d: "M24.003 31.578a1.394 1.394 0 100 2.788 1.394 1.394 0 000-2.788zm.098-20.19l14.687 26.735H9.227L24.1 11.388zm.008-2.929L6.816 39.541h34.367L24.109 8.459zm-.106 21.033c.494 0 .893-.4.893-.893v-7.228a.893.893 0 00-1.786 0v7.228c0 .493.4.893.893.893z" }),
+		normalHover: /* @__PURE__ */ jsx("path", { d: "M24.003 31.578a1.394 1.394 0 100 2.788 1.394 1.394 0 000-2.788zm.098-20.19l14.687 26.735H9.227L24.1 11.388zm.008-2.929L6.816 39.541h34.367L24.109 8.459zm-.106 19.033c.494 0 .893-.4.893-.893v-7.228a.893.893 0 00-1.786 0v7.228c0 .493.4.893.893.893z" }),
+		xSmall: /* @__PURE__ */ jsx("path", { d: "M24.003 31.562a1.39 1.39 0 100 2.782 1.39 1.39 0 000-2.782zm.097-20.147l14.656 26.678H9.258L24.1 11.415zm.008-2.923L6.853 39.508h34.294L24.108 8.492zm-.105 20.988c.492 0 .892-.399.892-.89v-7.213a.891.891 0 00-1.783 0v7.212c0 .492.4.891.891.891z" }),
+		xSmallHover: /* @__PURE__ */ jsx("path", { d: "M24.003 31.562a1.39 1.39 0 100 2.782 1.39 1.39 0 000-2.782zm.097-20.147l14.656 26.678H9.258L24.1 11.415zm.008-2.923L6.853 39.508h34.294L24.108 8.492zm-.105 18.462c.492 0 .892-.399.892-.891V18.85a.891.891 0 00-1.783 0v7.213c0 .492.4.891.891.891z" })
+	});
+};
+var AlertSignStroke_default = AlertSignStroke;
+export { AlertSignStroke_default as t };
+
+//# sourceMappingURL=AlertSignStroke.js.map

package/lib/AlertSignStroke.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertSignStroke.js","names":["AlertSignStroke: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/AlertSignStroke.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst AlertSignStroke: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M24.003 31.578a1.394 1.394 0 100 2.788 1.394 1.394 0 000-2.788zm.098-20.19l14.687 26.735H9.227L24.1 11.388zm.008-2.929L6.816 39.541h34.367L24.109 8.459zm-.106 21.033c.494 0 .893-.4.893-.893v-7.228a.893.893 0 00-1.786 0v7.228c0 .493.4.893.893.893z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M24.003 31.578a1.394 1.394 0 100 2.788 1.394 1.394 0 000-2.788zm.098-20.19l14.687 26.735H9.227L24.1 11.388zm.008-2.929L6.816 39.541h34.367L24.109 8.459zm-.106 19.033c.494 0 .893-.4.893-.893v-7.228a.893.893 0 00-1.786 0v7.228c0 .493.4.893.893.893z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M24.003 31.562a1.39 1.39 0 100 2.782 1.39 1.39 0 000-2.782zm.097-20.147l14.656 26.678H9.258L24.1 11.415zm.008-2.923L6.853 39.508h34.294L24.108 8.492zm-.105 20.988c.492 0 .892-.399.892-.89v-7.213a.891.891 0 00-1.783 0v7.212c0 .492.4.891.891.891z\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M24.003 31.562a1.39 1.39 0 100 2.782 1.39 1.39 0 000-2.782zm.097-20.147l14.656 26.678H9.258L24.1 11.415zm.008-2.923L6.853 39.508h34.294L24.108 8.492zm-.105 18.462c.492 0 .892-.399.892-.891V18.85a.891.891 0 00-1.783 0v7.213c0 .492.4.891.891.891z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default AlertSignStroke;\n"],"mappings":";;;AAIA,IAAMA,mBAA2C,EAAE,MAAM,gBAAkD;AAiBzG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAfhC,oBAAC,QAAA,EAAK,GAAE,0PAAA,CAA2P;EAe3N,aAXxC,oBAAC,QAAA,EAAK,GAAE,0PAAA,CAA2P;EAW9M,QAPrD,oBAAC,QAAA,EAAK,GAAE,wPAAA,CAAyP;EAOpM,aAH7D,oBAAC,QAAA,EAAK,GAAE,wPAAA,CAAyP;EAGvL,CAAC;;AAG/E,IAAA,0BAAe"}

package/lib/AnchorLink.js

@@ -0,0 +1,52 @@
+import { a as IconSize, n as AnalyticsId } from "./constants2.js";
+import { t as usePseudoClasses } from "./usePseudoClasses.js";
+import { t as getColor } from "./color.js";
+import { t as Icon_default } from "./Icon.js";
+import { t as ArrowUpRight_default } from "./ArrowUpRight.js";
+import React from "react";
+import cn from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import AnchorLinkStyles from "./components/AnchorLink/styles.module.scss";
+var AnchorLink = React.forwardRef((props, ref) => {
+	const { id, href, children, className, target = "_self", htmlMarkup = "a", onClick, testId } = props;
+	const external = target === "_blank";
+	const { refObject, isHovered } = usePseudoClasses(ref);
+	const anchorClasses = cn(AnchorLinkStyles.anchorlink, className);
+	const commonProps = {
+		id,
+		["data-testid"]: testId,
+		["data-analyticsid"]: AnalyticsId.AnchorLink,
+		onClick
+	};
+	const renderContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [children, external && /* @__PURE__ */ jsx(Icon_default, {
+		className: AnchorLinkStyles.anchorlink__icon,
+		svgIcon: ArrowUpRight_default,
+		color: getColor("blueberry", 600),
+		hoverColor: getColor("blueberry", 700),
+		size: IconSize.XSmall,
+		isHovered
+	})] });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [htmlMarkup === "a" && /* @__PURE__ */ jsx("a", {
+		href,
+		target,
+		className: anchorClasses,
+		rel: external ? "noopener noreferrer" : void 0,
+		ref: refObject,
+		...commonProps,
+		children: renderContent()
+	}), htmlMarkup === "button" && /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: AnchorLinkStyles["anchorlink-wrapper"],
+		ref: refObject,
+		...commonProps,
+		children: /* @__PURE__ */ jsx("span", {
+			className: anchorClasses,
+			children: renderContent()
+		})
+	})] });
+});
+AnchorLink.displayName = "AnchorLink";
+var AnchorLink_default$1 = AnchorLink;
+export { AnchorLink_default$1 as t };
+
+//# sourceMappingURL=AnchorLink.js.map

package/lib/AnchorLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorLink.js","names":[],"sources":["../src/components/AnchorLink/AnchorLink.tsx","../src/components/AnchorLink/index.ts"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys';\nimport Icon, { IconSize } from '../Icon';\nimport ArrowUpRight from '../Icons/ArrowUpRight';\n\nimport AnchorLinkStyles from './styles.module.scss';\n\nexport type AnchorLinkTargets = '_self' | '_blank' | '_parent';\n\nexport type AnchorLinkTags = 'a' | 'button';\n\nexport type AnchorLinkOnClickEvent =\n  | React.MouseEvent<HTMLElement, MouseEvent>\n  | React.FormEvent<unknown>\n  | React.KeyboardEvent<HTMLUListElement>\n  | null;\n\nexport interface AnchorLinkProps {\n  /** Sets the content of the <a> tag */\n  children: React.ReactNode;\n  /** URL to link to */\n  href?: string;\n  /** Gives a unique id to the anchor-link :) */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link */\n  target?: AnchorLinkTargets;\n  /** HTML markup for anchor link. Default: a */\n  htmlMarkup?: AnchorLinkTags;\n  /** Function that is called when clicked */\n  onClick?: (e?: AnchorLinkOnClickEvent) => void;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst AnchorLink = React.forwardRef<HTMLAnchorElement | HTMLButtonElement, AnchorLinkProps>((props, ref) => {\n  const { id, href, children, className, target = '_self', htmlMarkup = 'a', onClick, testId } = props;\n  const external = target === '_blank';\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement | HTMLAnchorElement>(\n    ref as React.RefObject<HTMLButtonElement | HTMLAnchorElement>\n  );\n  const anchorClasses = classNames(AnchorLinkStyles.anchorlink, className);\n\n  const commonProps = {\n    id,\n    ['data-testid']: testId,\n    ['data-analyticsid']: AnalyticsId.AnchorLink,\n    onClick,\n  };\n\n  const renderContent = (): React.ReactElement => (\n    <>\n      {children}\n      {external && (\n        <Icon\n          className={AnchorLinkStyles.anchorlink__icon}\n          svgIcon={ArrowUpRight}\n          color={getColor('blueberry', 600)}\n          hoverColor={getColor('blueberry', 700)}\n          size={IconSize.XSmall}\n          isHovered={isHovered}\n        />\n      )}\n    </>\n  );\n\n  return (\n    <>\n      {htmlMarkup === 'a' && (\n        <a\n          href={href}\n          target={target}\n          className={anchorClasses}\n          rel={external ? 'noopener noreferrer' : undefined}\n          ref={refObject as React.RefObject<HTMLAnchorElement>}\n          {...commonProps}\n        >\n          {renderContent()}\n        </a>\n      )}\n      {htmlMarkup === 'button' && (\n        <button\n          type=\"button\"\n          className={AnchorLinkStyles['anchorlink-wrapper']}\n          ref={refObject as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n        >\n          <span className={anchorClasses}>{renderContent()}</span>\n        </button>\n      )}\n    </>\n  );\n});\n\nAnchorLink.displayName = 'AnchorLink';\n\nexport default AnchorLink;\n","import AnchorLink from './AnchorLink';\nexport * from './AnchorLink';\nexport default AnchorLink;\n"],"mappings":";;;;;;;;;AAyCA,IAAM,aAAa,MAAM,YAAoE,OAAO,QAAQ;CAC1G,MAAM,EAAE,IAAI,MAAM,UAAU,WAAW,SAAS,SAAS,aAAa,KAAK,SAAS,WAAW;CAC/F,MAAM,WAAW,WAAW;CAC5B,MAAM,EAAE,WAAW,cAAc,iBAC/B,IACD;CACD,MAAM,gBAAgB,GAAW,iBAAiB,YAAY,UAAU;CAExE,MAAM,cAAc;EAClB;GACC,gBAAgB;GAChB,qBAAqB,YAAY;EAClC;EACD;CAED,MAAM,sBACJ,qBAAA,UAAA,EAAA,UAAA,CACG,UACA,YACC,oBAAC,cAAA;EACC,WAAW,iBAAiB;EAC5B,SAAS;EACT,OAAO,SAAS,aAAa,IAAI;EACjC,YAAY,SAAS,aAAa,IAAI;EACtC,MAAM,SAAS;EACJ;GACX,CAAA,EAAA,CAEH;AAGL,QACE,qBAAA,UAAA,EAAA,UAAA,CACG,eAAe,OACd,oBAAC,KAAA;EACO;EACE;EACR,WAAW;EACX,KAAK,WAAW,wBAAwB,KAAA;EACxC,KAAK;EACL,GAAI;YAEH,eAAe;GACd,EAEL,eAAe,YACd,oBAAC,UAAA;EACC,MAAK;EACL,WAAW,iBAAiB;EAC5B,KAAK;EACL,GAAI;YAEJ,oBAAC,QAAA;GAAK,WAAW;aAAgB,eAAe;IAAQ;GACjD,CAAA,EAAA,CAEV;EAEL;AAEF,WAAW,cAAc;AClGzB,IAAA,uBDoGe"}

package/lib/ArrowDown.js

@@ -0,0 +1,29 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ArrowDown = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(270,26.17,26.17)",
+			d: "M20.925 5.929l1.142 1.377L9.023 23.027h33.048v1.948H9.023l13.044 15.717-1.142 1.379-14.996-18.07z"
+		}),
+		normalHover: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(270,26.17,26.17)",
+			d: "M17.925 5.929l1.142 1.377L6.023 23.027h36.048v1.948H6.023l13.044 15.717-1.142 1.379-14.996-18.07z"
+		}),
+		xSmall: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(270,26.17,26.17)",
+			d: "M20.925 5.929l1.443 1.739-12.53 15.103h32.233v2.46H9.838l12.53 15.099-1.443 1.741-14.996-18.07z"
+		}),
+		xSmallHover: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(270,26.17,26.17)",
+			d: "M17.135 5.929l1.443 1.739-12.53 15.103h36.023v2.46H6.048l12.53 15.099-1.443 1.741-14.996-18.07z"
+		})
+	});
+};
+var ArrowDown_default = ArrowDown;
+export { ArrowDown_default as t };
+
+//# sourceMappingURL=ArrowDown.js.map

package/lib/ArrowDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDown.js","names":["ArrowDown: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/ArrowDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst ArrowDown: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      transform=\"rotate(270,26.17,26.17)\"\n      d=\"M20.925 5.929l1.142 1.377L9.023 23.027h33.048v1.948H9.023l13.044 15.717-1.142 1.379-14.996-18.07z\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      transform=\"rotate(270,26.17,26.17)\"\n      d=\"M17.925 5.929l1.142 1.377L6.023 23.027h36.048v1.948H6.023l13.044 15.717-1.142 1.379-14.996-18.07z\"\n    />\n  );\n\n  const xSmall = (\n    <path\n      transform=\"rotate(270,26.17,26.17)\"\n      d=\"M20.925 5.929l1.443 1.739-12.53 15.103h32.233v2.46H9.838l12.53 15.099-1.443 1.741-14.996-18.07z\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      transform=\"rotate(270,26.17,26.17)\"\n      d=\"M17.135 5.929l1.443 1.739-12.53 15.103h36.023v2.46H6.048l12.53 15.099-1.443 1.741-14.996-18.07z\"\n    />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default ArrowDown;\n"],"mappings":";;;AAIA,IAAMA,aAAqC,EAAE,MAAM,gBAAkD;AA6BnG,QAAO,QAAQ;EAAE;EAAM;EAAW,QA3BhC,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAwBsC,aApBxC,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAiBmD,QAbrD,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAU2D,aAN7D,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAGwE,CAAC;;AAG/E,IAAA,oBAAe"}

package/lib/ArrowRight.js

@@ -0,0 +1,17 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ArrowRight = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", { d: "m27.075 9.929-1.142 1.377 10.044 11.721H8.929v1.947h27.048L25.933 36.692l1.142 1.379L39.07 24 27.075 9.929Z" }),
+		normalHover: /* @__PURE__ */ jsx("path", { d: "m33.075 9.929-1.143 1.377 10.045 11.721H5.929v1.947h36.048L31.933 36.692l1.142 1.379L45.07 24 33.075 9.929Z" }),
+		xSmall: /* @__PURE__ */ jsx("path", { d: "m27.075 9.718-1.443 1.739L35.636 22.77H8.456v2.46h27.18L25.632 36.539l1.443 1.742 12.47-14.28-12.47-14.283Z" }),
+		xSmallHover: /* @__PURE__ */ jsx("path", { d: "m33.39 9.719-1.442 1.739 10.004 11.314H5.929v2.46h36.023L31.948 36.54l1.443 1.741 12.47-14.28L33.39 9.719Z" })
+	});
+};
+var ArrowRight_default = ArrowRight;
+export { ArrowRight_default as t };
+
+//# sourceMappingURL=ArrowRight.js.map

package/lib/ArrowRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.js","names":["ArrowRight: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/ArrowRight.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst ArrowRight: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = <path d=\"m27.075 9.929-1.142 1.377 10.044 11.721H8.929v1.947h27.048L25.933 36.692l1.142 1.379L39.07 24 27.075 9.929Z\" />;\n\n  const normalHover = (\n    <path d=\"m33.075 9.929-1.143 1.377 10.045 11.721H5.929v1.947h36.048L31.933 36.692l1.142 1.379L45.07 24 33.075 9.929Z\" />\n  );\n\n  const xSmall = <path d=\"m27.075 9.718-1.443 1.739L35.636 22.77H8.456v2.46h27.18L25.632 36.539l1.443 1.742 12.47-14.28-12.47-14.283Z\" />;\n\n  const xSmallHover = (\n    <path d=\"m33.39 9.719-1.442 1.739 10.004 11.314H5.929v2.46h36.023L31.948 36.54l1.443 1.741 12.47-14.28L33.39 9.719Z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default ArrowRight;\n"],"mappings":";;;AAIA,IAAMA,cAAsC,EAAE,MAAM,gBAA2C;AAa7F,QAAO,QAAQ;EAAE;EAAM;EAAW,QAZnB,oBAAC,QAAA,EAAK,GAAE,+GAAA,CAAgH;EAY7F,aATxC,oBAAC,QAAA,EAAK,GAAE,+GAAA,CAAgH;EASnE,QANxC,oBAAC,QAAA,EAAK,GAAE,+GAAA,CAAgH;EAMxE,aAH7D,oBAAC,QAAA,EAAK,GAAE,8GAAA,CAA+G;EAG7C,CAAC;;AAG/E,IAAA,qBAAe"}

package/lib/ArrowUp.js

@@ -0,0 +1,29 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ArrowUp = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(90,26.17,26.17)",
+			d: "M20.925 5.929l1.142 1.377L9.023 23.027h33.048v1.948H9.023l13.044 15.717-1.142 1.379-14.996-18.07z"
+		}),
+		normalHover: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(90,26.17,26.17)",
+			d: "M17.925 5.929l1.142 1.377L6.023 23.027h36.048v1.948H6.023l13.044 15.717-1.142 1.379-14.996-18.07z"
+		}),
+		xSmall: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(90,26.17,26.17)",
+			d: "M20.925 5.929l1.443 1.739-12.53 15.103h32.233v2.46H9.838l12.53 15.099-1.443 1.741-14.996-18.07z"
+		}),
+		xSmallHover: /* @__PURE__ */ jsx("path", {
+			transform: "rotate(90,26.17,26.17)",
+			d: "M17.135 5.929l1.443 1.739-12.53 15.103h36.023v2.46H6.048l12.53 15.099-1.443 1.741-14.996-18.07z"
+		})
+	});
+};
+var ArrowUp_default = ArrowUp;
+export { ArrowUp_default as t };
+
+//# sourceMappingURL=ArrowUp.js.map

package/lib/ArrowUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUp.js","names":["ArrowUp: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/ArrowUp.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst ArrowUp: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      transform=\"rotate(90,26.17,26.17)\"\n      d=\"M20.925 5.929l1.142 1.377L9.023 23.027h33.048v1.948H9.023l13.044 15.717-1.142 1.379-14.996-18.07z\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      transform=\"rotate(90,26.17,26.17)\"\n      d=\"M17.925 5.929l1.142 1.377L6.023 23.027h36.048v1.948H6.023l13.044 15.717-1.142 1.379-14.996-18.07z\"\n    />\n  );\n\n  const xSmall = (\n    <path\n      transform=\"rotate(90,26.17,26.17)\"\n      d=\"M20.925 5.929l1.443 1.739-12.53 15.103h32.233v2.46H9.838l12.53 15.099-1.443 1.741-14.996-18.07z\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      transform=\"rotate(90,26.17,26.17)\"\n      d=\"M17.135 5.929l1.443 1.739-12.53 15.103h36.023v2.46H6.048l12.53 15.099-1.443 1.741-14.996-18.07z\"\n    />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default ArrowUp;\n"],"mappings":";;;AAIA,IAAMA,WAAmC,EAAE,MAAM,gBAAkD;AA6BjG,QAAO,QAAQ;EAAE;EAAM;EAAW,QA3BhC,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAwBsC,aApBxC,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAiBmD,QAbrD,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAU2D,aAN7D,oBAAC,QAAA;GACC,WAAU;GACV,GAAE;IACF;EAGwE,CAAC;;AAG/E,IAAA,kBAAe"}

package/lib/ArrowUpRight.js

@@ -0,0 +1,17 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var ArrowUpRight = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", { d: "M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z" }),
+		normalHover: /* @__PURE__ */ jsx("path", { d: "M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z" }),
+		xSmall: /* @__PURE__ */ jsx("path", { d: "M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z" }),
+		xSmallHover: /* @__PURE__ */ jsx("path", { d: "M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z" })
+	});
+};
+var ArrowUpRight_default = ArrowUpRight;
+export { ArrowUpRight_default as t };
+
+//# sourceMappingURL=ArrowUpRight.js.map

package/lib/ArrowUpRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowUpRight.js","names":["ArrowUpRight: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/ArrowUpRight.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst ArrowUpRight: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = <path d=\"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z\" />;\n\n  const normalHover = <path d=\"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z\" />;\n\n  const xSmall = <path d=\"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z\" />;\n\n  const xSmallHover = <path d=\"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z\" />;\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default ArrowUpRight;\n"],"mappings":";;;AAIA,IAAMA,gBAAwC,EAAE,MAAM,gBAAkD;AAStG,QAAO,QAAQ;EAAE;EAAM;EAAW,QARnB,oBAAC,QAAA,EAAK,GAAE,4FAAA,CAA6F;EAQ1E,aANtB,oBAAC,QAAA,EAAK,GAAE,kGAAA,CAAmG;EAMxE,QAJxC,oBAAC,QAAA,EAAK,GAAE,yFAAA,CAA0F;EAIlD,aAF3C,oBAAC,QAAA,EAAK,GAAE,2FAAA,CAA4F;EAE5C,CAAC;;AAG/E,IAAA,uBAAe"}

package/lib/AsChildSlot.js

@@ -0,0 +1,64 @@
+import { n as mergeRefs } from "./refs.js";
+import React from "react";
+import styles from "./components/AsChildSlot/styles.module.scss";
+var isAriaDisabled = (v) => v === true || v === "true";
+const AsChildSlot = React.forwardRef(({ children, className, content, disabled, onSelect, ariaCurrent, elementRef }, forwardedRef) => {
+	const childElement = React.Children.toArray(children).filter(React.isValidElement)[0];
+	const nodeRef = React.useRef(null);
+	const childRef = childElement?.ref;
+	const mergedRef = mergeRefs([
+		(node) => {
+			nodeRef.current = node;
+		},
+		childRef,
+		elementRef
+	]);
+	const childProps = childElement?.props || {};
+	const childDisabled = !!childProps.disabled || isAriaDisabled(childProps["aria-disabled"]);
+	const isDisabled = !!disabled || childDisabled;
+	React.useImperativeHandle(forwardedRef, () => ({ click: () => {
+		if (isDisabled) return;
+		nodeRef.current?.click();
+	} }), [isDisabled]);
+	if (!childElement) return null;
+	const childOnClick = childProps.onClick;
+	const wrappedOnClick = (e) => {
+		if (isDisabled) {
+			e.preventDefault();
+			e.stopPropagation();
+			return;
+		}
+		onSelect?.(e);
+		childOnClick?.(e);
+	};
+	const childOnKeyDown = childProps.onKeyDown;
+	const wrappedOnKeyDown = (e) => {
+		childOnKeyDown?.(e);
+		if (e.defaultPrevented) return;
+		if (e.key === " " || e.key === "Spacebar" || e.code === "Space") {
+			if (isDisabled) {
+				e.preventDefault();
+				return;
+			}
+			e.preventDefault();
+			nodeRef.current?.click();
+		}
+	};
+	const isButtonLike = typeof childProps.href === "undefined";
+	return React.cloneElement(childElement, {
+		ref: mergedRef,
+		className: `${styles["as-child-reset"]} ${className ?? ""}`,
+		style: void 0,
+		"aria-disabled": isDisabled || void 0,
+		"aria-current": ariaCurrent,
+		...isButtonLike && !("type" in childProps) ? { type: "button" } : null,
+		onClick: wrappedOnClick,
+		onKeyDown: wrappedOnKeyDown,
+		children: content
+	});
+});
+AsChildSlot.displayName = "AsChildSlot";
+var AsChildSlot_default$1 = AsChildSlot;
+export { AsChildSlot as n, AsChildSlot_default$1 as t };
+
+//# sourceMappingURL=AsChildSlot.js.map

package/lib/AsChildSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsChildSlot.js","names":["wrappedOnClick: React.MouseEventHandler<HTMLElement>","wrappedOnKeyDown: React.KeyboardEventHandler<HTMLElement>"],"sources":["../src/components/AsChildSlot/AsChildSlot.tsx","../src/components/AsChildSlot/index.ts"],"sourcesContent":["import React from 'react';\n\nimport { mergeRefs } from '../../utils/refs';\n\nimport styles from './styles.module.scss';\n\nexport interface AsChildSlotHandle {\n  /** Click the child’s DOM node */\n  click: () => void;\n}\n\nexport interface AsChildSlotProps {\n  /** Pass one element/component that we will map to a DOM element (<a>, <button>, React Router <Link>) */\n  children?: React.ReactNode;\n  /** Class names to apply to the visible element */\n  className?: string;\n  /** Content to render inside the visible element - For example the text and icons of the parent component that renders AsChildSlot */\n  content?: React.ReactNode;\n  /** Disabled state passed down (merged with child’s disabled/aria-disabled) */\n  disabled?: boolean;\n  /** Called before the child’s onClick when visible */\n  onSelect?: (e: React.SyntheticEvent) => void;\n  /** Optional states to apply to the DOM element */\n  ariaCurrent?: 'page' | 'true';\n  /** DOM ref for the element we end up rendering */\n  elementRef?: React.Ref<HTMLElement>;\n}\n\nconst isAriaDisabled = (v: unknown): boolean => v === true || v === 'true';\n\nexport const AsChildSlot = React.forwardRef<AsChildSlotHandle, AsChildSlotProps>(\n  ({ children, className, content, disabled, onSelect, ariaCurrent, elementRef }, forwardedRef) => {\n    const childElement = React.Children.toArray(children).filter(React.isValidElement)[0] as React.ReactElement | undefined;\n    const nodeRef = React.useRef<HTMLElement | null>(null);\n    const childRef = (childElement as unknown as { ref?: React.Ref<HTMLElement> | undefined })?.ref;\n    const mergedRef = mergeRefs<HTMLElement>([\n      (node): void => {\n        nodeRef.current = node;\n      },\n      childRef,\n      elementRef,\n    ]);\n\n    const childProps =\n      (childElement?.props as Partial<React.DOMAttributes<HTMLElement>> &\n        Partial<React.AnchorHTMLAttributes<HTMLElement>> &\n        Partial<React.ButtonHTMLAttributes<HTMLElement>> & { disabled?: boolean; href?: unknown }) || {};\n    const childDisabled = !!childProps.disabled || isAriaDisabled((childProps as React.AriaAttributes)['aria-disabled']);\n    const isDisabled = !!disabled || childDisabled;\n\n    // Exposes a callable click() to the parents.\n    React.useImperativeHandle(\n      forwardedRef,\n      () => ({\n        click: (): void => {\n          if (isDisabled) return;\n          nodeRef.current?.click();\n        },\n      }),\n      [isDisabled]\n    );\n\n    if (!childElement) return null;\n\n    // Actual user mouse interaction\n    const childOnClick = childProps.onClick as React.MouseEventHandler<HTMLElement> | undefined;\n    const wrappedOnClick: React.MouseEventHandler<HTMLElement> = e => {\n      if (isDisabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      onSelect?.(e);\n      childOnClick?.(e);\n    };\n\n    // Actual user keyboard interaction\n    const childOnKeyDown = childProps.onKeyDown as React.KeyboardEventHandler<HTMLElement> | undefined;\n    const wrappedOnKeyDown: React.KeyboardEventHandler<HTMLElement> = e => {\n      childOnKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (e.key === ' ' || e.key === 'Spacebar' || e.code === 'Space') {\n        if (isDisabled) {\n          e.preventDefault();\n          return;\n        }\n        e.preventDefault();\n        nodeRef.current?.click();\n      }\n    };\n\n    const isButtonLike = typeof childProps.href === 'undefined';\n\n    return React.cloneElement(childElement, {\n      ref: mergedRef,\n      className: `${styles['as-child-reset']} ${className ?? ''}`,\n      style: undefined,\n      'aria-disabled': isDisabled || undefined,\n      'aria-current': ariaCurrent,\n      ...(isButtonLike && !('type' in childProps) ? { type: 'button' } : null),\n      onClick: wrappedOnClick,\n      onKeyDown: wrappedOnKeyDown,\n      children: content,\n    });\n  }\n);\n\nAsChildSlot.displayName = 'AsChildSlot';\n\nexport default AsChildSlot;\n","import AsChildSlot from './AsChildSlot';\nexport * from './AsChildSlot';\nexport default AsChildSlot;\n"],"mappings":";;;AA4BA,IAAM,kBAAkB,MAAwB,MAAM,QAAQ,MAAM;AAEpE,MAAa,cAAc,MAAM,YAC9B,EAAE,UAAU,WAAW,SAAS,UAAU,UAAU,aAAa,cAAc,iBAAiB;CAC/F,MAAM,eAAe,MAAM,SAAS,QAAQ,SAAS,CAAC,OAAO,MAAM,eAAe,CAAC;CACnF,MAAM,UAAU,MAAM,OAA2B,KAAK;CACtD,MAAM,WAAY,cAA0E;CAC5F,MAAM,YAAY,UAAuB;GACtC,SAAe;AACd,WAAQ,UAAU;;EAEpB;EACA;EACD,CAAC;CAEF,MAAM,aACH,cAAc,SAEiF,EAAE;CACpG,MAAM,gBAAgB,CAAC,CAAC,WAAW,YAAY,eAAgB,WAAoC,iBAAiB;CACpH,MAAM,aAAa,CAAC,CAAC,YAAY;AAGjC,OAAM,oBACJ,qBACO,EACL,aAAmB;AACjB,MAAI,WAAY;AAChB,UAAQ,SAAS,OAAO;IAE3B,GACD,CAAC,WAAW,CACb;AAED,KAAI,CAAC,aAAc,QAAO;CAG1B,MAAM,eAAe,WAAW;CAChC,MAAMA,kBAAuD,MAAK;AAChE,MAAI,YAAY;AACd,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;AACnB;;AAEF,aAAW,EAAE;AACb,iBAAe,EAAE;;CAInB,MAAM,iBAAiB,WAAW;CAClC,MAAMC,oBAA4D,MAAK;AACrE,mBAAiB,EAAE;AACnB,MAAI,EAAE,iBAAkB;AACxB,MAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,cAAc,EAAE,SAAS,SAAS;AAC/D,OAAI,YAAY;AACd,MAAE,gBAAgB;AAClB;;AAEF,KAAE,gBAAgB;AAClB,WAAQ,SAAS,OAAO;;;CAI5B,MAAM,eAAe,OAAO,WAAW,SAAS;AAEhD,QAAO,MAAM,aAAa,cAAc;EACtC,KAAK;EACL,WAAW,GAAG,OAAO,kBAAkB,GAAG,aAAa;EACvD,OAAO,KAAA;EACP,iBAAiB,cAAc,KAAA;EAC/B,gBAAgB;EAChB,GAAI,gBAAgB,EAAE,UAAU,cAAc,EAAE,MAAM,UAAU,GAAG;EACnE,SAAS;EACT,WAAW;EACX,UAAU;EACX,CAAC;EAEL;AAED,YAAY,cAAc;ACzG1B,IAAA,wBD2Ge"}

package/lib/Avatar.js

@@ -0,0 +1,31 @@
+import { a as IconSize, n as AnalyticsId } from "./constants2.js";
+import { t as palette } from "./palette.js";
+import { t as Icon_default } from "./Icon.js";
+import { t as Check_default } from "./Check.js";
+import React from "react";
+import cn from "classnames";
+import { jsx } from "react/jsx-runtime";
+import styles from "./components/Avatar/styles.module.scss";
+let AvatarSize = /* @__PURE__ */ function(AvatarSize$1) {
+	AvatarSize$1["xsmall"] = "xsmall";
+	AvatarSize$1["small"] = "small";
+	return AvatarSize$1;
+}({});
+var Avatar_default$1 = React.forwardRef(function AvatarForwardedRef(props, ref) {
+	const { children, className = "", selected = false, color = "blueberry", variant = "square", size = AvatarSize.small, testId } = props;
+	const truncatedName = children.charAt(0).toLocaleUpperCase() + children.substring(1, 2);
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(styles.avatar, selected && styles["avatar--selected"], color === "black" && styles["avatar--black"], variant === "circle" && styles["avatar--circle"], size === AvatarSize.xsmall && styles["avatar--xsmall"], size === AvatarSize.small && styles["avatar--small"], className),
+		ref,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.Avatar,
+		children: selected ? /* @__PURE__ */ jsx(Icon_default, {
+			svgIcon: Check_default,
+			size: IconSize.Small,
+			color: color === "black" ? palette.neutral900 : palette.blueberry600
+		}) : truncatedName
+	});
+});
+export { AvatarSize as n, Avatar_default$1 as t };
+
+//# sourceMappingURL=Avatar.js.map

package/lib/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":["Avatar: AvatarType"],"sources":["../src/components/Avatar/Avatar.tsx","../src/components/Avatar/index.ts"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { palette } from '../../theme/palette';\nimport Icon, { IconSize } from '../Icon';\nimport Check from '../Icons/Check';\n\nimport styles from './styles.module.scss';\n\nexport enum AvatarSize {\n  xsmall = 'xsmall',\n  small = 'small',\n}\n\nexport interface AvatarProps {\n  /** Name to display in the avatar. Will be truncated to the first two characters. */\n  children: string;\n  /** Displays a check icon to indicated the selected state. */\n  selected?: boolean;\n  /** Sets blue or black color on avatar. */\n  color?: 'blueberry' | 'black';\n  /** Square or circle variant of avatar. The circle should only be used for representation of someone else. NB: This is temporary and will be renamed in v10 */\n  variant?: 'square' | 'circle';\n  /** Avatar size. Default: small */\n  size?: keyof typeof AvatarSize;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\nexport type AvatarType = React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>;\nconst Avatar: AvatarType = React.forwardRef(function AvatarForwardedRef(props: AvatarProps, ref: React.ForwardedRef<HTMLElement>) {\n  const { children, className = '', selected = false, color = 'blueberry', variant = 'square', size = AvatarSize.small, testId } = props;\n  const truncatedName = children.charAt(0).toLocaleUpperCase() + children.substring(1, 2);\n  return (\n    <span\n      className={cn(\n        styles.avatar,\n        selected && styles['avatar--selected'],\n        color === 'black' && styles['avatar--black'],\n        variant === 'circle' && styles['avatar--circle'],\n        size === AvatarSize.xsmall && styles['avatar--xsmall'],\n        size === AvatarSize.small && styles['avatar--small'],\n        className\n      )}\n      ref={ref}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Avatar}\n    >\n      {selected ? (\n        <Icon svgIcon={Check} size={IconSize.Small} color={color === 'black' ? palette.neutral900 : palette.blueberry600} />\n      ) : (\n        truncatedName\n      )}\n    </span>\n  );\n});\n\nexport default Avatar;\n","import Avatar from './Avatar';\nexport * from './Avatar';\nexport default Avatar;\n"],"mappings":";;;;;;;;AAWA,IAAY,aAAA,yBAAA,cAAL;AACL,cAAA,YAAA;AACA,cAAA,WAAA;;;ACXF,IAAA,mBD+B2B,MAAM,WAAW,SAAS,mBAAmB,OAAoB,KAAsC;CAChI,MAAM,EAAE,UAAU,YAAY,IAAI,WAAW,OAAO,QAAQ,aAAa,UAAU,UAAU,OAAO,WAAW,OAAO,WAAW;CACjI,MAAM,gBAAgB,SAAS,OAAO,EAAE,CAAC,mBAAmB,GAAG,SAAS,UAAU,GAAG,EAAE;AACvF,QACE,oBAAC,QAAA;EACC,WAAW,GACT,OAAO,QACP,YAAY,OAAO,qBACnB,UAAU,WAAW,OAAO,kBAC5B,YAAY,YAAY,OAAO,mBAC/B,SAAS,WAAW,UAAU,OAAO,mBACrC,SAAS,WAAW,SAAS,OAAO,kBACpC,UACD;EACI;EACL,eAAa;EACb,oBAAkB,YAAY;YAE7B,WACC,oBAAC,cAAA;GAAK,SAAS;GAAO,MAAM,SAAS;GAAO,OAAO,UAAU,UAAU,QAAQ,aAAa,QAAQ;IAAgB,GAEpH;GAEG;EAET"}