@atlaskit/ds-explorations 3.0.4 → 3.0.6

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/ds-explorations
2
2
 
3
+ ## 3.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#56371](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56371) [`8714b4418a12`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8714b4418a12) - Testing new publish workflow
8
+
9
+ ## 3.0.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [#41365](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41365) [`f0a165587f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f0a165587f2) - Internal change to update codegen styles.
14
+ - Updated dependencies
15
+
3
16
  ## 3.0.4
4
17
 
5
18
  ### Patch Changes
package/README.md CHANGED
@@ -5,5 +5,4 @@ An experimental private package for exploration and validation of the foundation
5
5
  **WARNING!**
6
6
 
7
7
  This is an internal package with common functionality used in the Atlassian Design System Team.
8
- This package comes with no support and semver guarantees,
9
- your app will break if you use this directly!
8
+ This package comes with no support and semver guarantees, your app will break if you use this directly!
@@ -129,11 +129,11 @@ var Text = function Text(_ref) {
129
129
  var _default = exports.default = Text;
130
130
  /**
131
131
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
132
- * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
132
+ * @codegen <<SignedSource::e0cf19767425d8b20b2d3cf5f3adc035>>
133
133
  * @codegenId typography
134
134
  * @codegenCommand yarn codegen-styles
135
135
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
136
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
136
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7c95473452cd40813e49496912c844a1>>
137
137
  */
138
138
  var fontSizeMap = {
139
139
  'size.050': (0, _react2.css)({
@@ -120,11 +120,11 @@ export default Text;
120
120
 
121
121
  /**
122
122
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
123
- * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
123
+ * @codegen <<SignedSource::e0cf19767425d8b20b2d3cf5f3adc035>>
124
124
  * @codegenId typography
125
125
  * @codegenCommand yarn codegen-styles
126
126
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
127
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
127
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7c95473452cd40813e49496912c844a1>>
128
128
  */
129
129
  const fontSizeMap = {
130
130
  'size.050': css({
@@ -123,11 +123,11 @@ export default Text;
123
123
 
124
124
  /**
125
125
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
126
- * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
126
+ * @codegen <<SignedSource::e0cf19767425d8b20b2d3cf5f3adc035>>
127
127
  * @codegenId typography
128
128
  * @codegenCommand yarn codegen-styles
129
129
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
130
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
130
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7c95473452cd40813e49496912c844a1>>
131
131
  */
132
132
  var fontSizeMap = {
133
133
  'size.050': css({
@@ -81,11 +81,11 @@ declare const Text: FC<TextProps>;
81
81
  export default Text;
82
82
  /**
83
83
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
84
- * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
84
+ * @codegen <<SignedSource::e0cf19767425d8b20b2d3cf5f3adc035>>
85
85
  * @codegenId typography
86
86
  * @codegenCommand yarn codegen-styles
87
87
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
88
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
88
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7c95473452cd40813e49496912c844a1>>
89
89
  */
90
90
  declare const fontSizeMap: {
91
91
  'size.050': import("@emotion/react").SerializedStyles;
@@ -86,11 +86,11 @@ declare const Text: FC<TextProps>;
86
86
  export default Text;
87
87
  /**
88
88
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
89
- * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
89
+ * @codegen <<SignedSource::e0cf19767425d8b20b2d3cf5f3adc035>>
90
90
  * @codegenId typography
91
91
  * @codegenCommand yarn codegen-styles
92
92
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
93
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
93
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7c95473452cd40813e49496912c844a1>>
94
94
  */
95
95
  declare const fontSizeMap: {
96
96
  'size.050': import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "3.0.4",
3
+ "version": "3.0.6",
4
4
  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  "prepare": "yarn ak-postbuild"
26
26
  },
27
27
  "dependencies": {
28
- "@atlaskit/tokens": "^1.27.0",
28
+ "@atlaskit/tokens": "^1.29.0",
29
29
  "@babel/runtime": "^7.0.0",
30
30
  "@emotion/react": "^11.7.1",
31
31
  "tiny-invariant": "^1.2.0"
@@ -35,7 +35,7 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@atlaskit/ds-lib": "*",
38
- "@atlaskit/primitives": "^1.6.0",
38
+ "@atlaskit/primitives": "^1.12.0",
39
39
  "@atlaskit/visual-regression": "*",
40
40
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
41
41
  "@atlassian/codegen": "^0.1.0",
@@ -1,22 +1,22 @@
1
1
  import React from 'react';
2
2
 
3
- import { queryByAttribute, render } from '@testing-library/react';
3
+ import { queryByAttribute, render, screen } from '@testing-library/react';
4
4
 
5
5
  import { UNSAFE_Text as Text } from '../../../index';
6
6
 
7
7
  describe('Text component', () => {
8
8
  it('should render given text', () => {
9
- const { getByText } = render(<Text>Text</Text>);
10
- expect(getByText('Text')).toBeInTheDocument();
9
+ render(<Text>Text</Text>);
10
+ expect(screen.getByText('Text')).toBeInTheDocument();
11
11
  });
12
12
 
13
13
  it('should not render redundant DOM nodes', () => {
14
- const { getByTestId } = render(
14
+ render(
15
15
  <Text testId="test">
16
16
  <Text>Text</Text>
17
17
  </Text>,
18
18
  );
19
- expect(getByTestId('test')).toMatchInlineSnapshot(`
19
+ expect(screen.getByTestId('test')).toMatchInlineSnapshot(`
20
20
  .emotion-0 {
21
21
  box-sizing: border-box;
22
22
  margin: var(--ds-space-0, 0px);
@@ -34,8 +34,8 @@ describe('Text component', () => {
34
34
  });
35
35
 
36
36
  it('should render with given test id', () => {
37
- const { getByTestId } = render(<Text testId="test">Text</Text>);
38
- expect(getByTestId('test')).toBeInTheDocument();
37
+ render(<Text testId="test">Text</Text>);
38
+ expect(screen.getByTestId('test')).toBeInTheDocument();
39
39
  });
40
40
 
41
41
  it('should render with id attribute', () => {
@@ -48,15 +48,15 @@ describe('Text component', () => {
48
48
 
49
49
  describe('"as" prop behaviour', () => {
50
50
  it('renders without errors when a valid "as" value is given', () => {
51
- const { getByText } = render(<Text as="div">Text</Text>);
52
- expect(getByText('Text')).toBeInTheDocument();
51
+ render(<Text as="div">Text</Text>);
52
+ expect(screen.getByText('Text')).toBeInTheDocument();
53
53
  });
54
54
 
55
55
  it('throws when an invalid "as" value is given', () => {
56
56
  // @ts-ignore purposefully providing an invalid value to test invariant behaviour
57
- expect(() => render(<Text as="label">Text</Text>)).toThrow(
57
+ expect(() => render(<Text as="address">Text</Text>)).toThrow(
58
58
  new Error(
59
- 'Invariant failed: @atlaskit/ds-explorations: Text received an invalid "as" value of "label"',
59
+ 'Invariant failed: @atlaskit/ds-explorations: Text received an invalid "as" value of "address"',
60
60
  ),
61
61
  );
62
62
  });
@@ -189,11 +189,11 @@ export default Text;
189
189
 
190
190
  /**
191
191
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
192
- * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
192
+ * @codegen <<SignedSource::e0cf19767425d8b20b2d3cf5f3adc035>>
193
193
  * @codegenId typography
194
194
  * @codegenCommand yarn codegen-styles
195
195
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
196
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
196
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7c95473452cd40813e49496912c844a1>>
197
197
  */
198
198
  const fontSizeMap = {
199
199
  'size.050': css({
package/tsconfig.app.json CHANGED
@@ -38,5 +38,6 @@
38
38
  {
39
39
  "path": "../codegen/tsconfig.app.json"
40
40
  }
41
- ]
41
+ ],
42
+ "files": []
42
43
  }
@@ -1,216 +0,0 @@
1
- ## API Report File for "@atlaskit/ds-explorations"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- import type { CSSProperties } from 'react';
8
- import { FC } from 'react';
9
- import { jsx } from '@emotion/react';
10
- import { ReactNode } from 'react';
11
- import { SerializedStyles } from '@emotion/react';
12
-
13
- // @public (undocumented)
14
- const asAllowlist: readonly ["span", "div", "p", "strong"];
15
-
16
- // @public (undocumented)
17
- type AsElement = (typeof asAllowlist)[number];
18
-
19
- // @public (undocumented)
20
- const backgroundHoverColorMap: {
21
- 'accent.lime.subtlest': SerializedStyles;
22
- 'accent.lime.subtler': SerializedStyles;
23
- 'accent.lime.subtle': SerializedStyles;
24
- 'accent.lime.bolder': SerializedStyles;
25
- 'accent.red.subtlest': SerializedStyles;
26
- 'accent.red.subtler': SerializedStyles;
27
- 'accent.red.subtle': SerializedStyles;
28
- 'accent.red.bolder': SerializedStyles;
29
- 'accent.orange.subtlest': SerializedStyles;
30
- 'accent.orange.subtler': SerializedStyles;
31
- 'accent.orange.subtle': SerializedStyles;
32
- 'accent.orange.bolder': SerializedStyles;
33
- 'accent.yellow.subtlest': SerializedStyles;
34
- 'accent.yellow.subtler': SerializedStyles;
35
- 'accent.yellow.subtle': SerializedStyles;
36
- 'accent.yellow.bolder': SerializedStyles;
37
- 'accent.green.subtlest': SerializedStyles;
38
- 'accent.green.subtler': SerializedStyles;
39
- 'accent.green.subtle': SerializedStyles;
40
- 'accent.green.bolder': SerializedStyles;
41
- 'accent.teal.subtlest': SerializedStyles;
42
- 'accent.teal.subtler': SerializedStyles;
43
- 'accent.teal.subtle': SerializedStyles;
44
- 'accent.teal.bolder': SerializedStyles;
45
- 'accent.blue.subtlest': SerializedStyles;
46
- 'accent.blue.subtler': SerializedStyles;
47
- 'accent.blue.subtle': SerializedStyles;
48
- 'accent.blue.bolder': SerializedStyles;
49
- 'accent.purple.subtlest': SerializedStyles;
50
- 'accent.purple.subtler': SerializedStyles;
51
- 'accent.purple.subtle': SerializedStyles;
52
- 'accent.purple.bolder': SerializedStyles;
53
- 'accent.magenta.subtlest': SerializedStyles;
54
- 'accent.magenta.subtler': SerializedStyles;
55
- 'accent.magenta.subtle': SerializedStyles;
56
- 'accent.magenta.bolder': SerializedStyles;
57
- 'accent.gray.subtlest': SerializedStyles;
58
- 'accent.gray.subtler': SerializedStyles;
59
- 'accent.gray.subtle': SerializedStyles;
60
- 'accent.gray.bolder': SerializedStyles;
61
- input: SerializedStyles;
62
- 'inverse.subtle': SerializedStyles;
63
- neutral: SerializedStyles;
64
- 'neutral.subtle': SerializedStyles;
65
- 'neutral.bold': SerializedStyles;
66
- selected: SerializedStyles;
67
- 'selected.bold': SerializedStyles;
68
- 'brand.subtlest': SerializedStyles;
69
- 'brand.bold': SerializedStyles;
70
- 'brand.boldest': SerializedStyles;
71
- danger: SerializedStyles;
72
- 'danger.bold': SerializedStyles;
73
- warning: SerializedStyles;
74
- 'warning.bold': SerializedStyles;
75
- success: SerializedStyles;
76
- 'success.bold': SerializedStyles;
77
- discovery: SerializedStyles;
78
- 'discovery.bold': SerializedStyles;
79
- information: SerializedStyles;
80
- 'information.bold': SerializedStyles;
81
- 'elevation.surface': SerializedStyles;
82
- 'elevation.surface.overlay': SerializedStyles;
83
- 'elevation.surface.raised': SerializedStyles;
84
- };
85
-
86
- // @public (undocumented)
87
- interface BasePrimitiveProps {
88
- testId?: string;
89
- UNSAFE_style?: CSSProperties;
90
- }
91
-
92
- // @public (undocumented)
93
- type FontSize = keyof typeof fontSizeMap;
94
-
95
- // @public
96
- const fontSizeMap: {
97
- 'size.050': SerializedStyles;
98
- 'size.075': SerializedStyles;
99
- 'size.100': SerializedStyles;
100
- 'size.200': SerializedStyles;
101
- 'size.300': SerializedStyles;
102
- 'size.400': SerializedStyles;
103
- 'size.500': SerializedStyles;
104
- 'size.600': SerializedStyles;
105
- };
106
-
107
- // @public (undocumented)
108
- type FontWeight = keyof typeof fontWeightMap;
109
-
110
- // @public (undocumented)
111
- const fontWeightMap: {
112
- bold: SerializedStyles;
113
- medium: SerializedStyles;
114
- regular: SerializedStyles;
115
- semibold: SerializedStyles;
116
- };
117
-
118
- // @public (undocumented)
119
- type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
120
-
121
- // @public (undocumented)
122
- interface InteractionSurfaceProps extends BasePrimitiveProps {
123
- // (undocumented)
124
- appearance?: InteractionBackgroundColor;
125
- // (undocumented)
126
- children: ReactNode;
127
- }
128
-
129
- // @public (undocumented)
130
- type LineHeight = keyof typeof lineHeightMap;
131
-
132
- // @public (undocumented)
133
- const lineHeightMap: {
134
- 'lineHeight.1': SerializedStyles;
135
- 'lineHeight.100': SerializedStyles;
136
- 'lineHeight.200': SerializedStyles;
137
- 'lineHeight.300': SerializedStyles;
138
- 'lineHeight.400': SerializedStyles;
139
- 'lineHeight.500': SerializedStyles;
140
- 'lineHeight.600': SerializedStyles;
141
- };
142
-
143
- // @public (undocumented)
144
- type TextAlign = keyof typeof textAlignMap;
145
-
146
- // @public (undocumented)
147
- const textAlignMap: {
148
- center: SerializedStyles;
149
- end: SerializedStyles;
150
- start: SerializedStyles;
151
- };
152
-
153
- // @public (undocumented)
154
- type TextColor = keyof typeof textColorMap;
155
-
156
- // @public
157
- const textColorMap: {
158
- readonly 'color.text': SerializedStyles;
159
- readonly disabled: SerializedStyles;
160
- readonly inverse: SerializedStyles;
161
- readonly selected: SerializedStyles;
162
- readonly brand: SerializedStyles;
163
- readonly danger: SerializedStyles;
164
- readonly warning: SerializedStyles;
165
- readonly 'warning.inverse': SerializedStyles;
166
- readonly success: SerializedStyles;
167
- readonly discovery: SerializedStyles;
168
- readonly information: SerializedStyles;
169
- readonly subtlest: SerializedStyles;
170
- readonly subtle: SerializedStyles;
171
- };
172
-
173
- // @public (undocumented)
174
- type TextTransform = keyof typeof textTransformMap;
175
-
176
- // @public (undocumented)
177
- const textTransformMap: {
178
- none: SerializedStyles;
179
- lowercase: SerializedStyles;
180
- uppercase: SerializedStyles;
181
- };
182
-
183
- // @public (undocumented)
184
- export const UNSAFE_InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
185
-
186
- // @internal
187
- export const UNSAFE_Text: FC<UNSAFE_TextProps>;
188
-
189
- // @public (undocumented)
190
- export interface UNSAFE_TextProps extends BasePrimitiveProps {
191
- as?: AsElement;
192
- children: ReactNode;
193
- color?: TextColor;
194
- fontSize?: FontSize;
195
- fontWeight?: FontWeight;
196
- id?: string;
197
- lineHeight?: LineHeight;
198
- shouldTruncate?: boolean;
199
- textAlign?: TextAlign;
200
- textTransform?: TextTransform;
201
- verticalAlign?: VerticalAlign;
202
- }
203
-
204
- // @public (undocumented)
205
- type VerticalAlign = keyof typeof verticalAlignMap;
206
-
207
- // @public (undocumented)
208
- const verticalAlignMap: {
209
- top: SerializedStyles;
210
- middle: SerializedStyles;
211
- bottom: SerializedStyles;
212
- };
213
-
214
- // (No @packageDocumentation comment for this package)
215
-
216
- ```