braid-design-system 32.8.0 → 32.8.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # braid-design-system
 
+## 32.8.2
+
+### Patch Changes
+
+- **Drawer, Dialog:** Increase gutter around close button ([#1328](https://github.com/seek-oss/braid-design-system/pull/1328))
+
+  Fix for a regression where the gutter around the close button was reduced — resulting in visually clashing with the content when scrolling.
+
+## 32.8.1
+
+### Patch Changes
+
+- **seekJobs:** Update visited link colour tokens ([#1323](https://github.com/seek-oss/braid-design-system/pull/1323))
+
+  Darken the visited link colour tokens within the `seekjobs` theme.
+
 ## 32.8.0
 
 ### Minor Changes

package/dist/index.chunk.cjs

@@ -4530,12 +4530,13 @@ const ModalContent = ({
                 paddingTop: modalPadding,
                 paddingRight: position !== "center" ? gutters : modalPadding,
                 className: position === "center" && styles_lib_components_private_Modal_Modal_css_cjs.maxSize[position],
-                children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ jsxRuntime.jsx(ToastContext.Bleed, { space: "xsmall", children: /* @__PURE__ */ jsxRuntime.jsx(
                   ToastContext.Box,
                   {
                     position: "relative",
                     background: "surface",
                     borderRadius: "full",
+                    padding: "xsmall",
                     className: [styles_lib_components_private_Modal_Modal_css_cjs.closeIconOffset, styles_lib_components_private_Modal_Modal_css_cjs.pointerEventsAll],
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       ToastContext.ButtonIcon,
@@ -4550,7 +4551,7 @@ const ModalContent = ({
                       }
                     )
                   }
-                )
+                ) })
               }
             )
           ]

package/dist/index.chunk.mjs

@@ -4522,12 +4522,13 @@ const ModalContent = ({
                 paddingTop: modalPadding,
                 paddingRight: position !== "center" ? gutters : modalPadding,
                 className: position === "center" && maxSize[position],
-                children: /* @__PURE__ */ jsx(
+                children: /* @__PURE__ */ jsx(Bleed, { space: "xsmall", children: /* @__PURE__ */ jsx(
                   Box,
                   {
                     position: "relative",
                     background: "surface",
                     borderRadius: "full",
+                    padding: "xsmall",
                     className: [closeIconOffset, pointerEventsAll],
                     children: /* @__PURE__ */ jsx(
                       ButtonIcon,
@@ -4542,7 +4543,7 @@ const ModalContent = ({
                       }
                     )
                   }
-                )
+                ) })
               }
             )
           ]

package/dist/styles/lib/themes/seekJobs/tokens.cjs

@@ -162,8 +162,8 @@ const tokens = sideEffects_lib_themes_baseTokens_apac_cjs.makeTokens({
         link: sideEffects_lib_themes_baseTokens_apac_cjs.palette.violet["500"],
         linkHover: sideEffects_lib_themes_baseTokens_apac_cjs.palette.violet["500"],
         linkLight: sideEffects_lib_themes_baseTokens_apac_cjs.palette.violet["300"],
-        linkVisited: sideEffects_lib_themes_baseTokens_apac_cjs.palette.purple["600"],
-        linkLightVisited: sideEffects_lib_themes_baseTokens_apac_cjs.palette.purple["300"],
+        linkVisited: sideEffects_lib_themes_baseTokens_apac_cjs.palette.purple["800"],
+        linkLightVisited: sideEffects_lib_themes_baseTokens_apac_cjs.palette.purple["200"],
         promote: sideEffects_lib_themes_baseTokens_apac_cjs.palette.purple["700"],
         promoteLight: sideEffects_lib_themes_baseTokens_apac_cjs.palette.purple["300"],
         rating: sideEffects_lib_themes_baseTokens_apac_cjs.palette.orange["600"]

package/dist/styles/lib/themes/seekJobs/tokens.mjs

@@ -161,8 +161,8 @@ const tokens = makeTokens({
         link: palette.violet["500"],
         linkHover: palette.violet["500"],
         linkLight: palette.violet["300"],
-        linkVisited: palette.purple["600"],
-        linkLightVisited: palette.purple["300"],
+        linkVisited: palette.purple["800"],
+        linkLightVisited: palette.purple["200"],
         promote: palette.purple["700"],
         promoteLight: palette.purple["300"],
         rating: palette.orange["600"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "32.8.0",
+  "version": "32.8.2",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {
@@ -189,7 +189,7 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
     "sanitize-html": "^2.7.0",
-    "sku": "12.1.0",
+    "sku": "12.1.2",
     "svgo": "^2.8.0",
     "title-case": "^3.0.3"
   },