@atlaskit/primitives 5.0.1 → 5.1.1

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,22 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 5.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
8
+ - Updated dependencies
9
+
10
+ ## 5.1.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [#78900](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78900) [`6ea786dd8082`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6ea786dd8082) - Add UNSAFE_small fontsize token.
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 5.0.1
4
21
 
5
22
  ### Patch Changes
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/components/anchor.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/components/anchor.d.ts"
12
12
  ]
package/box/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/components/box.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/components/box.d.ts"
12
12
  ]
@@ -76,7 +76,7 @@ var Anchor = function Anchor(_ref, ref) {
76
76
  action: 'clicked',
77
77
  componentName: componentName || 'Anchor',
78
78
  packageName: "@atlaskit/primitives",
79
- packageVersion: "5.0.1",
79
+ packageVersion: "5.1.1",
80
80
  analyticsData: analyticsContext,
81
81
  actionSubject: 'link'
82
82
  });
@@ -80,7 +80,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
80
80
  action: 'clicked',
81
81
  componentName: componentName || 'Pressable',
82
82
  packageName: "@atlaskit/primitives",
83
- packageVersion: "5.0.1",
83
+ packageVersion: "5.1.1",
84
84
  analyticsData: analyticsContext,
85
85
  actionSubject: 'button'
86
86
  });
@@ -496,7 +496,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
496
496
 
497
497
  /**
498
498
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
499
- * @codegen <<SignedSource::64be523321fab6adc76673ef5f93e3d1>>
499
+ * @codegen <<SignedSource::fc79aec30729db169f29271e3fe7725d>>
500
500
  * @codegenId typography
501
501
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
502
502
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -505,6 +505,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
505
505
  */
506
506
  var fontSizeMap = exports.fontSizeMap = {
507
507
  medium: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
508
+ UNSAFE_small: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
508
509
  large: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
509
510
  small: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
510
511
  };
@@ -62,7 +62,7 @@ const Anchor = ({
62
62
  action: 'clicked',
63
63
  componentName: componentName || 'Anchor',
64
64
  packageName: "@atlaskit/primitives",
65
- packageVersion: "5.0.1",
65
+ packageVersion: "5.1.1",
66
66
  analyticsData: analyticsContext,
67
67
  actionSubject: 'link'
68
68
  });
@@ -66,7 +66,7 @@ const UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(({
66
66
  action: 'clicked',
67
67
  componentName: componentName || 'Pressable',
68
68
  packageName: "@atlaskit/primitives",
69
- packageVersion: "5.0.1",
69
+ packageVersion: "5.1.1",
70
70
  analyticsData: analyticsContext,
71
71
  actionSubject: 'button'
72
72
  });
@@ -490,7 +490,7 @@ export const borderRadiusMap = {
490
490
 
491
491
  /**
492
492
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
493
- * @codegen <<SignedSource::64be523321fab6adc76673ef5f93e3d1>>
493
+ * @codegen <<SignedSource::fc79aec30729db169f29271e3fe7725d>>
494
494
  * @codegenId typography
495
495
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
496
496
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -499,6 +499,7 @@ export const borderRadiusMap = {
499
499
  */
500
500
  export const fontSizeMap = {
501
501
  medium: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
502
+ UNSAFE_small: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
502
503
  large: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
503
504
  small: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
504
505
  };
@@ -66,7 +66,7 @@ var Anchor = function Anchor(_ref, ref) {
66
66
  action: 'clicked',
67
67
  componentName: componentName || 'Anchor',
68
68
  packageName: "@atlaskit/primitives",
69
- packageVersion: "5.0.1",
69
+ packageVersion: "5.1.1",
70
70
  analyticsData: analyticsContext,
71
71
  actionSubject: 'link'
72
72
  });
@@ -70,7 +70,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(function (_ref, ref) {
70
70
  action: 'clicked',
71
71
  componentName: componentName || 'Pressable',
72
72
  packageName: "@atlaskit/primitives",
73
- packageVersion: "5.0.1",
73
+ packageVersion: "5.1.1",
74
74
  analyticsData: analyticsContext,
75
75
  actionSubject: 'button'
76
76
  });
@@ -490,7 +490,7 @@ export var borderRadiusMap = {
490
490
 
491
491
  /**
492
492
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
493
- * @codegen <<SignedSource::64be523321fab6adc76673ef5f93e3d1>>
493
+ * @codegen <<SignedSource::fc79aec30729db169f29271e3fe7725d>>
494
494
  * @codegenId typography
495
495
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
496
496
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -499,6 +499,7 @@ export var borderRadiusMap = {
499
499
  */
500
500
  export var fontSizeMap = {
501
501
  medium: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
502
+ UNSAFE_small: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
502
503
  large: "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
503
504
  small: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
504
505
  };
@@ -40,30 +40,7 @@ declare const Anchor: <RouterLinkConfig extends Record<string, any> = never>({ h
40
40
  * - [Code](https://atlassian.design/components/primitives/anchor/code)
41
41
  * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
42
42
  */
43
- declare const UNSAFE_ANCHOR: <RouterLinkConfig extends Record<string, any> = never>(props: RouterLinkComponentProps<RouterLinkConfig> & Omit<BoxProps<"a">, "style" | "children" | "as" | "onClick" | "href"> & {
44
- /**
45
- * `children` should be defined to ensure links have text.
46
- */
47
- children: ReactNode;
48
- /**
49
- * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
50
- */
51
- onClick?: ((e: React.MouseEvent<HTMLAnchorElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
52
- /**
53
- * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
54
- * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
55
- */
56
- interactionName?: string | undefined;
57
- /**
58
- * An optional component name used to identify this component to press listeners. This can be used if a parent component's name is preferred. For example, interaction tracing. For more information,
59
- * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
60
- */
61
- componentName?: string | undefined;
62
- /**
63
- * Additional information to be included in the `context` of analytics events that come from anchor.
64
- */
65
- analyticsContext?: Record<string, any> | undefined;
66
- } & {
67
- ref?: React.Ref<HTMLAnchorElement> | undefined;
43
+ declare const UNSAFE_ANCHOR: <RouterLinkConfig extends Record<string, any> = never>(props: AnchorProps<RouterLinkConfig> & {
44
+ ref?: Ref<HTMLAnchorElement>;
68
45
  }) => ReturnType<typeof Anchor>;
69
46
  export default UNSAFE_ANCHOR;
@@ -515,7 +515,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
515
515
  */
516
516
  /**
517
517
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
518
- * @codegen <<SignedSource::64be523321fab6adc76673ef5f93e3d1>>
518
+ * @codegen <<SignedSource::fc79aec30729db169f29271e3fe7725d>>
519
519
  * @codegenId typography
520
520
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
521
521
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -524,6 +524,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
524
524
  */
525
525
  export declare const fontSizeMap: {
526
526
  medium: "var(--ds-font-body)";
527
+ UNSAFE_small: "var(--ds-font-body-UNSAFE_small)";
527
528
  large: "var(--ds-font-body-large)";
528
529
  small: "var(--ds-font-body-small)";
529
530
  };
@@ -40,30 +40,7 @@ declare const Anchor: <RouterLinkConfig extends Record<string, any> = never>({ h
40
40
  * - [Code](https://atlassian.design/components/primitives/anchor/code)
41
41
  * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
42
42
  */
43
- declare const UNSAFE_ANCHOR: <RouterLinkConfig extends Record<string, any> = never>(props: RouterLinkComponentProps<RouterLinkConfig> & Omit<BoxProps<"a">, "style" | "children" | "as" | "onClick" | "href"> & {
44
- /**
45
- * `children` should be defined to ensure links have text.
46
- */
47
- children: ReactNode;
48
- /**
49
- * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
50
- */
51
- onClick?: ((e: React.MouseEvent<HTMLAnchorElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
52
- /**
53
- * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
54
- * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
55
- */
56
- interactionName?: string | undefined;
57
- /**
58
- * An optional component name used to identify this component to press listeners. This can be used if a parent component's name is preferred. For example, interaction tracing. For more information,
59
- * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
60
- */
61
- componentName?: string | undefined;
62
- /**
63
- * Additional information to be included in the `context` of analytics events that come from anchor.
64
- */
65
- analyticsContext?: Record<string, any> | undefined;
66
- } & {
67
- ref?: React.Ref<HTMLAnchorElement> | undefined;
43
+ declare const UNSAFE_ANCHOR: <RouterLinkConfig extends Record<string, any> = never>(props: AnchorProps<RouterLinkConfig> & {
44
+ ref?: Ref<HTMLAnchorElement>;
68
45
  }) => ReturnType<typeof Anchor>;
69
46
  export default UNSAFE_ANCHOR;
@@ -515,7 +515,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
515
515
  */
516
516
  /**
517
517
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
518
- * @codegen <<SignedSource::64be523321fab6adc76673ef5f93e3d1>>
518
+ * @codegen <<SignedSource::fc79aec30729db169f29271e3fe7725d>>
519
519
  * @codegenId typography
520
520
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
521
521
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -524,6 +524,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
524
524
  */
525
525
  export declare const fontSizeMap: {
526
526
  medium: "var(--ds-font-body)";
527
+ UNSAFE_small: "var(--ds-font-body-UNSAFE_small)";
527
528
  large: "var(--ds-font-body-large)";
528
529
  small: "var(--ds-font-body-small)";
529
530
  };
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/components/inline.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/components/inline.d.ts"
12
12
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "5.0.1",
3
+ "version": "5.1.1",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -124,10 +124,10 @@
124
124
  "dependencies": {
125
125
  "@atlaskit/analytics-next": "^9.2.0",
126
126
  "@atlaskit/app-provider": "^1.0.0",
127
- "@atlaskit/css": "^0.0.4",
127
+ "@atlaskit/css": "^0.0.5",
128
128
  "@atlaskit/ds-lib": "^2.2.0",
129
129
  "@atlaskit/interaction-context": "^2.1.0",
130
- "@atlaskit/tokens": "^1.41.0",
130
+ "@atlaskit/tokens": "^1.42.0",
131
131
  "@babel/runtime": "^7.0.0",
132
132
  "@emotion/react": "^11.7.1",
133
133
  "@emotion/serialize": "^1.1.0",
@@ -149,7 +149,7 @@
149
149
  "prettier": "^2.8.0",
150
150
  "react-dom": "^16.8.0",
151
151
  "ts-node": "^10.9.1",
152
- "typescript": "~4.9.5",
152
+ "typescript": "~5.4.2",
153
153
  "wait-for-expect": "^1.2.0"
154
154
  },
155
155
  "techstack": {
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/components/pressable.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/components/pressable.d.ts"
12
12
  ]
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/responsive/index.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/responsive/index.d.ts"
12
12
  ]
@@ -39,8 +39,9 @@ const typographyProperties = [
39
39
  ] as const;
40
40
 
41
41
  const bodySizeMap = {
42
- body: 'medium',
43
42
  'body.small': 'small',
43
+ 'body.UNSAFE_small': 'UNSAFE_small',
44
+ body: 'medium',
44
45
  'body.large': 'large',
45
46
  };
46
47
 
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/components/stack.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/components/stack.d.ts"
12
12
  ]
package/text/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "sideEffects": false,
7
7
  "types": "../dist/types/components/text.d.ts",
8
8
  "typesVersions": {
9
- ">=4.5 <4.9": {
9
+ ">=4.5 <5.4": {
10
10
  "*": [
11
11
  "../dist/types-ts4.5/components/text.d.ts"
12
12
  ]