@atlaskit/primitives 0.12.4 → 0.12.5

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 (13) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/cjs/xcss/style-maps.partial.js +10 -2
  4. package/dist/es2019/version.json +1 -1
  5. package/dist/es2019/xcss/style-maps.partial.js +10 -2
  6. package/dist/esm/version.json +1 -1
  7. package/dist/esm/xcss/style-maps.partial.js +10 -2
  8. package/dist/types/xcss/style-maps.partial.d.ts +10 -2
  9. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +10 -2
  10. package/package.json +2 -2
  11. package/report.api.md +8 -0
  12. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +22 -0
  13. package/tmp/api-report-tmp.d.ts +8 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 0.12.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`55be182b904`](https://bitbucket.org/atlassian/atlassian-frontend/commits/55be182b904) - Regenerates codegen'd artifacts as a result of introducting new design tokens.
8
+ - Updated dependencies
9
+
3
10
  ## 0.12.4
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.4",
3
+ "version": "0.12.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -60,14 +60,15 @@ exports.spaceMap = spaceMap;
60
60
 
61
61
  /**
62
62
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
63
- * @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
63
+ * @codegen <<SignedSource::d072e2cad501ea7aa5c4171d8c1b5d17>>
64
64
  * @codegenId colors
65
65
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
66
66
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
67
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
67
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::7e5a6402120dcaf0373e364561a78a73>>
68
68
  */
69
69
  var borderColorMap = {
70
70
  'color.border': "var(--ds-border, #091e4221)",
71
+ 'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
71
72
  'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)",
72
73
  'color.border.accent.orange': "var(--ds-border-accent-orange, #D94008)",
73
74
  'color.border.accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)",
@@ -92,6 +93,10 @@ var borderColorMap = {
92
93
  };
93
94
  exports.borderColorMap = borderColorMap;
94
95
  var backgroundColorMap = {
96
+ 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest, #EEFBDA)",
97
+ 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler, #D3F1A7)",
98
+ 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle, #94C748)",
99
+ 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder, #5B7F24)",
95
100
  'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)",
96
101
  'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)",
97
102
  'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)",
@@ -208,6 +213,8 @@ var shadowMap = {
208
213
  exports.shadowMap = shadowMap;
209
214
  var textColorMap = {
210
215
  'color.text': "var(--ds-text, #172B4D)",
216
+ 'color.text.accent.lime': "var(--ds-text-accent-lime, #4C6B1F)",
217
+ 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder, #37471F)",
211
218
  'color.text.accent.red': "var(--ds-text-accent-red, #DE350B)",
212
219
  'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)",
213
220
  'color.text.accent.orange': "var(--ds-text-accent-orange, #F18D13)",
@@ -242,6 +249,7 @@ var textColorMap = {
242
249
  exports.textColorMap = textColorMap;
243
250
  var fillMap = {
244
251
  'color.icon': "var(--ds-icon, #505F79)",
252
+ 'color.icon.accent.lime': "var(--ds-icon-accent-lime, #6A9A23)",
245
253
  'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)",
246
254
  'color.icon.accent.orange': "var(--ds-icon-accent-orange, #D94008)",
247
255
  'color.icon.accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.4",
3
+ "version": "0.12.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -48,14 +48,15 @@ export const spaceMap = {
48
48
  */
49
49
  /**
50
50
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
51
- * @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
51
+ * @codegen <<SignedSource::d072e2cad501ea7aa5c4171d8c1b5d17>>
52
52
  * @codegenId colors
53
53
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
54
54
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
55
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
55
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::7e5a6402120dcaf0373e364561a78a73>>
56
56
  */
57
57
  export const borderColorMap = {
58
58
  'color.border': "var(--ds-border, #091e4221)",
59
+ 'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
59
60
  'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)",
60
61
  'color.border.accent.orange': "var(--ds-border-accent-orange, #D94008)",
61
62
  'color.border.accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)",
@@ -79,6 +80,10 @@ export const borderColorMap = {
79
80
  'color.border.bold': "var(--ds-border-bold, #344563)"
80
81
  };
81
82
  export const backgroundColorMap = {
83
+ 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest, #EEFBDA)",
84
+ 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler, #D3F1A7)",
85
+ 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle, #94C748)",
86
+ 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder, #5B7F24)",
82
87
  'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)",
83
88
  'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)",
84
89
  'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)",
@@ -193,6 +198,8 @@ export const shadowMap = {
193
198
  };
194
199
  export const textColorMap = {
195
200
  'color.text': "var(--ds-text, #172B4D)",
201
+ 'color.text.accent.lime': "var(--ds-text-accent-lime, #4C6B1F)",
202
+ 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder, #37471F)",
196
203
  'color.text.accent.red': "var(--ds-text-accent-red, #DE350B)",
197
204
  'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)",
198
205
  'color.text.accent.orange': "var(--ds-text-accent-orange, #F18D13)",
@@ -226,6 +233,7 @@ export const textColorMap = {
226
233
  };
227
234
  export const fillMap = {
228
235
  'color.icon': "var(--ds-icon, #505F79)",
236
+ 'color.icon.accent.lime': "var(--ds-icon-accent-lime, #6A9A23)",
229
237
  'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)",
230
238
  'color.icon.accent.orange': "var(--ds-icon-accent-orange, #D94008)",
231
239
  'color.icon.accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.4",
3
+ "version": "0.12.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -49,14 +49,15 @@ export var spaceMap = {
49
49
  */
50
50
  /**
51
51
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
52
- * @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
52
+ * @codegen <<SignedSource::d072e2cad501ea7aa5c4171d8c1b5d17>>
53
53
  * @codegenId colors
54
54
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
55
55
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
56
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
56
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::7e5a6402120dcaf0373e364561a78a73>>
57
57
  */
58
58
  export var borderColorMap = {
59
59
  'color.border': "var(--ds-border, #091e4221)",
60
+ 'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
60
61
  'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)",
61
62
  'color.border.accent.orange': "var(--ds-border-accent-orange, #D94008)",
62
63
  'color.border.accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)",
@@ -80,6 +81,10 @@ export var borderColorMap = {
80
81
  'color.border.bold': "var(--ds-border-bold, #344563)"
81
82
  };
82
83
  export var backgroundColorMap = {
84
+ 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest, #EEFBDA)",
85
+ 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler, #D3F1A7)",
86
+ 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle, #94C748)",
87
+ 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder, #5B7F24)",
83
88
  'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)",
84
89
  'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)",
85
90
  'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)",
@@ -194,6 +199,8 @@ export var shadowMap = {
194
199
  };
195
200
  export var textColorMap = {
196
201
  'color.text': "var(--ds-text, #172B4D)",
202
+ 'color.text.accent.lime': "var(--ds-text-accent-lime, #4C6B1F)",
203
+ 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder, #37471F)",
197
204
  'color.text.accent.red': "var(--ds-text-accent-red, #DE350B)",
198
205
  'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)",
199
206
  'color.text.accent.orange': "var(--ds-text-accent-orange, #F18D13)",
@@ -227,6 +234,7 @@ export var textColorMap = {
227
234
  };
228
235
  export var fillMap = {
229
236
  'color.icon': "var(--ds-icon, #505F79)",
237
+ 'color.icon.accent.lime': "var(--ds-icon-accent-lime, #6A9A23)",
230
238
  'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)",
231
239
  'color.icon.accent.orange': "var(--ds-icon-accent-orange, #D94008)",
232
240
  'color.icon.accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -66,14 +66,15 @@ export type Space = keyof typeof spaceMap;
66
66
  */
67
67
  /**
68
68
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
69
- * @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
69
+ * @codegen <<SignedSource::d072e2cad501ea7aa5c4171d8c1b5d17>>
70
70
  * @codegenId colors
71
71
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
72
72
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
73
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
73
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::7e5a6402120dcaf0373e364561a78a73>>
74
74
  */
75
75
  export declare const borderColorMap: {
76
76
  readonly 'color.border': "var(--ds-border)";
77
+ readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
77
78
  readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
78
79
  readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
79
80
  readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
@@ -98,6 +99,10 @@ export declare const borderColorMap: {
98
99
  };
99
100
  export type BorderColor = keyof typeof borderColorMap;
100
101
  export declare const backgroundColorMap: {
102
+ readonly 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";
103
+ readonly 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler)";
104
+ readonly 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle)";
105
+ readonly 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder)";
101
106
  readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
102
107
  readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
103
108
  readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
@@ -214,6 +219,8 @@ export declare const shadowMap: {
214
219
  export type Shadow = keyof typeof shadowMap;
215
220
  export declare const textColorMap: {
216
221
  readonly 'color.text': "var(--ds-text)";
222
+ readonly 'color.text.accent.lime': "var(--ds-text-accent-lime)";
223
+ readonly 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder)";
217
224
  readonly 'color.text.accent.red': "var(--ds-text-accent-red)";
218
225
  readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)";
219
226
  readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)";
@@ -248,6 +255,7 @@ export declare const textColorMap: {
248
255
  export type TextColor = keyof typeof textColorMap;
249
256
  export declare const fillMap: {
250
257
  readonly 'color.icon': "var(--ds-icon)";
258
+ readonly 'color.icon.accent.lime': "var(--ds-icon-accent-lime)";
251
259
  readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)";
252
260
  readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)";
253
261
  readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)";
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -66,14 +66,15 @@ export type Space = keyof typeof spaceMap;
66
66
  */
67
67
  /**
68
68
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
69
- * @codegen <<SignedSource::ca2805602ea60d52a8c2cf8926fb97d3>>
69
+ * @codegen <<SignedSource::d072e2cad501ea7aa5c4171d8c1b5d17>>
70
70
  * @codegenId colors
71
71
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
72
72
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
73
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::224665ba07a6c41e68ce15f72b24cd92>>
73
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::7e5a6402120dcaf0373e364561a78a73>>
74
74
  */
75
75
  export declare const borderColorMap: {
76
76
  readonly 'color.border': "var(--ds-border)";
77
+ readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
77
78
  readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
78
79
  readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
79
80
  readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
@@ -98,6 +99,10 @@ export declare const borderColorMap: {
98
99
  };
99
100
  export type BorderColor = keyof typeof borderColorMap;
100
101
  export declare const backgroundColorMap: {
102
+ readonly 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";
103
+ readonly 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler)";
104
+ readonly 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle)";
105
+ readonly 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder)";
101
106
  readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
102
107
  readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
103
108
  readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
@@ -214,6 +219,8 @@ export declare const shadowMap: {
214
219
  export type Shadow = keyof typeof shadowMap;
215
220
  export declare const textColorMap: {
216
221
  readonly 'color.text': "var(--ds-text)";
222
+ readonly 'color.text.accent.lime': "var(--ds-text-accent-lime)";
223
+ readonly 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder)";
217
224
  readonly 'color.text.accent.red': "var(--ds-text-accent-red)";
218
225
  readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)";
219
226
  readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)";
@@ -248,6 +255,7 @@ export declare const textColorMap: {
248
255
  export type TextColor = keyof typeof textColorMap;
249
256
  export declare const fillMap: {
250
257
  readonly 'color.icon': "var(--ds-icon)";
258
+ readonly 'color.icon.accent.lime': "var(--ds-icon-accent-lime)";
251
259
  readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)";
252
260
  readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)";
253
261
  readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.4",
3
+ "version": "0.12.5",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -94,7 +94,7 @@
94
94
  },
95
95
  "dependencies": {
96
96
  "@atlaskit/ds-lib": "^2.2.0",
97
- "@atlaskit/tokens": "^1.6.0",
97
+ "@atlaskit/tokens": "^1.8.0",
98
98
  "@babel/runtime": "^7.0.0",
99
99
  "@emotion/react": "^11.7.1",
100
100
  "@emotion/serialize": "^1.1.0",
package/report.api.md CHANGED
@@ -85,6 +85,10 @@ type BackgroundColor = keyof typeof backgroundColorMap;
85
85
 
86
86
  // @public (undocumented)
87
87
  const backgroundColorMap: {
88
+ readonly 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)';
89
+ readonly 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)';
90
+ readonly 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)';
91
+ readonly 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)';
88
92
  readonly 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
89
93
  readonly 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
90
94
  readonly 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
@@ -230,6 +234,7 @@ type BorderColor = keyof typeof borderColorMap;
230
234
  // @public
231
235
  const borderColorMap: {
232
236
  readonly 'color.border': 'var(--ds-border)';
237
+ readonly 'color.border.accent.lime': 'var(--ds-border-accent-lime)';
233
238
  readonly 'color.border.accent.red': 'var(--ds-border-accent-red)';
234
239
  readonly 'color.border.accent.orange': 'var(--ds-border-accent-orange)';
235
240
  readonly 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
@@ -368,6 +373,7 @@ type Fill = keyof typeof fillMap;
368
373
  // @public (undocumented)
369
374
  const fillMap: {
370
375
  readonly 'color.icon': 'var(--ds-icon)';
376
+ readonly 'color.icon.accent.lime': 'var(--ds-icon-accent-lime)';
371
377
  readonly 'color.icon.accent.red': 'var(--ds-icon-accent-red)';
372
378
  readonly 'color.icon.accent.orange': 'var(--ds-icon-accent-orange)';
373
379
  readonly 'color.icon.accent.yellow': 'var(--ds-icon-accent-yellow)';
@@ -664,6 +670,8 @@ type TextColor = keyof typeof textColorMap;
664
670
  // @public (undocumented)
665
671
  const textColorMap: {
666
672
  readonly 'color.text': 'var(--ds-text)';
673
+ readonly 'color.text.accent.lime': 'var(--ds-text-accent-lime)';
674
+ readonly 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)';
667
675
  readonly 'color.text.accent.red': 'var(--ds-text-accent-red)';
668
676
  readonly 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
669
677
  readonly 'color.text.accent.orange': 'var(--ds-text-accent-orange)';
package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap CHANGED
@@ -2,6 +2,22 @@
2
2
 
3
3
  exports[`@atlaskit/primitives bg styles are generated correctly 1`] = `
4
4
  "export const backgroundColorMap = {
5
+ 'color.background.accent.lime.subtlest': token(
6
+ 'color.background.accent.lime.subtlest',
7
+ '#EEFBDA',
8
+ ),
9
+ 'color.background.accent.lime.subtler': token(
10
+ 'color.background.accent.lime.subtler',
11
+ '#D3F1A7',
12
+ ),
13
+ 'color.background.accent.lime.subtle': token(
14
+ 'color.background.accent.lime.subtle',
15
+ '#94C748',
16
+ ),
17
+ 'color.background.accent.lime.bolder': token(
18
+ 'color.background.accent.lime.bolder',
19
+ '#5B7F24',
20
+ ),
5
21
  'color.background.accent.red.subtlest': token(
6
22
  'color.background.accent.red.subtlest',
7
23
  '#FF8F73',
@@ -376,6 +392,7 @@ export type BackgroundColor = keyof typeof backgroundColorMap;
376
392
  exports[`@atlaskit/primitives border styles are generated correctly 1`] = `
377
393
  "export const borderColorMap = {
378
394
  'color.border': token('color.border', '#091e4221'),
395
+ 'color.border.accent.lime': token('color.border.accent.lime', '#6A9A23'),
379
396
  'color.border.accent.red': token('color.border.accent.red', '#FF5630'),
380
397
  'color.border.accent.orange': token('color.border.accent.orange', '#D94008'),
381
398
  'color.border.accent.yellow': token('color.border.accent.yellow', '#FFAB00'),
@@ -409,6 +426,11 @@ export type BorderColor = keyof typeof borderColorMap;
409
426
  exports[`@atlaskit/primitives text styles are generated correctly 1`] = `
410
427
  "export const textColorMap = {
411
428
  'color.text': token('color.text', '#172B4D'),
429
+ 'color.text.accent.lime': token('color.text.accent.lime', '#4C6B1F'),
430
+ 'color.text.accent.lime.bolder': token(
431
+ 'color.text.accent.lime.bolder',
432
+ '#37471F',
433
+ ),
412
434
  'color.text.accent.red': token('color.text.accent.red', '#DE350B'),
413
435
  'color.text.accent.red.bolder': token(
414
436
  'color.text.accent.red.bolder',
package/tmp/api-report-tmp.d.ts CHANGED
@@ -61,6 +61,10 @@ type BackgroundColor = keyof typeof backgroundColorMap;
61
61
 
62
62
  // @public (undocumented)
63
63
  const backgroundColorMap: {
64
+ readonly 'color.background.accent.lime.subtlest': "var(--ds-background-accent-lime-subtlest)";
65
+ readonly 'color.background.accent.lime.subtler': "var(--ds-background-accent-lime-subtler)";
66
+ readonly 'color.background.accent.lime.subtle': "var(--ds-background-accent-lime-subtle)";
67
+ readonly 'color.background.accent.lime.bolder': "var(--ds-background-accent-lime-bolder)";
64
68
  readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
65
69
  readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
66
70
  readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
@@ -201,6 +205,7 @@ type BorderColor = keyof typeof borderColorMap;
201
205
  // @public
202
206
  const borderColorMap: {
203
207
  readonly 'color.border': "var(--ds-border)";
208
+ readonly 'color.border.accent.lime': "var(--ds-border-accent-lime)";
204
209
  readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
205
210
  readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
206
211
  readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
@@ -330,6 +335,7 @@ type Fill = keyof typeof fillMap;
330
335
  // @public (undocumented)
331
336
  const fillMap: {
332
337
  readonly 'color.icon': "var(--ds-icon)";
338
+ readonly 'color.icon.accent.lime': "var(--ds-icon-accent-lime)";
333
339
  readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)";
334
340
  readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)";
335
341
  readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)";
@@ -585,6 +591,8 @@ type TextColor = keyof typeof textColorMap;
585
591
  // @public (undocumented)
586
592
  const textColorMap: {
587
593
  readonly 'color.text': "var(--ds-text)";
594
+ readonly 'color.text.accent.lime': "var(--ds-text-accent-lime)";
595
+ readonly 'color.text.accent.lime.bolder': "var(--ds-text-accent-lime-bolder)";
588
596
  readonly 'color.text.accent.red': "var(--ds-text-accent-red)";
589
597
  readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)";
590
598
  readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)";