@atlaskit/onboarding 14.4.15 → 14.5.0

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,18 @@
1
1
  # @atlaskit/onboarding
2
2
 
3
+ ## 14.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b9f2a2ef1a82c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b9f2a2ef1a82c) -
8
+ Target border radius props accept strings on top of number values to allow the use of tokens.
9
+
10
+ ## 14.4.16
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 14.4.15
4
17
 
5
18
  ### Patch Changes
@@ -41,7 +41,7 @@ var Base = function Base(_ref) {
41
41
  "data-testid": testId,
42
42
  style: _objectSpread(_objectSpread({}, style), {}, {
43
43
  backgroundColor: bgColor,
44
- borderRadius: radius ? "".concat(radius, "px") : undefined
44
+ borderRadius: radius ? typeof radius === 'number' ? "".concat(radius, "px") : radius : undefined
45
45
  })
46
46
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
47
47
  }, props), children);
@@ -27,7 +27,7 @@ const Base = ({
27
27
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Pass-through style is not allowed at the moment
28
28
  ...style,
29
29
  backgroundColor: bgColor,
30
- borderRadius: radius ? `${radius}px` : undefined
30
+ borderRadius: radius ? typeof radius === 'number' ? `${radius}px` : radius : undefined
31
31
  }
32
32
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
33
33
  }, props), children);
@@ -32,7 +32,7 @@ var Base = function Base(_ref) {
32
32
  "data-testid": testId,
33
33
  style: _objectSpread(_objectSpread({}, style), {}, {
34
34
  backgroundColor: bgColor,
35
- borderRadius: radius ? "".concat(radius, "px") : undefined
35
+ borderRadius: radius ? typeof radius === 'number' ? "".concat(radius, "px") : radius : undefined
36
36
  })
37
37
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
38
38
  }, props), children);
@@ -30,7 +30,7 @@ interface CloneProps {
30
30
  /**
31
31
  * The border radius of the element being highlighted.
32
32
  */
33
- targetRadius?: number;
33
+ targetRadius?: number | string;
34
34
  /**
35
35
  * A `testId` prop is provided for specified elements,
36
36
  * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
@@ -7,7 +7,7 @@ type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
7
7
  bgColor?: string;
8
8
  children?: ReactNode;
9
9
  className?: string;
10
- radius?: number;
10
+ radius?: number | string;
11
11
  testId?: string;
12
12
  };
13
13
  type TargetProps = Omit<BaseProps, 'css'> & {
@@ -78,7 +78,7 @@ export interface SpotlightProps {
78
78
  /**
79
79
  * The border radius of the element being highlighted.
80
80
  */
81
- targetRadius?: number;
81
+ targetRadius?: number | string;
82
82
  /**
83
83
  * Alternative element to render than the wrapped target.
84
84
  */
@@ -30,7 +30,7 @@ interface CloneProps {
30
30
  /**
31
31
  * The border radius of the element being highlighted.
32
32
  */
33
- targetRadius?: number;
33
+ targetRadius?: number | string;
34
34
  /**
35
35
  * A `testId` prop is provided for specified elements,
36
36
  * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
@@ -7,7 +7,7 @@ type BaseProps = React.HTMLAttributes<HTMLDivElement> & {
7
7
  bgColor?: string;
8
8
  children?: ReactNode;
9
9
  className?: string;
10
- radius?: number;
10
+ radius?: number | string;
11
11
  testId?: string;
12
12
  };
13
13
  type TargetProps = Omit<BaseProps, 'css'> & {
@@ -78,7 +78,7 @@ export interface SpotlightProps {
78
78
  /**
79
79
  * The border radius of the element being highlighted.
80
80
  */
81
- targetRadius?: number;
81
+ targetRadius?: number | string;
82
82
  /**
83
83
  * Alternative element to render than the wrapped target.
84
84
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/onboarding",
3
- "version": "14.4.15",
3
+ "version": "14.5.0",
4
4
  "description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -52,8 +52,8 @@
52
52
  }
53
53
  },
54
54
  "dependencies": {
55
- "@atlaskit/button": "^23.8.0",
56
- "@atlaskit/css": "^0.18.0",
55
+ "@atlaskit/button": "^23.9.0",
56
+ "@atlaskit/css": "^0.19.0",
57
57
  "@atlaskit/ds-lib": "^5.3.0",
58
58
  "@atlaskit/heading": "^5.2.0",
59
59
  "@atlaskit/layering": "^3.4.0",
@@ -62,8 +62,8 @@
62
62
  "@atlaskit/platform-feature-flags": "^1.1.0",
63
63
  "@atlaskit/popper": "^7.1.0",
64
64
  "@atlaskit/portal": "^5.1.0",
65
- "@atlaskit/primitives": "^16.4.0",
66
- "@atlaskit/tokens": "^8.6.0",
65
+ "@atlaskit/primitives": "^17.0.0",
66
+ "@atlaskit/tokens": "^9.0.0",
67
67
  "@babel/runtime": "^7.0.0",
68
68
  "@compiled/react": "^0.18.6",
69
69
  "bind-event-listener": "^3.0.0",