@atlaskit/ds-explorations 1.3.0 → 1.3.2

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.
Files changed (22) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/box.partial.js +2 -2
  3. package/dist/cjs/components/inline.partial.js +2 -2
  4. package/dist/cjs/components/stack.partial.js +2 -2
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/components/box.partial.js +2 -2
  7. package/dist/es2019/components/inline.partial.js +2 -2
  8. package/dist/es2019/components/stack.partial.js +2 -2
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/components/box.partial.js +2 -2
  11. package/dist/esm/components/inline.partial.js +2 -2
  12. package/dist/esm/components/stack.partial.js +2 -2
  13. package/dist/esm/version.json +1 -1
  14. package/dist/types/components/box.partial.d.ts +2 -2
  15. package/dist/types/components/inline.partial.d.ts +2 -2
  16. package/dist/types/components/stack.partial.d.ts +2 -2
  17. package/examples/99-interactions.tsx +1 -1
  18. package/package.json +1 -1
  19. package/scripts/codegen-styles.tsx +8 -5
  20. package/src/components/box.partial.tsx +2 -2
  21. package/src/components/inline.partial.tsx +2 -2
  22. package/src/components/stack.partial.tsx +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 1.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f824dcfff6e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f824dcfff6e) - Internal changes to satisfy various lint warnings & errors
8
+
9
+ ## 1.3.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`04f01205c6b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04f01205c6b) - Applies rem instead of pixels as spacing tokens fallbacks. This should have no visual or behavioural change.
14
+
3
15
  ## 1.3.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/components/box.partial.js CHANGED
@@ -257,11 +257,11 @@ var heightMap = {
257
257
 
258
258
  /**
259
259
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
260
- * @codegen <<SignedSource::41980a62e387c13a99802814a0f33d26>>
260
+ * @codegen <<SignedSource::cbecbcc7b02d1d58fdd794542eb54d50>>
261
261
  * @codegenId spacing
262
262
  * @codegenCommand yarn codegen-styles
263
263
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
264
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
264
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
265
265
  */
266
266
  var paddingMap = {
267
267
  'scale.0': (0, _react2.css)({
package/dist/cjs/components/inline.partial.js CHANGED
@@ -114,11 +114,11 @@ Inline.displayName = 'Inline';
114
114
  var _default = Inline;
115
115
  /**
116
116
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
117
- * @codegen <<SignedSource::76168a57c8f10c9f325865d2189aa0ff>>
117
+ * @codegen <<SignedSource::3bb74c0e18d35310a98408ecd49c1526>>
118
118
  * @codegenId spacing
119
119
  * @codegenCommand yarn codegen-styles
120
120
  * @codegenParams ["columnGap"]
121
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
121
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
122
122
  */
123
123
 
124
124
  exports.default = _default;
package/dist/cjs/components/stack.partial.js CHANGED
@@ -84,11 +84,11 @@ Stack.displayName = 'Stack';
84
84
  var _default = Stack;
85
85
  /**
86
86
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
87
- * @codegen <<SignedSource::2b10240c217de584b627a7e2f56d11a0>>
87
+ * @codegen <<SignedSource::e574cf3d5b059f96c6158508fae4a064>>
88
88
  * @codegenId spacing
89
89
  * @codegenCommand yarn codegen-styles
90
90
  * @codegenParams ["rowGap"]
91
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
91
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
92
92
  */
93
93
 
94
94
  exports.default = _default;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/box.partial.js CHANGED
@@ -240,11 +240,11 @@ const heightMap = {
240
240
 
241
241
  /**
242
242
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
243
- * @codegen <<SignedSource::41980a62e387c13a99802814a0f33d26>>
243
+ * @codegen <<SignedSource::cbecbcc7b02d1d58fdd794542eb54d50>>
244
244
  * @codegenId spacing
245
245
  * @codegenCommand yarn codegen-styles
246
246
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
247
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
247
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
248
248
  */
249
249
  const paddingMap = {
250
250
  'scale.0': css({
package/dist/es2019/components/inline.partial.js CHANGED
@@ -105,11 +105,11 @@ Inline.displayName = 'Inline';
105
105
  export default Inline;
106
106
  /**
107
107
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
108
- * @codegen <<SignedSource::76168a57c8f10c9f325865d2189aa0ff>>
108
+ * @codegen <<SignedSource::3bb74c0e18d35310a98408ecd49c1526>>
109
109
  * @codegenId spacing
110
110
  * @codegenCommand yarn codegen-styles
111
111
  * @codegenParams ["columnGap"]
112
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
112
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
113
113
  */
114
114
 
115
115
  const columnGapMap = {
package/dist/es2019/components/stack.partial.js CHANGED
@@ -76,11 +76,11 @@ Stack.displayName = 'Stack';
76
76
  export default Stack;
77
77
  /**
78
78
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
79
- * @codegen <<SignedSource::2b10240c217de584b627a7e2f56d11a0>>
79
+ * @codegen <<SignedSource::e574cf3d5b059f96c6158508fae4a064>>
80
80
  * @codegenId spacing
81
81
  * @codegenCommand yarn codegen-styles
82
82
  * @codegenParams ["rowGap"]
83
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
83
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
84
84
  */
85
85
 
86
86
  const rowGapMap = {
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/box.partial.js CHANGED
@@ -244,11 +244,11 @@ var heightMap = {
244
244
 
245
245
  /**
246
246
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
247
- * @codegen <<SignedSource::41980a62e387c13a99802814a0f33d26>>
247
+ * @codegen <<SignedSource::cbecbcc7b02d1d58fdd794542eb54d50>>
248
248
  * @codegenId spacing
249
249
  * @codegenCommand yarn codegen-styles
250
250
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
251
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
251
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
252
252
  */
253
253
  var paddingMap = {
254
254
  'scale.0': css({
package/dist/esm/components/inline.partial.js CHANGED
@@ -105,11 +105,11 @@ Inline.displayName = 'Inline';
105
105
  export default Inline;
106
106
  /**
107
107
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
108
- * @codegen <<SignedSource::76168a57c8f10c9f325865d2189aa0ff>>
108
+ * @codegen <<SignedSource::3bb74c0e18d35310a98408ecd49c1526>>
109
109
  * @codegenId spacing
110
110
  * @codegenCommand yarn codegen-styles
111
111
  * @codegenParams ["columnGap"]
112
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
112
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
113
113
  */
114
114
 
115
115
  var columnGapMap = {
package/dist/esm/components/stack.partial.js CHANGED
@@ -75,11 +75,11 @@ Stack.displayName = 'Stack';
75
75
  export default Stack;
76
76
  /**
77
77
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
78
- * @codegen <<SignedSource::2b10240c217de584b627a7e2f56d11a0>>
78
+ * @codegen <<SignedSource::e574cf3d5b059f96c6158508fae4a064>>
79
79
  * @codegenId spacing
80
80
  * @codegenCommand yarn codegen-styles
81
81
  * @codegenParams ["rowGap"]
82
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
82
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
83
83
  */
84
84
 
85
85
  var rowGapMap = {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/box.partial.d.ts CHANGED
@@ -207,11 +207,11 @@ export declare type Height = keyof typeof heightMap;
207
207
  */
208
208
  /**
209
209
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
210
- * @codegen <<SignedSource::41980a62e387c13a99802814a0f33d26>>
210
+ * @codegen <<SignedSource::cbecbcc7b02d1d58fdd794542eb54d50>>
211
211
  * @codegenId spacing
212
212
  * @codegenCommand yarn codegen-styles
213
213
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
214
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
214
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
215
215
  */
216
216
  declare const paddingMap: {
217
217
  'scale.0': import("@emotion/react").SerializedStyles;
package/dist/types/components/inline.partial.d.ts CHANGED
@@ -69,11 +69,11 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
69
69
  export default Inline;
70
70
  /**
71
71
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
72
- * @codegen <<SignedSource::76168a57c8f10c9f325865d2189aa0ff>>
72
+ * @codegen <<SignedSource::3bb74c0e18d35310a98408ecd49c1526>>
73
73
  * @codegenId spacing
74
74
  * @codegenCommand yarn codegen-styles
75
75
  * @codegenParams ["columnGap"]
76
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
76
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
77
77
  */
78
78
  declare const columnGapMap: {
79
79
  'scale.0': import("@emotion/react").SerializedStyles;
package/dist/types/components/stack.partial.d.ts CHANGED
@@ -55,11 +55,11 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
55
55
  export default Stack;
56
56
  /**
57
57
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
58
- * @codegen <<SignedSource::2b10240c217de584b627a7e2f56d11a0>>
58
+ * @codegen <<SignedSource::e574cf3d5b059f96c6158508fae4a064>>
59
59
  * @codegenId spacing
60
60
  * @codegenCommand yarn codegen-styles
61
61
  * @codegenParams ["rowGap"]
62
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
62
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
63
63
  */
64
64
  declare const rowGapMap: {
65
65
  'scale.0': import("@emotion/react").SerializedStyles;
package/examples/99-interactions.tsx CHANGED
@@ -28,7 +28,7 @@ const fieldsetStyles = css({
28
28
  borderColor: token('color.border.danger', 'red'),
29
29
  },
30
30
  ':focus, :focus-within': {
31
- backgroundColor: token('color.background.input'),
31
+ backgroundColor: token('color.background.input', '#FAFBFC'),
32
32
  borderColor: token('color.border.focused', 'blue'),
33
33
  },
34
34
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
5
5
  "license": "Apache-2.0",
6
6
  "atlassian": {
package/scripts/codegen-styles.tsx CHANGED
@@ -12,16 +12,19 @@ import { createSpacingStylesFromTemplate } from './spacing-codegen-template';
12
12
  import { createSpacingScaleTemplate } from './spacing-scale-template';
13
13
 
14
14
  const colorMapOutputFolder = join(__dirname, '../', 'src', 'internal');
15
- const tokensDependencyPath = require.resolve(
15
+ const colorTokensDependencyPath = require.resolve(
16
16
  '../../tokens/src/artifacts/tokens-raw/atlassian-light',
17
17
  );
18
+ const spacingTokensDependencyPath = require.resolve(
19
+ '../../tokens/src/artifacts/tokens-raw/atlassian-spacing',
20
+ );
18
21
 
19
22
  writeFile(
20
23
  join(colorMapOutputFolder, 'color-map.tsx'),
21
24
  createSignedArtifact(createColorMapTemplate(), 'yarn codegen-styles', {
22
25
  description:
23
26
  'The color map is used to map a background color token to a matching text color that will meet contrast.',
24
- dependencies: [tokensDependencyPath],
27
+ dependencies: [colorTokensDependencyPath],
25
28
  outputFolder: colorMapOutputFolder,
26
29
  }),
27
30
  ).then(() => console.log(join(colorMapOutputFolder, 'color-map.tsx')));
@@ -47,7 +50,7 @@ Promise.all(
47
50
  {
48
51
  id: 'colors',
49
52
  absoluteFilePath: targetPath,
50
- dependencies: [tokensDependencyPath],
53
+ dependencies: [colorTokensDependencyPath],
51
54
  },
52
55
  );
53
56
 
@@ -73,7 +76,7 @@ Promise.all(
73
76
  {
74
77
  id: 'spacing',
75
78
  absoluteFilePath: targetPath,
76
- dependencies: [tokensDependencyPath],
79
+ dependencies: [spacingTokensDependencyPath],
77
80
  },
78
81
  );
79
82
 
@@ -98,7 +101,7 @@ Promise.all(
98
101
  {
99
102
  id: 'interactions',
100
103
  absoluteFilePath: targetPath,
101
- dependencies: [tokensDependencyPath],
104
+ dependencies: [colorTokensDependencyPath],
102
105
  },
103
106
  );
104
107
 
package/src/components/box.partial.tsx CHANGED
@@ -331,11 +331,11 @@ export type Height = keyof typeof heightMap;
331
331
 
332
332
  /**
333
333
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
334
- * @codegen <<SignedSource::41980a62e387c13a99802814a0f33d26>>
334
+ * @codegen <<SignedSource::cbecbcc7b02d1d58fdd794542eb54d50>>
335
335
  * @codegenId spacing
336
336
  * @codegenCommand yarn codegen-styles
337
337
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
338
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
338
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
339
339
  */
340
340
  const paddingMap = {
341
341
  'scale.0': css({
package/src/components/inline.partial.tsx CHANGED
@@ -149,11 +149,11 @@ export default Inline;
149
149
 
150
150
  /**
151
151
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
152
- * @codegen <<SignedSource::76168a57c8f10c9f325865d2189aa0ff>>
152
+ * @codegen <<SignedSource::3bb74c0e18d35310a98408ecd49c1526>>
153
153
  * @codegenId spacing
154
154
  * @codegenCommand yarn codegen-styles
155
155
  * @codegenParams ["columnGap"]
156
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
156
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
157
157
  */
158
158
  const columnGapMap = {
159
159
  'scale.0': css({
package/src/components/stack.partial.tsx CHANGED
@@ -107,11 +107,11 @@ export default Stack;
107
107
 
108
108
  /**
109
109
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
110
- * @codegen <<SignedSource::2b10240c217de584b627a7e2f56d11a0>>
110
+ * @codegen <<SignedSource::e574cf3d5b059f96c6158508fae4a064>>
111
111
  * @codegenId spacing
112
112
  * @codegenCommand yarn codegen-styles
113
113
  * @codegenParams ["rowGap"]
114
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
114
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
115
115
  */
116
116
  const rowGapMap = {
117
117
  'scale.0': css({