@atlaskit/primitives 0.12.1 → 0.12.2

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 (12) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/version.json +1 -1
  3. package/dist/cjs/xcss/xcss.js +1 -0
  4. package/dist/es2019/version.json +1 -1
  5. package/dist/es2019/xcss/xcss.js +1 -0
  6. package/dist/esm/version.json +1 -1
  7. package/dist/esm/xcss/xcss.js +1 -0
  8. package/dist/types/xcss/style-maps.partial.d.ts +11 -10
  9. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +11 -10
  10. package/package.json +1 -1
  11. package/report.api.md +13 -10
  12. package/tmp/api-report-tmp.d.ts +13 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 0.12.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e278a3b0ea9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e278a3b0ea9) - Allow loose auto completion and less strict types for some xcss properties.
8
+
3
9
  ## 0.12.1
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.1",
3
+ "version": "0.12.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/cjs/xcss/xcss.js CHANGED
@@ -117,6 +117,7 @@ var transformStyles = function transformStyles(styleObj) {
117
117
  return;
118
118
  }
119
119
  if (reMediaQuery.test(key)) {
120
+ // @ts-expect-error
120
121
  styleObj[key] = transformStyles(value);
121
122
  return;
122
123
  }
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.1",
3
+ "version": "0.12.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/xcss/xcss.js CHANGED
@@ -97,6 +97,7 @@ const transformStyles = styleObj => {
97
97
  return;
98
98
  }
99
99
  if (reMediaQuery.test(key)) {
100
+ // @ts-expect-error
100
101
  styleObj[key] = transformStyles(value);
101
102
  return;
102
103
  }
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.1",
3
+ "version": "0.12.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/xcss/xcss.js CHANGED
@@ -108,6 +108,7 @@ var transformStyles = function transformStyles(styleObj) {
108
108
  return;
109
109
  }
110
110
  if (reMediaQuery.test(key)) {
111
+ // @ts-expect-error
111
112
  styleObj[key] = transformStyles(value);
112
113
  return;
113
114
  }
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -395,6 +395,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
395
395
  /**
396
396
  * @codegenEnd
397
397
  */
398
+ type AutoComplete<T extends string> = T | Omit<string, T>;
398
399
  export type TokenisedProps = {
399
400
  alignSelf?: AlignSelf;
400
401
  backgroundColor?: BackgroundColor;
@@ -414,7 +415,7 @@ export type TokenisedProps = {
414
415
  flexGrow?: FlexGrow;
415
416
  flexShrink?: FlexShrink;
416
417
  gap?: Space;
417
- height?: Height;
418
+ height?: AutoComplete<Height>;
418
419
  inlineSize?: InlineSize;
419
420
  inset?: Space;
420
421
  insetBlock?: Space;
@@ -424,14 +425,14 @@ export type TokenisedProps = {
424
425
  insetInlineEnd?: Space;
425
426
  insetInlineStart?: Space;
426
427
  left?: Left;
427
- maxBlockSize?: MaxBlockSize;
428
- maxHeight?: MaxHeight;
429
- maxInlineSize?: MaxInlineSize;
430
- maxWidth?: MaxWidth;
431
- minBlockSize?: MinBlockSize;
432
- minHeight?: MinHeight;
433
- minInlineSize?: MinInlineSize;
434
- minWidth?: MinWidth;
428
+ maxBlockSize?: AutoComplete<MaxBlockSize>;
429
+ maxHeight?: AutoComplete<MaxHeight>;
430
+ maxInlineSize?: AutoComplete<MaxInlineSize>;
431
+ maxWidth?: AutoComplete<MaxWidth>;
432
+ minBlockSize?: AutoComplete<MinBlockSize>;
433
+ minHeight?: AutoComplete<MinHeight>;
434
+ minInlineSize?: AutoComplete<MinInlineSize>;
435
+ minWidth?: AutoComplete<MinWidth>;
435
436
  outlineColor?: BorderColor;
436
437
  outlineOffset?: Space;
437
438
  outlineWidth?: BorderWidth;
@@ -449,7 +450,7 @@ export type TokenisedProps = {
449
450
  right?: Right;
450
451
  rowGap?: Space;
451
452
  top?: Top;
452
- width?: Width;
453
+ width?: AutoComplete<Width>;
453
454
  zIndex?: Layer;
454
455
  };
455
456
  declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "gap", "rowGap", "columnGap"];
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -395,6 +395,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
395
395
  /**
396
396
  * @codegenEnd
397
397
  */
398
+ type AutoComplete<T extends string> = T | Omit<string, T>;
398
399
  export type TokenisedProps = {
399
400
  alignSelf?: AlignSelf;
400
401
  backgroundColor?: BackgroundColor;
@@ -414,7 +415,7 @@ export type TokenisedProps = {
414
415
  flexGrow?: FlexGrow;
415
416
  flexShrink?: FlexShrink;
416
417
  gap?: Space;
417
- height?: Height;
418
+ height?: AutoComplete<Height>;
418
419
  inlineSize?: InlineSize;
419
420
  inset?: Space;
420
421
  insetBlock?: Space;
@@ -424,14 +425,14 @@ export type TokenisedProps = {
424
425
  insetInlineEnd?: Space;
425
426
  insetInlineStart?: Space;
426
427
  left?: Left;
427
- maxBlockSize?: MaxBlockSize;
428
- maxHeight?: MaxHeight;
429
- maxInlineSize?: MaxInlineSize;
430
- maxWidth?: MaxWidth;
431
- minBlockSize?: MinBlockSize;
432
- minHeight?: MinHeight;
433
- minInlineSize?: MinInlineSize;
434
- minWidth?: MinWidth;
428
+ maxBlockSize?: AutoComplete<MaxBlockSize>;
429
+ maxHeight?: AutoComplete<MaxHeight>;
430
+ maxInlineSize?: AutoComplete<MaxInlineSize>;
431
+ maxWidth?: AutoComplete<MaxWidth>;
432
+ minBlockSize?: AutoComplete<MinBlockSize>;
433
+ minHeight?: AutoComplete<MinHeight>;
434
+ minInlineSize?: AutoComplete<MinInlineSize>;
435
+ minWidth?: AutoComplete<MinWidth>;
435
436
  outlineColor?: BorderColor;
436
437
  outlineOffset?: Space;
437
438
  outlineWidth?: BorderWidth;
@@ -449,7 +450,7 @@ export type TokenisedProps = {
449
450
  right?: Right;
450
451
  rowGap?: Space;
451
452
  top?: Top;
452
- width?: Width;
453
+ width?: AutoComplete<Width>;
453
454
  zIndex?: Layer;
454
455
  };
455
456
  declare const spacingProperties: readonly [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.12.1",
3
+ "version": "0.12.2",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
package/report.api.md CHANGED
@@ -77,6 +77,9 @@ type As =
77
77
  | 'span'
78
78
  | 'ul';
79
79
 
80
+ // @public (undocumented)
81
+ type AutoComplete<T extends string> = Omit<string, T> | T;
82
+
80
83
  // @public (undocumented)
81
84
  type BackgroundColor = keyof typeof backgroundColorMap;
82
85
 
@@ -711,7 +714,7 @@ type TokenisedProps = {
711
714
  flexGrow?: FlexGrow;
712
715
  flexShrink?: FlexShrink;
713
716
  gap?: Space;
714
- height?: Height;
717
+ height?: AutoComplete<Height>;
715
718
  inlineSize?: InlineSize;
716
719
  inset?: Space;
717
720
  insetBlock?: Space;
@@ -721,14 +724,14 @@ type TokenisedProps = {
721
724
  insetInlineEnd?: Space;
722
725
  insetInlineStart?: Space;
723
726
  left?: Left;
724
- maxBlockSize?: MaxBlockSize;
725
- maxHeight?: MaxHeight;
726
- maxInlineSize?: MaxInlineSize;
727
- maxWidth?: MaxWidth;
728
- minBlockSize?: MinBlockSize;
729
- minHeight?: MinHeight;
730
- minInlineSize?: MinInlineSize;
731
- minWidth?: MinWidth;
727
+ maxBlockSize?: AutoComplete<MaxBlockSize>;
728
+ maxHeight?: AutoComplete<MaxHeight>;
729
+ maxInlineSize?: AutoComplete<MaxInlineSize>;
730
+ maxWidth?: AutoComplete<MaxWidth>;
731
+ minBlockSize?: AutoComplete<MinBlockSize>;
732
+ minHeight?: AutoComplete<MinHeight>;
733
+ minInlineSize?: AutoComplete<MinInlineSize>;
734
+ minWidth?: AutoComplete<MinWidth>;
732
735
  outlineColor?: BorderColor;
733
736
  outlineOffset?: Space;
734
737
  outlineWidth?: BorderWidth;
@@ -746,7 +749,7 @@ type TokenisedProps = {
746
749
  right?: Right;
747
750
  rowGap?: Space;
748
751
  top?: Top;
749
- width?: Width;
752
+ width?: AutoComplete<Width>;
750
753
  zIndex?: Layer;
751
754
  };
752
755
 
package/tmp/api-report-tmp.d.ts CHANGED
@@ -53,6 +53,9 @@ type AllowedInlineStyles = 'backgroundColor' | 'padding';
53
53
  // @public (undocumented)
54
54
  type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';
55
55
 
56
+ // @public (undocumented)
57
+ type AutoComplete<T extends string> = Omit<string, T> | T;
58
+
56
59
  // @public (undocumented)
57
60
  type BackgroundColor = keyof typeof backgroundColorMap;
58
61
 
@@ -632,7 +635,7 @@ type TokenisedProps = {
632
635
  flexGrow?: FlexGrow;
633
636
  flexShrink?: FlexShrink;
634
637
  gap?: Space;
635
- height?: Height;
638
+ height?: AutoComplete<Height>;
636
639
  inlineSize?: InlineSize;
637
640
  inset?: Space;
638
641
  insetBlock?: Space;
@@ -642,14 +645,14 @@ type TokenisedProps = {
642
645
  insetInlineEnd?: Space;
643
646
  insetInlineStart?: Space;
644
647
  left?: Left;
645
- maxBlockSize?: MaxBlockSize;
646
- maxHeight?: MaxHeight;
647
- maxInlineSize?: MaxInlineSize;
648
- maxWidth?: MaxWidth;
649
- minBlockSize?: MinBlockSize;
650
- minHeight?: MinHeight;
651
- minInlineSize?: MinInlineSize;
652
- minWidth?: MinWidth;
648
+ maxBlockSize?: AutoComplete<MaxBlockSize>;
649
+ maxHeight?: AutoComplete<MaxHeight>;
650
+ maxInlineSize?: AutoComplete<MaxInlineSize>;
651
+ maxWidth?: AutoComplete<MaxWidth>;
652
+ minBlockSize?: AutoComplete<MinBlockSize>;
653
+ minHeight?: AutoComplete<MinHeight>;
654
+ minInlineSize?: AutoComplete<MinInlineSize>;
655
+ minWidth?: AutoComplete<MinWidth>;
653
656
  outlineColor?: BorderColor;
654
657
  outlineOffset?: Space;
655
658
  outlineWidth?: BorderWidth;
@@ -667,7 +670,7 @@ type TokenisedProps = {
667
670
  right?: Right;
668
671
  rowGap?: Space;
669
672
  top?: Top;
670
- width?: Width;
673
+ width?: AutoComplete<Width>;
671
674
  zIndex?: Layer;
672
675
  };
673
676