@atlaskit/tokens 8.0.0 → 8.2.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 +26 -0
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -16
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +2 -1
- package/dist/cjs/artifacts/token-names.js +2 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +15 -15
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +15 -15
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +25 -1
- package/dist/cjs/entry-points/token-metadata.codegen.js +6 -1
- package/dist/es2019/artifacts/palettes-raw/shape-palette.js +1 -16
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +8 -8
- package/dist/es2019/artifacts/themes/atlassian-dark.js +8 -8
- package/dist/es2019/artifacts/themes/atlassian-shape.js +2 -1
- package/dist/es2019/artifacts/token-default-values.js +2 -1
- package/dist/es2019/artifacts/token-names.js +2 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +15 -15
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +15 -15
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +25 -1
- package/dist/es2019/entry-points/token-metadata.codegen.js +6 -1
- package/dist/esm/artifacts/palettes-raw/shape-palette.js +1 -16
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +2 -1
- package/dist/esm/artifacts/token-names.js +2 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +15 -15
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +15 -15
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +25 -1
- package/dist/esm/entry-points/token-metadata.codegen.js +6 -1
- package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +2 -1
- package/dist/types/artifacts/token-names.d.ts +3 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +2 -2
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/types.d.ts +1 -0
- package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +1 -0
- package/figma/atlassian-dark-increased-contrast.json +7 -7
- package/figma/atlassian-dark.json +7 -7
- package/figma/atlassian-shape.json +12 -0
- package/package.json +10 -10
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -252
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -252
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -246
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -246
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +0 -246
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +0 -246
- package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +0 -30
- package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +0 -30
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +0 -30
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +0 -30
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::ef8d19ca8bc8266920cad68bf6df9a2a>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -94,21 +94,6 @@ const tokens = [{
|
|
|
94
94
|
},
|
|
95
95
|
"name": "radius.Radius16",
|
|
96
96
|
"path": ["radius", "Radius16"]
|
|
97
|
-
}, {
|
|
98
|
-
"value": "20px",
|
|
99
|
-
"attributes": {
|
|
100
|
-
"group": "shape"
|
|
101
|
-
},
|
|
102
|
-
"filePath": "schema/palettes/shape-palette.tsx",
|
|
103
|
-
"isSource": true,
|
|
104
|
-
"original": {
|
|
105
|
-
"value": 20,
|
|
106
|
-
"attributes": {
|
|
107
|
-
"group": "shape"
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
"name": "radius.Radius20",
|
|
111
|
-
"path": ["radius", "Radius20"]
|
|
112
97
|
}, {
|
|
113
98
|
"value": "9999px",
|
|
114
99
|
"attributes": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::d17b379fe13fedb1f5067505f4526a90>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -92,7 +92,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
92
92
|
--ds-border-discovery: #C97CF4;
|
|
93
93
|
--ds-border-information: #8FB8F6;
|
|
94
94
|
--ds-border-bold: #A9ABAF;
|
|
95
|
-
--ds-background-accent-lime-subtlest: #
|
|
95
|
+
--ds-background-accent-lime-subtlest: #28311B;
|
|
96
96
|
--ds-background-accent-lime-subtlest-hovered: #3F5224;
|
|
97
97
|
--ds-background-accent-lime-subtlest-pressed: #3F5224;
|
|
98
98
|
--ds-background-accent-lime-subtler: #37471F;
|
|
@@ -116,7 +116,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
116
116
|
--ds-background-accent-red-bolder: #FFD5D2;
|
|
117
117
|
--ds-background-accent-red-bolder-hovered: #FFECEB;
|
|
118
118
|
--ds-background-accent-red-bolder-pressed: #FFB8B2;
|
|
119
|
-
--ds-background-accent-orange-subtlest: #
|
|
119
|
+
--ds-background-accent-orange-subtlest: #3A2C1F;
|
|
120
120
|
--ds-background-accent-orange-subtlest-hovered: #7A3B00;
|
|
121
121
|
--ds-background-accent-orange-subtlest-pressed: #7A3B00;
|
|
122
122
|
--ds-background-accent-orange-subtler: #693200;
|
|
@@ -128,7 +128,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
128
128
|
--ds-background-accent-orange-bolder: #FCE4A6;
|
|
129
129
|
--ds-background-accent-orange-bolder-hovered: #FFF5DB;
|
|
130
130
|
--ds-background-accent-orange-bolder-pressed: #FBD779;
|
|
131
|
-
--ds-background-accent-yellow-subtlest: #
|
|
131
|
+
--ds-background-accent-yellow-subtlest: #332E1B;
|
|
132
132
|
--ds-background-accent-yellow-subtlest-hovered: #614A05;
|
|
133
133
|
--ds-background-accent-yellow-subtlest-pressed: #614A05;
|
|
134
134
|
--ds-background-accent-yellow-subtler: #533F04;
|
|
@@ -140,7 +140,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
140
140
|
--ds-background-accent-yellow-bolder: #F5E989;
|
|
141
141
|
--ds-background-accent-yellow-bolder-hovered: #FEF7C8;
|
|
142
142
|
--ds-background-accent-yellow-bolder-pressed: #EFDD4E;
|
|
143
|
-
--ds-background-accent-green-subtlest: #
|
|
143
|
+
--ds-background-accent-green-subtlest: #1C3329;
|
|
144
144
|
--ds-background-accent-green-subtlest-hovered: #19573D;
|
|
145
145
|
--ds-background-accent-green-subtlest-pressed: #19573D;
|
|
146
146
|
--ds-background-accent-green-subtler: #164B35;
|
|
@@ -152,7 +152,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
152
152
|
--ds-background-accent-green-bolder: #BAF3DB;
|
|
153
153
|
--ds-background-accent-green-bolder-hovered: #DCFFF1;
|
|
154
154
|
--ds-background-accent-green-bolder-pressed: #97EDC9;
|
|
155
|
-
--ds-background-accent-teal-subtlest: #
|
|
155
|
+
--ds-background-accent-teal-subtlest: #1E3137;
|
|
156
156
|
--ds-background-accent-teal-subtlest-hovered: #1A5265;
|
|
157
157
|
--ds-background-accent-teal-subtlest-pressed: #1A5265;
|
|
158
158
|
--ds-background-accent-teal-subtler: #164555;
|
|
@@ -176,7 +176,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
176
176
|
--ds-background-accent-blue-bolder: #669DF1;
|
|
177
177
|
--ds-background-accent-blue-bolder-hovered: #8FB8F6;
|
|
178
178
|
--ds-background-accent-blue-bolder-pressed: #ADCBFB;
|
|
179
|
-
--ds-background-accent-purple-subtlest: #
|
|
179
|
+
--ds-background-accent-purple-subtlest: #35243F;
|
|
180
180
|
--ds-background-accent-purple-subtlest-hovered: #673286;
|
|
181
181
|
--ds-background-accent-purple-subtlest-pressed: #673286;
|
|
182
182
|
--ds-background-accent-purple-subtler: #48245D;
|
|
@@ -188,7 +188,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
|
|
|
188
188
|
--ds-background-accent-purple-bolder: #EED7FC;
|
|
189
189
|
--ds-background-accent-purple-bolder-hovered: #F8EEFE;
|
|
190
190
|
--ds-background-accent-purple-bolder-pressed: #E3BDFA;
|
|
191
|
-
--ds-background-accent-magenta-subtlest: #
|
|
191
|
+
--ds-background-accent-magenta-subtlest: #3D2232;
|
|
192
192
|
--ds-background-accent-magenta-subtlest-hovered: #77325B;
|
|
193
193
|
--ds-background-accent-magenta-subtlest-pressed: #77325B;
|
|
194
194
|
--ds-background-accent-magenta-subtler: #50253F;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::7d389a2b01c97ee0935f94b151c2bab0>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -90,7 +90,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
90
90
|
--ds-border-discovery: #BF63F3;
|
|
91
91
|
--ds-border-information: #4688EC;
|
|
92
92
|
--ds-border-bold: #7E8188;
|
|
93
|
-
--ds-background-accent-lime-subtlest: #
|
|
93
|
+
--ds-background-accent-lime-subtlest: #28311B;
|
|
94
94
|
--ds-background-accent-lime-subtlest-hovered: #3F5224;
|
|
95
95
|
--ds-background-accent-lime-subtlest-pressed: #3F5224;
|
|
96
96
|
--ds-background-accent-lime-subtler: #37471F;
|
|
@@ -114,7 +114,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
114
114
|
--ds-background-accent-red-bolder: #F87168;
|
|
115
115
|
--ds-background-accent-red-bolder-hovered: #FD9891;
|
|
116
116
|
--ds-background-accent-red-bolder-pressed: #FFB8B2;
|
|
117
|
-
--ds-background-accent-orange-subtlest: #
|
|
117
|
+
--ds-background-accent-orange-subtlest: #3A2C1F;
|
|
118
118
|
--ds-background-accent-orange-subtlest-hovered: #7A3B00;
|
|
119
119
|
--ds-background-accent-orange-subtlest-pressed: #7A3B00;
|
|
120
120
|
--ds-background-accent-orange-subtler: #693200;
|
|
@@ -126,7 +126,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
126
126
|
--ds-background-accent-orange-bolder: #FCA700;
|
|
127
127
|
--ds-background-accent-orange-bolder-hovered: #FBC828;
|
|
128
128
|
--ds-background-accent-orange-bolder-pressed: #FBD779;
|
|
129
|
-
--ds-background-accent-yellow-subtlest: #
|
|
129
|
+
--ds-background-accent-yellow-subtlest: #332E1B;
|
|
130
130
|
--ds-background-accent-yellow-subtlest-hovered: #614A05;
|
|
131
131
|
--ds-background-accent-yellow-subtlest-pressed: #614A05;
|
|
132
132
|
--ds-background-accent-yellow-subtler: #533F04;
|
|
@@ -138,7 +138,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
138
138
|
--ds-background-accent-yellow-bolder: #DDB30E;
|
|
139
139
|
--ds-background-accent-yellow-bolder-hovered: #EED12B;
|
|
140
140
|
--ds-background-accent-yellow-bolder-pressed: #EFDD4E;
|
|
141
|
-
--ds-background-accent-green-subtlest: #
|
|
141
|
+
--ds-background-accent-green-subtlest: #1C3329;
|
|
142
142
|
--ds-background-accent-green-subtlest-hovered: #19573D;
|
|
143
143
|
--ds-background-accent-green-subtlest-pressed: #19573D;
|
|
144
144
|
--ds-background-accent-green-subtler: #164B35;
|
|
@@ -150,7 +150,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
150
150
|
--ds-background-accent-green-bolder: #4BCE97;
|
|
151
151
|
--ds-background-accent-green-bolder-hovered: #7EE2B8;
|
|
152
152
|
--ds-background-accent-green-bolder-pressed: #97EDC9;
|
|
153
|
-
--ds-background-accent-teal-subtlest: #
|
|
153
|
+
--ds-background-accent-teal-subtlest: #1E3137;
|
|
154
154
|
--ds-background-accent-teal-subtlest-hovered: #1A5265;
|
|
155
155
|
--ds-background-accent-teal-subtlest-pressed: #1A5265;
|
|
156
156
|
--ds-background-accent-teal-subtler: #164555;
|
|
@@ -174,7 +174,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
174
174
|
--ds-background-accent-blue-bolder: #669DF1;
|
|
175
175
|
--ds-background-accent-blue-bolder-hovered: #8FB8F6;
|
|
176
176
|
--ds-background-accent-blue-bolder-pressed: #ADCBFB;
|
|
177
|
-
--ds-background-accent-purple-subtlest: #
|
|
177
|
+
--ds-background-accent-purple-subtlest: #35243F;
|
|
178
178
|
--ds-background-accent-purple-subtlest-hovered: #673286;
|
|
179
179
|
--ds-background-accent-purple-subtlest-pressed: #673286;
|
|
180
180
|
--ds-background-accent-purple-subtler: #48245D;
|
|
@@ -186,7 +186,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
|
|
|
186
186
|
--ds-background-accent-purple-bolder: #C97CF4;
|
|
187
187
|
--ds-background-accent-purple-bolder-hovered: #D8A0F7;
|
|
188
188
|
--ds-background-accent-purple-bolder-pressed: #E3BDFA;
|
|
189
|
-
--ds-background-accent-magenta-subtlest: #
|
|
189
|
+
--ds-background-accent-magenta-subtlest: #3D2232;
|
|
190
190
|
--ds-background-accent-magenta-subtlest-hovered: #77325B;
|
|
191
191
|
--ds-background-accent-magenta-subtlest-pressed: #77325B;
|
|
192
192
|
--ds-background-accent-magenta-subtler: #50253F;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::e425c02a2e774d6f9aa98aa9eb6e1767>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
@@ -10,6 +10,7 @@ html[data-theme~="shape:shape"] {
|
|
|
10
10
|
--ds-radius-medium: 0.375rem;
|
|
11
11
|
--ds-radius-large: 0.5rem;
|
|
12
12
|
--ds-radius-xlarge: 0.75rem;
|
|
13
|
+
--ds-radius-xxlarge: 1rem;
|
|
13
14
|
--ds-radius-full: 624.9375rem;
|
|
14
15
|
--ds-radius-tile: 25%;
|
|
15
16
|
--ds-border-width: 0.0625rem;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::7ecefbff90126ac89577f21a766e8181>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
const defaultTokenValues = {
|
|
@@ -454,6 +454,7 @@ const defaultTokenValues = {
|
|
|
454
454
|
'radius.medium': '0.375rem',
|
|
455
455
|
'radius.large': '0.5rem',
|
|
456
456
|
'radius.xlarge': '0.75rem',
|
|
457
|
+
'radius.xxlarge': '1rem',
|
|
457
458
|
'radius.full': '624.9375rem',
|
|
458
459
|
'radius.tile': '25%',
|
|
459
460
|
'border.width': '0.0625rem',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::2ced0280eb32f0b8ff5dca7b8912fe30>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = {
|
|
@@ -447,6 +447,7 @@ const tokens = {
|
|
|
447
447
|
'radius.medium': '--ds-radius-medium',
|
|
448
448
|
'radius.large': '--ds-radius-large',
|
|
449
449
|
'radius.xlarge': '--ds-radius-xlarge',
|
|
450
|
+
'radius.xxlarge': '--ds-radius-xxlarge',
|
|
450
451
|
'radius.full': '--ds-radius-full',
|
|
451
452
|
'radius.tile': '--ds-radius-tile',
|
|
452
453
|
'border.width': '--ds-border-width',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::381e64b370aa942527cc7b58f67e18b8>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -1831,7 +1831,7 @@ const tokens = [{
|
|
|
1831
1831
|
"path": ["color", "border", "bold"],
|
|
1832
1832
|
"cleanName": "color.border.bold"
|
|
1833
1833
|
}, {
|
|
1834
|
-
"value": "#
|
|
1834
|
+
"value": "#28311B",
|
|
1835
1835
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
1836
1836
|
"isSource": false,
|
|
1837
1837
|
"attributes": {
|
|
@@ -1841,7 +1841,7 @@ const tokens = [{
|
|
|
1841
1841
|
"description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1842
1842
|
},
|
|
1843
1843
|
"original": {
|
|
1844
|
-
"value": "
|
|
1844
|
+
"value": "Lime1000",
|
|
1845
1845
|
"attributes": {
|
|
1846
1846
|
"group": "paint",
|
|
1847
1847
|
"state": "active",
|
|
@@ -2359,7 +2359,7 @@ const tokens = [{
|
|
|
2359
2359
|
"path": ["color", "background", "accent", "red", "bolder", "pressed"],
|
|
2360
2360
|
"cleanName": "color.background.accent.red.bolder.pressed"
|
|
2361
2361
|
}, {
|
|
2362
|
-
"value": "#
|
|
2362
|
+
"value": "#3A2C1F",
|
|
2363
2363
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
2364
2364
|
"isSource": false,
|
|
2365
2365
|
"attributes": {
|
|
@@ -2369,7 +2369,7 @@ const tokens = [{
|
|
|
2369
2369
|
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2370
2370
|
},
|
|
2371
2371
|
"original": {
|
|
2372
|
-
"value": "
|
|
2372
|
+
"value": "Orange1000",
|
|
2373
2373
|
"attributes": {
|
|
2374
2374
|
"group": "paint",
|
|
2375
2375
|
"state": "active",
|
|
@@ -2623,7 +2623,7 @@ const tokens = [{
|
|
|
2623
2623
|
"path": ["color", "background", "accent", "orange", "bolder", "pressed"],
|
|
2624
2624
|
"cleanName": "color.background.accent.orange.bolder.pressed"
|
|
2625
2625
|
}, {
|
|
2626
|
-
"value": "#
|
|
2626
|
+
"value": "#332E1B",
|
|
2627
2627
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
2628
2628
|
"isSource": false,
|
|
2629
2629
|
"attributes": {
|
|
@@ -2633,7 +2633,7 @@ const tokens = [{
|
|
|
2633
2633
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2634
2634
|
},
|
|
2635
2635
|
"original": {
|
|
2636
|
-
"value": "
|
|
2636
|
+
"value": "Yellow1000",
|
|
2637
2637
|
"attributes": {
|
|
2638
2638
|
"group": "paint",
|
|
2639
2639
|
"state": "active",
|
|
@@ -2887,7 +2887,7 @@ const tokens = [{
|
|
|
2887
2887
|
"path": ["color", "background", "accent", "yellow", "bolder", "pressed"],
|
|
2888
2888
|
"cleanName": "color.background.accent.yellow.bolder.pressed"
|
|
2889
2889
|
}, {
|
|
2890
|
-
"value": "#
|
|
2890
|
+
"value": "#1C3329",
|
|
2891
2891
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
2892
2892
|
"isSource": false,
|
|
2893
2893
|
"attributes": {
|
|
@@ -2897,7 +2897,7 @@ const tokens = [{
|
|
|
2897
2897
|
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2898
2898
|
},
|
|
2899
2899
|
"original": {
|
|
2900
|
-
"value": "
|
|
2900
|
+
"value": "Green1000",
|
|
2901
2901
|
"attributes": {
|
|
2902
2902
|
"group": "paint",
|
|
2903
2903
|
"state": "active",
|
|
@@ -3151,7 +3151,7 @@ const tokens = [{
|
|
|
3151
3151
|
"path": ["color", "background", "accent", "green", "bolder", "pressed"],
|
|
3152
3152
|
"cleanName": "color.background.accent.green.bolder.pressed"
|
|
3153
3153
|
}, {
|
|
3154
|
-
"value": "#
|
|
3154
|
+
"value": "#1E3137",
|
|
3155
3155
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
3156
3156
|
"isSource": false,
|
|
3157
3157
|
"attributes": {
|
|
@@ -3161,7 +3161,7 @@ const tokens = [{
|
|
|
3161
3161
|
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3162
3162
|
},
|
|
3163
3163
|
"original": {
|
|
3164
|
-
"value": "
|
|
3164
|
+
"value": "Teal1000",
|
|
3165
3165
|
"attributes": {
|
|
3166
3166
|
"group": "paint",
|
|
3167
3167
|
"state": "active",
|
|
@@ -3679,7 +3679,7 @@ const tokens = [{
|
|
|
3679
3679
|
"path": ["color", "background", "accent", "blue", "bolder", "pressed"],
|
|
3680
3680
|
"cleanName": "color.background.accent.blue.bolder.pressed"
|
|
3681
3681
|
}, {
|
|
3682
|
-
"value": "#
|
|
3682
|
+
"value": "#35243F",
|
|
3683
3683
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
3684
3684
|
"isSource": false,
|
|
3685
3685
|
"attributes": {
|
|
@@ -3689,7 +3689,7 @@ const tokens = [{
|
|
|
3689
3689
|
"description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3690
3690
|
},
|
|
3691
3691
|
"original": {
|
|
3692
|
-
"value": "
|
|
3692
|
+
"value": "Purple1000",
|
|
3693
3693
|
"attributes": {
|
|
3694
3694
|
"group": "paint",
|
|
3695
3695
|
"state": "active",
|
|
@@ -3943,7 +3943,7 @@ const tokens = [{
|
|
|
3943
3943
|
"path": ["color", "background", "accent", "purple", "bolder", "pressed"],
|
|
3944
3944
|
"cleanName": "color.background.accent.purple.bolder.pressed"
|
|
3945
3945
|
}, {
|
|
3946
|
-
"value": "#
|
|
3946
|
+
"value": "#3D2232",
|
|
3947
3947
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
3948
3948
|
"isSource": false,
|
|
3949
3949
|
"attributes": {
|
|
@@ -3953,7 +3953,7 @@ const tokens = [{
|
|
|
3953
3953
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3954
3954
|
},
|
|
3955
3955
|
"original": {
|
|
3956
|
-
"value": "
|
|
3956
|
+
"value": "Magenta1000",
|
|
3957
3957
|
"attributes": {
|
|
3958
3958
|
"group": "paint",
|
|
3959
3959
|
"state": "active",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::8cc0044638ee9407e88e704d6b1d277b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -1837,7 +1837,7 @@ const tokens = [{
|
|
|
1837
1837
|
"introduced": "1.6.0",
|
|
1838
1838
|
"description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1839
1839
|
},
|
|
1840
|
-
"value": "#
|
|
1840
|
+
"value": "#28311B",
|
|
1841
1841
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
1842
1842
|
"isSource": true,
|
|
1843
1843
|
"original": {
|
|
@@ -1847,7 +1847,7 @@ const tokens = [{
|
|
|
1847
1847
|
"introduced": "1.6.0",
|
|
1848
1848
|
"description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
1849
1849
|
},
|
|
1850
|
-
"value": "
|
|
1850
|
+
"value": "Lime1000"
|
|
1851
1851
|
},
|
|
1852
1852
|
"name": "color.background.accent.lime.subtlest.[default]",
|
|
1853
1853
|
"path": ["color", "background", "accent", "lime", "subtlest", "[default]"],
|
|
@@ -2365,7 +2365,7 @@ const tokens = [{
|
|
|
2365
2365
|
"introduced": "0.7.0",
|
|
2366
2366
|
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2367
2367
|
},
|
|
2368
|
-
"value": "#
|
|
2368
|
+
"value": "#3A2C1F",
|
|
2369
2369
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
2370
2370
|
"isSource": true,
|
|
2371
2371
|
"original": {
|
|
@@ -2375,7 +2375,7 @@ const tokens = [{
|
|
|
2375
2375
|
"introduced": "0.7.0",
|
|
2376
2376
|
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2377
2377
|
},
|
|
2378
|
-
"value": "
|
|
2378
|
+
"value": "Orange1000"
|
|
2379
2379
|
},
|
|
2380
2380
|
"name": "color.background.accent.orange.subtlest.[default]",
|
|
2381
2381
|
"path": ["color", "background", "accent", "orange", "subtlest", "[default]"],
|
|
@@ -2629,7 +2629,7 @@ const tokens = [{
|
|
|
2629
2629
|
"introduced": "0.7.0",
|
|
2630
2630
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2631
2631
|
},
|
|
2632
|
-
"value": "#
|
|
2632
|
+
"value": "#332E1B",
|
|
2633
2633
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
2634
2634
|
"isSource": true,
|
|
2635
2635
|
"original": {
|
|
@@ -2639,7 +2639,7 @@ const tokens = [{
|
|
|
2639
2639
|
"introduced": "0.7.0",
|
|
2640
2640
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2641
2641
|
},
|
|
2642
|
-
"value": "
|
|
2642
|
+
"value": "Yellow1000"
|
|
2643
2643
|
},
|
|
2644
2644
|
"name": "color.background.accent.yellow.subtlest.[default]",
|
|
2645
2645
|
"path": ["color", "background", "accent", "yellow", "subtlest", "[default]"],
|
|
@@ -2893,7 +2893,7 @@ const tokens = [{
|
|
|
2893
2893
|
"introduced": "0.7.0",
|
|
2894
2894
|
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2895
2895
|
},
|
|
2896
|
-
"value": "#
|
|
2896
|
+
"value": "#1C3329",
|
|
2897
2897
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
2898
2898
|
"isSource": true,
|
|
2899
2899
|
"original": {
|
|
@@ -2903,7 +2903,7 @@ const tokens = [{
|
|
|
2903
2903
|
"introduced": "0.7.0",
|
|
2904
2904
|
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
2905
2905
|
},
|
|
2906
|
-
"value": "
|
|
2906
|
+
"value": "Green1000"
|
|
2907
2907
|
},
|
|
2908
2908
|
"name": "color.background.accent.green.subtlest.[default]",
|
|
2909
2909
|
"path": ["color", "background", "accent", "green", "subtlest", "[default]"],
|
|
@@ -3157,7 +3157,7 @@ const tokens = [{
|
|
|
3157
3157
|
"introduced": "0.7.0",
|
|
3158
3158
|
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3159
3159
|
},
|
|
3160
|
-
"value": "#
|
|
3160
|
+
"value": "#1E3137",
|
|
3161
3161
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
3162
3162
|
"isSource": true,
|
|
3163
3163
|
"original": {
|
|
@@ -3167,7 +3167,7 @@ const tokens = [{
|
|
|
3167
3167
|
"introduced": "0.7.0",
|
|
3168
3168
|
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3169
3169
|
},
|
|
3170
|
-
"value": "
|
|
3170
|
+
"value": "Teal1000"
|
|
3171
3171
|
},
|
|
3172
3172
|
"name": "color.background.accent.teal.subtlest.[default]",
|
|
3173
3173
|
"path": ["color", "background", "accent", "teal", "subtlest", "[default]"],
|
|
@@ -3685,7 +3685,7 @@ const tokens = [{
|
|
|
3685
3685
|
"introduced": "0.7.0",
|
|
3686
3686
|
"description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3687
3687
|
},
|
|
3688
|
-
"value": "#
|
|
3688
|
+
"value": "#35243F",
|
|
3689
3689
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
3690
3690
|
"isSource": true,
|
|
3691
3691
|
"original": {
|
|
@@ -3695,7 +3695,7 @@ const tokens = [{
|
|
|
3695
3695
|
"introduced": "0.7.0",
|
|
3696
3696
|
"description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3697
3697
|
},
|
|
3698
|
-
"value": "
|
|
3698
|
+
"value": "Purple1000"
|
|
3699
3699
|
},
|
|
3700
3700
|
"name": "color.background.accent.purple.subtlest.[default]",
|
|
3701
3701
|
"path": ["color", "background", "accent", "purple", "subtlest", "[default]"],
|
|
@@ -3949,7 +3949,7 @@ const tokens = [{
|
|
|
3949
3949
|
"introduced": "0.7.0",
|
|
3950
3950
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3951
3951
|
},
|
|
3952
|
-
"value": "#
|
|
3952
|
+
"value": "#3D2232",
|
|
3953
3953
|
"filePath": "schema/themes/atlassian-dark/color/accent.tsx",
|
|
3954
3954
|
"isSource": true,
|
|
3955
3955
|
"original": {
|
|
@@ -3959,7 +3959,7 @@ const tokens = [{
|
|
|
3959
3959
|
"introduced": "0.7.0",
|
|
3960
3960
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
|
|
3961
3961
|
},
|
|
3962
|
-
"value": "
|
|
3962
|
+
"value": "Magenta1000"
|
|
3963
3963
|
},
|
|
3964
3964
|
"name": "color.background.accent.magenta.subtlest.[default]",
|
|
3965
3965
|
"path": ["color", "background", "accent", "magenta", "subtlest", "[default]"],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::c7c39a1cee14fa6f779e6243ae1460d5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -124,6 +124,30 @@ const tokens = [{
|
|
|
124
124
|
"name": "radius.xlarge",
|
|
125
125
|
"path": ["radius", "xlarge"],
|
|
126
126
|
"cleanName": "radius.xlarge"
|
|
127
|
+
}, {
|
|
128
|
+
"attributes": {
|
|
129
|
+
"group": "shape",
|
|
130
|
+
"state": "active",
|
|
131
|
+
"suggest": ["12px"],
|
|
132
|
+
"introduced": "8.1.0",
|
|
133
|
+
"description": "Used for the largest containers."
|
|
134
|
+
},
|
|
135
|
+
"value": "16px",
|
|
136
|
+
"filePath": "schema/themes/atlassian-shape/shape.tsx",
|
|
137
|
+
"isSource": true,
|
|
138
|
+
"original": {
|
|
139
|
+
"attributes": {
|
|
140
|
+
"group": "shape",
|
|
141
|
+
"state": "active",
|
|
142
|
+
"suggest": ["12px"],
|
|
143
|
+
"introduced": "8.1.0",
|
|
144
|
+
"description": "Used for the largest containers."
|
|
145
|
+
},
|
|
146
|
+
"value": "Radius16"
|
|
147
|
+
},
|
|
148
|
+
"name": "radius.xxlarge",
|
|
149
|
+
"path": ["radius", "xxlarge"],
|
|
150
|
+
"cleanName": "radius.xxlarge"
|
|
127
151
|
}, {
|
|
128
152
|
"attributes": {
|
|
129
153
|
"group": "shape",
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::b641ae01a1e0cba6256542b047415d41>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -2222,6 +2222,11 @@ export const tokens = [{
|
|
|
2222
2222
|
path: ['radius', 'xlarge'],
|
|
2223
2223
|
description: 'Used for modals and large containers.',
|
|
2224
2224
|
exampleValue: '0.75rem'
|
|
2225
|
+
}, {
|
|
2226
|
+
name: 'radius.xxlarge',
|
|
2227
|
+
path: ['radius', 'xxlarge'],
|
|
2228
|
+
description: 'Used for the largest containers.',
|
|
2229
|
+
exampleValue: '1rem'
|
|
2225
2230
|
}, {
|
|
2226
2231
|
name: 'radius.full',
|
|
2227
2232
|
path: ['radius', 'full'],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::ef8d19ca8bc8266920cad68bf6df9a2a>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -94,21 +94,6 @@ var tokens = [{
|
|
|
94
94
|
},
|
|
95
95
|
"name": "radius.Radius16",
|
|
96
96
|
"path": ["radius", "Radius16"]
|
|
97
|
-
}, {
|
|
98
|
-
"value": "20px",
|
|
99
|
-
"attributes": {
|
|
100
|
-
"group": "shape"
|
|
101
|
-
},
|
|
102
|
-
"filePath": "schema/palettes/shape-palette.tsx",
|
|
103
|
-
"isSource": true,
|
|
104
|
-
"original": {
|
|
105
|
-
"value": 20,
|
|
106
|
-
"attributes": {
|
|
107
|
-
"group": "shape"
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
"name": "radius.Radius20",
|
|
111
|
-
"path": ["radius", "Radius20"]
|
|
112
97
|
}, {
|
|
113
98
|
"value": "9999px",
|
|
114
99
|
"attributes": {
|