@atlaskit/ds-explorations 1.6.4 → 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 +6 -0
- package/dist/cjs/components/box.partial.js +5 -2
- package/dist/cjs/components/interaction-surface.partial.js +2 -2
- package/dist/cjs/components/text.partial.js +2 -2
- package/dist/cjs/internal/color-map.js +2 -2
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/box.partial.js +5 -2
- package/dist/es2019/components/interaction-surface.partial.js +2 -2
- package/dist/es2019/components/text.partial.js +2 -2
- package/dist/es2019/internal/color-map.js +2 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/box.partial.js +5 -2
- package/dist/esm/components/interaction-surface.partial.js +2 -2
- package/dist/esm/components/text.partial.js +2 -2
- package/dist/esm/internal/color-map.js +2 -2
- package/dist/esm/version.json +1 -1
- package/dist/types/components/box.partial.d.ts +3 -2
- package/dist/types/components/text.partial.d.ts +2 -2
- package/dist/types/internal/color-map.d.ts +2 -2
- package/package.json +1 -1
- package/report.api.md +1 -0
- package/src/components/box.partial.tsx +3 -2
- package/src/components/interaction-surface.partial.tsx +2 -2
- package/src/components/text.partial.tsx +2 -2
- package/src/internal/color-map.tsx +2 -2
- package/tmp/api-report-tmp.d.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
13
|
+
* @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
|
|
14
14
|
* @codegenCommand yarn codegen-styles
|
|
15
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
15
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
|
|
16
16
|
*/
|
|
17
17
|
var _default = {
|
|
18
18
|
'neutral.bold': 'inverse',
|
package/dist/cjs/version.json
CHANGED
|
@@ -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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
6
|
+
* @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
|
|
7
7
|
* @codegenCommand yarn codegen-styles
|
|
8
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
8
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
|
|
9
9
|
*/
|
|
10
10
|
export default {
|
|
11
11
|
'neutral.bold': 'inverse',
|
package/dist/es2019/version.json
CHANGED
|
@@ -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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
6
|
+
* @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
|
|
7
7
|
* @codegenCommand yarn codegen-styles
|
|
8
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
8
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
|
|
9
9
|
*/
|
|
10
10
|
export default {
|
|
11
11
|
'neutral.bold': 'inverse',
|
package/dist/esm/version.json
CHANGED
|
@@ -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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
32
|
+
* @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
|
|
33
33
|
* @codegenCommand yarn codegen-styles
|
|
34
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
34
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
|
|
35
35
|
*/
|
|
36
36
|
export default _default;
|
package/package.json
CHANGED
package/report.api.md
CHANGED
|
@@ -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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
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::
|
|
6
|
+
* @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
|
|
7
7
|
* @codegenCommand yarn codegen-styles
|
|
8
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
8
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
|
|
9
9
|
*/
|
|
10
10
|
export default {
|
|
11
11
|
'neutral.bold': 'inverse',
|