@atlaskit/primitives 1.3.1 → 1.4.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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 1.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`9ac38d5c3e9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9ac38d5c3e9) - All margin and padding properties now support autocomplete and token values in xcss.
8
+
3
9
  ## 1.3.1
4
10
 
5
11
  ### Patch Changes
@@ -405,6 +405,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
405
405
  /**
406
406
  * @codegenEnd
407
407
  */
408
+ type MarginSpace = Space | 'auto';
408
409
  type AutoComplete<T extends string> = T | Omit<string, T>;
409
410
  export type TokenisedProps = {
410
411
  backgroundColor?: BackgroundColor;
@@ -427,6 +428,17 @@ export type TokenisedProps = {
427
428
  insetInlineEnd?: Space;
428
429
  insetInlineStart?: Space;
429
430
  left?: AutoComplete<Space>;
431
+ margin?: AutoComplete<MarginSpace>;
432
+ marginBlock?: AutoComplete<MarginSpace>;
433
+ marginBlockEnd?: AutoComplete<MarginSpace>;
434
+ marginBlockStart?: AutoComplete<MarginSpace>;
435
+ marginBottom?: AutoComplete<MarginSpace>;
436
+ marginInline?: AutoComplete<MarginSpace>;
437
+ marginInlineEnd?: AutoComplete<MarginSpace>;
438
+ marginInlineStart?: AutoComplete<MarginSpace>;
439
+ marginLeft?: AutoComplete<MarginSpace>;
440
+ marginRight?: AutoComplete<MarginSpace>;
441
+ marginTop?: AutoComplete<MarginSpace>;
430
442
  maxBlockSize?: AutoComplete<Dimension>;
431
443
  maxHeight?: AutoComplete<Dimension>;
432
444
  maxInlineSize?: AutoComplete<Dimension>;
@@ -445,6 +457,10 @@ export type TokenisedProps = {
445
457
  paddingInline?: Space;
446
458
  paddingInlineEnd?: Space;
447
459
  paddingInlineStart?: Space;
460
+ paddingBottom?: AutoComplete<Space>;
461
+ paddingLeft?: AutoComplete<Space>;
462
+ paddingRight?: AutoComplete<Space>;
463
+ paddingTop?: AutoComplete<Space>;
448
464
  right?: AutoComplete<Space>;
449
465
  rowGap?: Space;
450
466
  top?: AutoComplete<Space>;
@@ -405,6 +405,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
405
405
  /**
406
406
  * @codegenEnd
407
407
  */
408
+ type MarginSpace = Space | 'auto';
408
409
  type AutoComplete<T extends string> = T | Omit<string, T>;
409
410
  export type TokenisedProps = {
410
411
  backgroundColor?: BackgroundColor;
@@ -427,6 +428,17 @@ export type TokenisedProps = {
427
428
  insetInlineEnd?: Space;
428
429
  insetInlineStart?: Space;
429
430
  left?: AutoComplete<Space>;
431
+ margin?: AutoComplete<MarginSpace>;
432
+ marginBlock?: AutoComplete<MarginSpace>;
433
+ marginBlockEnd?: AutoComplete<MarginSpace>;
434
+ marginBlockStart?: AutoComplete<MarginSpace>;
435
+ marginBottom?: AutoComplete<MarginSpace>;
436
+ marginInline?: AutoComplete<MarginSpace>;
437
+ marginInlineEnd?: AutoComplete<MarginSpace>;
438
+ marginInlineStart?: AutoComplete<MarginSpace>;
439
+ marginLeft?: AutoComplete<MarginSpace>;
440
+ marginRight?: AutoComplete<MarginSpace>;
441
+ marginTop?: AutoComplete<MarginSpace>;
430
442
  maxBlockSize?: AutoComplete<Dimension>;
431
443
  maxHeight?: AutoComplete<Dimension>;
432
444
  maxInlineSize?: AutoComplete<Dimension>;
@@ -445,6 +457,10 @@ export type TokenisedProps = {
445
457
  paddingInline?: Space;
446
458
  paddingInlineEnd?: Space;
447
459
  paddingInlineStart?: Space;
460
+ paddingBottom?: AutoComplete<Space>;
461
+ paddingLeft?: AutoComplete<Space>;
462
+ paddingRight?: AutoComplete<Space>;
463
+ paddingTop?: AutoComplete<Space>;
448
464
  right?: AutoComplete<Space>;
449
465
  rowGap?: Space;
450
466
  top?: AutoComplete<Space>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "1.3.1",
3
+ "version": "1.4.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -116,7 +116,7 @@
116
116
  "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx"
117
117
  },
118
118
  "dependencies": {
119
- "@atlaskit/tokens": "^1.19.0",
119
+ "@atlaskit/tokens": "^1.20.0",
120
120
  "@babel/runtime": "^7.0.0",
121
121
  "@emotion/react": "^11.7.1",
122
122
  "@emotion/serialize": "^1.1.0",
package/report.api.md CHANGED
@@ -840,6 +840,9 @@ const layerMap: {
840
840
  readonly tooltip: 800;
841
841
  };
842
842
 
843
+ // @public (undocumented)
844
+ type MarginSpace = 'auto' | Space;
845
+
843
846
  // @public
844
847
  export const media: {
845
848
  readonly above: {
@@ -1085,6 +1088,17 @@ type TokenisedProps = {
1085
1088
  insetInlineEnd?: Space;
1086
1089
  insetInlineStart?: Space;
1087
1090
  left?: AutoComplete<Space>;
1091
+ margin?: AutoComplete<MarginSpace>;
1092
+ marginBlock?: AutoComplete<MarginSpace>;
1093
+ marginBlockEnd?: AutoComplete<MarginSpace>;
1094
+ marginBlockStart?: AutoComplete<MarginSpace>;
1095
+ marginBottom?: AutoComplete<MarginSpace>;
1096
+ marginInline?: AutoComplete<MarginSpace>;
1097
+ marginInlineEnd?: AutoComplete<MarginSpace>;
1098
+ marginInlineStart?: AutoComplete<MarginSpace>;
1099
+ marginLeft?: AutoComplete<MarginSpace>;
1100
+ marginRight?: AutoComplete<MarginSpace>;
1101
+ marginTop?: AutoComplete<MarginSpace>;
1088
1102
  maxBlockSize?: AutoComplete<Dimension>;
1089
1103
  maxHeight?: AutoComplete<Dimension>;
1090
1104
  maxInlineSize?: AutoComplete<Dimension>;
@@ -1103,6 +1117,10 @@ type TokenisedProps = {
1103
1117
  paddingInline?: Space;
1104
1118
  paddingInlineEnd?: Space;
1105
1119
  paddingInlineStart?: Space;
1120
+ paddingBottom?: AutoComplete<Space>;
1121
+ paddingLeft?: AutoComplete<Space>;
1122
+ paddingRight?: AutoComplete<Space>;
1123
+ paddingTop?: AutoComplete<Space>;
1106
1124
  right?: AutoComplete<Space>;
1107
1125
  rowGap?: Space;
1108
1126
  top?: AutoComplete<Space>;
@@ -592,6 +592,9 @@ const layerMap: {
592
592
  readonly tooltip: 800;
593
593
  };
594
594
 
595
+ // @public (undocumented)
596
+ type MarginSpace = 'auto' | Space;
597
+
595
598
  // @public
596
599
  export const media: {
597
600
  readonly above: {
@@ -740,6 +743,17 @@ type TokenisedProps = {
740
743
  insetInlineEnd?: Space;
741
744
  insetInlineStart?: Space;
742
745
  left?: AutoComplete<Space>;
746
+ margin?: AutoComplete<MarginSpace>;
747
+ marginBlock?: AutoComplete<MarginSpace>;
748
+ marginBlockEnd?: AutoComplete<MarginSpace>;
749
+ marginBlockStart?: AutoComplete<MarginSpace>;
750
+ marginBottom?: AutoComplete<MarginSpace>;
751
+ marginInline?: AutoComplete<MarginSpace>;
752
+ marginInlineEnd?: AutoComplete<MarginSpace>;
753
+ marginInlineStart?: AutoComplete<MarginSpace>;
754
+ marginLeft?: AutoComplete<MarginSpace>;
755
+ marginRight?: AutoComplete<MarginSpace>;
756
+ marginTop?: AutoComplete<MarginSpace>;
743
757
  maxBlockSize?: AutoComplete<Dimension>;
744
758
  maxHeight?: AutoComplete<Dimension>;
745
759
  maxInlineSize?: AutoComplete<Dimension>;
@@ -758,6 +772,10 @@ type TokenisedProps = {
758
772
  paddingInline?: Space;
759
773
  paddingInlineEnd?: Space;
760
774
  paddingInlineStart?: Space;
775
+ paddingBottom?: AutoComplete<Space>;
776
+ paddingLeft?: AutoComplete<Space>;
777
+ paddingRight?: AutoComplete<Space>;
778
+ paddingTop?: AutoComplete<Space>;
761
779
  right?: AutoComplete<Space>;
762
780
  rowGap?: Space;
763
781
  top?: AutoComplete<Space>;