braid-design-system 33.13.0 → 33.14.0

package/dist/lib/components/icons/IconLinkBroken/IconLinkBrokenSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconLinkBrokenSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconLinkBrokenSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconLinkBroken/IconLinkBrokenSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconLinkBrokenSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconLinkBrokenSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconMicrophone/IconMicrophoneSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconMicrophoneSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconMicrophoneSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconMicrophone/IconMicrophoneSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconMicrophoneSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconMicrophoneSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconNewWindow/IconNewWindowSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconNewWindowSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconNewWindowSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconNewWindow/IconNewWindowSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconNewWindowSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconNewWindowSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconNotification/IconNotificationSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconNotificationSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconNotificationSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconNotification/IconNotificationSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconNotificationSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconNotificationSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconNumberedList/IconNumberedListSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconNumberedListSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconNumberedListSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconNumberedList/IconNumberedListSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconNumberedListSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconNumberedListSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconPersonAdd/IconPersonAddSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconPersonAddSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconPersonAddSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconPersonAdd/IconPersonAddSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconPersonAddSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconPersonAddSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconRecommended/IconRecommendedSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconRecommendedSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconRecommendedSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconRecommended/IconRecommendedSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconRecommendedSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconRecommendedSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSentiment/IconSentimentSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconSentimentSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconSentimentSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSentiment/IconSentimentSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconSentimentSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconSentimentSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSocialGitHub/IconSocialGitHubSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconSocialGitHubSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconSocialGitHubSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSocialGitHub/IconSocialGitHubSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconSocialGitHubSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconSocialGitHubSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSocialMedium/IconSocialMediumSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconSocialMediumSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconSocialMediumSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSocialMedium/IconSocialMediumSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconSocialMediumSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconSocialMediumSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSocialTiktok/IconSocialTiktokSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconSocialTiktokSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconSocialTiktokSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSocialTiktok/IconSocialTiktokSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconSocialTiktokSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconSocialTiktokSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconStar/IconStarActiveSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconStarActiveSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconStarActiveSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconStar/IconStarActiveSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconStarActiveSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconStarActiveSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconStatistics/IconStatisticsSvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconStatisticsSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconStatisticsSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconStatistics/IconStatisticsSvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconStatisticsSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconStatisticsSvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSubCategory/IconSubCategorySvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconSubCategorySvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconSubCategorySvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconSubCategory/IconSubCategorySvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconSubCategorySvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconSubCategorySvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconThumb/IconThumb.cjs

@@ -4,7 +4,10 @@ const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
 const lib_components_icons_IconContainer_cjs = require("../IconContainer.cjs");
 const lib_components_icons_IconThumb_IconThumbSvg_cjs = require("./IconThumbSvg.cjs");
 const lib_components_icons_IconThumb_IconThumb_css_cjs = require("./IconThumb.css.cjs");
-const IconThumb = ({ direction = "up", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(lib_components_icons_IconContainer_cjs.IconContainer, { ...props, children: ({ className, ...svgProps }) => /* @__PURE__ */ jsxRuntime.jsx(
+const IconThumb = ({
+  direction = "up",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(lib_components_icons_IconContainer_cjs.IconContainer, { ...props, children: ({ className, ...svgProps }) => /* @__PURE__ */ jsxRuntime.jsx(
   lib_components_Box_Box_cjs.Box,
   {
     component: lib_components_icons_IconThumb_IconThumbSvg_cjs.IconThumbSvg,

package/dist/lib/components/icons/IconThumb/IconThumb.mjs

@@ -3,7 +3,10 @@ import { Box } from "../../Box/Box.mjs";
 import { IconContainer } from "../IconContainer.mjs";
 import { IconThumbSvg } from "./IconThumbSvg.mjs";
 import { root, down } from "./IconThumb.css.mjs";
-const IconThumb = ({ direction = "up", ...props }) => /* @__PURE__ */ jsx(IconContainer, { ...props, children: ({ className, ...svgProps }) => /* @__PURE__ */ jsx(
+const IconThumb = ({
+  direction = "up",
+  ...props
+}) => /* @__PURE__ */ jsx(IconContainer, { ...props, children: ({ className, ...svgProps }) => /* @__PURE__ */ jsx(
   Box,
   {
     component: IconThumbSvg,

package/dist/lib/components/icons/IconVisibility/IconVisibility.cjs

@@ -4,7 +4,10 @@ const lib_components_Box_Box_cjs = require("../../Box/Box.cjs");
 const lib_components_icons_IconContainer_cjs = require("../IconContainer.cjs");
 const lib_components_icons_IconVisibility_IconVisibilityHiddenSvg_cjs = require("./IconVisibilityHiddenSvg.cjs");
 const lib_components_icons_IconVisibility_IconVisibilitySvg_cjs = require("./IconVisibilitySvg.cjs");
-const IconVisibility = ({ hidden, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(lib_components_icons_IconContainer_cjs.IconContainer, { ...props, children: (svgProps) => /* @__PURE__ */ jsxRuntime.jsx(
+const IconVisibility = ({
+  hidden,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(lib_components_icons_IconContainer_cjs.IconContainer, { ...props, children: (svgProps) => /* @__PURE__ */ jsxRuntime.jsx(
   lib_components_Box_Box_cjs.Box,
   {
     component: hidden ? lib_components_icons_IconVisibility_IconVisibilityHiddenSvg_cjs.IconVisibilityHiddenSvg : lib_components_icons_IconVisibility_IconVisibilitySvg_cjs.IconVisibilitySvg,

package/dist/lib/components/icons/IconVisibility/IconVisibility.mjs

@@ -3,7 +3,10 @@ import { Box } from "../../Box/Box.mjs";
 import { IconContainer } from "../IconContainer.mjs";
 import { IconVisibilityHiddenSvg } from "./IconVisibilityHiddenSvg.mjs";
 import { IconVisibilitySvg } from "./IconVisibilitySvg.mjs";
-const IconVisibility = ({ hidden, ...props }) => /* @__PURE__ */ jsx(IconContainer, { ...props, children: (svgProps) => /* @__PURE__ */ jsx(
+const IconVisibility = ({
+  hidden,
+  ...props
+}) => /* @__PURE__ */ jsx(IconContainer, { ...props, children: (svgProps) => /* @__PURE__ */ jsx(
   Box,
   {
     component: hidden ? IconVisibilityHiddenSvg : IconVisibilitySvg,

package/dist/lib/components/icons/IconVisibility/IconVisibilitySvg.cjs

@@ -1,6 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const IconVisibilitySvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const IconVisibilitySvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/icons/IconVisibility/IconVisibilitySvg.mjs

@@ -1,5 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-const IconVisibilitySvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs(
+const IconVisibilitySvg = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",

package/dist/lib/components/private/Popover/Popover.cjs

@@ -14,14 +14,24 @@ const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in
 const dedent__default = /* @__PURE__ */ _interopDefaultCompat(dedent);
 const positionMap = {
   top: {
-    left: "top-start",
+    start: "top-start",
     center: "top",
-    right: "top-end"
+    end: "top-end"
   },
   bottom: {
-    left: "bottom-start",
+    start: "bottom-start",
     center: "bottom",
-    right: "bottom-end"
+    end: "bottom-end"
+  },
+  left: {
+    start: "left-start",
+    center: "left",
+    end: "left-end"
+  },
+  right: {
+    start: "right-start",
+    center: "right",
+    end: "right-end"
   }
 };
 function getFloatingUiPosition(placement, align) {
@@ -33,7 +43,7 @@ const PopoverContent = react.forwardRef(
   ({
     id,
     role,
-    align = "left",
+    align = "start",
     width = "content",
     placement = "bottom",
     lockPlacement = false,
@@ -137,7 +147,7 @@ const PopoverContent = react.forwardRef(
         }
       }, lib_components_private_animationTimeout_cjs.animationTimeout);
     }, [open, enterFocusRef]);
-    const resolvedPlacement = floatingUiEvaluatedPosition?.startsWith("top") ? "top" : "bottom";
+    const resolvedPlacement = floatingUiEvaluatedPosition?.split("-")[0] ?? "bottom";
     react.useEffect(() => {
       if (onPlacementChange) {
         onPlacementChange({

package/dist/lib/components/private/Popover/Popover.mjs

@@ -11,14 +11,24 @@ import { backdrop, delayVisibility, invertPlacement, animation } from "./Popover
 import { normalizeResponsiveValue } from "../../../css/atoms/sprinkles.css.mjs";
 const positionMap = {
   top: {
-    left: "top-start",
+    start: "top-start",
     center: "top",
-    right: "top-end"
+    end: "top-end"
   },
   bottom: {
-    left: "bottom-start",
+    start: "bottom-start",
     center: "bottom",
-    right: "bottom-end"
+    end: "bottom-end"
+  },
+  left: {
+    start: "left-start",
+    center: "left",
+    end: "left-end"
+  },
+  right: {
+    start: "right-start",
+    center: "right",
+    end: "right-end"
   }
 };
 function getFloatingUiPosition(placement, align) {
@@ -30,7 +40,7 @@ const PopoverContent = forwardRef(
   ({
     id,
     role,
-    align = "left",
+    align = "start",
     width = "content",
     placement = "bottom",
     lockPlacement = false,
@@ -134,7 +144,7 @@ const PopoverContent = forwardRef(
         }
       }, animationTimeout);
     }, [open, enterFocusRef]);
-    const resolvedPlacement = floatingUiEvaluatedPosition?.startsWith("top") ? "top" : "bottom";
+    const resolvedPlacement = floatingUiEvaluatedPosition?.split("-")[0] ?? "bottom";
     useEffect(() => {
       if (onPlacementChange) {
         onPlacementChange({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "33.13.0",
+  "version": "33.14.0",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {