@ultraviolet/plus 0.21.6 → 0.21.8

package/dist/components/FAQ/index.cjs

@@ -2,10 +2,28 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
-const icons = require("@ultraviolet/icons");
+const ProductIcon = require("@ultraviolet/icons/product");
 const ui = require("@ultraviolet/ui");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === "object" && "default" in e) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const ProductIcon__namespace = /* @__PURE__ */ _interopNamespaceCompat(ProductIcon);
 const StyledCard = /* @__PURE__ */ _styled__default.default(ui.Card, process.env.NODE_ENV === "production" ? {
   target: "ebaosvo0"
 } : {
@@ -13,24 +31,27 @@ const StyledCard = /* @__PURE__ */ _styled__default.default(ui.Card, process.env
   label: "StyledCard"
 })("padding:", ({
   theme
-}) => theme.space["2"], ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRkFRL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9GQVEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBQcm9kdWN0SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IEJ1bGxldCwgQ2FyZCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZClgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5gXG5cbnR5cGUgRkFRUHJvcHMgPSB7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmdcbiAgcHJvZHVjdEljb25OYW1lPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIFByb2R1Y3RJY29uPlsnbmFtZSddXG4gIGlsbHVzdHJhdGlvblRleHQ/OiBudW1iZXIgfCBzdHJpbmdcbiAgbm90ZXM/OiBzdHJpbmdcbiAgdGl0bGU6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRkFRID0gKHtcbiAgcHJvZHVjdEljb25OYW1lLFxuICBpbGx1c3RyYXRpb25UZXh0LFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIG5vdGVzLFxufTogRkFRUHJvcHMpID0+IChcbiAgPFN0eWxlZENhcmQ+XG4gICAgPFN0YWNrIGdhcD17Mn0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICA8ZGl2PlxuICAgICAgICB7IXByb2R1Y3RJY29uTmFtZSAmJiBpbGx1c3RyYXRpb25UZXh0ID8gKFxuICAgICAgICAgIDxCdWxsZXQgc2VudGltZW50PVwicHJpbWFyeVwiIHRleHQ9e2lsbHVzdHJhdGlvblRleHQudG9TdHJpbmcoKX0gLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtwcm9kdWN0SWNvbk5hbWUgPyAoXG4gICAgICAgICAgPFByb2R1Y3RJY29uIG5hbWU9e3Byb2R1Y3RJY29uTmFtZX0gc2l6ZT1cInhsYXJnZVwiIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2PlxuICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBhcz1cImRpdlwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAge25vdGVzID8gKFxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImNhcHRpb25cIiBhcz1cInNtYWxsXCIgaXRhbGljPlxuICAgICAgICAgICAgICB7bm90ZXN9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvU3RhY2s+XG4gIDwvU3R5bGVkQ2FyZD5cbilcbiJdfQ== */"));
+}) => theme.space["2"], ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRkFRL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9GQVEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgKiBhcyBQcm9kdWN0SWNvbiBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMvcHJvZHVjdCdcbmltcG9ydCB7IEJ1bGxldCwgQ2FyZCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFBhc2NhbFRvQ2FtZWxDYXNlV2l0aG91dFN1ZmZpeCB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuYFxuXG50eXBlIEZBUVByb3BzID0ge1xuICBkZXNjcmlwdGlvbjogc3RyaW5nXG4gIHByb2R1Y3RJY29uTmFtZT86IFBhc2NhbFRvQ2FtZWxDYXNlV2l0aG91dFN1ZmZpeDxcbiAgICBrZXlvZiB0eXBlb2YgUHJvZHVjdEljb24sXG4gICAgJ1Byb2R1Y3RJY29uJ1xuICA+XG4gIGlsbHVzdHJhdGlvblRleHQ/OiBudW1iZXIgfCBzdHJpbmdcbiAgbm90ZXM/OiBzdHJpbmdcbiAgdGl0bGU6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRkFRID0gKHtcbiAgcHJvZHVjdEljb25OYW1lLFxuICBpbGx1c3RyYXRpb25UZXh0LFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIG5vdGVzLFxufTogRkFRUHJvcHMpID0+IHtcbiAgY29uc3QgUHJvZHVjdEljb25Vc2VkID0gcHJvZHVjdEljb25OYW1lXG4gICAgPyBQcm9kdWN0SWNvbltcbiAgICAgICAgYCR7XG4gICAgICAgICAgcHJvZHVjdEljb25OYW1lLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgcHJvZHVjdEljb25OYW1lLnNsaWNlKDEpXG4gICAgICAgIH1JY29uYCBhcyBrZXlvZiB0eXBlb2YgUHJvZHVjdEljb25cbiAgICAgIF1cbiAgICA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkPlxuICAgICAgPFN0YWNrIGdhcD17Mn0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgeyFwcm9kdWN0SWNvbk5hbWUgJiYgaWxsdXN0cmF0aW9uVGV4dCA/IChcbiAgICAgICAgICAgIDxCdWxsZXQgc2VudGltZW50PVwicHJpbWFyeVwiIHRleHQ9e2lsbHVzdHJhdGlvblRleHQudG9TdHJpbmcoKX0gLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICB7UHJvZHVjdEljb25Vc2VkID8gPFByb2R1Y3RJY29uVXNlZCBzaXplPVwieGxhcmdlXCIgLz4gOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCBhcz1cImRpdlwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIHtub3RlcyA/IChcbiAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImNhcHRpb25cIiBhcz1cInNtYWxsXCIgaXRhbGljPlxuICAgICAgICAgICAgICAgIHtub3Rlc31cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9TdHlsZWRDYXJkPlxuICApXG59XG4iXX0= */"));
 const FAQ = ({
   productIconName,
   illustrationText,
   title,
   description,
   notes
-}) => /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 2, direction: "row", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    !productIconName && illustrationText ? /* @__PURE__ */ jsxRuntime.jsx(ui.Bullet, { sentiment: "primary", text: illustrationText.toString() }) : null,
-    productIconName ? /* @__PURE__ */ jsxRuntime.jsx(icons.ProductIcon, { name: productIconName, size: "xlarge" }) : null
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", variant: "bodyStronger", prominence: "strong", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "div", variant: "bodySmall", children: [
-      description,
-      notes ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { variant: "caption", as: "small", italic: true, children: notes }) : null
+}) => {
+  const ProductIconUsed = productIconName ? ProductIcon__namespace[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}Icon`] : null;
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 2, direction: "row", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      !productIconName && illustrationText ? /* @__PURE__ */ jsxRuntime.jsx(ui.Bullet, { sentiment: "primary", text: illustrationText.toString() }) : null,
+      ProductIconUsed ? /* @__PURE__ */ jsxRuntime.jsx(ProductIconUsed, { size: "xlarge" }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", variant: "bodyStronger", prominence: "strong", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { as: "div", variant: "bodySmall", children: [
+        description,
+        notes ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { variant: "caption", as: "small", italic: true, children: notes }) : null
+      ] })
     ] })
-  ] })
-] }) });
+  ] }) });
+};
 exports.FAQ = FAQ;

package/dist/components/FAQ/index.d.ts

@@ -1,8 +1,8 @@
-import { ProductIcon } from '@ultraviolet/icons';
-import type { ComponentProps } from 'react';
+import * as ProductIcon from '@ultraviolet/icons/product';
+import type { PascalToCamelCaseWithoutSuffix } from '../../types';
 type FAQProps = {
     description: string;
-    productIconName?: ComponentProps<typeof ProductIcon>['name'];
+    productIconName?: PascalToCamelCaseWithoutSuffix<keyof typeof ProductIcon, 'ProductIcon'>;
     illustrationText?: number | string;
     notes?: string;
     title: string;

package/dist/components/FAQ/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
-import { ProductIcon } from "@ultraviolet/icons";
+import * as ProductIcon from "@ultraviolet/icons/product";
 import { Card, Stack, Bullet, Text } from "@ultraviolet/ui";
 const StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? {
   target: "ebaosvo0"
@@ -9,26 +9,29 @@ const StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "produ
   label: "StyledCard"
 })("padding:", ({
   theme
-}) => theme.space["2"], ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRkFRL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9GQVEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBQcm9kdWN0SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IEJ1bGxldCwgQ2FyZCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IFN0eWxlZENhcmQgPSBzdHlsZWQoQ2FyZClgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5gXG5cbnR5cGUgRkFRUHJvcHMgPSB7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmdcbiAgcHJvZHVjdEljb25OYW1lPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIFByb2R1Y3RJY29uPlsnbmFtZSddXG4gIGlsbHVzdHJhdGlvblRleHQ/OiBudW1iZXIgfCBzdHJpbmdcbiAgbm90ZXM/OiBzdHJpbmdcbiAgdGl0bGU6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRkFRID0gKHtcbiAgcHJvZHVjdEljb25OYW1lLFxuICBpbGx1c3RyYXRpb25UZXh0LFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIG5vdGVzLFxufTogRkFRUHJvcHMpID0+IChcbiAgPFN0eWxlZENhcmQ+XG4gICAgPFN0YWNrIGdhcD17Mn0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICA8ZGl2PlxuICAgICAgICB7IXByb2R1Y3RJY29uTmFtZSAmJiBpbGx1c3RyYXRpb25UZXh0ID8gKFxuICAgICAgICAgIDxCdWxsZXQgc2VudGltZW50PVwicHJpbWFyeVwiIHRleHQ9e2lsbHVzdHJhdGlvblRleHQudG9TdHJpbmcoKX0gLz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtwcm9kdWN0SWNvbk5hbWUgPyAoXG4gICAgICAgICAgPFByb2R1Y3RJY29uIG5hbWU9e3Byb2R1Y3RJY29uTmFtZX0gc2l6ZT1cInhsYXJnZVwiIC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2PlxuICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICA8VGV4dCBhcz1cImRpdlwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAge25vdGVzID8gKFxuICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImNhcHRpb25cIiBhcz1cInNtYWxsXCIgaXRhbGljPlxuICAgICAgICAgICAgICB7bm90ZXN9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvU3RhY2s+XG4gIDwvU3R5bGVkQ2FyZD5cbilcbiJdfQ== */"));
+}) => theme.space["2"], ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRkFRL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9GQVEvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgKiBhcyBQcm9kdWN0SWNvbiBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMvcHJvZHVjdCdcbmltcG9ydCB7IEJ1bGxldCwgQ2FyZCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFBhc2NhbFRvQ2FtZWxDYXNlV2l0aG91dFN1ZmZpeCB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkKENhcmQpYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuYFxuXG50eXBlIEZBUVByb3BzID0ge1xuICBkZXNjcmlwdGlvbjogc3RyaW5nXG4gIHByb2R1Y3RJY29uTmFtZT86IFBhc2NhbFRvQ2FtZWxDYXNlV2l0aG91dFN1ZmZpeDxcbiAgICBrZXlvZiB0eXBlb2YgUHJvZHVjdEljb24sXG4gICAgJ1Byb2R1Y3RJY29uJ1xuICA+XG4gIGlsbHVzdHJhdGlvblRleHQ/OiBudW1iZXIgfCBzdHJpbmdcbiAgbm90ZXM/OiBzdHJpbmdcbiAgdGl0bGU6IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgRkFRID0gKHtcbiAgcHJvZHVjdEljb25OYW1lLFxuICBpbGx1c3RyYXRpb25UZXh0LFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIG5vdGVzLFxufTogRkFRUHJvcHMpID0+IHtcbiAgY29uc3QgUHJvZHVjdEljb25Vc2VkID0gcHJvZHVjdEljb25OYW1lXG4gICAgPyBQcm9kdWN0SWNvbltcbiAgICAgICAgYCR7XG4gICAgICAgICAgcHJvZHVjdEljb25OYW1lLmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgcHJvZHVjdEljb25OYW1lLnNsaWNlKDEpXG4gICAgICAgIH1JY29uYCBhcyBrZXlvZiB0eXBlb2YgUHJvZHVjdEljb25cbiAgICAgIF1cbiAgICA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkPlxuICAgICAgPFN0YWNrIGdhcD17Mn0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgeyFwcm9kdWN0SWNvbk5hbWUgJiYgaWxsdXN0cmF0aW9uVGV4dCA/IChcbiAgICAgICAgICAgIDxCdWxsZXQgc2VudGltZW50PVwicHJpbWFyeVwiIHRleHQ9e2lsbHVzdHJhdGlvblRleHQudG9TdHJpbmcoKX0gLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICB7UHJvZHVjdEljb25Vc2VkID8gPFByb2R1Y3RJY29uVXNlZCBzaXplPVwieGxhcmdlXCIgLz4gOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCBhcz1cImRpdlwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIHtub3RlcyA/IChcbiAgICAgICAgICAgICAgPFRleHQgdmFyaWFudD1cImNhcHRpb25cIiBhcz1cInNtYWxsXCIgaXRhbGljPlxuICAgICAgICAgICAgICAgIHtub3Rlc31cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9TdHlsZWRDYXJkPlxuICApXG59XG4iXX0= */"));
 const FAQ = ({
   productIconName,
   illustrationText,
   title,
   description,
   notes
-}) => /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Stack, { gap: 2, direction: "row", children: [
-  /* @__PURE__ */ jsxs("div", { children: [
-    !productIconName && illustrationText ? /* @__PURE__ */ jsx(Bullet, { sentiment: "primary", text: illustrationText.toString() }) : null,
-    productIconName ? /* @__PURE__ */ jsx(ProductIcon, { name: productIconName, size: "xlarge" }) : null
-  ] }),
-  /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(Text, { as: "p", variant: "bodyStronger", prominence: "strong", children: title }),
-    /* @__PURE__ */ jsxs(Text, { as: "div", variant: "bodySmall", children: [
-      description,
-      notes ? /* @__PURE__ */ jsx(Text, { variant: "caption", as: "small", italic: true, children: notes }) : null
+}) => {
+  const ProductIconUsed = productIconName ? ProductIcon[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}Icon`] : null;
+  return /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Stack, { gap: 2, direction: "row", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      !productIconName && illustrationText ? /* @__PURE__ */ jsx(Bullet, { sentiment: "primary", text: illustrationText.toString() }) : null,
+      ProductIconUsed ? /* @__PURE__ */ jsx(ProductIconUsed, { size: "xlarge" }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Text, { as: "p", variant: "bodyStronger", prominence: "strong", children: title }),
+      /* @__PURE__ */ jsxs(Text, { as: "div", variant: "bodySmall", children: [
+        description,
+        notes ? /* @__PURE__ */ jsx(Text, { variant: "caption", as: "small", italic: true, children: notes }) : null
+      ] })
     ] })
-  ] })
-] }) });
+  ] }) });
+};
 export {
   FAQ
 };

package/dist/components/Navigation/Navigation.d.ts

@@ -12,8 +12,8 @@ export declare const Navigation: {
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     Item: ({ children, categoryIcon, categoryIconVariant, label, subLabel, badgeText, badgeSentiment, href, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, hasParents, as, disabled, noExpand, index, id, "data-testid": dataTestId, }: {
         children?: import("react").ReactNode;
-        categoryIcon?: import("react").ComponentProps<typeof import("@ultraviolet/icons").CategoryIcon>["name"];
-        categoryIconVariant?: import("react").ComponentProps<typeof import("@ultraviolet/icons").CategoryIcon>["variant"];
+        categoryIcon?: import("../../types").PascalToCamelCaseWithoutSuffix<keyof typeof import("@ultraviolet/icons/category"), "CategoryIcon">;
+        categoryIconVariant?: import("react").ComponentProps<typeof import("@ultraviolet/icons/category")["BaremetalCategoryIcon"]>["variant"];
         label: string;
         id: string;
         subLabel?: string;