@pantheon-systems/pds-toolkit-react 2.0.0-beta.11 → 2.0.0-beta.12

package/dist/index.js

@@ -1313,6 +1313,17 @@ var ut = Object.create, dt = Object.defineProperty, ft = Object.getOwnPropertyDe
 		svgPathData: "M128 64A64 64 0 1 0 0 64 64 64 0 1 0 128 64zm0 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zM0 448c0 35.3 28.7 64 64 64s64-28.7 64-64-28.7-64-64-64-64 28.7-64 64zM320 64a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zM192 256a64 64 0 1 0 128 0 64 64 0 1 0 -128 0zM320 448c0-35.3-28.7-64-64-64s-64 28.7-64 64 28.7 64 64 64 64-28.7 64-64z",
 		width: 320
 	},
+	handWave: {
+		aliases: [
+			"hello",
+			"discovery",
+			"hand"
+		],
+		categories: ["communication", "objects"],
+		height: 512,
+		svgPathData: "M376.2 67.4L375 58.9c-2.5-17.6-16.3-31.4-33.9-33.9l-8.5-1.2c-13.1-1.9-22.2-14-20.4-27.2s14-22.2 27.2-20.4l8.5 1.2c38.7 5.5 69.1 36 74.7 74.7l1.2 8.5c1.9 13.1-7.2 25.3-20.4 27.2s-25.3-7.2-27.2-20.4zM112 68.7c17.9-17.9 43.8-23 66.2-15.2 3.1-6.8 7.4-13.1 13-18.7 25-25 65.5-25 90.5 0L400 153 400 147.9c0-35.3 28.7-64 64-64s64 28.7 64 64l0 157.7c0 1.6 0 3.1-.1 4.7 0 .6 .1 1.1 .1 1.7 0 109.9-88.7 199.2-198.5 200l-.5 0-7.6 0c-53 0-103.9-21.1-141.4-58.6L66.7 340.2c-25-25-25-65.5 0-90.5 3.9-3.9 8.2-7.2 12.7-9.9l-1.4-1.4c-25-25-25-65.5 0-90.5 5.6-5.6 11.9-9.9 18.7-13-7.7-22.4-2.7-48.3 15.2-66.2zm79.3 56.7l-.1-.1-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l22.5 22.5 .1 .1 96.2 96.2c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-96.1-96.1-.1-.1c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.4 0 22.6l39.5 39.5 .1 .1 56.6 56.6c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-50.8-50.8-.1-.1c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L213.9 419.5C242.4 448 281.1 464 321.4 464l7.5 0c82.8-.5 149.9-67.1 151.1-149.8-.1-1-.1-2.1-.1-3.1 .1-1.8 .1-3.6 .1-5.5l0-157.7c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 63.1c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2L247.8 68.7c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.3-.1 22.6l96.2 96.2c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-96.1-96.1zM28.6 376.2c13.1-1.9 25.3 7.2 27.2 20.4l1.2 8.5c2.5 17.6 16.3 31.4 33.9 33.9l8.5 1.2c13.1 1.9 22.2 14 20.4 27.2s-14 22.2-27.2 20.4l-8.5-1.2C45.4 481 15 450.6 9.5 411.9l-1.2-8.5c-1.9-13.1 7.2-25.3 20.4-27.2z",
+		width: 576
+	},
 	heart: {
 		aliases: [
 			"favorite",
@@ -1982,6 +1993,18 @@ var ut = Object.create, dt = Object.defineProperty, ft = Object.getOwnPropertyDe
 		svgPathData: "M391.5 53.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L448 96 469.2 152.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L512 96 568.5 74.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L512 32 490.8-24.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L448 32 391.5 53.2zM167.9 208.5l24.1-52.1 24.1 52.1c4.8 10.4 13.1 18.7 23.5 23.5l52.1 24.1-52.1 24.1c-10.4 4.8-18.7 13.1-23.5 23.5l-24.1 52.1-24.1-52.1c-4.8-10.4-13.1-18.7-23.5-23.5L92.3 256 144.5 231.9c10.4-4.8 18.7-13.1 23.5-23.5zM165.6 99.1l-41.2 89.3-89.3 41.2-.6 .3c-3.9 1.8-12.3 5.7-25.2 11.6-5.7 2.6-9.3 8.3-9.3 14.5s3.6 11.9 9.3 14.5c12.9 5.9 21.2 9.8 25.2 11.6l.6 .3 89.3 41.2 41.2 89.3 .3 .6c1.8 3.9 5.7 12.3 11.6 25.2 2.6 5.7 8.3 9.3 14.5 9.3s11.9-3.6 14.5-9.3c14.4-31.1 15.1-32.7 53.1-115l89.3-41.2 .6-.3c3.9-1.8 12.3-5.7 25.2-11.6 5.7-2.6 9.3-8.3 9.3-14.5s-3.6-11.9-9.3-14.5c-31.1-14.4-32.7-15.1-115-53.1l-41.2-89.3-.3-.6c-1.8-3.9-5.7-12.3-11.6-25.2-2.6-5.7-8.3-9.3-14.5-9.3s-11.9 3.6-14.5 9.3c-13.8 29.8-11.5 25-11.9 25.8zM416 416l-56.5 21.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 480 437.2 536.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 480 536.5 458.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 416 458.8 359.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 416z",
 		width: 576
 	},
+	sparklesSolid: {
+		aliases: [
+			"ai",
+			"magic",
+			"new",
+			"highlight"
+		],
+		categories: ["actions", "development"],
+		height: 512,
+		svgPathData: "M391.5 53.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L448 96 469.2 152.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L512 96 568.5 74.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L512 32 490.8-24.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L448 32 391.5 53.2zm-185 20.1c-2.6-5.7-8.3-9.3-14.5-9.3s-11.9 3.6-14.5 9.3l-53.1 115-115 53.1C3.6 244.1 0 249.8 0 256s3.6 11.9 9.3 14.5l115 53.1 53.1 115c2.6 5.7 8.3 9.3 14.5 9.3s11.9-3.6 14.5-9.3l53.1-115 115-53.1c5.7-2.6 9.3-8.3 9.3-14.5s-3.6-11.9-9.3-14.5l-115-53.1-53.1-115zM416 416l-56.5 21.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 480 437.2 536.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 480 536.5 458.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 416 458.8 359.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 416z",
+		width: 576
+	},
 	squareCheck: {
 		aliases: [
 			"checkbox",
@@ -2402,7 +2425,7 @@ var ut = Object.create, dt = Object.defineProperty, ft = Object.getOwnPropertyDe
 		svgPathData: "M0 291.5748L240.7741 0L212.7775 227.4007H373.76L131.586 512L166.5823 291.5748H0Z",
 		width: 374
 	}
-}, wt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.files.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.list.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.rectanglesMixed.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube.zappy".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "xl", style: a, verticalAlign: o = "middle", ...s }) => {
+}, wt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.files.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.handWave.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.list.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.rectanglesMixed.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.sparklesSolid.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube.zappy".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "xl", style: a, verticalAlign: o = "middle", ...s }) => {
 	let c = "pds-icon", l = `${c} ${c}--${i} ${c}--${r}`, u = Ct[r], d = `0 0 ${u.width} ${u.height}`, f = r in St ? St[r] : null, p;
 	if (f?.type === "complex") p = f.render();
 	else {
@@ -4202,7 +4225,7 @@ var dr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
-	discovery: "squareQuestion",
+	discovery: "handWave",
 	code: "squareTerminal",
 	earlyAccess: "leaf"
 }, xr = ({ children: t, className: n, headingLevel: r = "span", title: i, type: a = "info", typeLabels: o = {
@@ -11493,7 +11516,7 @@ var ei = {
 	info: "circleInfo",
 	warning: "triangleExclamation",
 	critical: "diamondExclamation",
-	discovery: "bullhorn"
+	discovery: "handWave"
 }, Ba = 200, Va = 50, Ha = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
 	...Wn,
 	neutral: "Notice"
@@ -11613,61 +11636,67 @@ var ei = {
 	warning: "triangleExclamation",
 	success: "circleCheck",
 	critical: "diamondExclamation",
-	discovery: "squareQuestion"
-}, Ka = ({ className: t, ctaButton: n, ctaIcon: r, dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, secondaryCta: l, title: u, type: f = "info", typeLabels: p = Wn, ...m }) => {
-	let h = g(null), _ = g(void 0), v = "pds-section-message", y = {
-		error: `${v}--error`,
-		success: `${v}--success`,
-		warning: `${v}--warning`,
-		info: `${v}--info`,
-		critical: `${v}--critical`,
-		discovery: `${v}--discovery`,
-		dismissing: `${v}--dismissing`,
-		dismissed: `${v}--dismissed`
-	}, b = o ? `${v}--hasDismiss` : null, x = u ? `${v}--hasTitle` : null, S = f === "critical" ? "alert" : "status", C = `${p[f]}: `, w = typeof s == "string" ? /* @__PURE__ */ e.createElement("p", null, s) : s;
+	discovery: "handWave"
+}, Ka = ({ badgeIcon: t, badgeLabel: n, className: r, ctaButton: i, ctaIcon: a, dismissLabel: o = "Dismiss", id: s, isDismissible: c, message: l, onDismiss: u, secondaryCta: f, title: p, type: m = "info", typeLabels: h = Wn, ..._ }) => {
+	let v = g(null), y = g(void 0), b = "pds-section-message", x = {
+		error: `${b}--error`,
+		success: `${b}--success`,
+		warning: `${b}--warning`,
+		info: `${b}--info`,
+		critical: `${b}--critical`,
+		discovery: `${b}--discovery`,
+		dismissing: `${b}--dismissing`,
+		dismissed: `${b}--dismissed`
+	}, S = c ? `${b}--hasDismiss` : null, C = p ? `${b}--hasTitle` : null, w = m === "critical" ? "alert" : "status", T = `${h[m]}: `, E = typeof l == "string" ? /* @__PURE__ */ e.createElement("p", null, l) : l;
 	d(() => () => {
-		_.current && clearTimeout(_.current);
+		y.current && clearTimeout(y.current);
 	}, []);
-	let T = () => {
-		h.current?.addEventListener("animationend", E, { once: !0 });
-	}, E = (e) => {
-		c?.(e, a);
-	}, D = () => {
-		T(), h.current?.classList.toggle(y.dismissing), _.current = setTimeout(() => {
-			h.current && (h.current.classList.toggle(y.dismissing), h.current.classList.toggle(y.dismissed));
+	let D = () => {
+		v.current?.addEventListener("animationend", O, { once: !0 });
+	}, O = (e) => {
+		u?.(e, s);
+	}, k = () => {
+		D(), v.current?.classList.toggle(x.dismissing), y.current = setTimeout(() => {
+			v.current && (v.current.classList.toggle(x.dismissing), v.current.classList.toggle(x.dismissed));
 		}, 400);
 	};
 	return /* @__PURE__ */ e.createElement("div", {
-		ref: h,
+		ref: v,
 		className: Z([
-			v,
-			y[f],
 			b,
-			x,
-			t ?? ""
+			x[m],
+			S,
+			C,
+			r ?? ""
 		]),
-		id: a,
-		role: S,
-		...m
-	}, /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${f}` }, /* @__PURE__ */ e.createElement(Q, {
-		iconName: `${f}` in Ga ? Ga[f] : Ga.info,
+		id: s,
+		role: w,
+		..._
+	}, /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__icon ${b}__icon-${m}` }, /* @__PURE__ */ e.createElement(Q, {
+		iconName: `${m}` in Ga ? Ga[m] : Ga.info,
 		size: "xl"
-	})), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), u && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, u), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, w))), (n || l || o) && /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, l && /* @__PURE__ */ e.createElement(Mn, {
+	})), /* @__PURE__ */ e.createElement("div", { className: `${b}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, T), p && /* @__PURE__ */ e.createElement("div", { className: `${b}__header` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__title` }, p), n && /* @__PURE__ */ e.createElement(Et, {
+		className: `${b}__badge`,
+		color: m,
+		iconName: t,
+		label: n,
+		size: "s"
+	})), /* @__PURE__ */ e.createElement("div", { className: `${b}__message` }, E))), (i || f || c) && /* @__PURE__ */ e.createElement("div", { className: `${b}__actions` }, f && /* @__PURE__ */ e.createElement(Mn, {
 		variant: "link",
-		...l,
-		className: `${v}__secondary`,
+		...f,
+		className: `${b}__secondary`,
 		size: "s"
-	}), n && /* @__PURE__ */ e.createElement(Mn, {
-		...n,
-		className: `${v}__cta`,
-		displayType: r ? "icon-start" : n.displayType,
-		iconName: r ?? n.iconName,
+	}), i && /* @__PURE__ */ e.createElement(Mn, {
+		...i,
+		className: `${b}__cta`,
+		displayType: a ? "icon-start" : i.displayType,
+		iconName: a ?? i.iconName,
 		size: "s",
 		variant: "secondary"
-	}), o && /* @__PURE__ */ e.createElement(Ln, {
-		ariaLabel: i,
-		className: `${v}__dismiss`,
-		onClick: D,
+	}), c && /* @__PURE__ */ e.createElement(Ln, {
+		ariaLabel: o,
+		className: `${b}__dismiss`,
+		onClick: k,
 		size: "m"
 	})));
 }, qa = 3e4, Ja = {