@atlaskit/primitives 17.1.0 → 18.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 +23 -0
- package/dist/cjs/compiled/components/anchor.js +1 -1
- package/dist/cjs/compiled/components/metric-text.compiled.css +3 -3
- package/dist/cjs/compiled/components/metric-text.js +3 -3
- package/dist/cjs/compiled/components/pressable.js +1 -1
- package/dist/cjs/compiled/components/text.compiled.css +5 -5
- package/dist/cjs/compiled/components/text.js +6 -6
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/components/text.js +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +321 -320
- package/dist/es2019/compiled/components/anchor.js +1 -1
- package/dist/es2019/compiled/components/metric-text.compiled.css +3 -3
- package/dist/es2019/compiled/components/metric-text.js +3 -3
- package/dist/es2019/compiled/components/pressable.js +1 -1
- package/dist/es2019/compiled/components/text.compiled.css +5 -5
- package/dist/es2019/compiled/components/text.js +6 -6
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/components/text.js +1 -1
- package/dist/es2019/xcss/style-maps.partial.js +321 -320
- package/dist/esm/compiled/components/anchor.js +1 -1
- package/dist/esm/compiled/components/metric-text.compiled.css +3 -3
- package/dist/esm/compiled/components/metric-text.js +3 -3
- package/dist/esm/compiled/components/pressable.js +1 -1
- package/dist/esm/compiled/components/text.compiled.css +5 -5
- package/dist/esm/compiled/components/text.js +6 -6
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/components/text.js +1 -1
- package/dist/esm/xcss/style-maps.partial.js +321 -320
- package/dist/types/xcss/style-maps.partial.d.ts +12 -12
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +12 -12
- package/package.json +5 -5
- package/scripts/color-codegen-template.tsx +5 -8
- package/scripts/elevation-codegen-template.tsx +5 -8
- package/scripts/text-codegen-template.tsx +2 -2
- package/scripts/typography-codegen-template.tsx +7 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,28 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 18.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`2abd451d54eb2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2abd451d54eb2) -
|
|
8
|
+
Removes atlassian-legacy-light/dark color themes from the tokens package. These themes are unused
|
|
9
|
+
and non-functional in terms of color contrast. As a result some primitive components may recieve
|
|
10
|
+
modern fallback color values in some scenarios, however these are inline with the latest token
|
|
11
|
+
themes.
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
17
|
+
## 17.1.1
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- [`f111803c4e253`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f111803c4e253) -
|
|
22
|
+
Updating typography fallbacks to refreshed typography values as the deprecated legacy typography
|
|
23
|
+
theme has been removed.
|
|
24
|
+
- Updated dependencies
|
|
25
|
+
|
|
3
26
|
## 17.1.0
|
|
4
27
|
|
|
5
28
|
### Minor Changes
|
|
@@ -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: "17.1.1",
|
|
74
74
|
analyticsData: analyticsContext,
|
|
75
75
|
actionSubject: 'link'
|
|
76
76
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
1
|
+
._11c81xwm{font:var(--ds-font-metric-large,normal 653 28px/2pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
|
+
._11c85kmp{font:var(--ds-font-metric-medium,normal 653 24px/28px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c8ys40{font:var(--ds-font-metric-small,normal 653 1pc/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
4
|
._18u0idpf{margin-left:0}
|
|
5
5
|
._19pkidpf{margin-top:0}
|
|
6
6
|
._2hwxidpf{margin-right:0}
|
|
@@ -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: "17.1.1",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'button'
|
|
67
67
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
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
|
+
._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
|
+
._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
5
|
._18m915vq{overflow-y:hidden}
|
|
6
6
|
._18u0idpf{margin-left:0}
|
|
7
7
|
._19pkidpf{margin-top:0}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
|
|
14
14
|
._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
|
|
15
15
|
._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
|
|
16
|
-
.
|
|
16
|
+
._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
|
|
17
17
|
._otyridpf{margin-bottom:0}
|
|
18
18
|
._sudp1e54{-webkit-box-orient:vertical}
|
|
19
19
|
._syaz12v7{color:var(--ds-text-accent-teal-bolder,#164555)}
|
|
@@ -37,7 +37,7 @@ var useColor = function useColor(colorProp, hasTextAncestor) {
|
|
|
37
37
|
};
|
|
38
38
|
var styles = {
|
|
39
39
|
root: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1i4qfg65",
|
|
40
|
-
'as.strong': "
|
|
40
|
+
'as.strong': "_k48pwu06",
|
|
41
41
|
'as.em': "_zg8l1m30",
|
|
42
42
|
'textAlign.center': "_y3gn1h6o",
|
|
43
43
|
'textAlign.end': "_y3gnh9n0",
|
|
@@ -46,13 +46,13 @@ var styles = {
|
|
|
46
46
|
breakAll: "_1nmz9jpi"
|
|
47
47
|
};
|
|
48
48
|
var fontSizeMap = {
|
|
49
|
-
medium: "
|
|
50
|
-
UNSAFE_small: "
|
|
51
|
-
large: "
|
|
52
|
-
small: "
|
|
49
|
+
medium: "_11c8fhey",
|
|
50
|
+
UNSAFE_small: "_11c8rymc",
|
|
51
|
+
large: "_11c81d4k",
|
|
52
|
+
small: "_11c8wadc"
|
|
53
53
|
};
|
|
54
54
|
var fontWeightMap = {
|
|
55
|
-
bold: "
|
|
55
|
+
bold: "_k48pwu06",
|
|
56
56
|
medium: "_k48p1wq8",
|
|
57
57
|
regular: "_k48pi7a9",
|
|
58
58
|
semibold: "_k48p1pd9"
|
|
@@ -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: "17.1.1",
|
|
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: "17.1.1",
|
|
101
101
|
analyticsData: analyticsContext,
|
|
102
102
|
actionSubject: 'button'
|
|
103
103
|
});
|
|
@@ -27,7 +27,7 @@ var resetStyles = (0, _react2.css)({
|
|
|
27
27
|
overflowWrap: 'anywhere'
|
|
28
28
|
});
|
|
29
29
|
var strongStyles = (0, _react2.css)({
|
|
30
|
-
fontWeight: "var(--ds-font-weight-bold,
|
|
30
|
+
fontWeight: "var(--ds-font-weight-bold, 653)"
|
|
31
31
|
});
|
|
32
32
|
var emStyles = (0, _react2.css)({
|
|
33
33
|
fontStyle: 'italic'
|