@atlaskit/primitives 12.2.5 → 12.2.7

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 (21) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/constellation/inline/examples.mdx +2 -1
  3. package/constellation/xcss/usage.mdx +3 -3
  4. package/dist/cjs/components/anchor.js +1 -1
  5. package/dist/cjs/components/pressable.js +1 -1
  6. package/dist/cjs/xcss/style-maps.partial.js +7 -6
  7. package/dist/es2019/components/anchor.js +1 -1
  8. package/dist/es2019/components/pressable.js +1 -1
  9. package/dist/es2019/xcss/style-maps.partial.js +7 -6
  10. package/dist/esm/components/anchor.js +1 -1
  11. package/dist/esm/components/pressable.js +1 -1
  12. package/dist/esm/xcss/style-maps.partial.js +7 -6
  13. package/dist/types/components/inline.d.ts +2 -2
  14. package/dist/types/xcss/style-maps.partial.d.ts +7 -6
  15. package/dist/types/xcss/xcss.d.ts +1 -0
  16. package/dist/types-ts4.5/components/inline.d.ts +2 -2
  17. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +7 -6
  18. package/dist/types-ts4.5/xcss/xcss.d.ts +1 -0
  19. package/package.json +3 -3
  20. package/scripts/codegen-file-templates/layer.tsx +1 -0
  21. package/scripts/codegen-styles.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 12.2.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#155472](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155472)
8
+ [`3d80f6ab74b68`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3d80f6ab74b68) -
9
+ Add zIndex: 1 to XCSS layer API.
10
+
11
+ ## 12.2.6
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 12.2.5
4
18
 
5
19
  ### Patch Changes
package/constellation/inline/examples.mdx CHANGED
@@ -91,7 +91,8 @@ content.
91
91
 
92
92
  ## Separator
93
93
 
94
- For logically related elements it's possible to specify a `separator` character value.
94
+ For logically related elements it's possible to specify a `separator` character value. Avoid using
95
+ separator="•" with as="ul" | "ol" | "dl" to maintain correct list semantics.
95
96
 
96
97
  <Example Component={InlineSeparator} packageName="@atlaskit/primitives/inline" />
97
98
 
package/constellation/xcss/usage.mdx CHANGED
@@ -141,21 +141,21 @@ const someStyles = xcss({
141
141
  // This is okay, since media queries can contain pseudos
142
142
  [media.above.md]: {
143
143
  ':hover': {
144
- backgroundColor: 'color.background.primary.hovered',
144
+ backgroundColor: 'color.background.neutral.hovered',
145
145
  },
146
146
  },
147
147
 
148
148
  // This is not okay, we don't allow pseudos to contain media queries
149
149
  ':hover': {
150
150
  [media.above.md]: {
151
- backgroundColor: 'color.background.primary.hovered',
151
+ backgroundColor: 'color.background.neutral.hovered',
152
152
  },
153
153
  },
154
154
 
155
155
  // This is not okay, since media queries can't contain media queries
156
156
  [media.above.md]: {
157
157
  [media.above.xs]: {
158
- backgroundColor: 'color.background.primary.hovered',
158
+ backgroundColor: 'color.background.neutral.hovered',
159
159
  },
160
160
  },
161
161
  });
package/dist/cjs/components/anchor.js CHANGED
@@ -100,7 +100,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
100
100
  action: 'clicked',
101
101
  componentName: componentName || 'Anchor',
102
102
  packageName: "@atlaskit/primitives",
103
- packageVersion: "12.2.5",
103
+ packageVersion: "12.2.7",
104
104
  analyticsData: analyticsContext,
105
105
  actionSubject: 'link'
106
106
  });
package/dist/cjs/components/pressable.js CHANGED
@@ -95,7 +95,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
95
95
  action: 'clicked',
96
96
  componentName: componentName || 'Pressable',
97
97
  packageName: "@atlaskit/primitives",
98
- packageVersion: "12.2.5",
98
+ packageVersion: "12.2.7",
99
99
  analyticsData: analyticsContext,
100
100
  actionSubject: 'button'
101
101
  });
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -448,14 +448,15 @@ var fillMap = exports.fillMap = {
448
448
 
449
449
  /**
450
450
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
451
- * @codegen <<SignedSource::dbfb4c7de16d0ae4a53d66f9663aca91>>
451
+ * @codegen <<SignedSource::042cbfe8041c09e3817ae74154994f32>>
452
452
  * @codegenId misc
453
453
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
454
454
  * @codegenParams ["layer"]
455
455
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
456
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
456
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
457
457
  */
458
458
  var layerMap = exports.layerMap = {
459
+ '1': 1,
459
460
  card: 100,
460
461
  navigation: 200,
461
462
  dialog: 300,
@@ -499,12 +500,12 @@ var borderRadiusMap = exports.borderRadiusMap = {
499
500
 
500
501
  /**
501
502
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
502
- * @codegen <<SignedSource::97e5ae47f252660a5ef7569a3880c26c>>
503
+ * @codegen <<SignedSource::96d9a841cb440c2bd770d0af5c670f10>>
503
504
  * @codegenId typography
504
505
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
505
506
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
506
507
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
507
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
508
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
508
509
  */
509
510
  var fontMap = exports.fontMap = {
510
511
  'font.body': "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -539,11 +540,11 @@ var fontFamilyMap = exports.fontFamilyMap = {
539
540
 
540
541
  /**
541
542
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
542
- * @codegen <<SignedSource::7dc7abf82a13bc780c338b9602508ae6>>
543
+ * @codegen <<SignedSource::ae96213e36b930556f9ad18382088ff8>>
543
544
  * @codegenId text
544
545
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
545
546
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
546
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
547
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
547
548
  */
548
549
  var textSizeMap = exports.textSizeMap = {
549
550
  medium: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
package/dist/es2019/components/anchor.js CHANGED
@@ -90,7 +90,7 @@ const AnchorNoRef = ({
90
90
  action: 'clicked',
91
91
  componentName: componentName || 'Anchor',
92
92
  packageName: "@atlaskit/primitives",
93
- packageVersion: "12.2.5",
93
+ packageVersion: "12.2.7",
94
94
  analyticsData: analyticsContext,
95
95
  actionSubject: 'link'
96
96
  });
package/dist/es2019/components/pressable.js CHANGED
@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
85
85
  action: 'clicked',
86
86
  componentName: componentName || 'Pressable',
87
87
  packageName: "@atlaskit/primitives",
88
- packageVersion: "12.2.5",
88
+ packageVersion: "12.2.7",
89
89
  analyticsData: analyticsContext,
90
90
  actionSubject: 'button'
91
91
  });
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -443,14 +443,15 @@ export const fillMap = {
443
443
 
444
444
  /**
445
445
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
446
- * @codegen <<SignedSource::dbfb4c7de16d0ae4a53d66f9663aca91>>
446
+ * @codegen <<SignedSource::042cbfe8041c09e3817ae74154994f32>>
447
447
  * @codegenId misc
448
448
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
449
449
  * @codegenParams ["layer"]
450
450
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
451
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
451
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
452
452
  */
453
453
  export const layerMap = {
454
+ '1': 1,
454
455
  card: 100,
455
456
  navigation: 200,
456
457
  dialog: 300,
@@ -494,12 +495,12 @@ export const borderRadiusMap = {
494
495
 
495
496
  /**
496
497
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
497
- * @codegen <<SignedSource::97e5ae47f252660a5ef7569a3880c26c>>
498
+ * @codegen <<SignedSource::96d9a841cb440c2bd770d0af5c670f10>>
498
499
  * @codegenId typography
499
500
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
500
501
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
501
502
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
502
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
503
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
503
504
  */
504
505
  export const fontMap = {
505
506
  'font.body': "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -534,11 +535,11 @@ export const fontFamilyMap = {
534
535
 
535
536
  /**
536
537
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
537
- * @codegen <<SignedSource::7dc7abf82a13bc780c338b9602508ae6>>
538
+ * @codegen <<SignedSource::ae96213e36b930556f9ad18382088ff8>>
538
539
  * @codegenId text
539
540
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
540
541
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
541
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
542
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
542
543
  */
543
544
  export const textSizeMap = {
544
545
  medium: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
package/dist/esm/components/anchor.js CHANGED
@@ -94,7 +94,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
94
94
  action: 'clicked',
95
95
  componentName: componentName || 'Anchor',
96
96
  packageName: "@atlaskit/primitives",
97
- packageVersion: "12.2.5",
97
+ packageVersion: "12.2.7",
98
98
  analyticsData: analyticsContext,
99
99
  actionSubject: 'link'
100
100
  });
package/dist/esm/components/pressable.js CHANGED
@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
89
89
  action: 'clicked',
90
90
  componentName: componentName || 'Pressable',
91
91
  packageName: "@atlaskit/primitives",
92
- packageVersion: "12.2.5",
92
+ packageVersion: "12.2.7",
93
93
  analyticsData: analyticsContext,
94
94
  actionSubject: 'button'
95
95
  });
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -443,14 +443,15 @@ export var fillMap = {
443
443
 
444
444
  /**
445
445
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
446
- * @codegen <<SignedSource::dbfb4c7de16d0ae4a53d66f9663aca91>>
446
+ * @codegen <<SignedSource::042cbfe8041c09e3817ae74154994f32>>
447
447
  * @codegenId misc
448
448
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
449
449
  * @codegenParams ["layer"]
450
450
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
451
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
451
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
452
452
  */
453
453
  export var layerMap = {
454
+ '1': 1,
454
455
  card: 100,
455
456
  navigation: 200,
456
457
  dialog: 300,
@@ -494,12 +495,12 @@ export var borderRadiusMap = {
494
495
 
495
496
  /**
496
497
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
497
- * @codegen <<SignedSource::97e5ae47f252660a5ef7569a3880c26c>>
498
+ * @codegen <<SignedSource::96d9a841cb440c2bd770d0af5c670f10>>
498
499
  * @codegenId typography
499
500
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
500
501
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
501
502
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
502
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
503
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
503
504
  */
504
505
  export var fontMap = {
505
506
  'font.body': "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -534,11 +535,11 @@ export var fontFamilyMap = {
534
535
 
535
536
  /**
536
537
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
537
- * @codegen <<SignedSource::7dc7abf82a13bc780c338b9602508ae6>>
538
+ * @codegen <<SignedSource::ae96213e36b930556f9ad18382088ff8>>
538
539
  * @codegenId text
539
540
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
540
541
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
541
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
542
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
542
543
  */
543
544
  export var textSizeMap = {
544
545
  medium: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
package/dist/types/components/inline.d.ts CHANGED
@@ -40,7 +40,7 @@ export type InlineProps<T extends ElementType = 'div'> = {
40
40
  */
41
41
  rowSpace?: Space;
42
42
  /**
43
- * Renders a separator string between each child.
43
+ * Renders a separator string between each child. Avoid using `separator="•"` when `as="ul" | "ol" | "dl"` to preserve proper list semantics.
44
44
  */
45
45
  separator?: React.ReactNode;
46
46
  /**
@@ -101,7 +101,7 @@ declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<
101
101
  */
102
102
  rowSpace?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
103
103
  /**
104
- * Renders a separator string between each child.
104
+ * Renders a separator string between each child. Avoid using `separator="•"` when `as="ul" | "ol" | "dl"` to preserve proper list semantics.
105
105
  */
106
106
  separator?: React.ReactNode;
107
107
  /**
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -467,14 +467,15 @@ export type Fill = keyof typeof fillMap;
467
467
  */
468
468
  /**
469
469
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
470
- * @codegen <<SignedSource::dbfb4c7de16d0ae4a53d66f9663aca91>>
470
+ * @codegen <<SignedSource::042cbfe8041c09e3817ae74154994f32>>
471
471
  * @codegenId misc
472
472
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
473
473
  * @codegenParams ["layer"]
474
474
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
475
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
475
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
476
476
  */
477
477
  export declare const layerMap: {
478
+ readonly '1': 1;
478
479
  readonly card: 100;
479
480
  readonly navigation: 200;
480
481
  readonly dialog: 300;
@@ -519,12 +520,12 @@ export type BorderRadius = keyof typeof borderRadiusMap;
519
520
  */
520
521
  /**
521
522
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
522
- * @codegen <<SignedSource::97e5ae47f252660a5ef7569a3880c26c>>
523
+ * @codegen <<SignedSource::96d9a841cb440c2bd770d0af5c670f10>>
523
524
  * @codegenId typography
524
525
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
525
526
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
526
527
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
527
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
528
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
528
529
  */
529
530
  export declare const fontMap: {
530
531
  'font.body': "var(--ds-font-body)";
@@ -561,11 +562,11 @@ export type FontFamily = keyof typeof fontFamilyMap;
561
562
  */
562
563
  /**
563
564
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
564
- * @codegen <<SignedSource::7dc7abf82a13bc780c338b9602508ae6>>
565
+ * @codegen <<SignedSource::ae96213e36b930556f9ad18382088ff8>>
565
566
  * @codegenId text
566
567
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
567
568
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
568
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
569
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
569
570
  */
570
571
  export declare const textSizeMap: {
571
572
  medium: "var(--ds-font-body)";
package/dist/types/xcss/xcss.d.ts CHANGED
@@ -1644,6 +1644,7 @@ export declare const tokensMap: {
1644
1644
  readonly 'size.1000': "12rem";
1645
1645
  };
1646
1646
  readonly zIndex: {
1647
+ readonly '1': 1;
1647
1648
  readonly card: 100;
1648
1649
  readonly navigation: 200;
1649
1650
  readonly dialog: 300;
package/dist/types-ts4.5/components/inline.d.ts CHANGED
@@ -40,7 +40,7 @@ export type InlineProps<T extends ElementType = 'div'> = {
40
40
  */
41
41
  rowSpace?: Space;
42
42
  /**
43
- * Renders a separator string between each child.
43
+ * Renders a separator string between each child. Avoid using `separator="•"` when `as="ul" | "ol" | "dl"` to preserve proper list semantics.
44
44
  */
45
45
  separator?: React.ReactNode;
46
46
  /**
@@ -101,7 +101,7 @@ declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<
101
101
  */
102
102
  rowSpace?: "space.0" | "space.025" | "space.050" | "space.075" | "space.100" | "space.150" | "space.200" | "space.250" | "space.300" | "space.400" | "space.500" | "space.600" | "space.800" | "space.1000" | undefined;
103
103
  /**
104
- * Renders a separator string between each child.
104
+ * Renders a separator string between each child. Avoid using `separator="•"` when `as="ul" | "ol" | "dl"` to preserve proper list semantics.
105
105
  */
106
106
  separator?: React.ReactNode;
107
107
  /**
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -467,14 +467,15 @@ export type Fill = keyof typeof fillMap;
467
467
  */
468
468
  /**
469
469
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
470
- * @codegen <<SignedSource::dbfb4c7de16d0ae4a53d66f9663aca91>>
470
+ * @codegen <<SignedSource::042cbfe8041c09e3817ae74154994f32>>
471
471
  * @codegenId misc
472
472
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
473
473
  * @codegenParams ["layer"]
474
474
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
475
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
475
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
476
476
  */
477
477
  export declare const layerMap: {
478
+ readonly '1': 1;
478
479
  readonly card: 100;
479
480
  readonly navigation: 200;
480
481
  readonly dialog: 300;
@@ -519,12 +520,12 @@ export type BorderRadius = keyof typeof borderRadiusMap;
519
520
  */
520
521
  /**
521
522
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
522
- * @codegen <<SignedSource::97e5ae47f252660a5ef7569a3880c26c>>
523
+ * @codegen <<SignedSource::96d9a841cb440c2bd770d0af5c670f10>>
523
524
  * @codegenId typography
524
525
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
525
526
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
526
527
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
527
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
528
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
528
529
  */
529
530
  export declare const fontMap: {
530
531
  'font.body': "var(--ds-font-body)";
@@ -561,11 +562,11 @@ export type FontFamily = keyof typeof fontFamilyMap;
561
562
  */
562
563
  /**
563
564
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
564
- * @codegen <<SignedSource::7dc7abf82a13bc780c338b9602508ae6>>
565
+ * @codegen <<SignedSource::ae96213e36b930556f9ad18382088ff8>>
565
566
  * @codegenId text
566
567
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
567
568
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
568
- * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
569
+ * @codegenDependency ../../../primitives/scripts/codegen-file-templates/layer.tsx <<SignedSource::92793ca02dbfdad66e53ffbe9f0baa0a>>
569
570
  */
570
571
  export declare const textSizeMap: {
571
572
  medium: "var(--ds-font-body)";
package/dist/types-ts4.5/xcss/xcss.d.ts CHANGED
@@ -1644,6 +1644,7 @@ export declare const tokensMap: {
1644
1644
  readonly 'size.1000': "12rem";
1645
1645
  };
1646
1646
  readonly zIndex: {
1647
+ readonly '1': 1;
1647
1648
  readonly card: 100;
1648
1649
  readonly navigation: 200;
1649
1650
  readonly dialog: 300;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "12.2.5",
3
+ "version": "12.2.7",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -114,8 +114,8 @@
114
114
  "dependencies": {
115
115
  "@atlaskit/analytics-next": "^10.1.0",
116
116
  "@atlaskit/app-provider": "^1.4.0",
117
- "@atlaskit/css": "^0.5.0",
118
- "@atlaskit/ds-lib": "^3.0.0",
117
+ "@atlaskit/css": "^0.6.0",
118
+ "@atlaskit/ds-lib": "^3.1.0",
119
119
  "@atlaskit/interaction-context": "^2.1.0",
120
120
  "@atlaskit/tokens": "^2.0.0",
121
121
  "@atlaskit/visually-hidden": "^1.5.0",
package/scripts/codegen-file-templates/layer.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  export const layerMap = {
2
+ '1': 1,
2
3
  card: 100,
3
4
  navigation: 200,
4
5
  dialog: 300,
package/scripts/codegen-styles.tsx CHANGED
@@ -33,7 +33,7 @@ const targetPath = join(__dirname, '../', 'src', 'xcss', 'style-maps.partial.tsx
33
33
  const xcssCodemodPath = join(
34
34
  process.cwd(),
35
35
  '../../../',
36
- 'packages/design-system/css/codemods/primitives-emotion-to-compiled/style-maps.partial.tsx',
36
+ 'packages/design-system/css/codemods/0.5.2-primitives-emotion-to-compiled/style-maps.partial.tsx',
37
37
  );
38
38
 
39
39
  const sourceFns = [