@atlaskit/ds-explorations 2.0.2 → 2.0.4

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 (20) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/box.partial.js +3 -3
  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 +3 -3
  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 +3 -3
  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/package.json +2 -2
  18. package/src/components/box.partial.tsx +3 -3
  19. package/src/components/inline.partial.tsx +2 -2
  20. package/src/components/stack.partial.tsx +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 2.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
8
+
9
+ ## 2.0.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`069494fbea6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/069494fbea6) - Internal change. There is no behaviour or visual change.
14
+ - Updated dependencies
15
+
3
16
  ## 2.0.2
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/box.partial.js CHANGED
@@ -95,7 +95,7 @@ var borderWidthMap = {
95
95
  };
96
96
  var borderRadiusMap = {
97
97
  normal: (0, _react2.css)({
98
- borderRadius: '3px'
98
+ borderRadius: "var(--ds-radius-100, 3px)"
99
99
  }),
100
100
  rounded: (0, _react2.css)({
101
101
  borderRadius: '50%'
@@ -274,11 +274,11 @@ var heightMap = {
274
274
 
275
275
  /**
276
276
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
277
- * @codegen <<SignedSource::dd066079dac7b8cd6f947965a2f1a744>>
277
+ * @codegen <<SignedSource::0ba10ee53636df14b0db65fa1adbc94c>>
278
278
  * @codegenId spacing
279
279
  * @codegenCommand yarn codegen-styles
280
280
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
281
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
281
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
282
282
  */
283
283
  var paddingMap = {
284
284
  'space.0': (0, _react2.css)({
package/dist/cjs/components/inline.partial.js CHANGED
@@ -116,11 +116,11 @@ Inline.displayName = 'Inline';
116
116
  var _default = Inline;
117
117
  /**
118
118
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
119
- * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
119
+ * @codegen <<SignedSource::75d680a1c3c5679ef743f39217148d11>>
120
120
  * @codegenId spacing
121
121
  * @codegenCommand yarn codegen-styles
122
122
  * @codegenParams ["columnGap"]
123
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
123
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
124
124
  */
125
125
  exports.default = _default;
126
126
  var columnGapMap = {
package/dist/cjs/components/stack.partial.js CHANGED
@@ -82,11 +82,11 @@ Stack.displayName = 'Stack';
82
82
  var _default = Stack;
83
83
  /**
84
84
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
85
- * @codegen <<SignedSource::91d26b1ace8b38363779ae85a7ddc51b>>
85
+ * @codegen <<SignedSource::b762b9e20e785c1909a1c59c2791a66e>>
86
86
  * @codegenId spacing
87
87
  * @codegenCommand yarn codegen-styles
88
88
  * @codegenParams ["rowGap"]
89
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
89
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
90
90
  */
91
91
  exports.default = _default;
92
92
  var rowGapMap = {
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/box.partial.js CHANGED
@@ -87,7 +87,7 @@ const borderWidthMap = {
87
87
  };
88
88
  const borderRadiusMap = {
89
89
  normal: css({
90
- borderRadius: '3px'
90
+ borderRadius: "var(--ds-radius-100, 3px)"
91
91
  }),
92
92
  rounded: css({
93
93
  borderRadius: '50%'
@@ -266,11 +266,11 @@ const heightMap = {
266
266
 
267
267
  /**
268
268
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
269
- * @codegen <<SignedSource::dd066079dac7b8cd6f947965a2f1a744>>
269
+ * @codegen <<SignedSource::0ba10ee53636df14b0db65fa1adbc94c>>
270
270
  * @codegenId spacing
271
271
  * @codegenCommand yarn codegen-styles
272
272
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
273
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
273
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
274
274
  */
275
275
  const paddingMap = {
276
276
  'space.0': css({
package/dist/es2019/components/inline.partial.js CHANGED
@@ -110,11 +110,11 @@ export default Inline;
110
110
 
111
111
  /**
112
112
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
113
- * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
113
+ * @codegen <<SignedSource::75d680a1c3c5679ef743f39217148d11>>
114
114
  * @codegenId spacing
115
115
  * @codegenCommand yarn codegen-styles
116
116
  * @codegenParams ["columnGap"]
117
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
117
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
118
118
  */
119
119
  const columnGapMap = {
120
120
  'space.0': css({
package/dist/es2019/components/stack.partial.js CHANGED
@@ -77,11 +77,11 @@ export default Stack;
77
77
 
78
78
  /**
79
79
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
80
- * @codegen <<SignedSource::91d26b1ace8b38363779ae85a7ddc51b>>
80
+ * @codegen <<SignedSource::b762b9e20e785c1909a1c59c2791a66e>>
81
81
  * @codegenId spacing
82
82
  * @codegenCommand yarn codegen-styles
83
83
  * @codegenParams ["rowGap"]
84
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
84
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
85
85
  */
86
86
  const rowGapMap = {
87
87
  'space.0': css({
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/box.partial.js CHANGED
@@ -90,7 +90,7 @@ var borderWidthMap = {
90
90
  };
91
91
  var borderRadiusMap = {
92
92
  normal: css({
93
- borderRadius: '3px'
93
+ borderRadius: "var(--ds-radius-100, 3px)"
94
94
  }),
95
95
  rounded: css({
96
96
  borderRadius: '50%'
@@ -269,11 +269,11 @@ var heightMap = {
269
269
 
270
270
  /**
271
271
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
272
- * @codegen <<SignedSource::dd066079dac7b8cd6f947965a2f1a744>>
272
+ * @codegen <<SignedSource::0ba10ee53636df14b0db65fa1adbc94c>>
273
273
  * @codegenId spacing
274
274
  * @codegenCommand yarn codegen-styles
275
275
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
276
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
276
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
277
277
  */
278
278
  var paddingMap = {
279
279
  'space.0': css({
package/dist/esm/components/inline.partial.js CHANGED
@@ -110,11 +110,11 @@ export default Inline;
110
110
 
111
111
  /**
112
112
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
113
- * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
113
+ * @codegen <<SignedSource::75d680a1c3c5679ef743f39217148d11>>
114
114
  * @codegenId spacing
115
115
  * @codegenCommand yarn codegen-styles
116
116
  * @codegenParams ["columnGap"]
117
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
117
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
118
118
  */
119
119
  var columnGapMap = {
120
120
  'space.0': css({
package/dist/esm/components/stack.partial.js CHANGED
@@ -76,11 +76,11 @@ export default Stack;
76
76
 
77
77
  /**
78
78
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
79
- * @codegen <<SignedSource::91d26b1ace8b38363779ae85a7ddc51b>>
79
+ * @codegen <<SignedSource::b762b9e20e785c1909a1c59c2791a66e>>
80
80
  * @codegenId spacing
81
81
  * @codegenCommand yarn codegen-styles
82
82
  * @codegenParams ["rowGap"]
83
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
83
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
84
84
  */
85
85
  var rowGapMap = {
86
86
  'space.0': css({
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/components/box.partial.d.ts CHANGED
@@ -222,11 +222,11 @@ export declare type Height = keyof typeof heightMap;
222
222
  */
223
223
  /**
224
224
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
225
- * @codegen <<SignedSource::dd066079dac7b8cd6f947965a2f1a744>>
225
+ * @codegen <<SignedSource::0ba10ee53636df14b0db65fa1adbc94c>>
226
226
  * @codegenId spacing
227
227
  * @codegenCommand yarn codegen-styles
228
228
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
229
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
229
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
230
230
  */
231
231
  declare const paddingMap: {
232
232
  'space.0': import("@emotion/react").SerializedStyles;
package/dist/types/components/inline.partial.d.ts CHANGED
@@ -71,11 +71,11 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
71
71
  export default Inline;
72
72
  /**
73
73
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
74
- * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
74
+ * @codegen <<SignedSource::75d680a1c3c5679ef743f39217148d11>>
75
75
  * @codegenId spacing
76
76
  * @codegenCommand yarn codegen-styles
77
77
  * @codegenParams ["columnGap"]
78
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
78
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
79
79
  */
80
80
  declare const columnGapMap: {
81
81
  'space.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::91d26b1ace8b38363779ae85a7ddc51b>>
58
+ * @codegen <<SignedSource::b762b9e20e785c1909a1c59c2791a66e>>
59
59
  * @codegenId spacing
60
60
  * @codegenCommand yarn codegen-styles
61
61
  * @codegenParams ["rowGap"]
62
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
62
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
63
63
  */
64
64
  declare const rowGapMap: {
65
65
  '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.0.2",
3
+ "version": "2.0.4",
4
4
  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
5
5
  "license": "Apache-2.0",
6
6
  "atlassian": {
@@ -39,7 +39,7 @@
39
39
  "./inline": "./src/components/inline.partial.tsx"
40
40
  },
41
41
  "dependencies": {
42
- "@atlaskit/tokens": "^1.0.0",
42
+ "@atlaskit/tokens": "^1.2.0",
43
43
  "@babel/runtime": "^7.0.0",
44
44
  "@emotion/react": "^11.7.1",
45
45
  "tiny-invariant": "^1.2.0"
package/src/components/box.partial.tsx CHANGED
@@ -243,7 +243,7 @@ const borderWidthMap = {
243
243
 
244
244
  type BorderRadius = keyof typeof borderRadiusMap;
245
245
  const borderRadiusMap = {
246
- normal: css({ borderRadius: '3px' }),
246
+ normal: css({ borderRadius: token('border.radius.100', '3px') }),
247
247
  rounded: css({ borderRadius: '50%' }),
248
248
  badge: css({ borderRadius: '8px' }),
249
249
  };
@@ -350,11 +350,11 @@ export type Height = keyof typeof heightMap;
350
350
 
351
351
  /**
352
352
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
353
- * @codegen <<SignedSource::dd066079dac7b8cd6f947965a2f1a744>>
353
+ * @codegen <<SignedSource::0ba10ee53636df14b0db65fa1adbc94c>>
354
354
  * @codegenId spacing
355
355
  * @codegenCommand yarn codegen-styles
356
356
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
357
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
357
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
358
358
  */
359
359
  const paddingMap = {
360
360
  'space.0': css({
package/src/components/inline.partial.tsx CHANGED
@@ -151,11 +151,11 @@ export default Inline;
151
151
 
152
152
  /**
153
153
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
154
- * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
154
+ * @codegen <<SignedSource::75d680a1c3c5679ef743f39217148d11>>
155
155
  * @codegenId spacing
156
156
  * @codegenCommand yarn codegen-styles
157
157
  * @codegenParams ["columnGap"]
158
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
158
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
159
159
  */
160
160
  const columnGapMap = {
161
161
  'space.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::91d26b1ace8b38363779ae85a7ddc51b>>
110
+ * @codegen <<SignedSource::b762b9e20e785c1909a1c59c2791a66e>>
111
111
  * @codegenId spacing
112
112
  * @codegenCommand yarn codegen-styles
113
113
  * @codegenParams ["rowGap"]
114
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
114
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
115
115
  */
116
116
  const rowGapMap = {
117
117
  'space.0': css({