braid-design-system 33.11.4 → 33.11.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # braid-design-system
2
2
 
3
+ ## 33.11.5
4
+
5
+ ### Patch Changes
6
+
7
+ - **Button, ButtonIcon, ButtonLink:** Remove use of deprecated `outline` atoms value, in favour of CSS property ([#1871](https://github.com/seek-oss/braid-design-system/pull/1871))
8
+
3
9
  ## 33.11.4
4
10
 
5
11
  ### Patch Changes
@@ -321,7 +321,6 @@ const useButtonStyles = ({
321
321
  width: "full",
322
322
  borderRadius: radius,
323
323
  cursor: !loading ? "pointer" : void 0,
324
- outline: "none",
325
324
  className: [lib_components_Button_Button_css_cjs.root, size === "small" ? lib_components_private_touchable_virtualTouchable_css_cjs.virtualTouchable : void 0]
326
325
  },
327
326
  content: {
@@ -13,7 +13,7 @@ const root = css.style({
13
13
  // Necessary to overwrite Safari's default value for 'align-items' in 'button' elements (which is 'flex-start')
14
14
  alignItems: "stretch",
15
15
  // Necessary to overwrite browser default for 'a' elements (which is '1px'), keeping Button & ButtonLink uniform.
16
- outlineOffset: 0
16
+ outline: "none"
17
17
  }, "root");
18
18
  const forceActive = css.style({}, "forceActive");
19
19
  const activeAnimation = css.style({
@@ -12,7 +12,7 @@ const root = style({
12
12
  // Necessary to overwrite Safari's default value for 'align-items' in 'button' elements (which is 'flex-start')
13
13
  alignItems: "stretch",
14
14
  // Necessary to overwrite browser default for 'a' elements (which is '1px'), keeping Button & ButtonLink uniform.
15
- outlineOffset: 0
15
+ outline: "none"
16
16
  }, "root");
17
17
  const forceActive = style({}, "forceActive");
18
18
  const activeAnimation = style({
@@ -318,7 +318,6 @@ const useButtonStyles = ({
318
318
  width: "full",
319
319
  borderRadius: radius,
320
320
  cursor: !loading ? "pointer" : void 0,
321
- outline: "none",
322
321
  className: [root, size === "small" ? virtualTouchable : void 0]
323
322
  },
324
323
  content: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "braid-design-system",
3
- "version": "33.11.4",
3
+ "version": "33.11.5",
4
4
  "description": "Themeable design system for the SEEK Group",
5
5
  "homepage": "https://seek-oss.github.io/braid-design-system/",
6
6
  "bugs": {
@@ -217,7 +217,7 @@
217
217
  "react-dom": "^19.1.0",
218
218
  "react-router": "^7.6.3",
219
219
  "sanitize-html": "^2.12.1",
220
- "sku": "14.8.0",
220
+ "sku": "14.12.2",
221
221
  "storybook": "9.0.15",
222
222
  "svgo": "^2.8.0",
223
223
  "title-case": "^3.0.3",