@atlaskit/primitives 18.1.3 → 19.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 +18 -0
- package/constellation/anchor/examples.mdx +1 -1
- package/constellation/anchor/usage.mdx +1 -1
- package/constellation/pressable/usage.mdx +3 -3
- package/constellation/text/examples.mdx +3 -3
- package/dist/cjs/compiled/components/anchor.js +1 -1
- package/dist/cjs/compiled/components/pressable.js +3 -3
- package/dist/cjs/compiled/components/text.compiled.css +0 -1
- package/dist/cjs/compiled/components/text.js +0 -1
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +2 -5
- package/dist/es2019/compiled/components/anchor.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +2 -2
- package/dist/es2019/compiled/components/text.compiled.css +0 -1
- package/dist/es2019/compiled/components/text.js +0 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/xcss/style-maps.partial.js +2 -5
- package/dist/esm/compiled/components/anchor.js +1 -1
- package/dist/esm/compiled/components/pressable.js +2 -2
- package/dist/esm/compiled/components/text.compiled.css +0 -1
- package/dist/esm/compiled/components/text.js +0 -1
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/xcss/style-maps.partial.js +2 -5
- package/dist/types/compiled/components/types.d.ts +1 -1
- package/dist/types/xcss/style-maps.partial.d.ts +2 -4
- package/dist/types-ts4.5/compiled/components/types.d.ts +1 -1
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +2 -4
- package/package.json +11 -11
- package/scripts/text-codegen-template.tsx +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 19.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`72017386a0120`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72017386a0120) -
|
|
8
|
+
Remove the deprecated `UNSAFE_small` size for the Text primitive. Please migrate any remaining
|
|
9
|
+
usages to `small`.
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 18.1.4
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 18.1.3
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -57,7 +57,7 @@ global styles.
|
|
|
57
57
|
## Basic styling
|
|
58
58
|
|
|
59
59
|
Anchor can be styled further using the design system styling API using
|
|
60
|
-
[cssMap](/components/css/
|
|
60
|
+
[cssMap](/components/css/overview).
|
|
61
61
|
|
|
62
62
|
<Example Component={AnchorBasic} packageName="@atlaskit/primitives/anchor" />
|
|
63
63
|
|
|
@@ -113,4 +113,4 @@ accessibility. For more information see
|
|
|
113
113
|
|
|
114
114
|
- Use existing components such as [link](/components/link/examples) or
|
|
115
115
|
[link button](/components/button/link-button/examples) wherever possible.
|
|
116
|
-
- Use [pressable primitive for custom buttons](/components/primitives/
|
|
116
|
+
- Use [pressable primitive for custom buttons](/components/primitives/pressable/usage).
|
|
@@ -95,7 +95,7 @@ Pressable is meant for on-page actions such as opening modals or submitting form
|
|
|
95
95
|
something that navigates to a new page, use a component that renders a semantically correct HTML
|
|
96
96
|
`<a>` element such as:
|
|
97
97
|
|
|
98
|
-
- The [link](/components/primitives/
|
|
98
|
+
- The [link](/components/primitives/anchor/examples) component for standard text links.
|
|
99
99
|
- The [anchor](/components/primitives/anchor/examples) primitive to create custom links.
|
|
100
100
|
|
|
101
101
|
Also, don't add underlines to a pressable. This makes the button appear to be a link, which can be
|
|
@@ -118,11 +118,11 @@ For example, _Change issue color to yellow_ instead of _yellow_.
|
|
|
118
118
|
### Follow other label and UI content guidance
|
|
119
119
|
|
|
120
120
|
Follow label and content guidelines for [buttons](/components/button/usage#content-guidelines).
|
|
121
|
-
Review the [general UI text guidance](/foundations/accessibility
|
|
121
|
+
Review the [general UI text guidance](/foundations/accessibility#meaningful-text) for specific
|
|
122
122
|
questions.
|
|
123
123
|
|
|
124
124
|
## Related
|
|
125
125
|
|
|
126
126
|
- Use existing components such as [buttons](/components/button/examples) or
|
|
127
127
|
[menus](/components/menu/examples) for most actions in Atlassian apps.
|
|
128
|
-
- Use the [anchor primitive for custom links](/components/primitives/
|
|
128
|
+
- Use the [anchor primitive for custom links](/components/primitives/pressable/usage).
|
|
@@ -49,7 +49,7 @@ component, color will automatically inherit from its parent.
|
|
|
49
49
|
|
|
50
50
|
Font weight defaults to regular (400) and can be set using the `weight` prop. More information about
|
|
51
51
|
the available weights can be found on the
|
|
52
|
-
[typography foundations page](/foundations/typography
|
|
52
|
+
[typography foundations page](/foundations/typography#body-font-weight).
|
|
53
53
|
|
|
54
54
|
Note: Text supports the semibold weight, however due to differences between font stacks across
|
|
55
55
|
different operating systems, semibold text may render as bold. We recommend using regular, medium,
|
|
@@ -76,13 +76,13 @@ Text does not apply any vertical margin or spacing. To control space between tex
|
|
|
76
76
|
use a [stack component](/components/primitives/stack).
|
|
77
77
|
|
|
78
78
|
The available values for paragraph spacing are outlined in the
|
|
79
|
-
[Typography foundations](/foundations/typography
|
|
79
|
+
[Typography foundations](/foundations/typography#body) page.
|
|
80
80
|
|
|
81
81
|
<Example Component={TextSpacing} packageName="@atlaskit/primitives" />
|
|
82
82
|
|
|
83
83
|
## Truncation
|
|
84
84
|
|
|
85
|
-
[Avoid truncation](/content/language-and-grammar
|
|
85
|
+
[Avoid truncation](/foundations/content/language-and-grammar#truncation) whenever possible.
|
|
86
86
|
|
|
87
87
|
If truncation cannot be avoided, for example when displaying user-generated content, use the
|
|
88
88
|
`maxLines` prop to indicate how text should be truncated.
|
|
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
70
70
|
action: 'clicked',
|
|
71
71
|
componentName: componentName || 'Anchor',
|
|
72
72
|
packageName: "@atlaskit/primitives",
|
|
73
|
-
packageVersion: "
|
|
73
|
+
packageVersion: "19.0.0",
|
|
74
74
|
analyticsData: analyticsContext,
|
|
75
75
|
actionSubject: 'link'
|
|
76
76
|
});
|
|
@@ -15,7 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
15
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
16
16
|
var _react2 = require("@compiled/react");
|
|
17
17
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
18
|
-
var
|
|
18
|
+
var _isSafari = require("@atlaskit/ds-lib/is-safari");
|
|
19
19
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
20
20
|
var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
|
|
21
21
|
var _focusable = _interopRequireDefault(require("./focusable"));
|
|
@@ -61,7 +61,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
61
61
|
action: 'clicked',
|
|
62
62
|
componentName: componentName || 'Pressable',
|
|
63
63
|
packageName: "@atlaskit/primitives",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "19.0.0",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'button'
|
|
67
67
|
});
|
|
@@ -78,7 +78,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
78
78
|
// Adding a tabIndex of 0 to the button will allow it to be focused on click.
|
|
79
79
|
// This is a known issue in Safari that is meant to be "intended", see https://bugs.webkit.org/show_bug.cgi?id=22261
|
|
80
80
|
,
|
|
81
|
-
tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : (0,
|
|
81
|
+
tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : (0, _isSafari.isSafari)() && !isDisabled ? 0 : undefined,
|
|
82
82
|
style: style
|
|
83
83
|
}, safeHtmlAttributes, {
|
|
84
84
|
type: type,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
3
|
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
5
4
|
._18m915vq{overflow-y:hidden}
|
|
6
5
|
._18u0idpf{margin-left:0}
|
|
@@ -105,7 +105,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
105
105
|
action: 'clicked',
|
|
106
106
|
componentName: componentName || 'Anchor',
|
|
107
107
|
packageName: "@atlaskit/primitives",
|
|
108
|
-
packageVersion: "
|
|
108
|
+
packageVersion: "19.0.0",
|
|
109
109
|
analyticsData: analyticsContext,
|
|
110
110
|
actionSubject: 'link'
|
|
111
111
|
});
|
|
@@ -97,7 +97,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
97
97
|
action: 'clicked',
|
|
98
98
|
componentName: componentName || 'Pressable',
|
|
99
99
|
packageName: "@atlaskit/primitives",
|
|
100
|
-
packageVersion: "
|
|
100
|
+
packageVersion: "19.0.0",
|
|
101
101
|
analyticsData: analyticsContext,
|
|
102
102
|
actionSubject: 'button'
|
|
103
103
|
});
|
|
@@ -521,7 +521,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
|
|
|
521
521
|
|
|
522
522
|
/**
|
|
523
523
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
524
|
-
* @codegen <<SignedSource::
|
|
524
|
+
* @codegen <<SignedSource::6dffa08c1104af4093361cb0f7e37996>>
|
|
525
525
|
* @codegenId typography
|
|
526
526
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
527
527
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -530,8 +530,6 @@ var borderRadiusMap = exports.borderRadiusMap = {
|
|
|
530
530
|
*/
|
|
531
531
|
var fontMap = exports.fontMap = {
|
|
532
532
|
'font.body': "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
533
|
-
// @deprecated
|
|
534
|
-
'font.body.UNSAFE_small': "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
535
533
|
'font.body.large': "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
536
534
|
'font.body.small': "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
537
535
|
'font.code': "var(--ds-font-code, normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -565,7 +563,7 @@ var fontFamilyMap = exports.fontFamilyMap = {
|
|
|
565
563
|
|
|
566
564
|
/**
|
|
567
565
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
568
|
-
* @codegen <<SignedSource::
|
|
566
|
+
* @codegen <<SignedSource::b67a50fa5abb078032598ba819a6f691>>
|
|
569
567
|
* @codegenId text
|
|
570
568
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
571
569
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -573,7 +571,6 @@ var fontFamilyMap = exports.fontFamilyMap = {
|
|
|
573
571
|
*/
|
|
574
572
|
var textSizeMap = exports.textSizeMap = {
|
|
575
573
|
medium: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
576
|
-
UNSAFE_small: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
577
574
|
large: "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
578
575
|
small: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
579
576
|
};
|
|
@@ -56,7 +56,7 @@ const AnchorNoRef = ({
|
|
|
56
56
|
action: 'clicked',
|
|
57
57
|
componentName: componentName || 'Anchor',
|
|
58
58
|
packageName: "@atlaskit/primitives",
|
|
59
|
-
packageVersion: "
|
|
59
|
+
packageVersion: "19.0.0",
|
|
60
60
|
analyticsData: analyticsContext,
|
|
61
61
|
actionSubject: 'link'
|
|
62
62
|
});
|
|
@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
import { forwardRef, useCallback, useContext } from 'react';
|
|
7
7
|
import { cx } from '@compiled/react';
|
|
8
8
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
9
|
-
import { isSafari } from '@atlaskit/ds-lib/
|
|
9
|
+
import { isSafari } from '@atlaskit/ds-lib/is-safari';
|
|
10
10
|
import noop from '@atlaskit/ds-lib/noop';
|
|
11
11
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
12
12
|
import Focusable from './focusable';
|
|
@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
48
48
|
action: 'clicked',
|
|
49
49
|
componentName: componentName || 'Pressable',
|
|
50
50
|
packageName: "@atlaskit/primitives",
|
|
51
|
-
packageVersion: "
|
|
51
|
+
packageVersion: "19.0.0",
|
|
52
52
|
analyticsData: analyticsContext,
|
|
53
53
|
actionSubject: 'button'
|
|
54
54
|
});
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
3
|
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
5
4
|
._18m915vq{overflow-y:hidden}
|
|
6
5
|
._18u0idpf{margin-left:0}
|
|
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
|
|
|
94
94
|
action: 'clicked',
|
|
95
95
|
componentName: componentName || 'Anchor',
|
|
96
96
|
packageName: "@atlaskit/primitives",
|
|
97
|
-
packageVersion: "
|
|
97
|
+
packageVersion: "19.0.0",
|
|
98
98
|
analyticsData: analyticsContext,
|
|
99
99
|
actionSubject: 'link'
|
|
100
100
|
});
|
|
@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
86
86
|
action: 'clicked',
|
|
87
87
|
componentName: componentName || 'Pressable',
|
|
88
88
|
packageName: "@atlaskit/primitives",
|
|
89
|
-
packageVersion: "
|
|
89
|
+
packageVersion: "19.0.0",
|
|
90
90
|
analyticsData: analyticsContext,
|
|
91
91
|
actionSubject: 'button'
|
|
92
92
|
});
|
|
@@ -515,7 +515,7 @@ export const borderRadiusMap = {
|
|
|
515
515
|
|
|
516
516
|
/**
|
|
517
517
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
518
|
-
* @codegen <<SignedSource::
|
|
518
|
+
* @codegen <<SignedSource::6dffa08c1104af4093361cb0f7e37996>>
|
|
519
519
|
* @codegenId typography
|
|
520
520
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
521
521
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -524,8 +524,6 @@ export const borderRadiusMap = {
|
|
|
524
524
|
*/
|
|
525
525
|
export const fontMap = {
|
|
526
526
|
'font.body': "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
527
|
-
// @deprecated
|
|
528
|
-
'font.body.UNSAFE_small': "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
529
527
|
'font.body.large': "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
530
528
|
'font.body.small': "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
531
529
|
'font.code': "var(--ds-font-code, normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -559,7 +557,7 @@ export const fontFamilyMap = {
|
|
|
559
557
|
|
|
560
558
|
/**
|
|
561
559
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
562
|
-
* @codegen <<SignedSource::
|
|
560
|
+
* @codegen <<SignedSource::b67a50fa5abb078032598ba819a6f691>>
|
|
563
561
|
* @codegenId text
|
|
564
562
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
565
563
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -567,7 +565,6 @@ export const fontFamilyMap = {
|
|
|
567
565
|
*/
|
|
568
566
|
export const textSizeMap = {
|
|
569
567
|
medium: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
570
|
-
UNSAFE_small: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
571
568
|
large: "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
572
569
|
small: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
573
570
|
};
|
|
@@ -61,7 +61,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
61
61
|
action: 'clicked',
|
|
62
62
|
componentName: componentName || 'Anchor',
|
|
63
63
|
packageName: "@atlaskit/primitives",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "19.0.0",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'link'
|
|
67
67
|
});
|
|
@@ -9,7 +9,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
9
9
|
import { forwardRef, useCallback, useContext } from 'react';
|
|
10
10
|
import { cx } from '@compiled/react';
|
|
11
11
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
|
|
12
|
-
import { isSafari } from '@atlaskit/ds-lib/
|
|
12
|
+
import { isSafari } from '@atlaskit/ds-lib/is-safari';
|
|
13
13
|
import noop from '@atlaskit/ds-lib/noop';
|
|
14
14
|
import InteractionContext from '@atlaskit/interaction-context';
|
|
15
15
|
import Focusable from './focusable';
|
|
@@ -52,7 +52,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
52
52
|
action: 'clicked',
|
|
53
53
|
componentName: componentName || 'Pressable',
|
|
54
54
|
packageName: "@atlaskit/primitives",
|
|
55
|
-
packageVersion: "
|
|
55
|
+
packageVersion: "19.0.0",
|
|
56
56
|
analyticsData: analyticsContext,
|
|
57
57
|
actionSubject: 'button'
|
|
58
58
|
});
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
-
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
3
|
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
5
4
|
._18m915vq{overflow-y:hidden}
|
|
6
5
|
._18u0idpf{margin-left:0}
|
|
@@ -99,7 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
99
99
|
action: 'clicked',
|
|
100
100
|
componentName: componentName || 'Anchor',
|
|
101
101
|
packageName: "@atlaskit/primitives",
|
|
102
|
-
packageVersion: "
|
|
102
|
+
packageVersion: "19.0.0",
|
|
103
103
|
analyticsData: analyticsContext,
|
|
104
104
|
actionSubject: 'link'
|
|
105
105
|
});
|
|
@@ -91,7 +91,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
91
91
|
action: 'clicked',
|
|
92
92
|
componentName: componentName || 'Pressable',
|
|
93
93
|
packageName: "@atlaskit/primitives",
|
|
94
|
-
packageVersion: "
|
|
94
|
+
packageVersion: "19.0.0",
|
|
95
95
|
analyticsData: analyticsContext,
|
|
96
96
|
actionSubject: 'button'
|
|
97
97
|
});
|
|
@@ -515,7 +515,7 @@ export var borderRadiusMap = {
|
|
|
515
515
|
|
|
516
516
|
/**
|
|
517
517
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
518
|
-
* @codegen <<SignedSource::
|
|
518
|
+
* @codegen <<SignedSource::6dffa08c1104af4093361cb0f7e37996>>
|
|
519
519
|
* @codegenId typography
|
|
520
520
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
521
521
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -524,8 +524,6 @@ export var borderRadiusMap = {
|
|
|
524
524
|
*/
|
|
525
525
|
export var fontMap = {
|
|
526
526
|
'font.body': "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
527
|
-
// @deprecated
|
|
528
|
-
'font.body.UNSAFE_small': "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
529
527
|
'font.body.large': "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
530
528
|
'font.body.small': "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
531
529
|
'font.code': "var(--ds-font-code, normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
@@ -559,7 +557,7 @@ export var fontFamilyMap = {
|
|
|
559
557
|
|
|
560
558
|
/**
|
|
561
559
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
562
|
-
* @codegen <<SignedSource::
|
|
560
|
+
* @codegen <<SignedSource::b67a50fa5abb078032598ba819a6f691>>
|
|
563
561
|
* @codegenId text
|
|
564
562
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
565
563
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -567,7 +565,6 @@ export var fontFamilyMap = {
|
|
|
567
565
|
*/
|
|
568
566
|
export var textSizeMap = {
|
|
569
567
|
medium: "var(--ds-font-body, normal 400 14px/20px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
570
|
-
UNSAFE_small: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
571
568
|
large: "var(--ds-font-body-large, normal 400 16px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
572
569
|
small: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
573
570
|
};
|
|
@@ -40,6 +40,6 @@ export type GapToken = PositiveSpaceToken;
|
|
|
40
40
|
export type SurfaceColorToken = 'utility.elevation.surface.current' | 'elevation.surface' | 'elevation.surface.overlay' | 'elevation.surface.raised' | 'elevation.surface.sunken';
|
|
41
41
|
export type TextAlign = 'center' | 'end' | 'start';
|
|
42
42
|
export type TextColor = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.link.visited' | 'color.link.visited.pressed';
|
|
43
|
-
export type FontSize = 'small' | 'medium' | '
|
|
43
|
+
export type FontSize = 'small' | 'medium' | 'large';
|
|
44
44
|
export type FontWeight = 'bold' | 'medium' | 'regular' | 'semibold';
|
|
45
45
|
export type MetricTextFontSize = 'small' | 'medium' | 'large';
|
|
@@ -542,7 +542,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
542
542
|
*/
|
|
543
543
|
/**
|
|
544
544
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
545
|
-
* @codegen <<SignedSource::
|
|
545
|
+
* @codegen <<SignedSource::6dffa08c1104af4093361cb0f7e37996>>
|
|
546
546
|
* @codegenId typography
|
|
547
547
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
548
548
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -551,7 +551,6 @@ export type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
551
551
|
*/
|
|
552
552
|
export declare const fontMap: {
|
|
553
553
|
'font.body': 'var(--ds-font-body)';
|
|
554
|
-
'font.body.UNSAFE_small': 'var(--ds-font-body-UNSAFE_small)';
|
|
555
554
|
'font.body.large': 'var(--ds-font-body-large)';
|
|
556
555
|
'font.body.small': 'var(--ds-font-body-small)';
|
|
557
556
|
'font.code': 'var(--ds-font-code)';
|
|
@@ -587,7 +586,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
|
|
|
587
586
|
*/
|
|
588
587
|
/**
|
|
589
588
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
590
|
-
* @codegen <<SignedSource::
|
|
589
|
+
* @codegen <<SignedSource::b67a50fa5abb078032598ba819a6f691>>
|
|
591
590
|
* @codegenId text
|
|
592
591
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
593
592
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -595,7 +594,6 @@ export type FontFamily = keyof typeof fontFamilyMap;
|
|
|
595
594
|
*/
|
|
596
595
|
export declare const textSizeMap: {
|
|
597
596
|
medium: 'var(--ds-font-body)';
|
|
598
|
-
UNSAFE_small: 'var(--ds-font-body-UNSAFE_small)';
|
|
599
597
|
large: 'var(--ds-font-body-large)';
|
|
600
598
|
small: 'var(--ds-font-body-small)';
|
|
601
599
|
};
|
|
@@ -40,6 +40,6 @@ export type GapToken = PositiveSpaceToken;
|
|
|
40
40
|
export type SurfaceColorToken = 'utility.elevation.surface.current' | 'elevation.surface' | 'elevation.surface.overlay' | 'elevation.surface.raised' | 'elevation.surface.sunken';
|
|
41
41
|
export type TextAlign = 'center' | 'end' | 'start';
|
|
42
42
|
export type TextColor = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.link.visited' | 'color.link.visited.pressed';
|
|
43
|
-
export type FontSize = 'small' | 'medium' | '
|
|
43
|
+
export type FontSize = 'small' | 'medium' | 'large';
|
|
44
44
|
export type FontWeight = 'bold' | 'medium' | 'regular' | 'semibold';
|
|
45
45
|
export type MetricTextFontSize = 'small' | 'medium' | 'large';
|
|
@@ -542,7 +542,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
542
542
|
*/
|
|
543
543
|
/**
|
|
544
544
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
545
|
-
* @codegen <<SignedSource::
|
|
545
|
+
* @codegen <<SignedSource::6dffa08c1104af4093361cb0f7e37996>>
|
|
546
546
|
* @codegenId typography
|
|
547
547
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
548
548
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -551,7 +551,6 @@ export type BorderRadius = keyof typeof borderRadiusMap;
|
|
|
551
551
|
*/
|
|
552
552
|
export declare const fontMap: {
|
|
553
553
|
'font.body': 'var(--ds-font-body)';
|
|
554
|
-
'font.body.UNSAFE_small': 'var(--ds-font-body-UNSAFE_small)';
|
|
555
554
|
'font.body.large': 'var(--ds-font-body-large)';
|
|
556
555
|
'font.body.small': 'var(--ds-font-body-small)';
|
|
557
556
|
'font.code': 'var(--ds-font-code)';
|
|
@@ -587,7 +586,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
|
|
|
587
586
|
*/
|
|
588
587
|
/**
|
|
589
588
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
590
|
-
* @codegen <<SignedSource::
|
|
589
|
+
* @codegen <<SignedSource::b67a50fa5abb078032598ba819a6f691>>
|
|
591
590
|
* @codegenId text
|
|
592
591
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
593
592
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -595,7 +594,6 @@ export type FontFamily = keyof typeof fontFamilyMap;
|
|
|
595
594
|
*/
|
|
596
595
|
export declare const textSizeMap: {
|
|
597
596
|
medium: 'var(--ds-font-body)';
|
|
598
|
-
UNSAFE_small: 'var(--ds-font-body-UNSAFE_small)';
|
|
599
597
|
large: 'var(--ds-font-body-large)';
|
|
600
598
|
small: 'var(--ds-font-body-small)';
|
|
601
599
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "19.0.0",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -142,9 +142,9 @@
|
|
|
142
142
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
143
143
|
"@atlaskit/app-provider": "^4.2.0",
|
|
144
144
|
"@atlaskit/css": "^0.19.0",
|
|
145
|
-
"@atlaskit/ds-lib": "^
|
|
145
|
+
"@atlaskit/ds-lib": "^7.0.0",
|
|
146
146
|
"@atlaskit/interaction-context": "^3.1.0",
|
|
147
|
-
"@atlaskit/tokens": "^
|
|
147
|
+
"@atlaskit/tokens": "^13.0.0",
|
|
148
148
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
149
149
|
"@babel/runtime": "^7.0.0",
|
|
150
150
|
"@compiled/react": "^0.20.0",
|
|
@@ -162,25 +162,25 @@
|
|
|
162
162
|
"@af/integration-testing": "workspace:^",
|
|
163
163
|
"@af/visual-regression": "workspace:^",
|
|
164
164
|
"@atlaskit/avatar": "^25.11.0",
|
|
165
|
-
"@atlaskit/button": "^23.
|
|
165
|
+
"@atlaskit/button": "^23.11.0",
|
|
166
166
|
"@atlaskit/checkbox": "^17.3.0",
|
|
167
167
|
"@atlaskit/code": "^17.4.0",
|
|
168
168
|
"@atlaskit/docs": "^11.7.0",
|
|
169
169
|
"@atlaskit/dropdown-menu": "^16.8.0",
|
|
170
170
|
"@atlaskit/flag": "^17.9.0",
|
|
171
171
|
"@atlaskit/form": "^15.5.0",
|
|
172
|
-
"@atlaskit/heading": "^5.
|
|
172
|
+
"@atlaskit/heading": "^5.4.0",
|
|
173
173
|
"@atlaskit/icon": "^34.0.0",
|
|
174
174
|
"@atlaskit/icon-object": "^7.5.0",
|
|
175
175
|
"@atlaskit/image": "^3.0.0",
|
|
176
|
-
"@atlaskit/link": "^3.
|
|
177
|
-
"@atlaskit/logo": "^
|
|
178
|
-
"@atlaskit/lozenge": "^13.
|
|
179
|
-
"@atlaskit/motion": "^5.
|
|
176
|
+
"@atlaskit/link": "^3.4.0",
|
|
177
|
+
"@atlaskit/logo": "^20.0.0",
|
|
178
|
+
"@atlaskit/lozenge": "^13.6.0",
|
|
179
|
+
"@atlaskit/motion": "^5.6.0",
|
|
180
180
|
"@atlaskit/range": "^10.0.0",
|
|
181
181
|
"@atlaskit/section-message": "^8.12.0",
|
|
182
|
-
"@atlaskit/textfield": "^8.
|
|
183
|
-
"@atlaskit/toggle": "^15.
|
|
182
|
+
"@atlaskit/textfield": "^8.3.0",
|
|
183
|
+
"@atlaskit/toggle": "^15.5.0",
|
|
184
184
|
"@atlaskit/tooltip": "^21.1.0",
|
|
185
185
|
"@atlassian/analytics-bridge": "^0.8.0",
|
|
186
186
|
"@atlassian/codegen": "^0.1.0",
|