@atlaskit/primitives 19.0.2 → 20.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 +26 -0
- package/anchor/package.json +1 -8
- package/bleed/package.json +1 -8
- package/box/package.json +1 -8
- package/compiled/anchor/package.json +1 -8
- package/compiled/bleed/package.json +1 -8
- package/compiled/box/package.json +1 -8
- package/compiled/components/types/package.json +1 -8
- package/compiled/flex/package.json +1 -8
- package/compiled/focusable/package.json +1 -8
- package/compiled/grid/package.json +1 -8
- package/compiled/hide/package.json +1 -8
- package/compiled/inline/package.json +1 -8
- package/compiled/media-helper/package.json +1 -8
- package/compiled/metric-text/package.json +1 -8
- package/compiled/package.json +1 -8
- package/compiled/pressable/package.json +1 -8
- package/compiled/show/package.json +1 -8
- package/compiled/stack/package.json +1 -8
- package/compiled/surface-provider/package.json +1 -8
- package/compiled/text/package.json +1 -8
- package/compiled/types/package.json +1 -8
- package/compiled/use-media-query/package.json +1 -8
- package/compiled/utils/types/package.json +1 -8
- package/components/flex/package.json +1 -8
- package/constants/package.json +1 -8
- package/constellation/pressable/examples.mdx +15 -9
- package/dist/cjs/compiled/components/anchor.js +1 -1
- package/dist/cjs/compiled/components/pressable.js +1 -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 +18 -10
- package/dist/es2019/compiled/components/anchor.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +1 -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 +18 -10
- package/dist/esm/compiled/components/anchor.js +1 -1
- package/dist/esm/compiled/components/pressable.js +1 -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 +18 -10
- package/dist/types/compiled/components/types.d.ts +1 -1
- package/dist/types/utils/types.d.ts +1 -1
- package/dist/types/xcss/style-maps.partial.d.ts +16 -8
- package/flex/package.json +1 -8
- package/grid/package.json +1 -8
- package/inline/package.json +1 -8
- package/media-helper/package.json +1 -8
- package/metric-text/package.json +1 -8
- package/package.json +30 -38
- package/pressable/package.json +1 -8
- package/responsive/build-media-query-css/package.json +1 -8
- package/responsive/constants/package.json +1 -8
- package/responsive/hide/package.json +1 -8
- package/responsive/media-helper/package.json +1 -8
- package/responsive/package.json +1 -8
- package/responsive/show/package.json +1 -8
- package/responsive/types/package.json +1 -8
- package/responsive/use-media-query/package.json +1 -8
- package/scripts/color-codegen-template.tsx +2 -1
- package/stack/package.json +1 -8
- package/surface-provider/package.json +1 -8
- package/text/package.json +1 -8
- package/types/package.json +1 -8
- package/xcss/package.json +1 -8
- package/dist/types-ts4.5/compiled/components/anchor.d.ts +0 -63
- package/dist/types-ts4.5/compiled/components/bleed.d.ts +0 -34
- package/dist/types-ts4.5/compiled/components/box.d.ts +0 -109
- package/dist/types-ts4.5/compiled/components/flex.d.ts +0 -71
- package/dist/types-ts4.5/compiled/components/focusable.d.ts +0 -36
- package/dist/types-ts4.5/compiled/components/grid.d.ts +0 -80
- package/dist/types-ts4.5/compiled/components/inline.d.ts +0 -70
- package/dist/types-ts4.5/compiled/components/metric-text.d.ts +0 -49
- package/dist/types-ts4.5/compiled/components/pressable.d.ts +0 -49
- package/dist/types-ts4.5/compiled/components/stack.d.ts +0 -57
- package/dist/types-ts4.5/compiled/components/text.d.ts +0 -101
- package/dist/types-ts4.5/compiled/components/types.d.ts +0 -45
- package/dist/types-ts4.5/compiled/index.d.ts +0 -16
- package/dist/types-ts4.5/compiled/responsive/hide.d.ts +0 -39
- package/dist/types-ts4.5/compiled/responsive/index.d.ts +0 -5
- package/dist/types-ts4.5/compiled/responsive/media-helper.d.ts +0 -35
- package/dist/types-ts4.5/compiled/responsive/show.d.ts +0 -39
- package/dist/types-ts4.5/compiled/responsive/types.d.ts +0 -10
- package/dist/types-ts4.5/compiled/responsive/use-media-query.d.ts +0 -23
- package/dist/types-ts4.5/components/anchor.d.ts +0 -106
- package/dist/types-ts4.5/components/bleed.d.ts +0 -36
- package/dist/types-ts4.5/components/box.d.ts +0 -85
- package/dist/types-ts4.5/components/flex.d.ts +0 -105
- package/dist/types-ts4.5/components/grid.d.ts +0 -137
- package/dist/types-ts4.5/components/inline.d.ts +0 -74
- package/dist/types-ts4.5/components/metric-text.d.ts +0 -16
- package/dist/types-ts4.5/components/pressable.d.ts +0 -92
- package/dist/types-ts4.5/components/stack.d.ts +0 -61
- package/dist/types-ts4.5/components/text.d.ts +0 -75
- package/dist/types-ts4.5/components/types.d.ts +0 -33
- package/dist/types-ts4.5/constants.d.ts +0 -12
- package/dist/types-ts4.5/entry-points/anchor.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/bleed.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/box.d.ts +0 -3
- package/dist/types-ts4.5/entry-points/compiled-anchor.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-bleed.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-box.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-components-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-flex.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-focusable.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-grid.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-hide.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-inline.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-media-helper.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-metric-text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-pressable.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-show.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-stack.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-surface-provider.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/compiled-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-use-media-query.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/compiled-utils-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/constants.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/flex.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/grid.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/inline.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/media-helper.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/metric-text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/pressable.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/responsive-build-media-query-css.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-constants.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-hide.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-media-helper.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-show.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/responsive-use-media-query.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/stack.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/surface-provider.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/text.d.ts +0 -2
- package/dist/types-ts4.5/entry-points/types.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/xcss.d.ts +0 -2
- package/dist/types-ts4.5/index.d.ts +0 -27
- package/dist/types-ts4.5/responsive/build-media-query-css.d.ts +0 -2
- package/dist/types-ts4.5/responsive/constants.d.ts +0 -67
- package/dist/types-ts4.5/responsive/hide.d.ts +0 -41
- package/dist/types-ts4.5/responsive/index.d.ts +0 -7
- package/dist/types-ts4.5/responsive/media-helper.d.ts +0 -29
- package/dist/types-ts4.5/responsive/media.d.ts +0 -25
- package/dist/types-ts4.5/responsive/show.d.ts +0 -40
- package/dist/types-ts4.5/responsive/types.d.ts +0 -32
- package/dist/types-ts4.5/responsive/unsafe-build-above-media-query-css.d.ts +0 -33
- package/dist/types-ts4.5/responsive/unsafe-build-below-media-query-css.d.ts +0 -32
- package/dist/types-ts4.5/responsive/use-media-query.d.ts +0 -23
- package/dist/types-ts4.5/utils/has-text-ancestor-context.d.ts +0 -9
- package/dist/types-ts4.5/utils/surface-context.d.ts +0 -8
- package/dist/types-ts4.5/utils/surface-provider.d.ts +0 -10
- package/dist/types-ts4.5/utils/types.d.ts +0 -6
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +0 -793
- package/dist/types-ts4.5/xcss/xcss.d.ts +0 -143
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 20.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
|
|
8
|
+
Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
|
|
9
|
+
|
|
10
|
+
Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
|
|
11
|
+
|
|
12
|
+
Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
|
|
13
|
+
|
|
14
|
+
```diff
|
|
15
|
+
- "typesVersions": {
|
|
16
|
+
- ">=4.5 <4.9": {
|
|
17
|
+
- "*": [
|
|
18
|
+
- "dist/types-ts4.5/*",
|
|
19
|
+
- "dist/types-ts4.5/index.d.ts"
|
|
20
|
+
- ]
|
|
21
|
+
- }
|
|
22
|
+
- },
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- Updated dependencies
|
|
28
|
+
|
|
3
29
|
## 19.0.2
|
|
4
30
|
|
|
5
31
|
### Patch Changes
|
package/anchor/package.json
CHANGED
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/entry-points/anchor.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../dist/types-ts4.5/entry-points/anchor.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../dist/types/entry-points/anchor.d.ts"
|
|
17
10
|
}
|
package/bleed/package.json
CHANGED
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/entry-points/bleed.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../dist/types-ts4.5/entry-points/bleed.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../dist/types/entry-points/bleed.d.ts"
|
|
17
10
|
}
|
package/box/package.json
CHANGED
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/entry-points/box.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../dist/types-ts4.5/entry-points/box.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../dist/types/entry-points/box.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-anchor.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-anchor.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-anchor.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-bleed.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-bleed.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-bleed.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-box.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-box.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-box.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../../dist/types/entry-points/compiled-components-types.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../../dist/types-ts4.5/entry-points/compiled-components-types.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../../dist/types/entry-points/compiled-components-types.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-flex.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-flex.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-flex.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-focusable.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-focusable.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-focusable.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-grid.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-grid.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-grid.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-hide.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-hide.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-hide.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-inline.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-inline.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-inline.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-media-helper.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-media-helper.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-media-helper.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-metric-text.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-metric-text.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-metric-text.d.ts"
|
|
17
10
|
}
|
package/compiled/package.json
CHANGED
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/compiled/index.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../dist/types-ts4.5/compiled/index.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../dist/types/compiled/index.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-pressable.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-pressable.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-pressable.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-show.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-show.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-show.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-stack.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-stack.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-stack.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-surface-provider.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-surface-provider.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-surface-provider.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-text.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-text.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-text.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-types.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-types.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-types.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/entry-points/compiled-use-media-query.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/entry-points/compiled-use-media-query.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/entry-points/compiled-use-media-query.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../../dist/types/entry-points/compiled-utils-types.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../../dist/types-ts4.5/entry-points/compiled-utils-types.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../../dist/types/entry-points/compiled-utils-types.d.ts"
|
|
17
10
|
}
|
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../../dist/types/components/flex.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../../dist/types-ts4.5/components/flex.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../../dist/types/components/flex.d.ts"
|
|
17
10
|
}
|
package/constants/package.json
CHANGED
|
@@ -6,12 +6,5 @@
|
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/entry-points/constants.d.ts"
|
|
10
|
-
"typesVersions": {
|
|
11
|
-
">=4.5 <5.9": {
|
|
12
|
-
"*": [
|
|
13
|
-
"../dist/types-ts4.5/entry-points/constants.d.ts"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
}
|
|
9
|
+
"types": "../dist/types/entry-points/constants.d.ts"
|
|
17
10
|
}
|
|
@@ -31,7 +31,7 @@ built-in event tracking. It renders a `<button>` element. Use pressable when exi
|
|
|
31
31
|
|
|
32
32
|
Pressable is unstyled by default, aside from basic focus styles.
|
|
33
33
|
|
|
34
|
-
<Example Component={PressableDefault} packageName="@atlaskit/primitives/pressable" />
|
|
34
|
+
<Example Component={PressableDefault} packageName="@atlaskit/primitives/compiled/pressable" />
|
|
35
35
|
|
|
36
36
|
## Basic styling
|
|
37
37
|
|
|
@@ -40,7 +40,7 @@ Pressable can be styled further using the design system styling API,
|
|
|
40
40
|
|
|
41
41
|
Make sure styling indicates the interaction state using `:hover` and `:active` pseudo-classes.
|
|
42
42
|
|
|
43
|
-
<Example Component={PressableBasic} packageName="@atlaskit/primitives/pressable" />
|
|
43
|
+
<Example Component={PressableBasic} packageName="@atlaskit/primitives/compiled/pressable" />
|
|
44
44
|
|
|
45
45
|
## Advanced styling
|
|
46
46
|
|
|
@@ -48,7 +48,7 @@ Use a combination of `cssMap` and other primitives for more complex designs.
|
|
|
48
48
|
|
|
49
49
|
<Example
|
|
50
50
|
Component={PressableStyled}
|
|
51
|
-
packageName="@atlaskit/primitives/pressable"
|
|
51
|
+
packageName="@atlaskit/primitives/compiled/pressable"
|
|
52
52
|
backgroundColor="white"
|
|
53
53
|
/>
|
|
54
54
|
|
|
@@ -63,7 +63,7 @@ users how to proceed.
|
|
|
63
63
|
|
|
64
64
|
<!-- todo: snippet for disabled a11y warnings? -->
|
|
65
65
|
|
|
66
|
-
<Example Component={PressableDisabled} packageName="@atlaskit/primitives/pressable" />
|
|
66
|
+
<Example Component={PressableDisabled} packageName="@atlaskit/primitives/compiled/pressable" />
|
|
67
67
|
|
|
68
68
|
## Buttons without visible labels
|
|
69
69
|
|
|
@@ -77,7 +77,7 @@ button's purpose.
|
|
|
77
77
|
|
|
78
78
|
<Example
|
|
79
79
|
Component={PressableWithoutVisibleLabels}
|
|
80
|
-
packageName="@atlaskit/primitives/pressable"
|
|
80
|
+
packageName="@atlaskit/primitives/compiled/pressable"
|
|
81
81
|
backgroundColor="white"
|
|
82
82
|
/>
|
|
83
83
|
|
|
@@ -86,16 +86,22 @@ button's purpose.
|
|
|
86
86
|
Pressable passes all valid HTML attributes to the underlying `<button>` element. The `type`
|
|
87
87
|
attribute defaults to `button` to prevent unintentionally submitting forms.
|
|
88
88
|
|
|
89
|
-
<Example
|
|
89
|
+
<Example
|
|
90
|
+
Component={PressableHtmlAttributes}
|
|
91
|
+
packageName="@atlaskit/primitives/compiled/pressable"
|
|
92
|
+
/>
|
|
90
93
|
|
|
91
94
|
<Snippet name="primitives-event-tracking-header" variables={{ componentName: 'pressable' }} />
|
|
92
95
|
|
|
93
|
-
<Example Component={PressableAnalytics} packageName="@atlaskit/primitives/pressable" />
|
|
96
|
+
<Example Component={PressableAnalytics} packageName="@atlaskit/primitives/compiled/pressable" />
|
|
94
97
|
|
|
95
98
|
<Snippet name="primitives-event-tracking-gasv3" />
|
|
96
99
|
|
|
97
|
-
<Example
|
|
100
|
+
<Example
|
|
101
|
+
Component={PressableAnalyticsGASv3}
|
|
102
|
+
packageName="@atlaskit/primitives/compiled/pressable"
|
|
103
|
+
/>
|
|
98
104
|
|
|
99
105
|
<Snippet name="primitives-event-tracking-ufo" variables={{ componentName: 'pressable' }} />
|
|
100
106
|
|
|
101
|
-
<Example Component={PressablePressTracing} packageName="@atlaskit/primitives/pressable" />
|
|
107
|
+
<Example Component={PressablePressTracing} packageName="@atlaskit/primitives/compiled/pressable" />
|
|
@@ -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: "19.0.
|
|
73
|
+
packageVersion: "19.0.2",
|
|
74
74
|
analyticsData: analyticsContext,
|
|
75
75
|
actionSubject: 'link'
|
|
76
76
|
});
|
|
@@ -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: "19.0.
|
|
64
|
+
packageVersion: "19.0.2",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'button'
|
|
67
67
|
});
|
|
@@ -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: "19.0.
|
|
108
|
+
packageVersion: "19.0.2",
|
|
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: "19.0.
|
|
100
|
+
packageVersion: "19.0.2",
|
|
101
101
|
analyticsData: analyticsContext,
|
|
102
102
|
actionSubject: 'button'
|
|
103
103
|
});
|
|
@@ -73,10 +73,10 @@ var allSpaceMap = exports.allSpaceMap = _objectSpread(_objectSpread({}, positive
|
|
|
73
73
|
|
|
74
74
|
/**
|
|
75
75
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
76
|
-
* @codegen <<SignedSource::
|
|
76
|
+
* @codegen <<SignedSource::e8d2ee8bd083c5b6e6d3b0bec7a275a5>>
|
|
77
77
|
* @codegenId inverse-colors
|
|
78
78
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
79
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
79
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
80
80
|
*/
|
|
81
81
|
var inverseColorMap = exports.inverseColorMap = {
|
|
82
82
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -105,7 +105,10 @@ var inverseColorMap = exports.inverseColorMap = {
|
|
|
105
105
|
'color.background.discovery.bold.pressed': 'color.text.inverse',
|
|
106
106
|
'color.background.information.bold': 'color.text.inverse',
|
|
107
107
|
'color.background.information.bold.hovered': 'color.text.inverse',
|
|
108
|
-
'color.background.information.bold.pressed': 'color.text.inverse'
|
|
108
|
+
'color.background.information.bold.pressed': 'color.text.inverse',
|
|
109
|
+
'color.rovo.background.brand.bold': 'color.text.inverse',
|
|
110
|
+
'color.rovo.background.brand.bold.hovered': 'color.text.inverse',
|
|
111
|
+
'color.rovo.background.brand.bold.pressed': 'color.text.inverse'
|
|
109
112
|
};
|
|
110
113
|
|
|
111
114
|
/**
|
|
@@ -114,11 +117,11 @@ var inverseColorMap = exports.inverseColorMap = {
|
|
|
114
117
|
|
|
115
118
|
/**
|
|
116
119
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
117
|
-
* @codegen <<SignedSource::
|
|
120
|
+
* @codegen <<SignedSource::617e401f8358136781549b9d42338882>>
|
|
118
121
|
* @codegenId elevation
|
|
119
122
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
120
123
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
121
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
124
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
122
125
|
*/
|
|
123
126
|
var opacityMap = exports.opacityMap = {
|
|
124
127
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -135,6 +138,7 @@ var surfaceColorMap = exports.surfaceColorMap = {
|
|
|
135
138
|
'elevation.surface': "var(--ds-surface, #FFFFFF)",
|
|
136
139
|
'elevation.surface.hovered': "var(--ds-surface-hovered, #F0F1F2)",
|
|
137
140
|
'elevation.surface.pressed': "var(--ds-surface-pressed, #DDDEE1)",
|
|
141
|
+
'elevation.surface.container': "var(--ds-surface-container, #F0F1F2)",
|
|
138
142
|
'elevation.surface.overlay': "var(--ds-surface-overlay, #FFFFFF)",
|
|
139
143
|
'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered, #F0F1F2)",
|
|
140
144
|
'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed, #DDDEE1)",
|
|
@@ -149,11 +153,11 @@ var surfaceColorMap = exports.surfaceColorMap = {
|
|
|
149
153
|
|
|
150
154
|
/**
|
|
151
155
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
152
|
-
* @codegen <<SignedSource::
|
|
156
|
+
* @codegen <<SignedSource::ca867a1010665c5ed92cd318dcf507ae>>
|
|
153
157
|
* @codegenId colors
|
|
154
158
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
155
159
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
156
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
160
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::89430472c8668e635450d1233437a9ca>>
|
|
157
161
|
*/
|
|
158
162
|
var borderColorMap = exports.borderColorMap = {
|
|
159
163
|
'color.border': "var(--ds-border, #0B120E24)",
|
|
@@ -176,7 +180,7 @@ var borderColorMap = exports.borderColorMap = {
|
|
|
176
180
|
'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)",
|
|
177
181
|
'color.border.accent.magenta.subtle': "var(--ds-border-accent-magenta-subtle, #F797D2)",
|
|
178
182
|
'color.border.accent.gray': "var(--ds-border-accent-gray, #7D818A)",
|
|
179
|
-
'color.border.accent.gray.subtle': "var(--ds-border-accent-gray-subtle, #
|
|
183
|
+
'color.border.accent.gray.subtle': "var(--ds-border-accent-gray-subtle, #B7B9BE)",
|
|
180
184
|
'color.border.disabled': "var(--ds-border-disabled, #0515240F)",
|
|
181
185
|
'color.border.focused': "var(--ds-border-focused, #4688EC)",
|
|
182
186
|
'color.border.input': "var(--ds-border-input, #8C8F97)",
|
|
@@ -397,14 +401,18 @@ var backgroundColorMap = exports.backgroundColorMap = {
|
|
|
397
401
|
'color.background.information.bold': "var(--ds-background-information-bold, #1868DB)",
|
|
398
402
|
'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #1558BC)",
|
|
399
403
|
'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #144794)",
|
|
404
|
+
'color.skeleton': "var(--ds-skeleton, #0515240F)",
|
|
405
|
+
'color.skeleton.subtle': "var(--ds-skeleton-subtle, #17171708)",
|
|
400
406
|
'color.blanket': "var(--ds-blanket, #050C1F75)",
|
|
401
407
|
'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)",
|
|
402
408
|
'color.blanket.danger': "var(--ds-blanket-danger, #EF5C4814)",
|
|
403
|
-
'color.
|
|
404
|
-
'color.
|
|
409
|
+
'color.rovo.background.brand.bold': "var(--ds-rovo-background-brand-bold, #000000)",
|
|
410
|
+
'color.rovo.background.brand.bold.hovered': "var(--ds-rovo-background-brand-bold-hovered, #1E1F21)",
|
|
411
|
+
'color.rovo.background.brand.bold.pressed': "var(--ds-rovo-background-brand-bold-pressed, #292A2E)",
|
|
405
412
|
'elevation.surface': "var(--ds-surface, #FFFFFF)",
|
|
406
413
|
'elevation.surface.hovered': "var(--ds-surface-hovered, #F0F1F2)",
|
|
407
414
|
'elevation.surface.pressed': "var(--ds-surface-pressed, #DDDEE1)",
|
|
415
|
+
'elevation.surface.container': "var(--ds-surface-container, #F0F1F2)",
|
|
408
416
|
'elevation.surface.overlay': "var(--ds-surface-overlay, #FFFFFF)",
|
|
409
417
|
'elevation.surface.overlay.hovered': "var(--ds-surface-overlay-hovered, #F0F1F2)",
|
|
410
418
|
'elevation.surface.overlay.pressed': "var(--ds-surface-overlay-pressed, #DDDEE1)",
|
|
@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
48
48
|
action: 'clicked',
|
|
49
49
|
componentName: componentName || 'Pressable',
|
|
50
50
|
packageName: "@atlaskit/primitives",
|
|
51
|
-
packageVersion: "19.0.
|
|
51
|
+
packageVersion: "19.0.2",
|
|
52
52
|
analyticsData: analyticsContext,
|
|
53
53
|
actionSubject: 'button'
|
|
54
54
|
});
|
|
@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
86
86
|
action: 'clicked',
|
|
87
87
|
componentName: componentName || 'Pressable',
|
|
88
88
|
packageName: "@atlaskit/primitives",
|
|
89
|
-
packageVersion: "19.0.
|
|
89
|
+
packageVersion: "19.0.2",
|
|
90
90
|
analyticsData: analyticsContext,
|
|
91
91
|
actionSubject: 'button'
|
|
92
92
|
});
|