@atlaskit/ds-explorations 1.6.3 → 1.7.0

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,17 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 1.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`642298a54dc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/642298a54dc) - Box - Allow `display` prop to take `inline-block`.
8
+
9
+ ## 1.6.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [`1e46e236f6f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e46e236f6f) - This changeset exists because a PR touches these packages in a way that doesn't require a release
14
+
3
15
  ## 1.6.3
4
16
 
5
17
  ### Patch Changes
@@ -183,6 +183,9 @@ var displayMap = {
183
183
  }),
184
184
  inlineFlex: (0, _react2.css)({
185
185
  display: 'inline-flex'
186
+ }),
187
+ inlineBlock: (0, _react2.css)({
188
+ display: 'inline-block'
186
189
  })
187
190
  };
188
191
  var positionMap = {
@@ -424,11 +427,11 @@ var paddingInlineMap = {
424
427
 
425
428
  /**
426
429
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
427
- * @codegen <<SignedSource::f8adab4246a66543cd1350e53abf9293>>
430
+ * @codegen <<SignedSource::201c8a6c6ff88ac47cdb02365c643ff2>>
428
431
  * @codegenId colors
429
432
  * @codegenCommand yarn codegen-styles
430
433
  * @codegenParams ["border", "background", "shadow"]
431
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
434
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
432
435
  */
433
436
  var borderColorMap = {
434
437
  'color.border': (0, _react2.css)({
@@ -58,11 +58,11 @@ var InteractionSurface = function InteractionSurface(_ref) {
58
58
  var _default = InteractionSurface;
59
59
  /**
60
60
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
61
- * @codegen <<SignedSource::5289ea44928c279ad02274850623c9d1>>
61
+ * @codegen <<SignedSource::46f9477bc75d77a16327328d1b49c35f>>
62
62
  * @codegenId interactions
63
63
  * @codegenCommand yarn codegen-styles
64
64
  * @codegenParams ["background"]
65
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
65
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
66
66
  */
67
67
 
68
68
  exports.default = _default;
@@ -191,11 +191,11 @@ var Text = function Text(_ref) {
191
191
  var _default = Text;
192
192
  /**
193
193
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
194
- * @codegen <<SignedSource::920426feace841166c6f4ffdc49ae26d>>
194
+ * @codegen <<SignedSource::d88a2527302fee634bec7ae405e9217b>>
195
195
  * @codegenId colors
196
196
  * @codegenCommand yarn codegen-styles
197
197
  * @codegenParams ["text"]
198
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
198
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
199
199
  */
200
200
 
201
201
  exports.default = _default;
@@ -10,9 +10,9 @@ exports.default = void 0;
10
10
  *
11
11
  * The color map is used to map a background color token to a matching text color that will meet contrast.
12
12
  *
13
- * @codegen <<SignedSource::b80b2a3d75c3215df8be35a6f5bda68d>>
13
+ * @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
14
14
  * @codegenCommand yarn codegen-styles
15
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
15
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
16
16
  */
17
17
  var _default = {
18
18
  'neutral.bold': 'inverse',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.6.3",
3
+ "version": "1.7.0",
4
4
  "sideEffects": false
5
5
  }
@@ -165,6 +165,9 @@ const displayMap = {
165
165
  }),
166
166
  inlineFlex: css({
167
167
  display: 'inline-flex'
168
+ }),
169
+ inlineBlock: css({
170
+ display: 'inline-block'
168
171
  })
169
172
  };
170
173
  const positionMap = {
@@ -406,11 +409,11 @@ const paddingInlineMap = {
406
409
 
407
410
  /**
408
411
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
409
- * @codegen <<SignedSource::f8adab4246a66543cd1350e53abf9293>>
412
+ * @codegen <<SignedSource::201c8a6c6ff88ac47cdb02365c643ff2>>
410
413
  * @codegenId colors
411
414
  * @codegenCommand yarn codegen-styles
412
415
  * @codegenParams ["border", "background", "shadow"]
413
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
416
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
414
417
  */
415
418
  const borderColorMap = {
416
419
  'color.border': css({
@@ -49,11 +49,11 @@ const InteractionSurface = ({
49
49
  export default InteractionSurface;
50
50
  /**
51
51
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
52
- * @codegen <<SignedSource::5289ea44928c279ad02274850623c9d1>>
52
+ * @codegen <<SignedSource::46f9477bc75d77a16327328d1b49c35f>>
53
53
  * @codegenId interactions
54
54
  * @codegenCommand yarn codegen-styles
55
55
  * @codegenParams ["background"]
56
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
56
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
57
57
  */
58
58
 
59
59
  const backgroundActiveColorMap = {
@@ -174,11 +174,11 @@ const Text = ({
174
174
  export default Text;
175
175
  /**
176
176
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
177
- * @codegen <<SignedSource::920426feace841166c6f4ffdc49ae26d>>
177
+ * @codegen <<SignedSource::d88a2527302fee634bec7ae405e9217b>>
178
178
  * @codegenId colors
179
179
  * @codegenCommand yarn codegen-styles
180
180
  * @codegenParams ["text"]
181
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
181
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
182
182
  */
183
183
 
184
184
  const textColorMap = {
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * The color map is used to map a background color token to a matching text color that will meet contrast.
5
5
  *
6
- * @codegen <<SignedSource::b80b2a3d75c3215df8be35a6f5bda68d>>
6
+ * @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
7
7
  * @codegenCommand yarn codegen-styles
8
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
8
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
9
9
  */
10
10
  export default {
11
11
  'neutral.bold': 'inverse',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.6.3",
3
+ "version": "1.7.0",
4
4
  "sideEffects": false
5
5
  }
@@ -169,6 +169,9 @@ var displayMap = {
169
169
  }),
170
170
  inlineFlex: css({
171
171
  display: 'inline-flex'
172
+ }),
173
+ inlineBlock: css({
174
+ display: 'inline-block'
172
175
  })
173
176
  };
174
177
  var positionMap = {
@@ -410,11 +413,11 @@ var paddingInlineMap = {
410
413
 
411
414
  /**
412
415
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
413
- * @codegen <<SignedSource::f8adab4246a66543cd1350e53abf9293>>
416
+ * @codegen <<SignedSource::201c8a6c6ff88ac47cdb02365c643ff2>>
414
417
  * @codegenId colors
415
418
  * @codegenCommand yarn codegen-styles
416
419
  * @codegenParams ["border", "background", "shadow"]
417
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
420
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
418
421
  */
419
422
  var borderColorMap = {
420
423
  'color.border': css({
@@ -48,11 +48,11 @@ var InteractionSurface = function InteractionSurface(_ref) {
48
48
  export default InteractionSurface;
49
49
  /**
50
50
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
51
- * @codegen <<SignedSource::5289ea44928c279ad02274850623c9d1>>
51
+ * @codegen <<SignedSource::46f9477bc75d77a16327328d1b49c35f>>
52
52
  * @codegenId interactions
53
53
  * @codegenCommand yarn codegen-styles
54
54
  * @codegenParams ["background"]
55
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
55
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
56
56
  */
57
57
 
58
58
  var backgroundActiveColorMap = {
@@ -179,11 +179,11 @@ var Text = function Text(_ref) {
179
179
  export default Text;
180
180
  /**
181
181
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
182
- * @codegen <<SignedSource::920426feace841166c6f4ffdc49ae26d>>
182
+ * @codegen <<SignedSource::d88a2527302fee634bec7ae405e9217b>>
183
183
  * @codegenId colors
184
184
  * @codegenCommand yarn codegen-styles
185
185
  * @codegenParams ["text"]
186
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
186
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
187
187
  */
188
188
 
189
189
  var textColorMap = {
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * The color map is used to map a background color token to a matching text color that will meet contrast.
5
5
  *
6
- * @codegen <<SignedSource::b80b2a3d75c3215df8be35a6f5bda68d>>
6
+ * @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
7
7
  * @codegenCommand yarn codegen-styles
8
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
8
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
9
9
  */
10
10
  export default {
11
11
  'neutral.bold': 'inverse',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.6.3",
3
+ "version": "1.7.0",
4
4
  "sideEffects": false
5
5
  }
@@ -174,6 +174,7 @@ declare const displayMap: {
174
174
  inline: import("@emotion/react").SerializedStyles;
175
175
  flex: import("@emotion/react").SerializedStyles;
176
176
  inlineFlex: import("@emotion/react").SerializedStyles;
177
+ inlineBlock: import("@emotion/react").SerializedStyles;
177
178
  };
178
179
  declare type Position = keyof typeof positionMap;
179
180
  declare const positionMap: {
@@ -283,11 +284,11 @@ export declare type PaddingInline = keyof typeof paddingInlineMap;
283
284
  */
284
285
  /**
285
286
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
286
- * @codegen <<SignedSource::f8adab4246a66543cd1350e53abf9293>>
287
+ * @codegen <<SignedSource::201c8a6c6ff88ac47cdb02365c643ff2>>
287
288
  * @codegenId colors
288
289
  * @codegenCommand yarn codegen-styles
289
290
  * @codegenParams ["border", "background", "shadow"]
290
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
291
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
291
292
  */
292
293
  declare const borderColorMap: {
293
294
  readonly 'color.border': import("@emotion/react").SerializedStyles;
@@ -104,11 +104,11 @@ declare const Text: FC<TextProps>;
104
104
  export default Text;
105
105
  /**
106
106
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
107
- * @codegen <<SignedSource::920426feace841166c6f4ffdc49ae26d>>
107
+ * @codegen <<SignedSource::d88a2527302fee634bec7ae405e9217b>>
108
108
  * @codegenId colors
109
109
  * @codegenCommand yarn codegen-styles
110
110
  * @codegenParams ["text"]
111
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
111
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
112
112
  */
113
113
  declare const textColorMap: {
114
114
  readonly 'color.text': import("@emotion/react").SerializedStyles;
@@ -29,8 +29,8 @@ declare const _default: {
29
29
  *
30
30
  * The color map is used to map a background color token to a matching text color that will meet contrast.
31
31
  *
32
- * @codegen <<SignedSource::b80b2a3d75c3215df8be35a6f5bda68d>>
32
+ * @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
33
33
  * @codegenCommand yarn codegen-styles
34
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
34
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
35
35
  */
36
36
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "1.6.3",
3
+ "version": "1.7.0",
4
4
  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
5
5
  "license": "Apache-2.0",
6
6
  "atlassian": {
package/report.api.md CHANGED
@@ -214,6 +214,7 @@ const displayMap: {
214
214
  inline: SerializedStyles;
215
215
  flex: SerializedStyles;
216
216
  inlineFlex: SerializedStyles;
217
+ inlineBlock: SerializedStyles;
217
218
  };
218
219
 
219
220
  // @public
@@ -288,6 +288,7 @@ const displayMap = {
288
288
  inline: css({ display: 'inline' }),
289
289
  flex: css({ display: 'flex' }),
290
290
  inlineFlex: css({ display: 'inline-flex' }),
291
+ inlineBlock: css({ display: 'inline-block' }),
291
292
  };
292
293
 
293
294
  type Position = keyof typeof positionMap;
@@ -502,11 +503,11 @@ export type PaddingInline = keyof typeof paddingInlineMap;
502
503
 
503
504
  /**
504
505
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
505
- * @codegen <<SignedSource::f8adab4246a66543cd1350e53abf9293>>
506
+ * @codegen <<SignedSource::201c8a6c6ff88ac47cdb02365c643ff2>>
506
507
  * @codegenId colors
507
508
  * @codegenCommand yarn codegen-styles
508
509
  * @codegenParams ["border", "background", "shadow"]
509
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
510
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
510
511
  */
511
512
  const borderColorMap = {
512
513
  'color.border': css({
@@ -70,11 +70,11 @@ export default InteractionSurface;
70
70
 
71
71
  /**
72
72
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
73
- * @codegen <<SignedSource::5289ea44928c279ad02274850623c9d1>>
73
+ * @codegen <<SignedSource::46f9477bc75d77a16327328d1b49c35f>>
74
74
  * @codegenId interactions
75
75
  * @codegenCommand yarn codegen-styles
76
76
  * @codegenParams ["background"]
77
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
77
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
78
78
  */
79
79
  const backgroundActiveColorMap = {
80
80
  'inverse.subtle': css({
@@ -218,11 +218,11 @@ export default Text;
218
218
 
219
219
  /**
220
220
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
221
- * @codegen <<SignedSource::920426feace841166c6f4ffdc49ae26d>>
221
+ * @codegen <<SignedSource::d88a2527302fee634bec7ae405e9217b>>
222
222
  * @codegenId colors
223
223
  * @codegenCommand yarn codegen-styles
224
224
  * @codegenParams ["text"]
225
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
225
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
226
226
  */
227
227
  const textColorMap = {
228
228
  'color.text': css({
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * The color map is used to map a background color token to a matching text color that will meet contrast.
5
5
  *
6
- * @codegen <<SignedSource::b80b2a3d75c3215df8be35a6f5bda68d>>
6
+ * @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
7
7
  * @codegenCommand yarn codegen-styles
8
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::07ef29d58a2b23af8b098515466d7e22>>
8
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
9
9
  */
10
10
  export default {
11
11
  'neutral.bold': 'inverse',
@@ -198,6 +198,7 @@ const displayMap: {
198
198
  inline: SerializedStyles;
199
199
  flex: SerializedStyles;
200
200
  inlineFlex: SerializedStyles;
201
+ inlineBlock: SerializedStyles;
201
202
  };
202
203
 
203
204
  // @public