@atlaskit/ds-explorations 2.2.13 → 2.2.14

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/ds-explorations
2
2
 
3
+ ## 2.2.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`813edf2fe03`](https://bitbucket.org/atlassian/atlassian-frontend/commits/813edf2fe03) - Minor internal changes. There is no expected behaviour change.
8
+ - Updated dependencies
9
+
3
10
  ## 2.2.13
4
11
 
5
12
  ### Patch Changes
@@ -284,11 +284,11 @@ var heightMap = {
284
284
  */
285
285
  /**
286
286
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
287
- * @codegen <<SignedSource::26bdf3368d6e881f82176d797d99e03f>>
287
+ * @codegen <<SignedSource::8aa9e47916dc6f6d72f32999f48fbd27>>
288
288
  * @codegenId spacing
289
289
  * @codegenCommand yarn codegen-styles
290
290
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
291
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
291
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
292
292
  */
293
293
  var paddingMap = {
294
294
  'space.0': (0, _react2.css)({
@@ -68,7 +68,7 @@ var baseStyles = (0, _react2.css)({
68
68
  flexDirection: 'row'
69
69
  });
70
70
  var dividerStyles = (0, _react2.css)({
71
- margin: '0 -2px',
71
+ margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
72
72
  color: "var(--ds-text-subtle, #42526E)",
73
73
  pointerEvents: 'none',
74
74
  userSelect: 'none'
@@ -126,11 +126,11 @@ Inline.displayName = 'Inline';
126
126
  var _default = Inline;
127
127
  /**
128
128
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
129
- * @codegen <<SignedSource::253507949de085f00146762f8cd80723>>
129
+ * @codegen <<SignedSource::63747c8b92ba373ad2259fa1fff3f434>>
130
130
  * @codegenId spacing
131
131
  * @codegenCommand yarn codegen-styles
132
132
  * @codegenParams ["columnGap"]
133
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
133
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
134
134
  */
135
135
  exports.default = _default;
136
136
  var columnGapMap = {
@@ -92,11 +92,11 @@ Stack.displayName = 'Stack';
92
92
  var _default = Stack;
93
93
  /**
94
94
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
95
- * @codegen <<SignedSource::0e45f4f2d2cca413fcf2aadc0cc08de0>>
95
+ * @codegen <<SignedSource::02ffa7c4ee52871441d288f44a054685>>
96
96
  * @codegenId spacing
97
97
  * @codegenCommand yarn codegen-styles
98
98
  * @codegenParams ["rowGap"]
99
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
99
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
100
100
  */
101
101
  exports.default = _default;
102
102
  var rowGapMap = {
@@ -276,11 +276,11 @@ const heightMap = {
276
276
  */
277
277
  /**
278
278
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
279
- * @codegen <<SignedSource::26bdf3368d6e881f82176d797d99e03f>>
279
+ * @codegen <<SignedSource::8aa9e47916dc6f6d72f32999f48fbd27>>
280
280
  * @codegenId spacing
281
281
  * @codegenCommand yarn codegen-styles
282
282
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
283
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
283
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
284
284
  */
285
285
  const paddingMap = {
286
286
  'space.0': css({
@@ -62,7 +62,7 @@ const baseStyles = css({
62
62
  flexDirection: 'row'
63
63
  });
64
64
  const dividerStyles = css({
65
- margin: '0 -2px',
65
+ margin: `0 ${"var(--ds-space-negative-025, -2px)"}`,
66
66
  color: "var(--ds-text-subtle, #42526E)",
67
67
  pointerEvents: 'none',
68
68
  userSelect: 'none'
@@ -121,11 +121,11 @@ export default Inline;
121
121
 
122
122
  /**
123
123
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
124
- * @codegen <<SignedSource::253507949de085f00146762f8cd80723>>
124
+ * @codegen <<SignedSource::63747c8b92ba373ad2259fa1fff3f434>>
125
125
  * @codegenId spacing
126
126
  * @codegenCommand yarn codegen-styles
127
127
  * @codegenParams ["columnGap"]
128
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
128
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
129
129
  */
130
130
  const columnGapMap = {
131
131
  'space.0': css({
@@ -88,11 +88,11 @@ export default Stack;
88
88
 
89
89
  /**
90
90
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
91
- * @codegen <<SignedSource::0e45f4f2d2cca413fcf2aadc0cc08de0>>
91
+ * @codegen <<SignedSource::02ffa7c4ee52871441d288f44a054685>>
92
92
  * @codegenId spacing
93
93
  * @codegenCommand yarn codegen-styles
94
94
  * @codegenParams ["rowGap"]
95
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
95
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
96
96
  */
97
97
  const rowGapMap = {
98
98
  'space.0': css({
@@ -279,11 +279,11 @@ var heightMap = {
279
279
  */
280
280
  /**
281
281
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
282
- * @codegen <<SignedSource::26bdf3368d6e881f82176d797d99e03f>>
282
+ * @codegen <<SignedSource::8aa9e47916dc6f6d72f32999f48fbd27>>
283
283
  * @codegenId spacing
284
284
  * @codegenCommand yarn codegen-styles
285
285
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
286
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
286
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
287
287
  */
288
288
  var paddingMap = {
289
289
  'space.0': css({
@@ -62,7 +62,7 @@ var baseStyles = css({
62
62
  flexDirection: 'row'
63
63
  });
64
64
  var dividerStyles = css({
65
- margin: '0 -2px',
65
+ margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
66
66
  color: "var(--ds-text-subtle, #42526E)",
67
67
  pointerEvents: 'none',
68
68
  userSelect: 'none'
@@ -121,11 +121,11 @@ export default Inline;
121
121
 
122
122
  /**
123
123
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
124
- * @codegen <<SignedSource::253507949de085f00146762f8cd80723>>
124
+ * @codegen <<SignedSource::63747c8b92ba373ad2259fa1fff3f434>>
125
125
  * @codegenId spacing
126
126
  * @codegenCommand yarn codegen-styles
127
127
  * @codegenParams ["columnGap"]
128
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
128
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
129
129
  */
130
130
  var columnGapMap = {
131
131
  'space.0': css({
@@ -87,11 +87,11 @@ export default Stack;
87
87
 
88
88
  /**
89
89
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
90
- * @codegen <<SignedSource::0e45f4f2d2cca413fcf2aadc0cc08de0>>
90
+ * @codegen <<SignedSource::02ffa7c4ee52871441d288f44a054685>>
91
91
  * @codegenId spacing
92
92
  * @codegenCommand yarn codegen-styles
93
93
  * @codegenParams ["rowGap"]
94
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
94
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
95
95
  */
96
96
  var rowGapMap = {
97
97
  'space.0': css({
@@ -229,11 +229,11 @@ export type Height = keyof typeof heightMap;
229
229
  */
230
230
  /**
231
231
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
232
- * @codegen <<SignedSource::26bdf3368d6e881f82176d797d99e03f>>
232
+ * @codegen <<SignedSource::8aa9e47916dc6f6d72f32999f48fbd27>>
233
233
  * @codegenId spacing
234
234
  * @codegenCommand yarn codegen-styles
235
235
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
236
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
236
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
237
237
  */
238
238
  declare const paddingMap: {
239
239
  'space.0': import("@emotion/react").SerializedStyles;
@@ -80,11 +80,11 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
80
80
  export default Inline;
81
81
  /**
82
82
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
83
- * @codegen <<SignedSource::253507949de085f00146762f8cd80723>>
83
+ * @codegen <<SignedSource::63747c8b92ba373ad2259fa1fff3f434>>
84
84
  * @codegenId spacing
85
85
  * @codegenCommand yarn codegen-styles
86
86
  * @codegenParams ["columnGap"]
87
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
87
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
88
88
  */
89
89
  declare const columnGapMap: {
90
90
  'space.0': import("@emotion/react").SerializedStyles;
@@ -64,11 +64,11 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
64
64
  export default Stack;
65
65
  /**
66
66
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
67
- * @codegen <<SignedSource::0e45f4f2d2cca413fcf2aadc0cc08de0>>
67
+ * @codegen <<SignedSource::02ffa7c4ee52871441d288f44a054685>>
68
68
  * @codegenId spacing
69
69
  * @codegenCommand yarn codegen-styles
70
70
  * @codegenParams ["rowGap"]
71
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
71
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
72
72
  */
73
73
  declare const rowGapMap: {
74
74
  'space.0': import("@emotion/react").SerializedStyles;
@@ -229,11 +229,11 @@ export type Height = keyof typeof heightMap;
229
229
  */
230
230
  /**
231
231
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
232
- * @codegen <<SignedSource::26bdf3368d6e881f82176d797d99e03f>>
232
+ * @codegen <<SignedSource::8aa9e47916dc6f6d72f32999f48fbd27>>
233
233
  * @codegenId spacing
234
234
  * @codegenCommand yarn codegen-styles
235
235
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
236
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
236
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
237
237
  */
238
238
  declare const paddingMap: {
239
239
  'space.0': import("@emotion/react").SerializedStyles;
@@ -80,11 +80,11 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
80
80
  export default Inline;
81
81
  /**
82
82
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
83
- * @codegen <<SignedSource::253507949de085f00146762f8cd80723>>
83
+ * @codegen <<SignedSource::63747c8b92ba373ad2259fa1fff3f434>>
84
84
  * @codegenId spacing
85
85
  * @codegenCommand yarn codegen-styles
86
86
  * @codegenParams ["columnGap"]
87
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
87
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
88
88
  */
89
89
  declare const columnGapMap: {
90
90
  'space.0': import("@emotion/react").SerializedStyles;
@@ -64,11 +64,11 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
64
64
  export default Stack;
65
65
  /**
66
66
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
67
- * @codegen <<SignedSource::0e45f4f2d2cca413fcf2aadc0cc08de0>>
67
+ * @codegen <<SignedSource::02ffa7c4ee52871441d288f44a054685>>
68
68
  * @codegenId spacing
69
69
  * @codegenCommand yarn codegen-styles
70
70
  * @codegenParams ["rowGap"]
71
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
71
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
72
72
  */
73
73
  declare const rowGapMap: {
74
74
  'space.0': import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.2.13",
3
+ "version": "2.2.14",
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.19.0",
28
+ "@atlaskit/tokens": "^1.21.0",
29
29
  "@babel/runtime": "^7.0.0",
30
30
  "@emotion/react": "^11.7.1",
31
31
  "tiny-invariant": "^1.2.0"
@@ -26,12 +26,12 @@ const spacingProperties = {
26
26
  },
27
27
  } as const;
28
28
 
29
- const onlySpaceTokens = tokens.filter((token) =>
30
- token.name.startsWith('space.'),
31
- );
29
+ const onlySpaceTokens = tokens
30
+ .filter((token) => token.name.startsWith('space.'))
31
+ .filter((token) => !token.name.includes('.negative'));
32
32
 
33
33
  const activeTokens = onlySpaceTokens.map((t) => ({
34
- name: t.name,
34
+ name: t.cleanName,
35
35
  fallback: t.value,
36
36
  }));
37
37
 
@@ -3,11 +3,11 @@ import parserTypeScript from 'prettier/parser-typescript';
3
3
 
4
4
  import { spacing as tokens } from '@atlaskit/tokens/tokens-raw';
5
5
 
6
- const onlySpaceTokens = tokens.filter((token) =>
7
- token.name.startsWith('space.'),
8
- );
6
+ const onlySpaceTokens = tokens
7
+ .filter((token) => token.name.startsWith('space.'))
8
+ .filter((token) => !token.name.includes('.negative'));
9
9
 
10
- const activeTokens = onlySpaceTokens.map((t) => `'${t.name}'`);
10
+ const activeTokens = onlySpaceTokens.map((t) => `'${t.cleanName}'`);
11
11
 
12
12
  export const createSpacingScaleTemplate = () => {
13
13
  return prettier.format(
@@ -357,11 +357,11 @@ export type Height = keyof typeof heightMap;
357
357
 
358
358
  /**
359
359
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
360
- * @codegen <<SignedSource::26bdf3368d6e881f82176d797d99e03f>>
360
+ * @codegen <<SignedSource::8aa9e47916dc6f6d72f32999f48fbd27>>
361
361
  * @codegenId spacing
362
362
  * @codegenCommand yarn codegen-styles
363
363
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
364
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
364
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
365
365
  */
366
366
  const paddingMap = {
367
367
  'space.0': css({
@@ -73,7 +73,7 @@ const baseStyles = css({
73
73
  });
74
74
 
75
75
  const dividerStyles = css({
76
- margin: '0 -2px',
76
+ margin: `0 ${token('space.negative.025', '-2px')}`,
77
77
  color: token('color.text.subtle', '#42526E'),
78
78
  pointerEvents: 'none',
79
79
  userSelect: 'none',
@@ -160,11 +160,11 @@ export default Inline;
160
160
 
161
161
  /**
162
162
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
163
- * @codegen <<SignedSource::253507949de085f00146762f8cd80723>>
163
+ * @codegen <<SignedSource::63747c8b92ba373ad2259fa1fff3f434>>
164
164
  * @codegenId spacing
165
165
  * @codegenCommand yarn codegen-styles
166
166
  * @codegenParams ["columnGap"]
167
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
167
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
168
168
  */
169
169
  const columnGapMap = {
170
170
  'space.0': css({
@@ -116,11 +116,11 @@ export default Stack;
116
116
 
117
117
  /**
118
118
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
119
- * @codegen <<SignedSource::0e45f4f2d2cca413fcf2aadc0cc08de0>>
119
+ * @codegen <<SignedSource::02ffa7c4ee52871441d288f44a054685>>
120
120
  * @codegenId spacing
121
121
  * @codegenCommand yarn codegen-styles
122
122
  * @codegenParams ["rowGap"]
123
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::68f6bde7e6b186964ee53458284bbb90>>
123
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
124
124
  */
125
125
  const rowGapMap = {
126
126
  'space.0': css({