braid-design-system 34.7.0 → 34.8.0

package/dist/lib/components/icons/IconZoomOut/IconZoomOutSvg.cjs

@@ -2,11 +2,11 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/components/icons/IconZoomOut/IconZoomOutSvg.tsx
 const IconZoomOutSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
-	width: 16,
-	height: 16,
 	viewBox: "0 0 24 24",
 	focusable: "false",
 	fill: "currentColor",
+	width: 16,
+	height: 16,
 	"aria-labelledby": titleId,
 	...props,
 	children: [
@@ -14,8 +14,8 @@ const IconZoomOutSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, rea
 			id: titleId,
 			children: title
 		}) : null,
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m21.707 20.293-3.682-3.682a9.022 9.022 0 1 0-1.414 1.414l3.682 3.682a1 1 0 0 0 1.414-1.414ZM4 11a7 7 0 1 1 11.962 4.93c-.006.006-.013.008-.019.013s-.007.013-.012.02A6.995 6.995 0 0 1 4 11Z" }),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M14 10H8a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z" })
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m21.706 20.293-3.682-3.682a9.022 9.022 0 1 0-1.414 1.414l3.682 3.682a1 1 0 0 0 1.414-1.414M4 11a7 7 0 1 1 11.962 4.93l-.019.013c-.006.005-.007.013-.012.02A6.995 6.995 0 0 1 4 11" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M14 10H8a1 1 0 1 0 0 2h6a1 1 0 0 0 0-2" })
 	]
 });
 //#endregion

package/dist/lib/components/icons/IconZoomOut/IconZoomOutSvg.mjs

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/components/icons/IconZoomOut/IconZoomOutSvg.tsx
 const IconZoomOutSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
-	width: 16,
-	height: 16,
 	viewBox: "0 0 24 24",
 	focusable: "false",
 	fill: "currentColor",
+	width: 16,
+	height: 16,
 	"aria-labelledby": titleId,
 	...props,
 	children: [
@@ -14,8 +14,8 @@ const IconZoomOutSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs("s
 			id: titleId,
 			children: title
 		}) : null,
-		/* @__PURE__ */ jsx("path", { d: "m21.707 20.293-3.682-3.682a9.022 9.022 0 1 0-1.414 1.414l3.682 3.682a1 1 0 0 0 1.414-1.414ZM4 11a7 7 0 1 1 11.962 4.93c-.006.006-.013.008-.019.013s-.007.013-.012.02A6.995 6.995 0 0 1 4 11Z" }),
-		/* @__PURE__ */ jsx("path", { d: "M14 10H8a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2Z" })
+		/* @__PURE__ */ jsx("path", { d: "m21.706 20.293-3.682-3.682a9.022 9.022 0 1 0-1.414 1.414l3.682 3.682a1 1 0 0 0 1.414-1.414M4 11a7 7 0 1 1 11.962 4.93l-.019.013c-.006.005-.007.013-.012.02A6.995 6.995 0 0 1 4 11" }),
+		/* @__PURE__ */ jsx("path", { d: "M14 10H8a1 1 0 1 0 0 2h6a1 1 0 0 0 0-2" })
 	]
 });
 //#endregion

package/dist/lib/components/private/Modal/ModalContent.cjs

@@ -78,20 +78,14 @@ const ModalFooter = ({ applyPageBlockGutters, children }) => /* @__PURE__ */ (0,
 const ModalContentScrollLayout = ({ children, contentStartRef, coverImageEnabled, applyPageBlockGutters, applyFullHeight, hasFooter }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ScrollContainer.ScrollContainer, {
 	direction: "vertical",
 	children: [coverImageEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { ref: contentStartRef }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		display: "flex",
+		gap: "large",
+		flexDirection: "column",
 		height: applyFullHeight ? "full" : void 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-			display: "flex",
-			gap: "large",
-			flexDirection: "column",
-			height: !coverImageEnabled && hasFooter ? "full" : void 0,
-			paddingY: modalPadding,
-			paddingBottom: hasFooter ? {
-				mobile: "small",
-				tablet: "none"
-			} : void 0,
-			paddingX: applyPageBlockGutters ? require_pageBlockGutters.pageBlockGutters : modalPadding,
-			children
-		})
+		paddingTop: modalPadding,
+		paddingBottom: !hasFooter ? modalPadding : void 0,
+		paddingX: applyPageBlockGutters ? require_pageBlockGutters.pageBlockGutters : modalPadding,
+		children
 	})]
 });
 const ModalCoverImageLayout = ({ width, image, children, footer, applyHeightLimit }) => {
@@ -175,7 +169,10 @@ const ModalContent = ({ id, children, description, onClose, width, closeLabel =
 			illustration: illustration && !coverImageEnabled ? illustration : void 0,
 			ref: headingRef,
 			reserveCloseArea: true
-		}), children]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+			height: "full",
+			children
+		})]
 	});
 	const modalFooter = footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalFooter, {
 		applyPageBlockGutters: isDrawer,
@@ -253,8 +250,7 @@ const ModalContent = ({ id, children, description, onClose, width, closeLabel =
 				paddingRight: isDrawer ? require_pageBlockGutters.pageBlockGutters : modalPadding,
 				className: !isDrawer && require_Modal_css.maxSize[position],
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Bleed.Bleed, {
-					space: "xsmall",
-					horizontal: "xxsmall",
+					space: "xxsmall",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 						position: "relative",
 						background: "surface",

package/dist/lib/components/private/Modal/ModalContent.mjs

@@ -78,20 +78,14 @@ const ModalFooter = ({ applyPageBlockGutters, children }) => /* @__PURE__ */ jsx
 const ModalContentScrollLayout = ({ children, contentStartRef, coverImageEnabled, applyPageBlockGutters, applyFullHeight, hasFooter }) => /* @__PURE__ */ jsxs(ScrollContainer, {
 	direction: "vertical",
 	children: [coverImageEnabled && /* @__PURE__ */ jsx("span", { ref: contentStartRef }), /* @__PURE__ */ jsx(Box, {
+		display: "flex",
+		gap: "large",
+		flexDirection: "column",
 		height: applyFullHeight ? "full" : void 0,
-		children: /* @__PURE__ */ jsx(Box, {
-			display: "flex",
-			gap: "large",
-			flexDirection: "column",
-			height: !coverImageEnabled && hasFooter ? "full" : void 0,
-			paddingY: modalPadding,
-			paddingBottom: hasFooter ? {
-				mobile: "small",
-				tablet: "none"
-			} : void 0,
-			paddingX: applyPageBlockGutters ? pageBlockGutters : modalPadding,
-			children
-		})
+		paddingTop: modalPadding,
+		paddingBottom: !hasFooter ? modalPadding : void 0,
+		paddingX: applyPageBlockGutters ? pageBlockGutters : modalPadding,
+		children
 	})]
 });
 const ModalCoverImageLayout = ({ width, image, children, footer, applyHeightLimit }) => {
@@ -175,7 +169,10 @@ const ModalContent = ({ id, children, description, onClose, width, closeLabel =
 			illustration: illustration && !coverImageEnabled ? illustration : void 0,
 			ref: headingRef,
 			reserveCloseArea: true
-		}), children]
+		}), /* @__PURE__ */ jsx(Box, {
+			height: "full",
+			children
+		})]
 	});
 	const modalFooter = footer ? /* @__PURE__ */ jsx(ModalFooter, {
 		applyPageBlockGutters: isDrawer,
@@ -253,8 +250,7 @@ const ModalContent = ({ id, children, description, onClose, width, closeLabel =
 				paddingRight: isDrawer ? pageBlockGutters : modalPadding,
 				className: !isDrawer && maxSize[position],
 				children: /* @__PURE__ */ jsx(Bleed, {
-					space: "xsmall",
-					horizontal: "xxsmall",
+					space: "xxsmall",
 					children: /* @__PURE__ */ jsx(Box, {
 						position: "relative",
 						background: "surface",

package/dist/lib/css/atoms/sprinkles.css.d.cts

@@ -4,7 +4,7 @@ import { ConditionalValue, RequiredConditionalValue } from "@vanilla-extract/spr
 declare const colorAtomicProperties: {
   conditions: {
     defaultCondition: "lightMode";
-    conditionNames: ("darkMode" | "lightMode")[];
+    conditionNames: ("lightMode" | "darkMode")[];
   };
   styles: {
     readonly background: {

package/dist/lib/css/atoms/sprinkles.css.d.mts

@@ -4,7 +4,7 @@ import { ConditionalValue, RequiredConditionalValue } from "@vanilla-extract/spr
 declare const colorAtomicProperties: {
   conditions: {
     defaultCondition: "lightMode";
-    conditionNames: ("darkMode" | "lightMode")[];
+    conditionNames: ("lightMode" | "darkMode")[];
   };
   styles: {
     readonly background: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "34.7.0",
+  "version": "34.8.0",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {
@@ -129,6 +129,8 @@
     "@babel/core": "^7.26.0",
     "@babel/plugin-transform-typescript": "^7.20.13",
     "@babel/types": "^7.26.0",
+    "@braid-design-system/icons": "1.0.0",
+    "@braid-design-system/source.macro": "1.0.0",
     "@capsizecss/metrics": "^4.0.0",
     "@storybook/react-webpack5": "^10.2.7",
     "@svgr/core": "^5.5.0",
@@ -151,7 +153,6 @@
     "babel-plugin-remove-unused-vars": "^2.2.0",
     "babel-plugin-transform-remove-imports": "^1.7.0",
     "change-case": "^4.1.2",
-    "cheerio": "1.0.0-rc.11",
     "fast-glob": "^3.3.2",
     "fs-extra": "^10.1.0",
     "html-validate": "^10.13.1",
@@ -163,9 +164,7 @@
     "sanitize-html": "^2.12.1",
     "skott": "^0.32.1",
     "storybook": "^10.2.7",
-    "svgo": "^2.8.0",
-    "title-case": "^3.0.3",
-    "@braid-design-system/source.macro": "1.0.0"
+    "title-case": "^3.0.3"
   },
   "peerDependencies": {
     "react": "^18 || ^19",

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

@@ -1,18 +0,0 @@
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/lib/components/icons/IconStar/IconStarHalfSvg.tsx
-const IconStarHalfSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 16,
-	height: 16,
-	viewBox: "0 0 24 24",
-	focusable: "false",
-	fill: "currentColor",
-	"aria-labelledby": titleId,
-	...props,
-	children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", {
-		id: titleId,
-		children: title
-	}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M22.951 8.954a1 1 0 0 0-.806-.68l-6.391-.935-2.858-5.782a1.042 1.042 0 0 0-1.793 0L8.246 7.339l-6.39.934a1 1 0 0 0-.553 1.706l4.623 4.498-1.091 6.354a1 1 0 0 0 1.45 1.054L12 18.883l5.715 3.002a1 1 0 0 0 1.45-1.054l-1.09-6.354 4.622-4.497a1.002 1.002 0 0 0 .254-1.026Zm-6.648 4.456a1 1 0 0 0-.288.886l.837 4.877-4.387-2.305a.99.99 0 0 0-.465-.115V4.257l2.193 4.44a1 1 0 0 0 .752.545l4.905.717Z" })]
-});
-//#endregion
-exports.IconStarHalfSvg = IconStarHalfSvg;

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

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/lib/components/icons/IconStar/IconStarHalfSvg.tsx
-const IconStarHalfSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 16,
-	height: 16,
-	viewBox: "0 0 24 24",
-	focusable: "false",
-	fill: "currentColor",
-	"aria-labelledby": titleId,
-	...props,
-	children: [title ? /* @__PURE__ */ jsx("title", {
-		id: titleId,
-		children: title
-	}) : null, /* @__PURE__ */ jsx("path", { d: "M22.951 8.954a1 1 0 0 0-.806-.68l-6.391-.935-2.858-5.782a1.042 1.042 0 0 0-1.793 0L8.246 7.339l-6.39.934a1 1 0 0 0-.553 1.706l4.623 4.498-1.091 6.354a1 1 0 0 0 1.45 1.054L12 18.883l5.715 3.002a1 1 0 0 0 1.45-1.054l-1.09-6.354 4.622-4.497a1.002 1.002 0 0 0 .254-1.026Zm-6.648 4.456a1 1 0 0 0-.288.886l.837 4.877-4.387-2.305a.99.99 0 0 0-.465-.115V4.257l2.193 4.44a1 1 0 0 0 .752.545l4.905.717Z" })]
-});
-//#endregion
-export { IconStarHalfSvg };