@atlaskit/primitives 15.0.0 → 15.0.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 +8 -13
- package/constellation/xcss/usage.mdx +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +2 -2
- package/dist/es2019/xcss/style-maps.partial.js +2 -2
- package/dist/esm/xcss/style-maps.partial.js +2 -2
- package/dist/types/xcss/style-maps.partial.d.ts +2 -2
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +2 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 15.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`75ba0401c1743`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75ba0401c1743) -
|
|
8
|
+
Internal changes.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 15.0.0
|
|
4
12
|
|
|
5
13
|
### Major Changes
|
|
@@ -736,7 +744,6 @@
|
|
|
736
744
|
Box no longer supports usage as an anchor tag (`<a>`). Use
|
|
737
745
|
[the Anchor primitive](https://atlassian.design/components/primitives/anchor/examples) instead,
|
|
738
746
|
which is more specialized. This has benefits including:
|
|
739
|
-
|
|
740
747
|
- Built-in event tracking support
|
|
741
748
|
- Default text underlines
|
|
742
749
|
- Automatic router link configuration from `@atlaskit/app-provider`
|
|
@@ -744,7 +751,6 @@
|
|
|
744
751
|
- Warning screen-readers when links open in new windows
|
|
745
752
|
|
|
746
753
|
**Migrating to Anchor**
|
|
747
|
-
|
|
748
754
|
- First consider if another ADS link component such as `@atlaskit/link` is better suited rather
|
|
749
755
|
than building a custom anchor.
|
|
750
756
|
- Anchor has focus ring styles built-in, so remove existing styles including
|
|
@@ -836,7 +842,6 @@
|
|
|
836
842
|
[`80c46fcb18957`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/80c46fcb18957) -
|
|
837
843
|
Increased type safety for `xcss`. In general, non-token values for the following properties are no
|
|
838
844
|
longer allowed:
|
|
839
|
-
|
|
840
845
|
- `margin`
|
|
841
846
|
- `marginBlock`
|
|
842
847
|
- `marginBlockEnd`
|
|
@@ -865,7 +870,6 @@
|
|
|
865
870
|
```
|
|
866
871
|
|
|
867
872
|
A few additional non-token values are still accepted:
|
|
868
|
-
|
|
869
873
|
- `margin`: `'0 auto'` | `'auto'` | `'0'`
|
|
870
874
|
- `marginBlock`: `'auto'` | `'0'`
|
|
871
875
|
- `marginBlockEnd`: `'auto'` | `'0'`
|
|
@@ -963,7 +967,6 @@
|
|
|
963
967
|
Box no longer supports usage as a button. Use
|
|
964
968
|
[the Pressable primitive](https://atlassian.design/components/primitives/pressable/examples)
|
|
965
969
|
instead, which is more specialized and has built-in event tracking support.
|
|
966
|
-
|
|
967
970
|
- Pressable has focus ring styles built-in, so remove existing styles including
|
|
968
971
|
`@atlaskit/focus-ring`
|
|
969
972
|
- Pressable has a default cursor (`cursor: pointer`) built-in, so existing styles can be removed.
|
|
@@ -1080,7 +1083,6 @@
|
|
|
1080
1083
|
- [#110975](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110975)
|
|
1081
1084
|
[`c462a22b33940`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c462a22b33940) -
|
|
1082
1085
|
Removed type hinting for size values in the following properties in XCSS:
|
|
1083
|
-
|
|
1084
1086
|
- blockSize
|
|
1085
1087
|
- height
|
|
1086
1088
|
- inlineSize
|
|
@@ -1127,7 +1129,6 @@
|
|
|
1127
1129
|
- [#108387](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108387)
|
|
1128
1130
|
[`0f3b7b4c63c6d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0f3b7b4c63c6d) -
|
|
1129
1131
|
`xcss`: Restrict valid chained pseudo-selectors a limited subset:
|
|
1130
|
-
|
|
1131
1132
|
- `:visited:active`
|
|
1132
1133
|
- `:active:visited`
|
|
1133
1134
|
- `:hover::before`
|
|
@@ -1353,7 +1354,6 @@
|
|
|
1353
1354
|
`"small"`, `"medium"` (default), and `"large"`.
|
|
1354
1355
|
|
|
1355
1356
|
Migration guide:
|
|
1356
|
-
|
|
1357
1357
|
- `variant="body.small"` -> `size="small"`
|
|
1358
1358
|
- `variant="body"` -> `size="medium"` (Note: Since medium is the default, the size prop can be
|
|
1359
1359
|
omitted here)
|
|
@@ -1797,7 +1797,6 @@
|
|
|
1797
1797
|
- [#39412](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39412)
|
|
1798
1798
|
[`c2e55a9b782`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2e55a9b782) - Adds
|
|
1799
1799
|
surface detection support to the Box primitive:
|
|
1800
|
-
|
|
1801
1800
|
- Enable a `Box` background colour to be set to the `utility.elevation.surface.current` token.
|
|
1802
1801
|
- Internally set the current surface CSS variable value when the background color of a Box is set
|
|
1803
1802
|
to a surface token (e.g. `elevation.surface.raised`).
|
|
@@ -2052,7 +2051,6 @@
|
|
|
2052
2051
|
without writing a dozen lines for just one `display: none` css rule.
|
|
2053
2052
|
|
|
2054
2053
|
Additionally:
|
|
2055
|
-
|
|
2056
2054
|
- Adds some further examples, tests, and VRs.
|
|
2057
2055
|
- Tweaks some internals around building these reusable media query maps.
|
|
2058
2056
|
|
|
@@ -2331,12 +2329,10 @@
|
|
|
2331
2329
|
- [#32296](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32296)
|
|
2332
2330
|
[`4d19bdd2218`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4d19bdd2218) -
|
|
2333
2331
|
**Inline**:
|
|
2334
|
-
|
|
2335
2332
|
- `space` prop now accepts values in the form `space.XXX`. For example: `space="space.100"`.
|
|
2336
2333
|
- `rowSpace` prop now accepts values in the form `space.XXX`. For example: `rowSpace="space.100"`.
|
|
2337
2334
|
|
|
2338
2335
|
**Stack**:
|
|
2339
|
-
|
|
2340
2336
|
- `space` prop now accepts values in the form `space.XXX`. For example: `space="space.100"`.
|
|
2341
2337
|
|
|
2342
2338
|
## 0.7.1
|
|
@@ -2353,7 +2349,6 @@
|
|
|
2353
2349
|
|
|
2354
2350
|
- [#31841](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31841)
|
|
2355
2351
|
[`7e17a8b8934`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e17a8b8934) - Box:
|
|
2356
|
-
|
|
2357
2352
|
- Add xcss prop to enable token powered styling.
|
|
2358
2353
|
|
|
2359
2354
|
## 0.6.0
|
|
@@ -15,7 +15,7 @@ import SectionMessage from '@atlaskit/section-message';
|
|
|
15
15
|
</SectionMessage>
|
|
16
16
|
|
|
17
17
|
XCSS is an Atlassian Design System styling API that natively integrates with Atlassian's
|
|
18
|
-
[design tokens](/tokens) and [primitives](/components/primitives/overview).
|
|
18
|
+
[design tokens](/foundations/tokens) and [primitives](/components/primitives/overview).
|
|
19
19
|
|
|
20
20
|
To ensure future compliance with XCSS as it evolves over time, we highly recommend you enable our
|
|
21
21
|
ESLint plugins and adhere to the
|
|
@@ -474,11 +474,11 @@ var layerMap = exports.layerMap = {
|
|
|
474
474
|
|
|
475
475
|
/**
|
|
476
476
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
477
|
-
* @codegen <<SignedSource::
|
|
477
|
+
* @codegen <<SignedSource::a9118f8ed93d943746fd7e932ce5a639>>
|
|
478
478
|
* @codegenId border
|
|
479
479
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
480
480
|
* @codegenParams ["width", "radius"]
|
|
481
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
481
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::45e4ecb92a72445f508219ea6a5f056a>>
|
|
482
482
|
*/
|
|
483
483
|
var borderWidthMap = exports.borderWidthMap = {
|
|
484
484
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -469,11 +469,11 @@ export const layerMap = {
|
|
|
469
469
|
|
|
470
470
|
/**
|
|
471
471
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
472
|
-
* @codegen <<SignedSource::
|
|
472
|
+
* @codegen <<SignedSource::a9118f8ed93d943746fd7e932ce5a639>>
|
|
473
473
|
* @codegenId border
|
|
474
474
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
475
475
|
* @codegenParams ["width", "radius"]
|
|
476
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
476
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::45e4ecb92a72445f508219ea6a5f056a>>
|
|
477
477
|
*/
|
|
478
478
|
export const borderWidthMap = {
|
|
479
479
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -469,11 +469,11 @@ export var layerMap = {
|
|
|
469
469
|
|
|
470
470
|
/**
|
|
471
471
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
472
|
-
* @codegen <<SignedSource::
|
|
472
|
+
* @codegen <<SignedSource::a9118f8ed93d943746fd7e932ce5a639>>
|
|
473
473
|
* @codegenId border
|
|
474
474
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
475
475
|
* @codegenParams ["width", "radius"]
|
|
476
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
476
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::45e4ecb92a72445f508219ea6a5f056a>>
|
|
477
477
|
*/
|
|
478
478
|
export var borderWidthMap = {
|
|
479
479
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -493,11 +493,11 @@ export type Layer = keyof typeof layerMap;
|
|
|
493
493
|
*/
|
|
494
494
|
/**
|
|
495
495
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
496
|
-
* @codegen <<SignedSource::
|
|
496
|
+
* @codegen <<SignedSource::a9118f8ed93d943746fd7e932ce5a639>>
|
|
497
497
|
* @codegenId border
|
|
498
498
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
499
499
|
* @codegenParams ["width", "radius"]
|
|
500
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
500
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::45e4ecb92a72445f508219ea6a5f056a>>
|
|
501
501
|
*/
|
|
502
502
|
export declare const borderWidthMap: {
|
|
503
503
|
'border.width': 'var(--ds-border-width)';
|
|
@@ -493,11 +493,11 @@ export type Layer = keyof typeof layerMap;
|
|
|
493
493
|
*/
|
|
494
494
|
/**
|
|
495
495
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
496
|
-
* @codegen <<SignedSource::
|
|
496
|
+
* @codegen <<SignedSource::a9118f8ed93d943746fd7e932ce5a639>>
|
|
497
497
|
* @codegenId border
|
|
498
498
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
499
499
|
* @codegenParams ["width", "radius"]
|
|
500
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
500
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::45e4ecb92a72445f508219ea6a5f056a>>
|
|
501
501
|
*/
|
|
502
502
|
export declare const borderWidthMap: {
|
|
503
503
|
'border.width': 'var(--ds-border-width)';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "15.0.
|
|
3
|
+
"version": "15.0.1",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -138,10 +138,10 @@
|
|
|
138
138
|
"@atlaskit/ds-lib": "^5.1.0",
|
|
139
139
|
"@atlaskit/interaction-context": "^3.1.0",
|
|
140
140
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
141
|
-
"@atlaskit/tokens": "^
|
|
141
|
+
"@atlaskit/tokens": "^7.0.0",
|
|
142
142
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
143
143
|
"@babel/runtime": "^7.0.0",
|
|
144
|
-
"@compiled/react": "^0.18.
|
|
144
|
+
"@compiled/react": "^0.18.6",
|
|
145
145
|
"@emotion/react": "^11.7.1",
|
|
146
146
|
"@emotion/serialize": "^1.1.0",
|
|
147
147
|
"bind-event-listener": "^3.0.0",
|
|
@@ -159,9 +159,9 @@
|
|
|
159
159
|
"@atlaskit/button": "^23.5.0",
|
|
160
160
|
"@atlaskit/checkbox": "^17.1.0",
|
|
161
161
|
"@atlaskit/code": "^17.2.0",
|
|
162
|
-
"@atlaskit/docs": "^11.
|
|
162
|
+
"@atlaskit/docs": "^11.2.0",
|
|
163
163
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
164
|
-
"@atlaskit/flag": "^17.
|
|
164
|
+
"@atlaskit/flag": "^17.5.0",
|
|
165
165
|
"@atlaskit/form": "^14.2.0",
|
|
166
166
|
"@atlaskit/heading": "^5.2.0",
|
|
167
167
|
"@atlaskit/icon": "^28.5.0",
|