@gnist/design-system 5.6.0 → 6.0.0-alpha.0

package/dist/components/actions/selectionControls/switch.css.js

@@ -1,56 +1,79 @@
 "use client";
 import { atoms } from "@gnist/themes/atoms.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
+import { calc } from "@vanilla-extract/css-utils";
 import { recipe } from "@vanilla-extract/recipes";
 import { style } from "@vanilla-extract/css";
 const focusContainer = style({
   display: "inline-flex",
   alignItems: "center",
-  selectors: {
-    "&:has(:focus-visible)": {
-      outline: `${tokens.stroke.medium} solid ${tokens.color.interactive}`,
-      outlineOffset: "2px"
-    }
-  }
+  position: "relative",
+  flexShrink: 0
+});
+const switchField = style({
+  display: "inline-flex",
+  flexDirection: "column",
+  gap: tokens.spacing.base
 });
-const switchContainerStyle = style({
-  display: "flex"
+const switchRow = style({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: tokens.spacing.xxs
+});
+const switchLabelContent = style({
+  display: "inline-flex",
+  flexDirection: "column",
+  gap: tokens.spacing.base,
+  minWidth: 0
 });
 const switchContainer = style([
   {
     position: "relative",
     display: "inline-flex",
+    alignItems: "center",
+    flexShrink: 0,
     cursor: "pointer",
-    transition: "background-color 0.2s ease"
+    overflow: "hidden",
+    transition: "background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease"
   },
   atoms({
     borderRadius: "full",
     width: "xxl",
-    height: "l"
+    height: "m"
   })
 ]);
 const SwitchRecipe = recipe({
   base: [
     switchContainer,
-    atoms({
-      borderColor: "outline"
-    }),
     {
-      borderWidth: "1px",
+      borderWidth: tokens.stroke.small,
       borderStyle: "solid",
-      boxSizing: "border-box"
+      boxSizing: "border-box",
+      selectors: {
+        [`${focusContainer}:has(input:focus-visible) &`]: {
+          boxShadow: `0 0 0 ${tokens.stroke.medium} ${tokens.color.interactive}`
+        },
+        [`${focusContainer}:has(input:not(:disabled):hover) &`]: {
+          filter: "brightness(0.98)"
+        },
+        [`${focusContainer}:has(input:not(:disabled):active) &`]: {
+          filter: "brightness(0.94)"
+        }
+      }
     }
   ],
   variants: {
     selected: {
       true: [
         atoms({
-          backgroundColor: "success"
+          backgroundColor: "success",
+          borderColor: "success"
         })
       ],
       false: [
         atoms({
-          backgroundColor: "surface-variant"
+          backgroundColor: "surface-variant",
+          borderColor: "on-surface"
         })
       ]
     },
@@ -58,53 +81,114 @@ const SwitchRecipe = recipe({
       true: [
         atoms({
           backgroundColor: "disabled",
-          borderColor: "disabled"
+          borderColor: "on-disabled"
         }),
         {
-          cursor: "not-allowed",
-          opacity: 0.6
+          cursor: "not-allowed"
         }
       ],
       false: {}
     }
-  }
+  },
+  compoundVariants: [
+    {
+      variants: {
+        selected: true,
+        disabled: true
+      },
+      style: [
+        atoms({
+          backgroundColor: "on-disabled",
+          borderColor: "on-disabled"
+        })
+      ]
+    }
+  ]
 });
 const switchThumb = style({
   position: "absolute",
   top: "50%",
   transform: "translateY(-50%)",
-  transition: "left 0.2s ease, background-color 0.2s ease",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  transition: "left 0.2s ease, transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease",
   borderRadius: "50%",
-  backgroundColor: tokens.palette.white,
-  boxShadow: "0 1px 3px rgba(0, 0, 0, 0.3)"
+  backgroundColor: tokens.color.surface,
+  selectors: {
+    [`${focusContainer}:has(input:not(:disabled):active) &`]: {
+      transform: "translateY(-50%) scale(0.94)"
+    }
+  }
 });
 const SwitchThumbRecipe = recipe({
   base: [
     switchThumb,
     atoms({
-      width: "m",
-      height: "m"
-    })
+      width: "s",
+      height: "s"
+    }),
+    {
+      borderWidth: tokens.stroke.small,
+      borderStyle: "solid",
+      boxSizing: "border-box"
+    }
   ],
   variants: {
     selected: {
-      true: {
-        left: `calc(100% - ${tokens.spacing.m} - 1px)`
-      },
-      false: {
-        left: "1px"
-      }
+      true: [
+        atoms({
+          borderColor: "on-surface"
+        }),
+        {
+          left: calc.subtract("100%", calc.add(tokens.size.s, tokens.stroke.small))
+        }
+      ],
+      false: [
+        atoms({
+          borderColor: "on-surface"
+        }),
+        {
+          left: tokens.stroke.small
+        }
+      ]
     },
     disabled: {
       true: [
         atoms({
-          backgroundColor: "on-disabled"
+          backgroundColor: "surface",
+          borderColor: "on-disabled"
         })
       ],
       false: {}
     }
-  }
+  },
+  compoundVariants: [
+    {
+      variants: {
+        selected: true,
+        disabled: true
+      },
+      style: [
+        atoms({
+          borderColor: "surface"
+        })
+      ]
+    }
+  ]
 });
+const switchThumbIcon = style([
+  {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    lineHeight: 0,
+    pointerEvents: "none"
+  },
+  atoms({
+    color: "on-surface"
+  })
+]);
 const switchLabel = style([
   {
     userSelect: "none",
@@ -125,18 +209,6 @@ const SwitchLabelRecipe = recipe({
         })
       ],
       false: {}
-    },
-    side: {
-      left: [
-        atoms({
-          marginRight: "xxs"
-        })
-      ],
-      right: [
-        atoms({
-          marginLeft: "xxs"
-        })
-      ]
     }
   }
 });
@@ -151,8 +223,11 @@ export {
   SwitchThumbRecipe,
   focusContainer,
   switchContainer,
-  switchContainerStyle,
   switchDescription,
+  switchField,
   switchLabel,
-  switchThumb
+  switchLabelContent,
+  switchRow,
+  switchThumb,
+  switchThumbIcon
 };

package/dist/components/feedback/alerts/AlertBanner.js

@@ -18,7 +18,7 @@ import "../../actions/buttons/styles.css.js";
 import "../../../styles/states.css.js";
 import { TextButton } from "../../actions/buttons/TextButton.js";
 import { IconButton } from "../../actions/buttons/IconButton.js";
-import { bannerHeading, icon, mainContentContainer, closeButton, messageContainer, actionButton, banner } from "./AlertBanner.css.js";
+import { bannerHeading, icon, closeButton, messageContainer, actionButton, mainContentContainer, banner } from "./AlertBanner.css.js";
 const BannerHeading = component("BannerHeading", bannerHeading, "h2");
 const AlertBanner = ({ type, heading, message, dismiss, action, density = "default", headingLevel = "h2", className }) => {
   const text = useTranslation((t) => t.components.feedback.alerts);

package/dist/components/inputs/dropdowns/SelectBase.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import { useState } from "react";
 import { Select } from "@base-ui/react/select";
 import classNames from "classnames";
-import { inputFieldWrapperRecipe, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
+import { inputContentWrapper, inputFieldWrapperRecipe, wrapperStyle } from "../shared-styles/inputField.css.js";
 import { selectStyle, popUpStyle, listBoxStyle, optionStyle, optionBackground, singleOptionStyle } from "./select.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { postInputWidth, preInputWidth } from "../shared-styles/inputFieldConstants.css.js";

package/dist/components/inputs/pickers/Calendar.css.js

@@ -1,5 +1,5 @@
 "use client";
-import { stateLayers, focusStyle } from "../../../styles/states.css.js";
+import { focusStyle, stateLayers } from "../../../styles/states.css.js";
 import { atoms } from "@gnist/themes/atoms.css.js";
 import { tokens } from "@gnist/themes/tokens.css.js";
 import { style, createVar, globalStyle } from "@vanilla-extract/css";

package/dist/components/inputs/textFields/TextArea.js

@@ -15,7 +15,7 @@ import "../../../foundation/logos/Logo.css.js";
 import { atoms } from "@gnist/themes/atoms.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { iconButtonOverlayRecipe } from "../shared-styles/iconButtonOverlay.css.js";
-import { inputFieldWrapperRecipe, inputFieldStyle, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
+import { inputFieldStyle, inputContentWrapper, inputFieldWrapperRecipe, wrapperStyle } from "../shared-styles/inputField.css.js";
 import { postInputWidth, preInputWidth, visibleLines } from "../shared-styles/inputFieldConstants.css.js";
 import { labelStyle } from "../shared-styles/labelStyles.css.js";
 import { prefixStyle, suffixStyle } from "../shared-styles/suffixPrefix.css.js";

package/dist/components/inputs/textFields/TextField.js

@@ -12,7 +12,7 @@ import "../../../utilities/layout/Row.js";
 import "@gnist/themes/tokens.css.js";
 import "react-content-loader";
 import { iconButtonOverlayRecipe } from "../shared-styles/iconButtonOverlay.css.js";
-import { inputFieldWrapperRecipe, inputFieldStyle, inputContentWrapper, wrapperStyle } from "../shared-styles/inputField.css.js";
+import { inputFieldStyle, inputContentWrapper, inputFieldWrapperRecipe, wrapperStyle } from "../shared-styles/inputField.css.js";
 import { postInputWidth, preInputWidth } from "../shared-styles/inputFieldConstants.css.js";
 import { labelStyle } from "../shared-styles/labelStyles.css.js";
 import { prefixStyle, suffixStyle } from "../shared-styles/suffixPrefix.css.js";

package/dist/components/surfaces/modal/Modal.js

@@ -30,7 +30,7 @@ import "../../../styles/animations.css.js";
 import "../../actions/chips/styles.css.js";
 import { useTranslation } from "../../../translations/index.js";
 import { createPortal } from "react-dom";
-import { modalStyle, backdropStyle, headerRowRecipe, modalHeadingStyle, contentContainerRecipe, actionRowRecipe, dialogRecipe } from "./modal.css.js";
+import { modalStyle, backdropStyle, modalHeadingStyle, headerRowRecipe, contentContainerRecipe, actionRowRecipe, dialogRecipe } from "./modal.css.js";
 const hasScroll = (size, height) => {
   switch (size) {
     case "fullscreen":

package/dist/foundation/iconography/Icon.css.cjs

@@ -12,7 +12,8 @@ const iconContainer = css.style([
 const svg = css.style({
   overflow: "visible",
   height: svgHeight,
-  width: svgWidth
+  width: svgWidth,
+  shapeRendering: "geometricPrecision"
 });
 exports.iconContainer = iconContainer;
 exports.svg = svg;

package/dist/foundation/iconography/Icon.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/Icon.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAC;AACrC,eAAO,MAAM,QAAQ,oBAAc,CAAC;AAEpC,eAAO,MAAM,aAAa,QAGxB,CAAC;AAEH,eAAO,MAAM,GAAG,QAId,CAAC"}
+{"version":3,"file":"Icon.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/Icon.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAC;AACrC,eAAO,MAAM,QAAQ,oBAAc,CAAC;AAEpC,eAAO,MAAM,aAAa,QAGxB,CAAC;AAEH,eAAO,MAAM,GAAG,QAKd,CAAC"}

package/dist/foundation/iconography/Icon.css.js

@@ -10,7 +10,8 @@ const iconContainer = style([
 const svg = style({
   overflow: "visible",
   height: svgHeight,
-  width: svgWidth
+  width: svgWidth,
+  shapeRendering: "geometricPrecision"
 });
 export {
   iconContainer,

package/dist/foundation/iconography/IconVariantProvider.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const variantContext = React.createContext("filled");
+const variantContext = React.createContext("outlined");
 const useIconVariant = () => React.useContext(variantContext);
 const IconVariantProvider = ({ variant, children }) => jsxRuntime.jsx(variantContext.Provider, { value: variant, children });
 exports.IconVariantProvider = IconVariantProvider;

package/dist/foundation/iconography/IconVariantProvider.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-const variantContext = createContext("filled");
+const variantContext = createContext("outlined");
 const useIconVariant = () => useContext(variantContext);
 const IconVariantProvider = ({ variant, children }) => jsx(variantContext.Provider, { value: variant, children });
 export {

package/dist/foundation/iconography/icons.d.ts

@@ -31,7 +31,7 @@ type IconVariantsAndOptions<T extends string> = {
     };
 };
 export declare function defineIcons<T extends string>(icons: IconSpecifications<T>): IconVariantsAndOptions<T>;
-export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "favorite_border" | "star" | "star_outline" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "archive" | "file_copy" | "file_download" | "file_upload" | "unarchive" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "notifications" | "payment" | "pets" | "play_circle" | "print" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
+export declare const icons: IconVariantsAndOptions<"clear" | "error" | "warning" | "success" | "info" | "sort" | "code" | "menu" | "search" | "coffee" | "help" | "favorite" | "star" | "sentiment_dissatisfied" | "sentiment_neutral" | "sentiment_satisfied" | "sentiment_very_dissatisfied" | "sentiment_very_satisfied" | "event_note" | "live_tv" | "wifi" | "arrow_backward" | "arrow_downward" | "arrow_forward" | "arrow_upward" | "check" | "chevron_left" | "chevron_right" | "close" | "expand_less" | "expand_more" | "external" | "more_horizontal" | "more_vertical" | "open" | "refresh" | "spinner" | "unfold_less" | "unfold_more" | "ev_station" | "forest" | "gas_station" | "location" | "route" | "archive" | "file_copy" | "file_download" | "file_download_off" | "file_open" | "file_upload" | "unarchive" | "task" | "add" | "auto" | "backspace" | "mail" | "manage_account" | "person" | "remove" | "send" | "work" | "call" | "chat" | "assignment" | "automatic_gear" | "binoculars" | "bolt" | "build" | "calculate" | "calendar" | "car" | "car_crash" | "change" | "contract" | "edit" | "electric_car" | "explore" | "glass_damage" | "home" | "image_not_supported" | "lightbulb" | "login" | "logout" | "manual_gear" | "minor_crash" | "notifications" | "payment" | "pets" | "play_circle" | "print" | "query_stats" | "savings" | "schedule" | "settings" | "shopping_cart" | "signature" | "speed" | "tire" | "trash" | "tune" | "verified" | "visibility_off" | "visibility_on">;
 type Icons = typeof icons;
 /**
  * Apps using this library can use declaration merging to add app-specific icons to the allowed icon list.

package/dist/foundation/iconography/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,g3CAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/foundation/iconography/icons.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,QAAS,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEvC,KAAK,kBAAkB,GAAG;KACrB,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,YAAY;CACrC,CAAC;AAEF,UAAU,WAAW;IACjB;;;OAGG;IACH,GAAG,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,kBAAkB,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,CAAC,GAAG,kBAAkB,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE;CACpE,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,MAAM,IAAI;KAC3C,CAAC,IAAI,CAAC,GAAG;QAAE,QAAQ,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE;CACnE,CAAC;AAoBF,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EACxC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,sBAAsB,CAAC,CAAC,CAAC,CAa3B;AAED,eAAO,MAAM,KAAK,85CAqCjB,CAAC;AAEF,KAAK,KAAK,GAAG,OAAO,KAAK,CAAC;AAE1B;;GAEG;AAGH,MAAM,WAAW,UAAU;CAAG;AAE9B,UAAU,OAAO;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,MAAM,OAAO,CAAC,UAAU,SAAS,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7E,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;AAC1C,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC"}

package/dist/foundation/iconography/svg/action/assignment-filled.svg.cjs

@@ -24,5 +24,5 @@ const SvgAssignmentFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M14.22 1.8h-3.71C10.13.76 9.16 0 8 0S5.87.76 5.5 1.8H1.77A1.8 1.8 0 0 0 0 3.6v12.6c0 .99.8 1.8 1.78 1.8h12.44A1.8 1.8 0 0 0 16 16.2V3.6c0-.99-.8-1.8-1.78-1.8M8 1.8c.49 0 .89.4.89.9s-.4.9-.89.9a.9.9 0 0 1-.89-.9c0-.5.4-.9.89-.9m1.78 12.6H3.56v-1.8h6.22zm2.66-3.6H3.56V9h8.88zm0-3.6H3.56V5.4h8.88z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.5 20q-.625 0-1.0625-.4375T0 18.5v-15q0-.625.4375-1.0625T1.5 2h5.125q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H16.5q.625 0 1.0625.4375T18 3.5v15q0 .625-.4375 1.0625T16.5 20zM4 16h6.825v-1.5H4zm0-4.25h10v-1.5H4zM4 7.5h10V6H4zm5.6125-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625" }));
 exports.default = SvgAssignmentFilled;

package/dist/foundation/iconography/svg/action/assignment-filled.svg.js

@@ -4,7 +4,7 @@ const SvgAssignmentFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M14.22 1.8h-3.71C10.13.76 9.16 0 8 0S5.87.76 5.5 1.8H1.77A1.8 1.8 0 0 0 0 3.6v12.6c0 .99.8 1.8 1.78 1.8h12.44A1.8 1.8 0 0 0 16 16.2V3.6c0-.99-.8-1.8-1.78-1.8M8 1.8c.49 0 .89.4.89.9s-.4.9-.89.9a.9.9 0 0 1-.89-.9c0-.5.4-.9.89-.9m1.78 12.6H3.56v-1.8h6.22zm2.66-3.6H3.56V9h8.88zm0-3.6H3.56V5.4h8.88z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M1.5 20q-.625 0-1.0625-.4375T0 18.5v-15q0-.625.4375-1.0625T1.5 2h5.125q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H16.5q.625 0 1.0625.4375T18 3.5v15q0 .625-.4375 1.0625T16.5 20zM4 16h6.825v-1.5H4zm0-4.25h10v-1.5H4zM4 7.5h10V6H4zm5.6125-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625" }));
 export {
   SvgAssignmentFilled as default
 };

package/dist/foundation/iconography/svg/action/assignment-outlined.svg.cjs

@@ -24,5 +24,5 @@ const SvgAssignmentOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.56 12.6h6.22v1.8H3.56zm0-3.6h8.88v1.8H3.56zm0-3.6h8.88v1.8H3.56zm10.66-3.6h-3.71C10.13.76 9.16 0 8 0S5.87.76 5.5 1.8H1.77q-.19-.01-.36.04A1.8 1.8 0 0 0 .14 2.9a2 2 0 0 0-.14.7v12.6a2 2 0 0 0 .52 1.28q.38.37.9.5l.36.02h12.44A1.8 1.8 0 0 0 16 16.2V3.6c0-.99-.8-1.8-1.78-1.8M8 1.57a.68.68 0 0 1 0 1.36.68.68 0 0 1 0-1.36m6.22 14.63H1.78V3.6h12.44z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.5 20q-.6187 0-1.0592-.4407Q0 19.1188 0 18.5v-15q0-.6187.4408-1.0595Q.8813 2 1.5 2h5.125q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H16.5q.6188 0 1.0595.4405Q18 2.8812 18 3.5v15q0 .6188-.4405 1.0593Q17.1188 20 16.5 20zm0-1.5h15v-15h-15zM4 16h6.825v-1.5H4zm0-4.25h10v-1.5H4zM4 7.5h10V6H4zm5.6125-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625M1.5 18.5v-15z" }));
 exports.default = SvgAssignmentOutlined;

package/dist/foundation/iconography/svg/action/assignment-outlined.svg.js

@@ -4,7 +4,7 @@ const SvgAssignmentOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.56 12.6h6.22v1.8H3.56zm0-3.6h8.88v1.8H3.56zm0-3.6h8.88v1.8H3.56zm10.66-3.6h-3.71C10.13.76 9.16 0 8 0S5.87.76 5.5 1.8H1.77q-.19-.01-.36.04A1.8 1.8 0 0 0 .14 2.9a2 2 0 0 0-.14.7v12.6a2 2 0 0 0 .52 1.28q.38.37.9.5l.36.02h12.44A1.8 1.8 0 0 0 16 16.2V3.6c0-.99-.8-1.8-1.78-1.8M8 1.57a.68.68 0 0 1 0 1.36.68.68 0 0 1 0-1.36m6.22 14.63H1.78V3.6h12.44z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M1.5 20q-.6187 0-1.0592-.4407Q0 19.1188 0 18.5v-15q0-.6187.4408-1.0595Q.8813 2 1.5 2h5.125q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H16.5q.6188 0 1.0595.4405Q18 2.8812 18 3.5v15q0 .6188-.4405 1.0593Q17.1188 20 16.5 20zm0-1.5h15v-15h-15zM4 16h6.825v-1.5H4zm0-4.25h10v-1.5H4zM4 7.5h10V6H4zm5.6125-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625M1.5 18.5v-15z" }));
 export {
   SvgAssignmentOutlined as default
 };

package/dist/foundation/iconography/svg/action/assignment-round.svg.cjs

@@ -24,5 +24,5 @@ const SvgAssignmentRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M14.22 1.8h-3.71C10.13.76 9.16 0 8 0S5.87.76 5.5 1.8H1.77A1.8 1.8 0 0 0 0 3.6v12.6c0 .99.8 1.8 1.78 1.8h12.44A1.8 1.8 0 0 0 16 16.2V3.6c0-.99-.8-1.8-1.78-1.8M8 1.8c.49 0 .89.4.89.9s-.4.9-.89.9a.9.9 0 0 1-.89-.9c0-.5.4-.9.89-.9m.89 12.6H4.44a.9.9 0 0 1-.88-.9c0-.5.4-.9.88-.9H8.9c.49 0 .89.4.89.9s-.4.9-.9.9m2.68-3.6H4.44a.9.9 0 0 1-.88-.9c0-.5.4-.9.88-.9h7.12c.48 0 .88.4.88.9s-.4.9-.88.9m0-3.6H4.44a.9.9 0 0 1-.88-.9c0-.5.4-.9.88-.9h7.12c.48 0 .88.4.88.9s-.4.9-.88.9" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.5 20q-.6187 0-1.0592-.4407Q0 19.1188 0 18.5v-15q0-.6187.4408-1.0595Q.8813 2 1.5 2h5.125q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H16.5q.6188 0 1.0595.4405Q18 2.8812 18 3.5v15q0 .6188-.4405 1.0593Q17.1188 20 16.5 20zm0-1.5h15v-15h-15zM4.75 16h5.325q.3188 0 .5345-.217.2155-.2167.2155-.5375 0-.3205-.2155-.533-.2158-.2125-.5345-.2125H4.75q-.3188 0-.5342.217Q4 14.9338 4 15.2545q0 .3205.2158.533Q4.4313 16 4.75 16m0-4.25h8.5q.3188 0 .5345-.217.2155-.2167.2155-.5375 0-.3205-.2155-.533-.2158-.2125-.5345-.2125h-8.5q-.3188 0-.5342.217Q4 10.6838 4 11.0045q0 .3205.2158.533.2155.2125.5342.2125m0-4.25h8.5q.3188 0 .5345-.217Q14 7.0663 14 6.7455q0-.3205-.2155-.533Q13.5687 6 13.25 6h-8.5q-.3188 0-.5342.217Q4 6.4338 4 6.7545q0 .3205.2158.533.2155.2125.5342.2125m4.8625-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625M1.5 18.5v-15z" }));
 exports.default = SvgAssignmentRound;

package/dist/foundation/iconography/svg/action/assignment-round.svg.js

@@ -4,7 +4,7 @@ const SvgAssignmentRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M14.22 1.8h-3.71C10.13.76 9.16 0 8 0S5.87.76 5.5 1.8H1.77A1.8 1.8 0 0 0 0 3.6v12.6c0 .99.8 1.8 1.78 1.8h12.44A1.8 1.8 0 0 0 16 16.2V3.6c0-.99-.8-1.8-1.78-1.8M8 1.8c.49 0 .89.4.89.9s-.4.9-.89.9a.9.9 0 0 1-.89-.9c0-.5.4-.9.89-.9m.89 12.6H4.44a.9.9 0 0 1-.88-.9c0-.5.4-.9.88-.9H8.9c.49 0 .89.4.89.9s-.4.9-.9.9m2.68-3.6H4.44a.9.9 0 0 1-.88-.9c0-.5.4-.9.88-.9h7.12c.48 0 .88.4.88.9s-.4.9-.88.9m0-3.6H4.44a.9.9 0 0 1-.88-.9c0-.5.4-.9.88-.9h7.12c.48 0 .88.4.88.9s-.4.9-.88.9" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M1.5 20q-.6187 0-1.0592-.4407Q0 19.1188 0 18.5v-15q0-.6187.4408-1.0595Q.8813 2 1.5 2h5.125q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H16.5q.6188 0 1.0595.4405Q18 2.8812 18 3.5v15q0 .6188-.4405 1.0593Q17.1188 20 16.5 20zm0-1.5h15v-15h-15zM4.75 16h5.325q.3188 0 .5345-.217.2155-.2167.2155-.5375 0-.3205-.2155-.533-.2158-.2125-.5345-.2125H4.75q-.3188 0-.5342.217Q4 14.9338 4 15.2545q0 .3205.2158.533Q4.4313 16 4.75 16m0-4.25h8.5q.3188 0 .5345-.217.2155-.2167.2155-.5375 0-.3205-.2155-.533-.2158-.2125-.5345-.2125h-8.5q-.3188 0-.5342.217Q4 10.6838 4 11.0045q0 .3205.2158.533.2155.2125.5342.2125m0-4.25h8.5q.3188 0 .5345-.217Q14 7.0663 14 6.7455q0-.3205-.2155-.533Q13.5687 6 13.25 6h-8.5q-.3188 0-.5342.217Q4 6.4338 4 6.7545q0 .3205.2158.533.2155.2125.5342.2125m4.8625-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625M1.5 18.5v-15z" }));
 export {
   SvgAssignmentRound as default
 };

package/dist/foundation/iconography/svg/action/assignment-sharp.svg.cjs

@@ -24,5 +24,5 @@ const SvgAssignmentSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M16 1.8h-5.5C10.14.76 9.17 0 8 0S5.87.76 5.5 1.8H0V18h16zm-8 0c.49 0 .89.4.89.9s-.4.9-.89.9a.9.9 0 0 1-.89-.9c0-.5.4-.9.89-.9m1.78 12.6H3.56v-1.8h6.22zm2.66-3.6H3.56V9h8.88zm0-3.6H3.56V5.4h8.88z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 20V2h6.625q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H18v18zm1.5-1.5h15v-15h-15zM4 16h6.825v-1.5H4zm0-4.25h10v-1.5H4zM4 7.5h10V6H4zm5.6125-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625M1.5 18.5v-15z" }));
 exports.default = SvgAssignmentSharp;

package/dist/foundation/iconography/svg/action/assignment-sharp.svg.js

@@ -4,7 +4,7 @@ const SvgAssignmentSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M16 1.8h-5.5C10.14.76 9.17 0 8 0S5.87.76 5.5 1.8H0V18h16zm-8 0c.49 0 .89.4.89.9s-.4.9-.89.9a.9.9 0 0 1-.89-.9c0-.5.4-.9.89-.9m1.78 12.6H3.56v-1.8h6.22zm2.66-3.6H3.56V9h8.88zm0-3.6H3.56V5.4h8.88z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M0 20V2h6.625q.125-.875.8-1.4375T9 0t1.575.5625.8 1.4375H18v18zm1.5-1.5h15v-15h-15zM4 16h6.825v-1.5H4zm0-4.25h10v-1.5H4zM4 7.5h10V6H4zm5.6125-4.6875Q9.875 2.55 9.875 2.2t-.2625-.6125T9 1.325t-.6125.2625T8.125 2.2t.2625.6125T9 3.075t.6125-.2625M1.5 18.5v-15z" }));
 export {
   SvgAssignmentSharp as default
 };

package/dist/foundation/iconography/svg/action/bolt-filled.svg.cjs

@@ -24,5 +24,5 @@ const SvgBoltFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.6 16h-.9l.9-6.22H.45c-.52 0-.52-.29-.34-.59l.06-.1L5.4 0h.9l-.9 6.22h3.15c.44 0 .5.3.42.46l-.06.13Q3.59 15.99 3.6 16" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "m4 20 1-7H0L9 0h2l-1 8h6L6 20z" }));
 exports.default = SvgBoltFilled;

package/dist/foundation/iconography/svg/action/bolt-filled.svg.js

@@ -4,7 +4,7 @@ const SvgBoltFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.6 16h-.9l.9-6.22H.45c-.52 0-.52-.29-.34-.59l.06-.1L5.4 0h.9l-.9 6.22h3.15c.44 0 .5.3.42.46l-.06.13Q3.59 15.99 3.6 16" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "m4 20 1-7H0L9 0h2l-1 8h6L6 20z" }));
 export {
   SvgBoltFilled as default
 };

package/dist/foundation/iconography/svg/action/bolt-outlined.svg.cjs

@@ -24,5 +24,5 @@ const SvgBoltOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.6 16h-.9l.9-6.22H.45c-.8 0-.3-.67-.28-.7L5.4 0h.9l-.9 6.22h3.16c.36 0 .56.17.36.59z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.825 17.875 12.8 9.5H8.3l.9-7.15-6.325 9.15h3.85zM4 20l1-7H0L9 0h2l-1 8h6L6 20zm3.85-9.9" }));
 exports.default = SvgBoltOutlined;

package/dist/foundation/iconography/svg/action/bolt-outlined.svg.js

@@ -4,7 +4,7 @@ const SvgBoltOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.6 16h-.9l.9-6.22H.45c-.8 0-.3-.67-.28-.7L5.4 0h.9l-.9 6.22h3.16c.36 0 .56.17.36.59z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M5.825 17.875 12.8 9.5H8.3l.9-7.15-6.325 9.15h3.85zM4 20l1-7H0L9 0h2l-1 8h6L6 20zm3.85-9.9" }));
 export {
   SvgBoltOutlined as default
 };

package/dist/foundation/iconography/svg/action/bolt-round.svg.cjs

@@ -24,5 +24,5 @@ const SvgBoltRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.3 16a.52.52 0 0 1-.51-.59l.8-5.63H.46c-.8 0-.3-.67-.28-.7L5.25.26A.5.5 0 0 1 5.7 0c.32 0 .56.28.51.59l-.8 5.63h3.15c.36 0 .56.17.36.59l-5.17 8.93a.5.5 0 0 1-.45.26" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 15 22", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.825 18.875 12.8 10.5H8.3l.9-7.15-6.325 9.15h3.85zM5 14H1.425q-.45 0-.6625-.4t.0625-.775l8.45-12.2q.2-.275.5-.375t.6.025.475.4.125.6L10 9h4.4q.475 0 .675.425t-.1.8L5.7 21.35q-.2.25-.5125.325t-.5875-.05-.4375-.4-.1125-.6zm2.825-2.875" }));
 exports.default = SvgBoltRound;

package/dist/foundation/iconography/svg/action/bolt-round.svg.js

@@ -4,7 +4,7 @@ const SvgBoltRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.3 16a.52.52 0 0 1-.51-.59l.8-5.63H.46c-.8 0-.3-.67-.28-.7L5.25.26A.5.5 0 0 1 5.7 0c.32 0 .56.28.51.59l-.8 5.63h3.15c.36 0 .56.17.36.59l-5.17 8.93a.5.5 0 0 1-.45.26" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 15 22", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M5.825 18.875 12.8 10.5H8.3l.9-7.15-6.325 9.15h3.85zM5 14H1.425q-.45 0-.6625-.4t.0625-.775l8.45-12.2q.2-.275.5-.375t.6.025.475.4.125.6L10 9h4.4q.475 0 .675.425t-.1.8L5.7 21.35q-.2.25-.5125.325t-.5875-.05-.4375-.4-.1125-.6zm2.825-2.875" }));
 export {
   SvgBoltRound as default
 };

package/dist/foundation/iconography/svg/action/bolt-sharp.svg.cjs

@@ -24,5 +24,5 @@ const SvgBoltSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M3.64 16h-.86l.86-6.22H0L5.35 0h.85l-.85 6.22H9z" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.825 17.875 12.8 9.5H8.3l.9-7.15-6.325 9.15h3.85zM4 20l1-7H0L9 0h2l-1 8h6L6 20zm3.85-9.9" }));
 exports.default = SvgBoltSharp;

package/dist/foundation/iconography/svg/action/bolt-sharp.svg.js

@@ -4,7 +4,7 @@ const SvgBoltSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 9 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M3.64 16h-.86l.86-6.22H0L5.35 0h.85l-.85 6.22H9z" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 20", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M5.825 17.875 12.8 9.5H8.3l.9-7.15-6.325 9.15h3.85zM4 20l1-7H0L9 0h2l-1 8h6L6 20zm3.85-9.9" }));
 export {
   SvgBoltSharp as default
 };

package/dist/foundation/iconography/svg/action/build-filled.svg.cjs

@@ -24,5 +24,5 @@ const SvgBuildFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "m15.79 13.08-6.6-6.65a4.77 4.77 0 0 0-6.46-6l3.11 3.15-2.18 2.2-3.2-3.15a4.7 4.7 0 0 0 .95 5.4 4.6 4.6 0 0 0 5.01 1.1l6.61 6.65a.7.7 0 0 0 1.02 0l1.67-1.68c.36-.3.36-.8.07-1.02" }));
+}) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 18 18", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "m14.625 17.8-6.45-6.5q-.575.2-1.15.325t-1.175.125q-2.425 0-4.125-1.6875T.025 5.95q0-.775.2-1.5125T.8 3.05l3.625 3.625 2.3-2.15L3 .8Q3.65.425 4.375.2125T5.85 0q2.475 0 4.2125 1.7375T11.8 5.95q0 .6-.125 1.175t-.325 1.15l6.475 6.45q.275.275.275.6625t-.275.6625l-1.9 1.75q-.275.275-.65.275t-.65-.275" }));
 exports.default = SvgBuildFilled;