@atlaskit/primitives 16.4.3 → 17.0.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,26 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 17.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`55546332d4ef4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55546332d4ef4) -
8
+ Restricted `borderRadius` xcss and cssMap types to only accept tokens, 0, and "inherit".
9
+ Restricted `borderWidth` types to only accept tokens and 0. Previously any string was allowed,
10
+ this is no longer the case and will throw a type error.
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 16.4.4
17
+
18
+ ### Patch Changes
19
+
20
+ - [`8f904ca860b20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f904ca860b20) -
21
+ Fixed codegen script not respecting manual changes in partially codegen'd files.
22
+ - Updated dependencies
23
+
3
24
  ## 16.4.3
4
25
 
5
26
  ### Patch Changes
@@ -494,11 +494,11 @@ var layerMap = exports.layerMap = {
494
494
 
495
495
  /**
496
496
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
497
- * @codegen <<SignedSource::042e960cffbaf7b7d1022ee02c3c6cbb>>
497
+ * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
498
498
  * @codegenId border
499
499
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
500
500
  * @codegenParams ["width", "radius"]
501
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::a98e95106b856526c36bec8851e84348>>
501
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
502
502
  */
503
503
  var borderWidthMap = exports.borderWidthMap = {
504
504
  'border.width': "var(--ds-border-width, 1px)",
@@ -594,6 +594,14 @@ var metricTextSizeMap = exports.metricTextSizeMap = {
594
594
 
595
595
  // Margin needs some bespoke types: https://atlassian.slack.com/archives/CKRHB23K8/p1712623192772909
596
596
 
597
+ /**
598
+ * Token functions are currently allowed for borderRadius in xcss to ease migration.
599
+ * Because 'radius.small' defaults to 3px, we need a mechanism to allow for 4px values to be provided:
600
+ * This is done by calling the token function - token('radius.small')
601
+ *
602
+ * TODO: Remove once shape them is rolled out and fg platform-dst-shape-theme-default removed
603
+ */
604
+
597
605
  // Generate maps for Box props. backgroundColor, padding, etc
598
606
  var spacingProperties = [
599
607
  // Used by Box
@@ -1,7 +1,6 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
3
  import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
4
-
5
4
  /**
6
5
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
7
6
  * @codegen <<SignedSource::df710bcd99c0a8704ca36bddb12c2154>>
@@ -489,11 +488,11 @@ export const layerMap = {
489
488
 
490
489
  /**
491
490
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
492
- * @codegen <<SignedSource::042e960cffbaf7b7d1022ee02c3c6cbb>>
491
+ * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
493
492
  * @codegenId border
494
493
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
495
494
  * @codegenParams ["width", "radius"]
496
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::a98e95106b856526c36bec8851e84348>>
495
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
497
496
  */
498
497
  export const borderWidthMap = {
499
498
  'border.width': "var(--ds-border-width, 1px)",
@@ -589,6 +588,14 @@ export const metricTextSizeMap = {
589
588
 
590
589
  // Margin needs some bespoke types: https://atlassian.slack.com/archives/CKRHB23K8/p1712623192772909
591
590
 
591
+ /**
592
+ * Token functions are currently allowed for borderRadius in xcss to ease migration.
593
+ * Because 'radius.small' defaults to 3px, we need a mechanism to allow for 4px values to be provided:
594
+ * This is done by calling the token function - token('radius.small')
595
+ *
596
+ * TODO: Remove once shape them is rolled out and fg platform-dst-shape-theme-default removed
597
+ */
598
+
592
599
  // Generate maps for Box props. backgroundColor, padding, etc
593
600
  const spacingProperties = [
594
601
  // Used by Box
@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
5
  import { css } from '@emotion/react';
6
6
  import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
7
-
8
7
  /**
9
8
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
9
  * @codegen <<SignedSource::df710bcd99c0a8704ca36bddb12c2154>>
@@ -489,11 +488,11 @@ export var layerMap = {
489
488
 
490
489
  /**
491
490
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
492
- * @codegen <<SignedSource::042e960cffbaf7b7d1022ee02c3c6cbb>>
491
+ * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
493
492
  * @codegenId border
494
493
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
495
494
  * @codegenParams ["width", "radius"]
496
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::a98e95106b856526c36bec8851e84348>>
495
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
497
496
  */
498
497
  export var borderWidthMap = {
499
498
  'border.width': "var(--ds-border-width, 1px)",
@@ -589,6 +588,14 @@ export var metricTextSizeMap = {
589
588
 
590
589
  // Margin needs some bespoke types: https://atlassian.slack.com/archives/CKRHB23K8/p1712623192772909
591
590
 
591
+ /**
592
+ * Token functions are currently allowed for borderRadius in xcss to ease migration.
593
+ * Because 'radius.small' defaults to 3px, we need a mechanism to allow for 4px values to be provided:
594
+ * This is done by calling the token function - token('radius.small')
595
+ *
596
+ * TODO: Remove once shape them is rolled out and fg platform-dst-shape-theme-default removed
597
+ */
598
+
592
599
  // Generate maps for Box props. backgroundColor, padding, etc
593
600
  var spacingProperties = [
594
601
  // Used by Box
@@ -1,5 +1,6 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  import { CURRENT_SURFACE_CSS_VAR, token } from '@atlaskit/tokens';
3
+ import type { CSSTokenMap } from '@atlaskit/tokens/token-names';
3
4
  /**
4
5
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
5
6
  * @codegen <<SignedSource::df710bcd99c0a8704ca36bddb12c2154>>
@@ -513,11 +514,11 @@ export type Layer = keyof typeof layerMap;
513
514
  */
514
515
  /**
515
516
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
516
- * @codegen <<SignedSource::042e960cffbaf7b7d1022ee02c3c6cbb>>
517
+ * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
517
518
  * @codegenId border
518
519
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
519
520
  * @codegenParams ["width", "radius"]
520
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::a98e95106b856526c36bec8851e84348>>
521
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
521
522
  */
522
523
  export declare const borderWidthMap: {
523
524
  'border.width': 'var(--ds-border-width)';
@@ -617,6 +618,15 @@ export type MetricTextSize = keyof typeof metricTextSizeMap;
617
618
  */
618
619
  type MarginSpace = AllSpace | 'auto' | '0';
619
620
  type PaddingSpace = Space | '0';
621
+ type BorderWidthExtended = BorderWidth | 0 | '0';
622
+ /**
623
+ * Token functions are currently allowed for borderRadius in xcss to ease migration.
624
+ * Because 'radius.small' defaults to 3px, we need a mechanism to allow for 4px values to be provided:
625
+ * This is done by calling the token function - token('radius.small')
626
+ *
627
+ * TODO: Remove once shape them is rolled out and fg platform-dst-shape-theme-default removed
628
+ */
629
+ type BorderRadiusExtended = BorderRadius | 0 | '0' | 'inherit' | CSSTokenMap[BorderRadius];
620
630
  type GlobalValue = 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
621
631
  type AutoComplete<T extends string> = T | Omit<string, T>;
622
632
  export type TokenisedProps = {
@@ -624,35 +634,35 @@ export type TokenisedProps = {
624
634
  blockSize?: Dimension | string;
625
635
  borderBlockColor?: AutoComplete<BorderColor>;
626
636
  borderBlockEndColor?: AutoComplete<BorderColor>;
627
- borderBlockEndWidth?: BorderWidth | string;
637
+ borderBlockEndWidth?: BorderWidthExtended;
628
638
  borderBlockStartColor?: AutoComplete<BorderColor>;
629
- borderBlockStartWidth?: BorderWidth | string;
630
- borderBlockWidth?: BorderWidth | string;
639
+ borderBlockStartWidth?: BorderWidthExtended;
640
+ borderBlockWidth?: BorderWidthExtended;
631
641
  borderBottomColor?: AutoComplete<BorderColor>;
632
- borderBottomLeftRadius?: BorderRadius | string;
633
- borderBottomRightRadius?: BorderRadius | string;
634
- borderBottomWidth?: BorderWidth | string;
642
+ borderBottomLeftRadius?: BorderRadiusExtended;
643
+ borderBottomRightRadius?: BorderRadiusExtended;
644
+ borderBottomWidth?: BorderWidthExtended;
635
645
  borderColor?: BorderColor;
636
- borderEndEndRadius?: BorderRadius | string;
637
- borderEndStartRadius?: BorderRadius | string;
646
+ borderEndEndRadius?: BorderRadiusExtended;
647
+ borderEndStartRadius?: BorderRadiusExtended;
638
648
  borderInlineColor?: AutoComplete<BorderColor>;
639
649
  borderInlineEndColor?: AutoComplete<BorderColor>;
640
- borderInlineEndWidth?: BorderWidth | string;
650
+ borderInlineEndWidth?: BorderWidthExtended;
641
651
  borderInlineStartColor?: AutoComplete<BorderColor>;
642
- borderInlineStartWidth?: BorderWidth | string;
643
- borderInlineWidth?: BorderWidth | string;
652
+ borderInlineStartWidth?: BorderWidthExtended;
653
+ borderInlineWidth?: BorderWidthExtended;
644
654
  borderLeftColor?: AutoComplete<BorderColor>;
645
- borderLeftWidth?: BorderWidth | string;
646
- borderRadius?: BorderRadius | string;
655
+ borderLeftWidth?: BorderWidthExtended;
656
+ borderRadius?: BorderRadiusExtended;
647
657
  borderRightColor?: AutoComplete<BorderColor>;
648
- borderRightWidth?: BorderWidth | string;
649
- borderStartEndRadius?: BorderRadius | string;
650
- borderStartStartRadius?: BorderRadius | string;
658
+ borderRightWidth?: BorderWidthExtended;
659
+ borderStartEndRadius?: BorderRadiusExtended;
660
+ borderStartStartRadius?: BorderRadiusExtended;
651
661
  borderTopColor?: AutoComplete<BorderColor>;
652
- borderTopLeftRadius?: BorderRadius | string;
653
- borderTopRightRadius?: BorderRadius | string;
654
- borderTopWidth?: BorderWidth | string;
655
- borderWidth?: BorderWidth | string;
662
+ borderTopLeftRadius?: BorderRadiusExtended;
663
+ borderTopRightRadius?: BorderRadiusExtended;
664
+ borderTopWidth?: BorderWidthExtended;
665
+ borderWidth?: BorderWidthExtended;
656
666
  bottom?: AutoComplete<AllSpace>;
657
667
  boxShadow?: Shadow;
658
668
  color?: TextColor;
@@ -694,7 +704,7 @@ export type TokenisedProps = {
694
704
  opacity?: AutoComplete<Opacity> | number;
695
705
  outlineColor?: BorderColor;
696
706
  outlineOffset?: AllSpace;
697
- outlineWidth?: BorderWidth | string;
707
+ outlineWidth?: BorderWidthExtended;
698
708
  padding?: PaddingSpace | GlobalValue;
699
709
  paddingBlock?: PaddingSpace | GlobalValue;
700
710
  paddingBlockEnd?: PaddingSpace | GlobalValue;
@@ -1,5 +1,6 @@
1
1
  import { type SerializedStyles } from '@emotion/react';
2
2
  import { CURRENT_SURFACE_CSS_VAR, token } from '@atlaskit/tokens';
3
+ import type { CSSTokenMap } from '@atlaskit/tokens/token-names';
3
4
  /**
4
5
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
5
6
  * @codegen <<SignedSource::df710bcd99c0a8704ca36bddb12c2154>>
@@ -513,11 +514,11 @@ export type Layer = keyof typeof layerMap;
513
514
  */
514
515
  /**
515
516
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
516
- * @codegen <<SignedSource::042e960cffbaf7b7d1022ee02c3c6cbb>>
517
+ * @codegen <<SignedSource::2db762824a4c50f25f7829537dee1f49>>
517
518
  * @codegenId border
518
519
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
519
520
  * @codegenParams ["width", "radius"]
520
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::a98e95106b856526c36bec8851e84348>>
521
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::6683952932c4ad145144ebc086a2548e>>
521
522
  */
522
523
  export declare const borderWidthMap: {
523
524
  'border.width': 'var(--ds-border-width)';
@@ -617,6 +618,15 @@ export type MetricTextSize = keyof typeof metricTextSizeMap;
617
618
  */
618
619
  type MarginSpace = AllSpace | 'auto' | '0';
619
620
  type PaddingSpace = Space | '0';
621
+ type BorderWidthExtended = BorderWidth | 0 | '0';
622
+ /**
623
+ * Token functions are currently allowed for borderRadius in xcss to ease migration.
624
+ * Because 'radius.small' defaults to 3px, we need a mechanism to allow for 4px values to be provided:
625
+ * This is done by calling the token function - token('radius.small')
626
+ *
627
+ * TODO: Remove once shape them is rolled out and fg platform-dst-shape-theme-default removed
628
+ */
629
+ type BorderRadiusExtended = BorderRadius | 0 | '0' | 'inherit' | CSSTokenMap[BorderRadius];
620
630
  type GlobalValue = 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
621
631
  type AutoComplete<T extends string> = T | Omit<string, T>;
622
632
  export type TokenisedProps = {
@@ -624,35 +634,35 @@ export type TokenisedProps = {
624
634
  blockSize?: Dimension | string;
625
635
  borderBlockColor?: AutoComplete<BorderColor>;
626
636
  borderBlockEndColor?: AutoComplete<BorderColor>;
627
- borderBlockEndWidth?: BorderWidth | string;
637
+ borderBlockEndWidth?: BorderWidthExtended;
628
638
  borderBlockStartColor?: AutoComplete<BorderColor>;
629
- borderBlockStartWidth?: BorderWidth | string;
630
- borderBlockWidth?: BorderWidth | string;
639
+ borderBlockStartWidth?: BorderWidthExtended;
640
+ borderBlockWidth?: BorderWidthExtended;
631
641
  borderBottomColor?: AutoComplete<BorderColor>;
632
- borderBottomLeftRadius?: BorderRadius | string;
633
- borderBottomRightRadius?: BorderRadius | string;
634
- borderBottomWidth?: BorderWidth | string;
642
+ borderBottomLeftRadius?: BorderRadiusExtended;
643
+ borderBottomRightRadius?: BorderRadiusExtended;
644
+ borderBottomWidth?: BorderWidthExtended;
635
645
  borderColor?: BorderColor;
636
- borderEndEndRadius?: BorderRadius | string;
637
- borderEndStartRadius?: BorderRadius | string;
646
+ borderEndEndRadius?: BorderRadiusExtended;
647
+ borderEndStartRadius?: BorderRadiusExtended;
638
648
  borderInlineColor?: AutoComplete<BorderColor>;
639
649
  borderInlineEndColor?: AutoComplete<BorderColor>;
640
- borderInlineEndWidth?: BorderWidth | string;
650
+ borderInlineEndWidth?: BorderWidthExtended;
641
651
  borderInlineStartColor?: AutoComplete<BorderColor>;
642
- borderInlineStartWidth?: BorderWidth | string;
643
- borderInlineWidth?: BorderWidth | string;
652
+ borderInlineStartWidth?: BorderWidthExtended;
653
+ borderInlineWidth?: BorderWidthExtended;
644
654
  borderLeftColor?: AutoComplete<BorderColor>;
645
- borderLeftWidth?: BorderWidth | string;
646
- borderRadius?: BorderRadius | string;
655
+ borderLeftWidth?: BorderWidthExtended;
656
+ borderRadius?: BorderRadiusExtended;
647
657
  borderRightColor?: AutoComplete<BorderColor>;
648
- borderRightWidth?: BorderWidth | string;
649
- borderStartEndRadius?: BorderRadius | string;
650
- borderStartStartRadius?: BorderRadius | string;
658
+ borderRightWidth?: BorderWidthExtended;
659
+ borderStartEndRadius?: BorderRadiusExtended;
660
+ borderStartStartRadius?: BorderRadiusExtended;
651
661
  borderTopColor?: AutoComplete<BorderColor>;
652
- borderTopLeftRadius?: BorderRadius | string;
653
- borderTopRightRadius?: BorderRadius | string;
654
- borderTopWidth?: BorderWidth | string;
655
- borderWidth?: BorderWidth | string;
662
+ borderTopLeftRadius?: BorderRadiusExtended;
663
+ borderTopRightRadius?: BorderRadiusExtended;
664
+ borderTopWidth?: BorderWidthExtended;
665
+ borderWidth?: BorderWidthExtended;
656
666
  bottom?: AutoComplete<AllSpace>;
657
667
  boxShadow?: Shadow;
658
668
  color?: TextColor;
@@ -694,7 +704,7 @@ export type TokenisedProps = {
694
704
  opacity?: AutoComplete<Opacity> | number;
695
705
  outlineColor?: BorderColor;
696
706
  outlineOffset?: AllSpace;
697
- outlineWidth?: BorderWidth | string;
707
+ outlineWidth?: BorderWidthExtended;
698
708
  padding?: PaddingSpace | GlobalValue;
699
709
  paddingBlock?: PaddingSpace | GlobalValue;
700
710
  paddingBlockEnd?: PaddingSpace | GlobalValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "16.4.3",
3
+ "version": "17.0.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -134,10 +134,10 @@
134
134
  "dependencies": {
135
135
  "@atlaskit/analytics-next": "^11.1.0",
136
136
  "@atlaskit/app-provider": "^3.2.0",
137
- "@atlaskit/css": "^0.18.0",
137
+ "@atlaskit/css": "^0.19.0",
138
138
  "@atlaskit/ds-lib": "^5.3.0",
139
139
  "@atlaskit/interaction-context": "^3.1.0",
140
- "@atlaskit/tokens": "^8.6.0",
140
+ "@atlaskit/tokens": "^9.0.0",
141
141
  "@atlaskit/visually-hidden": "^3.0.0",
142
142
  "@babel/runtime": "^7.0.0",
143
143
  "@compiled/react": "^0.18.6",
@@ -155,15 +155,15 @@
155
155
  "@af/integration-testing": "workspace:^",
156
156
  "@af/visual-regression": "workspace:^",
157
157
  "@atlaskit/avatar": "^25.6.0",
158
- "@atlaskit/button": "^23.8.0",
158
+ "@atlaskit/button": "^23.9.0",
159
159
  "@atlaskit/checkbox": "^17.2.0",
160
160
  "@atlaskit/code": "^17.4.0",
161
161
  "@atlaskit/docs": "^11.2.0",
162
162
  "@atlaskit/dropdown-menu": "^16.3.0",
163
163
  "@atlaskit/flag": "^17.7.0",
164
- "@atlaskit/form": "^15.0.0",
164
+ "@atlaskit/form": "^15.1.0",
165
165
  "@atlaskit/heading": "^5.2.0",
166
- "@atlaskit/icon": "^29.2.0",
166
+ "@atlaskit/icon": "^29.3.0",
167
167
  "@atlaskit/icon-object": "^7.4.0",
168
168
  "@atlaskit/image": "^3.0.0",
169
169
  "@atlaskit/link": "^3.2.0",
@@ -212,9 +212,9 @@ const forgeSourceFn = () =>
212
212
  );
213
213
 
214
214
  // Write all generated files
215
- primitivesSourceFns.forEach((sourceFn, index) => {
216
- const outputPath = primitivesOutputs[Math.floor(index / 9)]; // 9 configs per output
217
- writeFileSync(outputPath, sourceFn());
215
+ primitivesSourceFns.forEach((sourceFn) => {
216
+ writeFileSync(primitivesOutputs[0], sourceFn());
217
+ writeFileSync(primitivesOutputs[1], sourceFn());
218
218
  });
219
219
 
220
220
  writeFileSync(forgeOutputPath, forgeSourceFn());