@gnist/design-system 5.5.3 → 5.6.1

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/svg/social/sentiment_dissatisfied-filled.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentDissatisfiedFilled = ({
   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", fillRule: "evenodd", d: "M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m5.2-.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M12 6a1.2 1.2 0 1 1-2.4 0A1.2 1.2 0 0 1 12 6m-2.42 6.02A3 3 0 0 0 8 11.6a3 3 0 0 0-1.58.42L6 11.55s0-.02-.4-.45a4.4 4.4 0 0 1 2.4-.7q1.35.02 2.38.71z", clipRule: "evenodd" }));
+}) => /* @__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: "M8 9.26q-1.08 0-2.04.5-.95.48-1.54 1.4-.18.26-.04.53.14.26.45.26.13 0 .22-.06l.19-.16q.48-.7 1.2-1.07.73-.4 1.56-.4.82 0 1.56.4.72.38 1.2 1.07.07.11.17.16t.23.06q.3 0 .45-.27a.5.5 0 0 0-.05-.55q-.59-.9-1.53-1.38A4.4 4.4 0 0 0 8 9.26M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m-.26 8.37a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63" }));
 exports.default = SvgSentimentDissatisfiedFilled;

package/dist/foundation/iconography/svg/social/sentiment_dissatisfied-filled.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentDissatisfiedFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m5.2-.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M12 6a1.2 1.2 0 1 1-2.4 0A1.2 1.2 0 0 1 12 6m-2.42 6.02A3 3 0 0 0 8 11.6a3 3 0 0 0-1.58.42L6 11.55s0-.02-.4-.45a4.4 4.4 0 0 1 2.4-.7q1.35.02 2.38.71z", clipRule: "evenodd" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 9.26q-1.08 0-2.04.5-.95.48-1.54 1.4-.18.26-.04.53.14.26.45.26.13 0 .22-.06l.19-.16q.48-.7 1.2-1.07.73-.4 1.56-.4.82 0 1.56.4.72.38 1.2 1.07.07.11.17.16t.23.06q.3 0 .45-.27a.5.5 0 0 0-.05-.55q-.59-.9-1.53-1.38A4.4 4.4 0 0 0 8 9.26M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m-.26 8.37a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63" }));
 export {
   SvgSentimentDissatisfiedFilled as default
 };

package/dist/foundation/iconography/svg/social/sentiment_dissatisfied-outlined.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentDissatisfiedOutlined = ({
   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: "M10.8 7.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 9.6a4.4 4.4 0 0 0-4.1 2.8h1.34A3.2 3.2 0 0 1 8 10.8c1.18 0 2.2.65 2.76 1.6h1.34A4.4 4.4 0 0 0 8 9.6M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__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: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.45 3a4.4 4.4 0 0 0-1.6 1.95h1.1q.46-.78 1.24-1.23.76-.45 1.67-.45t1.67.45q.78.45 1.24 1.23H12a4.4 4.4 0 0 0-4-2.69q-1.32 0-2.41.74m-.7 5.37a8 8 0 0 1-4.26-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.89-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 exports.default = SvgSentimentDissatisfiedOutlined;

package/dist/foundation/iconography/svg/social/sentiment_dissatisfied-outlined.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentDissatisfiedOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.8 7.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 9.6a4.4 4.4 0 0 0-4.1 2.8h1.34A3.2 3.2 0 0 1 8 10.8c1.18 0 2.2.65 2.76 1.6h1.34A4.4 4.4 0 0 0 8 9.6M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.45 3a4.4 4.4 0 0 0-1.6 1.95h1.1q.46-.78 1.24-1.23.76-.45 1.67-.45t1.67.45q.78.45 1.24 1.23H12a4.4 4.4 0 0 0-4-2.69q-1.32 0-2.41.74m-.7 5.37a8 8 0 0 1-4.26-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.89-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 export {
   SvgSentimentDissatisfiedOutlined as default
 };

package/dist/foundation/iconography/svg/social/sentiment_dissatisfied-round.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentDissatisfiedRound = ({
   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: "M10.8 7.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4m0-4.8a4.4 4.4 0 0 0-3.72 2.06.6.6 0 1 0 1.02.64A3.2 3.2 0 0 1 8 10.8c1.1 0 2.11.55 2.7 1.5a.6.6 0 0 0 .52.28 1 1 0 0 0 .32-.1.6.6 0 0 0 .19-.82A4.4 4.4 0 0 0 8 9.6" }));
+}) => /* @__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: "M8 9.26q-1.08 0-2.04.5-.95.48-1.54 1.4-.18.26-.04.53.14.26.45.26.13 0 .22-.06l.19-.16q.48-.7 1.2-1.07.73-.4 1.56-.4t1.56.4 1.2 1.07q.07.11.17.16t.23.06q.3 0 .45-.27a.5.5 0 0 0-.05-.55q-.59-.9-1.53-1.38A4.4 4.4 0 0 0 8 9.26M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m-.26 8.37a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 exports.default = SvgSentimentDissatisfiedRound;

package/dist/foundation/iconography/svg/social/sentiment_dissatisfied-round.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentDissatisfiedRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.8 7.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4m0-4.8a4.4 4.4 0 0 0-3.72 2.06.6.6 0 1 0 1.02.64A3.2 3.2 0 0 1 8 10.8c1.1 0 2.11.55 2.7 1.5a.6.6 0 0 0 .52.28 1 1 0 0 0 .32-.1.6.6 0 0 0 .19-.82A4.4 4.4 0 0 0 8 9.6" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 9.26q-1.08 0-2.04.5-.95.48-1.54 1.4-.18.26-.04.53.14.26.45.26.13 0 .22-.06l.19-.16q.48-.7 1.2-1.07.73-.4 1.56-.4t1.56.4 1.2 1.07q.07.11.17.16t.23.06q.3 0 .45-.27a.5.5 0 0 0-.05-.55q-.59-.9-1.53-1.38A4.4 4.4 0 0 0 8 9.26M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m-.26 8.37a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 export {
   SvgSentimentDissatisfiedRound as default
 };

package/dist/foundation/iconography/svg/social/sentiment_dissatisfied-sharp.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentDissatisfiedSharp = ({
   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: "M10.8 7.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 9.6a4.4 4.4 0 0 0-4.1 2.8h1.34A3.2 3.2 0 0 1 8 10.8c1.18 0 2.2.65 2.76 1.6h1.34A4.4 4.4 0 0 0 8 9.6M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__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: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.45 3a4.4 4.4 0 0 0-1.6 1.95h1.1q.46-.78 1.24-1.23.76-.45 1.67-.45t1.67.45q.78.45 1.24 1.23H12a4.4 4.4 0 0 0-4-2.69q-1.32 0-2.41.74m-.7 5.37a8 8 0 0 1-4.26-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.89-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 exports.default = SvgSentimentDissatisfiedSharp;

package/dist/foundation/iconography/svg/social/sentiment_dissatisfied-sharp.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentDissatisfiedSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.8 7.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 9.6a4.4 4.4 0 0 0-4.1 2.8h1.34A3.2 3.2 0 0 1 8 10.8c1.18 0 2.2.65 2.76 1.6h1.34A4.4 4.4 0 0 0 8 9.6M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.45 3a4.4 4.4 0 0 0-1.6 1.95h1.1q.46-.78 1.24-1.23.76-.45 1.67-.45t1.67.45q.78.45 1.24 1.23H12a4.4 4.4 0 0 0-4-2.69q-1.32 0-2.41.74m-.7 5.37a8 8 0 0 1-4.26-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.89-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 export {
   SvgSentimentDissatisfiedSharp as default
 };

package/dist/foundation/iconography/svg/social/sentiment_neutral-filled.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentNeutralFilled = ({
   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: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M4 6a1.2 1.2 0 1 1 2.4 0A1.2 1.2 0 0 1 4 6m6.4 4.8H5.6V9.6h4.8zm.4-3.6a1.2 1.2 0 1 1 0-2.4 1.2 1.2 0 0 1 0 2.4" }));
+}) => /* @__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: "M10.87 7q.45 0 .78-.33.32-.31.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.31.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.9 3.82h3.92a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H6.04a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5m-1.16 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63" }));
 exports.default = SvgSentimentNeutralFilled;

package/dist/foundation/iconography/svg/social/sentiment_neutral-filled.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentNeutralFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0M4 6a1.2 1.2 0 1 1 2.4 0A1.2 1.2 0 0 1 4 6m6.4 4.8H5.6V9.6h4.8zm.4-3.6a1.2 1.2 0 1 1 0-2.4 1.2 1.2 0 0 1 0 2.4" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.87 7q.45 0 .78-.33.32-.31.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.31.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.9 3.82h3.92a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H6.04a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5m-1.16 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63" }));
 export {
   SvgSentimentNeutralFilled as default
 };

package/dist/foundation/iconography/svg/social/sentiment_neutral-outlined.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentNeutralOutlined = ({
   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: "M5.6 9.6h4.8v1.2H5.6zm5.2-2.4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__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: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.4 3.82h4.92v-1H5.54zm-.66 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 exports.default = SvgSentimentNeutralOutlined;

package/dist/foundation/iconography/svg/social/sentiment_neutral-outlined.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentNeutralOutlined = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M5.6 9.6h4.8v1.2H5.6zm5.2-2.4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.4 3.82h4.92v-1H5.54zm-.66 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 export {
   SvgSentimentNeutralOutlined as default
 };

package/dist/foundation/iconography/svg/social/sentiment_neutral-round.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentNeutralRound = ({
   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: "M6.2 10.8h3.6c.33 0 .6-.27.6-.6s-.27-.6-.6-.6H6.2c-.33 0-.6.27-.6.6s.27.6.6.6m4.6-3.6a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__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: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.9 3.82h3.92a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H6.04a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5m-1.16 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 exports.default = SvgSentimentNeutralRound;

package/dist/foundation/iconography/svg/social/sentiment_neutral-round.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentNeutralRound = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M6.2 10.8h3.6c.33 0 .6-.27.6-.6s-.27-.6-.6-.6H6.2c-.33 0-.6.27-.6.6s.27.6.6.6m4.6-3.6a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.9 3.82h3.92a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H6.04a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5m-1.16 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 export {
   SvgSentimentNeutralRound as default
 };

package/dist/foundation/iconography/svg/social/sentiment_neutral-sharp.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentNeutralSharp = ({
   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: "M5.6 10.8h4.8v.8H5.6zm5.2-3.6a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__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: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.4 3.82h4.92v-1H5.54zm-.66 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 exports.default = SvgSentimentNeutralSharp;

package/dist/foundation/iconography/svg/social/sentiment_neutral-sharp.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentNeutralSharp = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M5.6 10.8h4.8v.8H5.6zm5.2-3.6a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m.4 3.82h4.92v-1H5.54zm-.66 4.55a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 export {
   SvgSentimentNeutralSharp as default
 };

package/dist/foundation/iconography/svg/social/sentiment_satisfied-filled.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentSatisfiedFilled = ({
   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", fillRule: "evenodd", d: "M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m10.8-.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M6.4 6A1.2 1.2 0 1 1 4 6a1.2 1.2 0 0 1 2.4 0m.03 4.78A3 3 0 0 0 8 11.2a3 3 0 0 0 1.58-.42c.4.45.4.46.4.47l.4.45a4.4 4.4 0 0 1-4.76 0c.12-.13.72-.8.81-.92", clipRule: "evenodd" }));
+}) => /* @__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: "M8 12.37a4.4 4.4 0 0 0 2.03-.48 4 4 0 0 0 1.53-1.38.5.5 0 0 0 .05-.55.5.5 0 0 0-.45-.28.5.5 0 0 0-.4.23q-.48.68-1.2 1.07-.73.39-1.56.39t-1.56-.39a3.5 3.5 0 0 1-1.2-1.07l-.19-.17-.22-.06q-.3 0-.45.27-.14.26.04.53.59.9 1.54 1.4t2.04.5M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m-.26 8.37a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63" }));
 exports.default = SvgSentimentSatisfiedFilled;

package/dist/foundation/iconography/svg/social/sentiment_satisfied-filled.svg.js

@@ -4,7 +4,7 @@ const SvgSentimentSatisfiedFilled = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m10.8-.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M6.4 6A1.2 1.2 0 1 1 4 6a1.2 1.2 0 0 1 2.4 0m.03 4.78A3 3 0 0 0 8 11.2a3 3 0 0 0 1.58-.42c.4.45.4.46.4.47l.4.45a4.4 4.4 0 0 1-4.76 0c.12-.13.72-.8.81-.92", clipRule: "evenodd" }));
+}) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fill: "currentColor", d: "M8 12.37a4.4 4.4 0 0 0 2.03-.48 4 4 0 0 0 1.53-1.38.5.5 0 0 0 .05-.55.5.5 0 0 0-.45-.28.5.5 0 0 0-.4.23q-.48.68-1.2 1.07-.73.39-1.56.39t-1.56-.39a3.5 3.5 0 0 1-1.2-1.07l-.19-.17-.22-.06q-.3 0-.45.27-.14.26.04.53.59.9 1.54 1.4t2.04.5M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m-.26 8.37a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63" }));
 export {
   SvgSentimentSatisfiedFilled as default
 };

package/dist/foundation/iconography/svg/social/sentiment_satisfied-outlined.svg.cjs

@@ -24,5 +24,5 @@ const SvgSentimentSatisfiedOutlined = ({
   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: "M10.8 7.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" }), /* @__PURE__ */ React__namespace.createElement("path", { fill: "currentColor", d: "M8 11.2a3.2 3.2 0 0 1-2.76-1.6H3.9a4.4 4.4 0 0 0 8.2 0h-1.34A3.2 3.2 0 0 1 8 11.2M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m0 14.4A6.4 6.4 0 0 1 1.6 8 6.4 6.4 0 1 1 8 14.4" }));
+}) => /* @__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: "M10.87 7q.45 0 .78-.33.32-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.79-.32q-.45 0-.77.33-.33.32-.32.78 0 .45.32.78.32.31.78.32M5.14 7q.45 0 .77-.33.33-.32.32-.78 0-.45-.32-.78a1 1 0 0 0-.78-.32q-.45 0-.78.33-.32.32-.32.78 0 .45.32.78.33.31.79.32m5.27 4.63a4.4 4.4 0 0 0 1.6-1.95h-1.1q-.46.78-1.24 1.24-.76.45-1.67.45t-1.67-.45q-.78-.46-1.24-1.24H4a4.4 4.4 0 0 0 4.01 2.7q1.32 0 2.41-.75m-5.53 3.74a8 8 0 0 1-4.25-4.25A8 8 0 0 1 0 8q0-1.66.63-3.12A8 8 0 0 1 4.88.63 8 8 0 0 1 8 0q1.66 0 3.12.63a8 8 0 0 1 4.25 4.25Q16 6.34 16 8a8.1 8.1 0 0 1-4.88 7.37Q9.67 16 8 16a8 8 0 0 1-3.12-.63m7.9-2.6A6.5 6.5 0 0 0 14.74 8a6.5 6.5 0 0 0-1.96-4.78A6.5 6.5 0 0 0 8 1.26a6.5 6.5 0 0 0-4.78 1.96A6.5 6.5 0 0 0 1.26 8a6.5 6.5 0 0 0 1.96 4.78A6.5 6.5 0 0 0 8 14.74a6.5 6.5 0 0 0 4.78-1.96" }));
 exports.default = SvgSentimentSatisfiedOutlined;