@atlaskit/primitives 9.0.0 → 10.1.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,20 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 10.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`b78fad249a1e7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b78fad249a1e7) -
8
+ Allow Negative Spaces in OutlineOffset
9
+
10
+ ## 10.0.0
11
+
12
+ ### Major Changes
13
+
14
+ - [#115948](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115948)
15
+ [`1798755846b6d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1798755846b6d) -
16
+ Released Anchor primitive to open beta.
17
+
3
18
  ## 9.0.0
4
19
 
5
20
  ### Major Changes
@@ -66,43 +81,35 @@
66
81
 
67
82
  **Before migration**
68
83
 
69
- ```
84
+ ```tsx
70
85
  import { Box, xcss } from '@atlaskit/primitives';
71
86
  import FocusRing from '@atlaskit/focus-ring';
72
87
 
73
88
  const buttonStyles = xcss({
74
89
  cursor: 'pointer',
75
- backgroundColor: 'color.background.brand.bold'
90
+ backgroundColor: 'color.background.brand.bold',
76
91
  });
77
92
 
78
-
79
93
  const MyApp = () => (
80
94
  <FocusRing>
81
- <Box
82
- as="button"
83
- xcss={buttonStyles}
84
- disabled={isDisabled}
85
- >
95
+ <Box as="button" xcss={buttonStyles} disabled={isDisabled}>
86
96
  Hello
87
97
  </Box>
88
98
  </FocusRing>
89
- )
99
+ );
90
100
  ```
91
101
 
92
102
  **After migration**
93
103
 
94
- ```
104
+ ```tsx
95
105
  import { Pressable, xcss } from '@atlaskit/primitives';
96
106
 
97
107
  const buttonStyles = xcss({
98
- backgroundColor: 'color.background.brand.bold'
108
+ backgroundColor: 'color.background.brand.bold',
99
109
  });
100
110
 
101
111
  const MyApp = () => (
102
- <Pressable
103
- xcss={buttonStyles}
104
- isDisabled={isDisabled}
105
- >
112
+ <Pressable xcss={buttonStyles} isDisabled={isDisabled}>
106
113
  Hello
107
114
  </Pressable>
108
115
  );
@@ -103,7 +103,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
103
103
  action: 'clicked',
104
104
  componentName: componentName || 'Anchor',
105
105
  packageName: "@atlaskit/primitives",
106
- packageVersion: "9.0.0",
106
+ packageVersion: "10.1.0",
107
107
  analyticsData: analyticsContext,
108
108
  actionSubject: 'link'
109
109
  });
@@ -61,7 +61,7 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
61
61
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
62
62
  , (0, _extends2.default)({
63
63
  style: style
64
- // @ts-expect-error Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
64
+ // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
65
65
  ,
66
66
  ref: ref
67
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
95
95
  action: 'clicked',
96
96
  componentName: componentName || 'Pressable',
97
97
  packageName: "@atlaskit/primitives",
98
- packageVersion: "9.0.0",
98
+ packageVersion: "10.1.0",
99
99
  analyticsData: analyticsContext,
100
100
  actionSubject: 'button'
101
101
  });
@@ -93,7 +93,7 @@ const AnchorNoRef = ({
93
93
  action: 'clicked',
94
94
  componentName: componentName || 'Anchor',
95
95
  packageName: "@atlaskit/primitives",
96
- packageVersion: "9.0.0",
96
+ packageVersion: "10.1.0",
97
97
  analyticsData: analyticsContext,
98
98
  actionSubject: 'link'
99
99
  });
@@ -55,7 +55,7 @@ export const Box = /*#__PURE__*/forwardRef(({
55
55
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
56
56
  , _extends({
57
57
  style: style
58
- // @ts-expect-error Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
58
+ // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
59
59
  ,
60
60
  ref: ref
61
61
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
85
85
  action: 'clicked',
86
86
  componentName: componentName || 'Pressable',
87
87
  packageName: "@atlaskit/primitives",
88
- packageVersion: "9.0.0",
88
+ packageVersion: "10.1.0",
89
89
  analyticsData: analyticsContext,
90
90
  actionSubject: 'button'
91
91
  });
@@ -97,7 +97,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
97
97
  action: 'clicked',
98
98
  componentName: componentName || 'Anchor',
99
99
  packageName: "@atlaskit/primitives",
100
- packageVersion: "9.0.0",
100
+ packageVersion: "10.1.0",
101
101
  analyticsData: analyticsContext,
102
102
  actionSubject: 'link'
103
103
  });
@@ -56,7 +56,7 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
56
56
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
57
57
  , _extends({
58
58
  style: style
59
- // @ts-expect-error Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
59
+ // @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
60
60
  ,
61
61
  ref: ref
62
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
89
89
  action: 'clicked',
90
90
  componentName: componentName || 'Pressable',
91
91
  packageName: "@atlaskit/primitives",
92
- packageVersion: "9.0.0",
92
+ packageVersion: "10.1.0",
93
93
  analyticsData: analyticsContext,
94
94
  actionSubject: 'button'
95
95
  });
@@ -622,7 +622,7 @@ export type TokenisedProps = {
622
622
  minWidth?: Dimension | string;
623
623
  opacity?: AutoComplete<Opacity> | number;
624
624
  outlineColor?: BorderColor;
625
- outlineOffset?: Space;
625
+ outlineOffset?: AllSpace;
626
626
  outlineWidth?: BorderWidth | string;
627
627
  padding?: Space;
628
628
  paddingBlock?: Space;
@@ -622,7 +622,7 @@ export type TokenisedProps = {
622
622
  minWidth?: Dimension | string;
623
623
  opacity?: AutoComplete<Opacity> | number;
624
624
  outlineColor?: BorderColor;
625
- outlineOffset?: Space;
625
+ outlineOffset?: AllSpace;
626
626
  outlineWidth?: BorderWidth | string;
627
627
  padding?: Space;
628
628
  paddingBlock?: Space;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "9.0.0",
3
+ "version": "10.1.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -112,7 +112,7 @@
112
112
  "slug": "primitives/anchor",
113
113
  "id": "@atlaskit/primitives/anchor",
114
114
  "status": {
115
- "type": "closed-beta"
115
+ "type": "beta"
116
116
  }
117
117
  }
118
118
  ]