@atlaskit/ds-explorations 3.2.4 → 3.2.6
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 +14 -0
- package/dist/cjs/components/interaction-surface.partial.js +2 -2
- package/dist/cjs/components/text.partial.js +3 -2
- package/dist/cjs/internal/color-map.js +2 -2
- package/dist/es2019/components/interaction-surface.partial.js +2 -2
- package/dist/es2019/components/text.partial.js +3 -2
- package/dist/es2019/internal/color-map.js +2 -2
- package/dist/esm/components/interaction-surface.partial.js +2 -2
- package/dist/esm/components/text.partial.js +3 -2
- package/dist/esm/internal/color-map.js +2 -2
- package/dist/types/components/text.partial.d.ts +2 -2
- package/dist/types/internal/color-map.d.ts +2 -2
- package/dist/types-ts4.5/components/text.partial.d.ts +2 -2
- package/dist/types-ts4.5/internal/color-map.d.ts +2 -2
- package/package.json +2 -2
- package/scripts/color-codegen-template.tsx +4 -4
- package/scripts/color-map-template.tsx +1 -2
- package/scripts/interaction-codegen.tsx +1 -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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/ds-explorations
|
|
2
2
|
|
|
3
|
+
## 3.2.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805) [`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) - Update input border color token and width to meet 3:1 color contrast
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
10
|
+
## 3.2.5
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [#79770](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79770) [`542e29efe0ad`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/542e29efe0ad) - Update imports from @atlaskit/tokens
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 3.2.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -53,11 +53,11 @@ var InteractionSurface = function InteractionSurface(_ref) {
|
|
|
53
53
|
var _default = exports.default = InteractionSurface;
|
|
54
54
|
/**
|
|
55
55
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
56
|
-
* @codegen <<SignedSource::
|
|
56
|
+
* @codegen <<SignedSource::f22b59eb6312be6b29b648a3acea1572>>
|
|
57
57
|
* @codegenId interactions
|
|
58
58
|
* @codegenCommand yarn codegen-styles
|
|
59
59
|
* @codegenParams ["background"]
|
|
60
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
60
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
61
61
|
*/
|
|
62
62
|
var backgroundActiveColorMap = {
|
|
63
63
|
'accent.lime.subtlest': (0, _react2.css)({
|
|
@@ -224,13 +224,14 @@ var lineHeightMap = {
|
|
|
224
224
|
/**
|
|
225
225
|
* @codegenEnd
|
|
226
226
|
*/
|
|
227
|
+
|
|
227
228
|
/**
|
|
228
229
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
229
|
-
* @codegen <<SignedSource::
|
|
230
|
+
* @codegen <<SignedSource::d8ab1b3adb17bcaaf4afc0a04a57b648>>
|
|
230
231
|
* @codegenId colors
|
|
231
232
|
* @codegenCommand yarn codegen-styles
|
|
232
233
|
* @codegenParams ["text"]
|
|
233
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
234
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
234
235
|
*/
|
|
235
236
|
var textColorMap = {
|
|
236
237
|
'color.text': (0, _react2.css)({
|
|
@@ -9,9 +9,9 @@ exports.default = void 0;
|
|
|
9
9
|
*
|
|
10
10
|
* The color map is used to map a background color token to a matching text color that will meet contrast.
|
|
11
11
|
*
|
|
12
|
-
* @codegen <<SignedSource::
|
|
12
|
+
* @codegen <<SignedSource::46e42024f1056fda56472db67495dcaa>>
|
|
13
13
|
* @codegenCommand yarn codegen-styles
|
|
14
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
14
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
15
15
|
*/
|
|
16
16
|
var _default = exports.default = {
|
|
17
17
|
'neutral.bold': 'inverse',
|
|
@@ -48,11 +48,11 @@ export default InteractionSurface;
|
|
|
48
48
|
|
|
49
49
|
/**
|
|
50
50
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
51
|
-
* @codegen <<SignedSource::
|
|
51
|
+
* @codegen <<SignedSource::f22b59eb6312be6b29b648a3acea1572>>
|
|
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::c9f456a6060fb74421e49528d00f56ab>>
|
|
56
56
|
*/
|
|
57
57
|
const backgroundActiveColorMap = {
|
|
58
58
|
'accent.lime.subtlest': css({
|
|
@@ -215,13 +215,14 @@ const lineHeightMap = {
|
|
|
215
215
|
/**
|
|
216
216
|
* @codegenEnd
|
|
217
217
|
*/
|
|
218
|
+
|
|
218
219
|
/**
|
|
219
220
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
220
|
-
* @codegen <<SignedSource::
|
|
221
|
+
* @codegen <<SignedSource::d8ab1b3adb17bcaaf4afc0a04a57b648>>
|
|
221
222
|
* @codegenId colors
|
|
222
223
|
* @codegenCommand yarn codegen-styles
|
|
223
224
|
* @codegenParams ["text"]
|
|
224
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
225
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
225
226
|
*/
|
|
226
227
|
const textColorMap = {
|
|
227
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::46e42024f1056fda56472db67495dcaa>>
|
|
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::c9f456a6060fb74421e49528d00f56ab>>
|
|
9
9
|
*/
|
|
10
10
|
export default {
|
|
11
11
|
'neutral.bold': 'inverse',
|
|
@@ -47,11 +47,11 @@ export default InteractionSurface;
|
|
|
47
47
|
|
|
48
48
|
/**
|
|
49
49
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
50
|
-
* @codegen <<SignedSource::
|
|
50
|
+
* @codegen <<SignedSource::f22b59eb6312be6b29b648a3acea1572>>
|
|
51
51
|
* @codegenId interactions
|
|
52
52
|
* @codegenCommand yarn codegen-styles
|
|
53
53
|
* @codegenParams ["background"]
|
|
54
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
54
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
55
55
|
*/
|
|
56
56
|
var backgroundActiveColorMap = {
|
|
57
57
|
'accent.lime.subtlest': css({
|
|
@@ -218,13 +218,14 @@ var lineHeightMap = {
|
|
|
218
218
|
/**
|
|
219
219
|
* @codegenEnd
|
|
220
220
|
*/
|
|
221
|
+
|
|
221
222
|
/**
|
|
222
223
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
223
|
-
* @codegen <<SignedSource::
|
|
224
|
+
* @codegen <<SignedSource::d8ab1b3adb17bcaaf4afc0a04a57b648>>
|
|
224
225
|
* @codegenId colors
|
|
225
226
|
* @codegenCommand yarn codegen-styles
|
|
226
227
|
* @codegenParams ["text"]
|
|
227
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
228
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
228
229
|
*/
|
|
229
230
|
var textColorMap = {
|
|
230
231
|
'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::46e42024f1056fda56472db67495dcaa>>
|
|
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::c9f456a6060fb74421e49528d00f56ab>>
|
|
9
9
|
*/
|
|
10
10
|
export default {
|
|
11
11
|
'neutral.bold': 'inverse',
|
|
@@ -130,11 +130,11 @@ export type LineHeight = keyof typeof lineHeightMap;
|
|
|
130
130
|
*/
|
|
131
131
|
/**
|
|
132
132
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
133
|
-
* @codegen <<SignedSource::
|
|
133
|
+
* @codegen <<SignedSource::d8ab1b3adb17bcaaf4afc0a04a57b648>>
|
|
134
134
|
* @codegenId colors
|
|
135
135
|
* @codegenCommand yarn codegen-styles
|
|
136
136
|
* @codegenParams ["text"]
|
|
137
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
137
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
138
138
|
*/
|
|
139
139
|
declare const textColorMap: {
|
|
140
140
|
readonly 'color.text': import("@emotion/react").SerializedStyles;
|
|
@@ -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::46e42024f1056fda56472db67495dcaa>>
|
|
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::c9f456a6060fb74421e49528d00f56ab>>
|
|
9
9
|
*/
|
|
10
10
|
declare const _default: {
|
|
11
11
|
readonly 'neutral.bold': "inverse";
|
|
@@ -135,11 +135,11 @@ export type LineHeight = keyof typeof lineHeightMap;
|
|
|
135
135
|
*/
|
|
136
136
|
/**
|
|
137
137
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
138
|
-
* @codegen <<SignedSource::
|
|
138
|
+
* @codegen <<SignedSource::d8ab1b3adb17bcaaf4afc0a04a57b648>>
|
|
139
139
|
* @codegenId colors
|
|
140
140
|
* @codegenCommand yarn codegen-styles
|
|
141
141
|
* @codegenParams ["text"]
|
|
142
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
142
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
143
143
|
*/
|
|
144
144
|
declare const textColorMap: {
|
|
145
145
|
readonly 'color.text': import("@emotion/react").SerializedStyles;
|
|
@@ -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::46e42024f1056fda56472db67495dcaa>>
|
|
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::c9f456a6060fb74421e49528d00f56ab>>
|
|
9
9
|
*/
|
|
10
10
|
declare const _default: {
|
|
11
11
|
readonly 'neutral.bold': "inverse";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/ds-explorations",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.6",
|
|
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.
|
|
28
|
+
"@atlaskit/tokens": "^1.41.0",
|
|
29
29
|
"@babel/runtime": "^7.0.0",
|
|
30
30
|
"@emotion/react": "^11.7.1",
|
|
31
31
|
"tiny-invariant": "^1.2.0"
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import prettier from 'prettier';
|
|
2
2
|
import parserTypeScript from 'prettier/parser-typescript';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
import {
|
|
5
|
+
legacyLightTokens as legacyTokens,
|
|
6
|
+
light as tokens,
|
|
7
|
+
} from '@atlaskit/tokens/tokens-raw';
|
|
8
8
|
|
|
9
9
|
import {
|
|
10
10
|
capitalize,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import prettier from 'prettier';
|
|
2
2
|
import parserTypeScript from 'prettier/parser-typescript';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
import tokens from '@atlaskit/tokens/src/artifacts/tokens-raw/atlassian-light';
|
|
4
|
+
import { light as tokens } from '@atlaskit/tokens/tokens-raw';
|
|
6
5
|
|
|
7
6
|
import { compose, isAccent, not, pick } from './utils';
|
|
8
7
|
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import prettier from 'prettier';
|
|
2
2
|
import parserTypeScript from 'prettier/parser-typescript';
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
import tokens from '@atlaskit/tokens/src/artifacts/tokens-raw/atlassian-light';
|
|
4
|
+
import { light as tokens } from '@atlaskit/tokens/tokens-raw';
|
|
6
5
|
|
|
7
6
|
import {
|
|
8
7
|
capitalize,
|
|
@@ -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::f22b59eb6312be6b29b648a3acea1572>>
|
|
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::c9f456a6060fb74421e49528d00f56ab>>
|
|
78
78
|
*/
|
|
79
79
|
const backgroundActiveColorMap = {
|
|
80
80
|
'accent.lime.subtlest': css({
|
|
@@ -320,11 +320,11 @@ export type LineHeight = keyof typeof lineHeightMap;
|
|
|
320
320
|
|
|
321
321
|
/**
|
|
322
322
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
323
|
-
* @codegen <<SignedSource::
|
|
323
|
+
* @codegen <<SignedSource::d8ab1b3adb17bcaaf4afc0a04a57b648>>
|
|
324
324
|
* @codegenId colors
|
|
325
325
|
* @codegenCommand yarn codegen-styles
|
|
326
326
|
* @codegenParams ["text"]
|
|
327
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
327
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::c9f456a6060fb74421e49528d00f56ab>>
|
|
328
328
|
*/
|
|
329
329
|
const textColorMap = {
|
|
330
330
|
'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::46e42024f1056fda56472db67495dcaa>>
|
|
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::c9f456a6060fb74421e49528d00f56ab>>
|
|
9
9
|
*/
|
|
10
10
|
export default {
|
|
11
11
|
'neutral.bold': 'inverse',
|