@atlaskit/primitives 1.5.0 → 1.6.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/xcss/style-maps.partial.js +14 -2
  3. package/dist/es2019/xcss/style-maps.partial.js +12 -1
  4. package/dist/esm/xcss/style-maps.partial.js +12 -1
  5. package/dist/types/xcss/style-maps.partial.d.ts +14 -2
  6. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +14 -2
  7. package/package.json +1 -1
  8. package/report.api.md +17 -1
  9. package/scripts/spacing-codegen-template.tsx +15 -0
  10. package/tmp/api-report-tmp.d.ts +17 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 1.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`9cd356f858a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9cd356f858a) - Negative space tokens can now be applied to margin properties via `xcss`.
8
+
3
9
  ## 1.5.0
4
10
 
5
11
  ### 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,6 +55,18 @@ 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
  */
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,6 +45,17 @@ 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
  */
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,6 +46,17 @@ 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
  */
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,6 +45,18 @@ 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
  */
@@ -489,7 +501,7 @@ export type UiText = keyof typeof uiTextMap;
489
501
  /**
490
502
  * @codegenEnd
491
503
  */
492
- type MarginSpace = Space | 'auto';
504
+ type MarginSpace = Space | NegativeSpace | 'auto';
493
505
  type AutoComplete<T extends string> = T | Omit<string, T>;
494
506
  export type TokenisedProps = {
495
507
  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,6 +45,18 @@ 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
  */
@@ -489,7 +501,7 @@ export type UiText = keyof typeof uiTextMap;
489
501
  /**
490
502
  * @codegenEnd
491
503
  */
492
- type MarginSpace = Space | 'auto';
504
+ type MarginSpace = Space | NegativeSpace | 'auto';
493
505
  type AutoComplete<T extends string> = T | Omit<string, T>;
494
506
  export type TokenisedProps = {
495
507
  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.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
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 &
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