@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 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::dc59452c62abcdabe4029b664d7037e1>>
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::c4d3b4472a9cb61697f29cba3433c11f>>
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::dc59452c62abcdabe4029b664d7037e1>>
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::c4d3b4472a9cb61697f29cba3433c11f>>
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::dc59452c62abcdabe4029b664d7037e1>>
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::c4d3b4472a9cb61697f29cba3433c11f>>
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::dc59452c62abcdabe4029b664d7037e1>>
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::c4d3b4472a9cb61697f29cba3433c11f>>
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::dc59452c62abcdabe4029b664d7037e1>>
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::c4d3b4472a9cb61697f29cba3433c11f>>
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.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": "^6.5.0",
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.3",
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.1.0",
162
+ "@atlaskit/docs": "^11.2.0",
163
163
  "@atlaskit/dropdown-menu": "^16.3.0",
164
- "@atlaskit/flag": "^17.4.0",
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",