@atlaskit/primitives 1.14.0 → 1.15.1
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 +16 -0
- package/dist/cjs/components/bleed.js +3 -2
- package/dist/es2019/components/bleed.js +2 -2
- package/dist/esm/components/bleed.js +2 -2
- package/dist/types/components/bleed.d.ts +2 -2
- package/dist/types/components/types.d.ts +1 -0
- package/dist/types-ts4.5/components/bleed.d.ts +2 -2
- package/dist/types-ts4.5/components/types.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 1.15.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#57241](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57241) [`cae2e80ae968`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cae2e80ae968) - Migrate webdriver tests for @atlassian/product-search-dialog
|
|
8
|
+
|
|
9
|
+
## 1.15.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#60570](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60570) [`d74bd13bec9c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d74bd13bec9c) - Restrict usage of data-testid to primitives (`testId` should be used instead). This prop is currently silently ignored so this is just to follow the principle of least surprise when using primitives.
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 1.14.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var _react2 = require("@emotion/react");
|
|
9
10
|
var _xcss = require("../xcss/xcss");
|
|
10
11
|
/**
|
|
@@ -58,7 +59,7 @@ var inlineBleedMap = {
|
|
|
58
59
|
* - [Examples](https://atlassian.design/components/primitives/bleed/examples)
|
|
59
60
|
* - [Code](https://atlassian.design/components/primitives/bleed/code)
|
|
60
61
|
*/
|
|
61
|
-
var Bleed = /*#__PURE__*/
|
|
62
|
+
var Bleed = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
62
63
|
var children = _ref.children,
|
|
63
64
|
testId = _ref.testId,
|
|
64
65
|
inline = _ref.inline,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import
|
|
5
|
+
import React from 'react';
|
|
6
6
|
import { css, jsx } from '@emotion/react';
|
|
7
7
|
import { parseXcss } from '../xcss/xcss';
|
|
8
8
|
const baseStyles = css({
|
|
@@ -51,7 +51,7 @@ const inlineBleedMap = {
|
|
|
51
51
|
* - [Examples](https://atlassian.design/components/primitives/bleed/examples)
|
|
52
52
|
* - [Code](https://atlassian.design/components/primitives/bleed/code)
|
|
53
53
|
*/
|
|
54
|
-
const Bleed = /*#__PURE__*/memo(({
|
|
54
|
+
const Bleed = /*#__PURE__*/React.memo(({
|
|
55
55
|
children,
|
|
56
56
|
testId,
|
|
57
57
|
inline,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import
|
|
5
|
+
import React from 'react';
|
|
6
6
|
import { css, jsx } from '@emotion/react';
|
|
7
7
|
import { parseXcss } from '../xcss/xcss';
|
|
8
8
|
var baseStyles = css({
|
|
@@ -51,7 +51,7 @@ var inlineBleedMap = {
|
|
|
51
51
|
* - [Examples](https://atlassian.design/components/primitives/bleed/examples)
|
|
52
52
|
* - [Code](https://atlassian.design/components/primitives/bleed/code)
|
|
53
53
|
*/
|
|
54
|
-
var Bleed = /*#__PURE__*/memo(function (_ref) {
|
|
54
|
+
var Bleed = /*#__PURE__*/React.memo(function (_ref) {
|
|
55
55
|
var children = _ref.children,
|
|
56
56
|
testId = _ref.testId,
|
|
57
57
|
inline = _ref.inline,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import { ReactNode } from 'react';
|
|
5
|
+
import React, { ReactNode } from 'react';
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
7
|
import type { BasePrimitiveProps } from './types';
|
|
8
8
|
export type BleedProps = {
|
|
@@ -32,5 +32,5 @@ type Space = 'space.025' | 'space.050' | 'space.100' | 'space.150' | 'space.200'
|
|
|
32
32
|
* - [Examples](https://atlassian.design/components/primitives/bleed/examples)
|
|
33
33
|
* - [Code](https://atlassian.design/components/primitives/bleed/code)
|
|
34
34
|
*/
|
|
35
|
-
declare const Bleed:
|
|
35
|
+
declare const Bleed: React.MemoExoticComponent<({ children, testId, inline, block, all, xcss }: BleedProps) => jsx.JSX.Element>;
|
|
36
36
|
export default Bleed;
|
|
@@ -5,6 +5,7 @@ export type BasePrimitiveProps = {
|
|
|
5
5
|
* A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
|
|
6
6
|
*/
|
|
7
7
|
testId?: string;
|
|
8
|
+
'data-testid'?: never;
|
|
8
9
|
/**
|
|
9
10
|
* Apply a subset of permitted styles, powered by Atlassian Design System tokens.
|
|
10
11
|
*/
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import { ReactNode } from 'react';
|
|
5
|
+
import React, { ReactNode } from 'react';
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
7
|
import type { BasePrimitiveProps } from './types';
|
|
8
8
|
export type BleedProps = {
|
|
@@ -32,5 +32,5 @@ type Space = 'space.025' | 'space.050' | 'space.100' | 'space.150' | 'space.200'
|
|
|
32
32
|
* - [Examples](https://atlassian.design/components/primitives/bleed/examples)
|
|
33
33
|
* - [Code](https://atlassian.design/components/primitives/bleed/code)
|
|
34
34
|
*/
|
|
35
|
-
declare const Bleed:
|
|
35
|
+
declare const Bleed: React.MemoExoticComponent<({ children, testId, inline, block, all, xcss }: BleedProps) => jsx.JSX.Element>;
|
|
36
36
|
export default Bleed;
|
|
@@ -5,6 +5,7 @@ export type BasePrimitiveProps = {
|
|
|
5
5
|
* A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
|
|
6
6
|
*/
|
|
7
7
|
testId?: string;
|
|
8
|
+
'data-testid'?: never;
|
|
8
9
|
/**
|
|
9
10
|
* Apply a subset of permitted styles, powered by Atlassian Design System tokens.
|
|
10
11
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.15.1",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
},
|
|
106
106
|
"dependencies": {
|
|
107
107
|
"@atlaskit/app-provider": "^0.4.0",
|
|
108
|
-
"@atlaskit/tokens": "^1.
|
|
108
|
+
"@atlaskit/tokens": "^1.30.0",
|
|
109
109
|
"@babel/runtime": "^7.0.0",
|
|
110
110
|
"@emotion/react": "^11.7.1",
|
|
111
111
|
"@emotion/serialize": "^1.1.0",
|