@atlaskit/primitives 10.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,12 @@
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
+
3
10
  ## 10.0.0
4
11
 
5
12
  ### Major Changes
@@ -74,43 +81,35 @@
74
81
 
75
82
  **Before migration**
76
83
 
77
- ```
84
+ ```tsx
78
85
  import { Box, xcss } from '@atlaskit/primitives';
79
86
  import FocusRing from '@atlaskit/focus-ring';
80
87
 
81
88
  const buttonStyles = xcss({
82
89
  cursor: 'pointer',
83
- backgroundColor: 'color.background.brand.bold'
90
+ backgroundColor: 'color.background.brand.bold',
84
91
  });
85
92
 
86
-
87
93
  const MyApp = () => (
88
94
  <FocusRing>
89
- <Box
90
- as="button"
91
- xcss={buttonStyles}
92
- disabled={isDisabled}
93
- >
95
+ <Box as="button" xcss={buttonStyles} disabled={isDisabled}>
94
96
  Hello
95
97
  </Box>
96
98
  </FocusRing>
97
- )
99
+ );
98
100
  ```
99
101
 
100
102
  **After migration**
101
103
 
102
- ```
104
+ ```tsx
103
105
  import { Pressable, xcss } from '@atlaskit/primitives';
104
106
 
105
107
  const buttonStyles = xcss({
106
- backgroundColor: 'color.background.brand.bold'
108
+ backgroundColor: 'color.background.brand.bold',
107
109
  });
108
110
 
109
111
  const MyApp = () => (
110
- <Pressable
111
- xcss={buttonStyles}
112
- isDisabled={isDisabled}
113
- >
112
+ <Pressable xcss={buttonStyles} isDisabled={isDisabled}>
114
113
  Hello
115
114
  </Pressable>
116
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: "10.0.0",
106
+ packageVersion: "10.1.0",
107
107
  analyticsData: analyticsContext,
108
108
  actionSubject: 'link'
109
109
  });
@@ -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: "10.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: "10.0.0",
96
+ packageVersion: "10.1.0",
97
97
  analyticsData: analyticsContext,
98
98
  actionSubject: 'link'
99
99
  });
@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
85
85
  action: 'clicked',
86
86
  componentName: componentName || 'Pressable',
87
87
  packageName: "@atlaskit/primitives",
88
- packageVersion: "10.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: "10.0.0",
100
+ packageVersion: "10.1.0",
101
101
  analyticsData: analyticsContext,
102
102
  actionSubject: 'link'
103
103
  });
@@ -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: "10.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": "10.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/"