@atlaskit/primitives 1.5.0 → 1.6.1

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 (11) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/xcss/style-maps.partial.js +18 -5
  3. package/dist/es2019/xcss/style-maps.partial.js +16 -4
  4. package/dist/esm/xcss/style-maps.partial.js +16 -4
  5. package/dist/types/xcss/style-maps.partial.d.ts +17 -4
  6. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +17 -4
  7. package/package.json +3 -3
  8. package/report.api.md +18 -1
  9. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +1 -0
  10. package/scripts/spacing-codegen-template.tsx +15 -0
  11. package/tmp/api-report-tmp.d.ts +18 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 1.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`83cd2ae7c5a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83cd2ae7c5a) - Regenerates codegen artifacts as a result of introducting new visited link token.
8
+ - Updated dependencies
9
+
10
+ ## 1.6.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`9cd356f858a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9cd356f858a) - Negative space tokens can now be applied to margin properties via `xcss`.
15
+
3
16
  ## 1.5.0
4
17
 
5
18
  ### Minor Changes
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.uiTextStylesMap = exports.uiTextMap = exports.textColorStylesMap = exports.textColorMap = exports.surfaceColorStylesMap = exports.surfaceColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.paddingStylesMap = exports.lineHeightStylesMap = exports.lineHeightMap = exports.layerMap = exports.isSurfaceColorToken = exports.headingTextStylesMap = exports.headingTextMap = exports.fontWeightStylesMap = exports.fontWeightMap = exports.fontSizeStylesMap = exports.fontSizeMap = exports.fontFamilyStylesMap = exports.fontFamilyMap = exports.fillMap = exports.dimensionMap = exports.borderWidthMap = exports.borderRadiusMap = exports.borderColorMap = exports.bodyTextStylesMap = exports.bodyTextMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = void 0;
7
+ exports.uiTextStylesMap = exports.uiTextMap = exports.textColorStylesMap = exports.textColorMap = exports.surfaceColorStylesMap = exports.surfaceColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.paddingStylesMap = exports.negativeSpaceMap = exports.lineHeightStylesMap = exports.lineHeightMap = exports.layerMap = exports.isSurfaceColorToken = exports.headingTextStylesMap = exports.headingTextMap = exports.fontWeightStylesMap = exports.fontWeightMap = exports.fontSizeStylesMap = exports.fontSizeMap = exports.fontFamilyStylesMap = exports.fontFamilyMap = exports.fillMap = exports.dimensionMap = exports.borderWidthMap = exports.borderRadiusMap = exports.borderColorMap = exports.bodyTextStylesMap = exports.bodyTextMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = void 0;
8
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _react = require("@emotion/react");
10
10
  var _tokens = require("@atlaskit/tokens");
@@ -33,7 +33,7 @@ exports.dimensionMap = dimensionMap;
33
33
 
34
34
  /**
35
35
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
36
- * @codegen <<SignedSource::8cc3cccc1c75ae85af885aaf8a1f69b8>>
36
+ * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
37
37
  * @codegenId spacing
38
38
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
39
39
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
@@ -55,17 +55,29 @@ var spaceMap = {
55
55
  'space.1000': "var(--ds-space-1000, 80px)"
56
56
  };
57
57
  exports.spaceMap = spaceMap;
58
+ var negativeSpaceMap = {
59
+ 'space.negative.025': "var(--ds-space-negative-025, -2px)",
60
+ 'space.negative.050': "var(--ds-space-negative-050, -4px)",
61
+ 'space.negative.075': "var(--ds-space-negative-075, -6px)",
62
+ 'space.negative.100': "var(--ds-space-negative-100, -8px)",
63
+ 'space.negative.150': "var(--ds-space-negative-150, -12px)",
64
+ 'space.negative.200': "var(--ds-space-negative-200, -16px)",
65
+ 'space.negative.250': "var(--ds-space-negative-250, -20px)",
66
+ 'space.negative.300': "var(--ds-space-negative-300, -24px)",
67
+ 'space.negative.400': "var(--ds-space-negative-400, -32px)"
68
+ };
69
+ exports.negativeSpaceMap = negativeSpaceMap;
58
70
  /**
59
71
  * @codegenEnd
60
72
  */
61
73
 
62
74
  /**
63
75
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
64
- * @codegen <<SignedSource::3db44f53b728773bb3ba1473d4567724>>
76
+ * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
65
77
  * @codegenId colors
66
78
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
67
79
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
68
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
80
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
69
81
  */
70
82
  var borderColorMap = {
71
83
  'color.border': "var(--ds-border, #091e4221)",
@@ -334,7 +346,8 @@ var textColorMap = {
334
346
  'color.text.subtlest': "var(--ds-text-subtlest, #7A869A)",
335
347
  'color.text.subtle': "var(--ds-text-subtle, #42526E)",
336
348
  'color.link': "var(--ds-link, #0052CC)",
337
- 'color.link.pressed': "var(--ds-link-pressed, #0747A6)"
349
+ 'color.link.pressed': "var(--ds-link-pressed, #0747A6)",
350
+ 'color.link.visited': "var(--ds-link-visited, #403294)"
338
351
  };
339
352
  exports.textColorMap = textColorMap;
340
353
  var fillMap = {
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -24,7 +24,7 @@ export const dimensionMap = {
24
24
  */
25
25
  /**
26
26
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
27
- * @codegen <<SignedSource::8cc3cccc1c75ae85af885aaf8a1f69b8>>
27
+ * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
28
28
  * @codegenId spacing
29
29
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
30
30
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
@@ -45,16 +45,27 @@ export const spaceMap = {
45
45
  'space.800': "var(--ds-space-800, 64px)",
46
46
  'space.1000': "var(--ds-space-1000, 80px)"
47
47
  };
48
+ export const negativeSpaceMap = {
49
+ 'space.negative.025': "var(--ds-space-negative-025, -2px)",
50
+ 'space.negative.050': "var(--ds-space-negative-050, -4px)",
51
+ 'space.negative.075': "var(--ds-space-negative-075, -6px)",
52
+ 'space.negative.100': "var(--ds-space-negative-100, -8px)",
53
+ 'space.negative.150': "var(--ds-space-negative-150, -12px)",
54
+ 'space.negative.200': "var(--ds-space-negative-200, -16px)",
55
+ 'space.negative.250': "var(--ds-space-negative-250, -20px)",
56
+ 'space.negative.300': "var(--ds-space-negative-300, -24px)",
57
+ 'space.negative.400': "var(--ds-space-negative-400, -32px)"
58
+ };
48
59
  /**
49
60
  * @codegenEnd
50
61
  */
51
62
  /**
52
63
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
53
- * @codegen <<SignedSource::3db44f53b728773bb3ba1473d4567724>>
64
+ * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
54
65
  * @codegenId colors
55
66
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
56
67
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
57
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
68
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
58
69
  */
59
70
  export const borderColorMap = {
60
71
  'color.border': "var(--ds-border, #091e4221)",
@@ -320,7 +331,8 @@ export const textColorMap = {
320
331
  'color.text.subtlest': "var(--ds-text-subtlest, #7A869A)",
321
332
  'color.text.subtle': "var(--ds-text-subtle, #42526E)",
322
333
  'color.link': "var(--ds-link, #0052CC)",
323
- 'color.link.pressed': "var(--ds-link-pressed, #0747A6)"
334
+ 'color.link.pressed': "var(--ds-link-pressed, #0747A6)",
335
+ 'color.link.visited': "var(--ds-link-visited, #403294)"
324
336
  };
325
337
  export const fillMap = {
326
338
  'color.icon': "var(--ds-icon, #505F79)",
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -25,7 +25,7 @@ export var dimensionMap = {
25
25
  */
26
26
  /**
27
27
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
28
- * @codegen <<SignedSource::8cc3cccc1c75ae85af885aaf8a1f69b8>>
28
+ * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
29
29
  * @codegenId spacing
30
30
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
31
31
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
@@ -46,16 +46,27 @@ export var spaceMap = {
46
46
  'space.800': "var(--ds-space-800, 64px)",
47
47
  'space.1000': "var(--ds-space-1000, 80px)"
48
48
  };
49
+ export var negativeSpaceMap = {
50
+ 'space.negative.025': "var(--ds-space-negative-025, -2px)",
51
+ 'space.negative.050': "var(--ds-space-negative-050, -4px)",
52
+ 'space.negative.075': "var(--ds-space-negative-075, -6px)",
53
+ 'space.negative.100': "var(--ds-space-negative-100, -8px)",
54
+ 'space.negative.150': "var(--ds-space-negative-150, -12px)",
55
+ 'space.negative.200': "var(--ds-space-negative-200, -16px)",
56
+ 'space.negative.250': "var(--ds-space-negative-250, -20px)",
57
+ 'space.negative.300': "var(--ds-space-negative-300, -24px)",
58
+ 'space.negative.400': "var(--ds-space-negative-400, -32px)"
59
+ };
49
60
  /**
50
61
  * @codegenEnd
51
62
  */
52
63
  /**
53
64
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
54
- * @codegen <<SignedSource::3db44f53b728773bb3ba1473d4567724>>
65
+ * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
55
66
  * @codegenId colors
56
67
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
57
68
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
58
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
69
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
59
70
  */
60
71
  export var borderColorMap = {
61
72
  'color.border': "var(--ds-border, #091e4221)",
@@ -321,7 +332,8 @@ export var textColorMap = {
321
332
  'color.text.subtlest': "var(--ds-text-subtlest, #7A869A)",
322
333
  'color.text.subtle': "var(--ds-text-subtle, #42526E)",
323
334
  'color.link': "var(--ds-link, #0052CC)",
324
- 'color.link.pressed': "var(--ds-link-pressed, #0747A6)"
335
+ 'color.link.pressed': "var(--ds-link-pressed, #0747A6)",
336
+ 'color.link.visited': "var(--ds-link-visited, #403294)"
325
337
  };
326
338
  export var fillMap = {
327
339
  'color.icon': "var(--ds-icon, #505F79)",
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -23,7 +23,7 @@ export type Dimension = keyof typeof dimensionMap;
23
23
  */
24
24
  /**
25
25
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
26
- * @codegen <<SignedSource::8cc3cccc1c75ae85af885aaf8a1f69b8>>
26
+ * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
27
27
  * @codegenId spacing
28
28
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
29
29
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
@@ -45,16 +45,28 @@ export declare const spaceMap: {
45
45
  'space.1000': "var(--ds-space-1000)";
46
46
  };
47
47
  export type Space = keyof typeof spaceMap;
48
+ export declare const negativeSpaceMap: {
49
+ 'space.negative.025': "var(--ds-space-negative-025)";
50
+ 'space.negative.050': "var(--ds-space-negative-050)";
51
+ 'space.negative.075': "var(--ds-space-negative-075)";
52
+ 'space.negative.100': "var(--ds-space-negative-100)";
53
+ 'space.negative.150': "var(--ds-space-negative-150)";
54
+ 'space.negative.200': "var(--ds-space-negative-200)";
55
+ 'space.negative.250': "var(--ds-space-negative-250)";
56
+ 'space.negative.300': "var(--ds-space-negative-300)";
57
+ 'space.negative.400': "var(--ds-space-negative-400)";
58
+ };
59
+ export type NegativeSpace = keyof typeof negativeSpaceMap;
48
60
  /**
49
61
  * @codegenEnd
50
62
  */
51
63
  /**
52
64
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
53
- * @codegen <<SignedSource::3db44f53b728773bb3ba1473d4567724>>
65
+ * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
54
66
  * @codegenId colors
55
67
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
56
68
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
57
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
69
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
58
70
  */
59
71
  export declare const borderColorMap: {
60
72
  readonly 'color.border': "var(--ds-border)";
@@ -324,6 +336,7 @@ export declare const textColorMap: {
324
336
  readonly 'color.text.subtle': "var(--ds-text-subtle)";
325
337
  readonly 'color.link': "var(--ds-link)";
326
338
  readonly 'color.link.pressed': "var(--ds-link-pressed)";
339
+ readonly 'color.link.visited': "var(--ds-link-visited)";
327
340
  };
328
341
  export type TextColor = keyof typeof textColorMap;
329
342
  export declare const fillMap: {
@@ -489,7 +502,7 @@ export type UiText = keyof typeof uiTextMap;
489
502
  /**
490
503
  * @codegenEnd
491
504
  */
492
- type MarginSpace = Space | 'auto';
505
+ type MarginSpace = Space | NegativeSpace | 'auto';
493
506
  type AutoComplete<T extends string> = T | Omit<string, T>;
494
507
  export type TokenisedProps = {
495
508
  backgroundColor?: BackgroundColor;
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -23,7 +23,7 @@ export type Dimension = keyof typeof dimensionMap;
23
23
  */
24
24
  /**
25
25
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
26
- * @codegen <<SignedSource::8cc3cccc1c75ae85af885aaf8a1f69b8>>
26
+ * @codegen <<SignedSource::6a1c1c7a326eab1fd8f07e923e26f784>>
27
27
  * @codegenId spacing
28
28
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
29
29
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::298080e8024fb3eb37589721413e0156>>
@@ -45,16 +45,28 @@ export declare const spaceMap: {
45
45
  'space.1000': "var(--ds-space-1000)";
46
46
  };
47
47
  export type Space = keyof typeof spaceMap;
48
+ export declare const negativeSpaceMap: {
49
+ 'space.negative.025': "var(--ds-space-negative-025)";
50
+ 'space.negative.050': "var(--ds-space-negative-050)";
51
+ 'space.negative.075': "var(--ds-space-negative-075)";
52
+ 'space.negative.100': "var(--ds-space-negative-100)";
53
+ 'space.negative.150': "var(--ds-space-negative-150)";
54
+ 'space.negative.200': "var(--ds-space-negative-200)";
55
+ 'space.negative.250': "var(--ds-space-negative-250)";
56
+ 'space.negative.300': "var(--ds-space-negative-300)";
57
+ 'space.negative.400': "var(--ds-space-negative-400)";
58
+ };
59
+ export type NegativeSpace = keyof typeof negativeSpaceMap;
48
60
  /**
49
61
  * @codegenEnd
50
62
  */
51
63
  /**
52
64
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
53
- * @codegen <<SignedSource::3db44f53b728773bb3ba1473d4567724>>
65
+ * @codegen <<SignedSource::2d67e9258c01e48d564a26a1e4400b94>>
54
66
  * @codegenId colors
55
67
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
56
68
  * @codegenParams ["border", "background", "shadow", "text", "fill", "surface"]
57
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
69
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
58
70
  */
59
71
  export declare const borderColorMap: {
60
72
  readonly 'color.border': "var(--ds-border)";
@@ -324,6 +336,7 @@ export declare const textColorMap: {
324
336
  readonly 'color.text.subtle': "var(--ds-text-subtle)";
325
337
  readonly 'color.link': "var(--ds-link)";
326
338
  readonly 'color.link.pressed': "var(--ds-link-pressed)";
339
+ readonly 'color.link.visited': "var(--ds-link-visited)";
327
340
  };
328
341
  export type TextColor = keyof typeof textColorMap;
329
342
  export declare const fillMap: {
@@ -489,7 +502,7 @@ export type UiText = keyof typeof uiTextMap;
489
502
  /**
490
503
  * @codegenEnd
491
504
  */
492
- type MarginSpace = Space | 'auto';
505
+ type MarginSpace = Space | NegativeSpace | 'auto';
493
506
  type AutoComplete<T extends string> = T | Omit<string, T>;
494
507
  export type TokenisedProps = {
495
508
  backgroundColor?: BackgroundColor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "1.5.0",
3
+ "version": "1.6.1",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -125,7 +125,7 @@
125
125
  "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx"
126
126
  },
127
127
  "dependencies": {
128
- "@atlaskit/tokens": "^1.22.0",
128
+ "@atlaskit/tokens": "^1.24.0",
129
129
  "@babel/runtime": "^7.0.0",
130
130
  "@emotion/react": "^11.7.1",
131
131
  "@emotion/serialize": "^1.1.0",
@@ -196,4 +196,4 @@
196
196
  "./responsive": "./src/responsive/index.tsx"
197
197
  },
198
198
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
199
- }
199
+ }
package/report.api.md CHANGED
@@ -842,7 +842,7 @@ const layerMap: {
842
842
  };
843
843
 
844
844
  // @public (undocumented)
845
- type MarginSpace = 'auto' | Space;
845
+ type MarginSpace = 'auto' | NegativeSpace | Space;
846
846
 
847
847
  // @public
848
848
  export const media: {
@@ -859,6 +859,22 @@ export const media: {
859
859
  // @public
860
860
  type MediaQuery = (typeof media.above)[Breakpoint];
861
861
 
862
+ // @public (undocumented)
863
+ type NegativeSpace = keyof typeof negativeSpaceMap;
864
+
865
+ // @public (undocumented)
866
+ const negativeSpaceMap: {
867
+ 'space.negative.025': 'var(--ds-space-negative-025)';
868
+ 'space.negative.050': 'var(--ds-space-negative-050)';
869
+ 'space.negative.075': 'var(--ds-space-negative-075)';
870
+ 'space.negative.100': 'var(--ds-space-negative-100)';
871
+ 'space.negative.150': 'var(--ds-space-negative-150)';
872
+ 'space.negative.200': 'var(--ds-space-negative-200)';
873
+ 'space.negative.250': 'var(--ds-space-negative-250)';
874
+ 'space.negative.300': 'var(--ds-space-negative-300)';
875
+ 'space.negative.400': 'var(--ds-space-negative-400)';
876
+ };
877
+
862
878
  // @public (undocumented)
863
879
  type SafeCSSObject = CSSPseudos &
864
880
  CSSAtRules &
@@ -1065,6 +1081,7 @@ const textColorMap: {
1065
1081
  readonly 'color.text.subtle': 'var(--ds-text-subtle)';
1066
1082
  readonly 'color.link': 'var(--ds-link)';
1067
1083
  readonly 'color.link.pressed': 'var(--ds-link-pressed)';
1084
+ readonly 'color.link.visited': 'var(--ds-link-visited)';
1068
1085
  };
1069
1086
 
1070
1087
  // @public (undocumented)
package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap CHANGED
@@ -868,6 +868,7 @@ exports[`@atlaskit/primitives text styles are generated correctly 1`] = `
868
868
  'color.text.subtle': token('color.text.subtle', '#42526E'),
869
869
  'color.link': token('color.link', '#0052CC'),
870
870
  'color.link.pressed': token('color.link.pressed', '#0747A6'),
871
+ 'color.link.visited': token('color.link.visited', '#403294'),
871
872
  } as const;
872
873
 
873
874
  export type TextColor = keyof typeof textColorMap;
package/scripts/spacing-codegen-template.tsx CHANGED
@@ -15,6 +15,14 @@ const spaceTokens = tokens
15
15
  fallback: t.value,
16
16
  }));
17
17
 
18
+ const negativeSpaceTokens = tokens
19
+ .filter(token => token.name.startsWith(spacingTokenPrefix))
20
+ .filter(token => token.name.includes(negativeSuffix))
21
+ .map(t => ({
22
+ name: t.cleanName,
23
+ fallback: t.value,
24
+ }));
25
+
18
26
  export const createSpacingStylesFromTemplate = () => {
19
27
  const output = [
20
28
  `export const spaceMap = {\n${spaceTokens
@@ -24,6 +32,13 @@ export const createSpacingStylesFromTemplate = () => {
24
32
  )
25
33
  .join('\n')}}`,
26
34
  `export type Space = keyof typeof spaceMap;\n`,
35
+ `export const negativeSpaceMap = {\n${negativeSpaceTokens
36
+ .map(
37
+ ({ name, fallback }) =>
38
+ `'${name}': ${constructTokenFunctionCall(name, fallback)},`,
39
+ )
40
+ .join('\n')}}`,
41
+ `export type NegativeSpace = keyof typeof negativeSpaceMap;\n`,
27
42
  ].join('\n');
28
43
 
29
44
  return prettier.format(output, {
package/tmp/api-report-tmp.d.ts CHANGED
@@ -594,7 +594,7 @@ const layerMap: {
594
594
  };
595
595
 
596
596
  // @public (undocumented)
597
- type MarginSpace = 'auto' | Space;
597
+ type MarginSpace = 'auto' | NegativeSpace | Space;
598
598
 
599
599
  // @public
600
600
  export const media: {
@@ -611,6 +611,22 @@ export const media: {
611
611
  // @public
612
612
  type MediaQuery = (typeof media.above)[Breakpoint];
613
613
 
614
+ // @public (undocumented)
615
+ type NegativeSpace = keyof typeof negativeSpaceMap;
616
+
617
+ // @public (undocumented)
618
+ const negativeSpaceMap: {
619
+ 'space.negative.025': "var(--ds-space-negative-025)";
620
+ 'space.negative.050': "var(--ds-space-negative-050)";
621
+ 'space.negative.075': "var(--ds-space-negative-075)";
622
+ 'space.negative.100': "var(--ds-space-negative-100)";
623
+ 'space.negative.150': "var(--ds-space-negative-150)";
624
+ 'space.negative.200': "var(--ds-space-negative-200)";
625
+ 'space.negative.250': "var(--ds-space-negative-250)";
626
+ 'space.negative.300': "var(--ds-space-negative-300)";
627
+ 'space.negative.400': "var(--ds-space-negative-400)";
628
+ };
629
+
614
630
  // @public (undocumented)
615
631
  type SafeCSSObject = CSSPseudos & CSSAtRules & TokenisedProps & CSSMediaQueries & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
616
632
 
@@ -720,6 +736,7 @@ const textColorMap: {
720
736
  readonly 'color.text.subtle': "var(--ds-text-subtle)";
721
737
  readonly 'color.link': "var(--ds-link)";
722
738
  readonly 'color.link.pressed': "var(--ds-link-pressed)";
739
+ readonly 'color.link.visited': "var(--ds-link-visited)";
723
740
  };
724
741
 
725
742
  // @public (undocumented)