@atlaskit/primitives
Version:
Primitives are token-backed low-level building blocks.
1,561 lines (1,016 loc) • 105 kB
Markdown
# @atlaskit/primitives
## 22.2.1
### Patch Changes
- [`fe3a9586700ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe3a9586700ef) - ##
Add named exports for primitives subpath components while preserving default exports.
This update expands API availability for several component subpaths without breaking existing
imports. Default imports continue to work, and named imports are now supported in the same
entry-points.
### What changed
The following public subpaths now support both default and named imports:
- `@atlaskit/primitives/anchor`
- `@atlaskit/primitives/flex`
- `@atlaskit/primitives/inline`
- `@atlaskit/primitives/metric-text`
- `@atlaskit/primitives/pressable`
- `@atlaskit/primitives/stack`
- `@atlaskit/primitives/text`
### Compatibility
Existing default imports remain valid:
```ts
import Text from '@atlaskit/primitives/text';
import Pressable from '@atlaskit/primitives/pressable';
import Anchor from '@atlaskit/primitives/anchor';
```
Named imports are also supported:
```ts
import { Text } from '@atlaskit/primitives/text';
import { Pressable } from '@atlaskit/primitives/pressable';
import { Anchor } from '@atlaskit/primitives/anchor';
```
### Notes
- Package root named imports remain valid.
- `@atlaskit/primitives/box` continues to support a default import via its dedicated entry-point.
```ts
import { Text, Pressable, Anchor } from '@atlaskit/primitives';
```
## 22.2.0
### Minor Changes
- [`7044faff2ad80`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7044faff2ad80) -
Internal refactor to improve tree-shaking. There should be no change to consumers.
## 22.1.1
### Patch Changes
- [`c6fd2ecdc1056`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c6fd2ecdc1056) -
Add Pressable button motion guidance
## 22.1.0
### Minor Changes
- [`b1453699ad8be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b1453699ad8be) -
Add semantic code syntax tokens:
- `color.background.code.default`
- `color.background.code.gutter`
- `color.background.code.highlight`
- `color.background.code.added.line`
- `color.background.code.added.highlight`
- `color.background.code.removed.line`
- `color.background.code.removed.highlight`
- `color.border.code`
- `color.text.code.default`
- `color.text.code.comments`
- `color.text.code.operators`
- `color.text.code.keywords`
- `color.text.code.strings`
- `color.text.code.numbers`
- `color.text.code.functions`
- `color.text.code.tags`
- `color.text.code.accent.1`
- `color.text.code.accent.2`
- `color.text.code.gutter`
```tsx
import { token } from '@atlaskit/tokens';
const keywordColor = token('color.text.code.keywords', '#AE2E24');
// Or via CSS variable: var(--ds-text-code-keywords)
```
Update `BackgroundColorToken` to support the new code background tokens.
### Patch Changes
- Updated dependencies
## 22.0.0
### Major Changes
- [`ef6d52b95e6db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef6d52b95e6db) -
Narrowed xcss font property types to only accept tokens and global values.
### Patch Changes
- Updated dependencies
## 21.0.1
### Patch Changes
- Updated dependencies
## 21.0.0
### Major Changes
- [`72302be55bf7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72302be55bf7a) -
Narrowed xcss font property types to only accept tokens and global values.
### Patch Changes
- Updated dependencies
## 20.6.0
### Minor Changes
- [`c98e0cf5cc4f6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c98e0cf5cc4f6) -
Autofix: add explicit package exports (barrel removal)
## 20.5.0
### Minor Changes
- [`2f56c78f969b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2f56c78f969b8) -
Update i18n NPM package versions for teamwork-graph (Group 16)
### Patch Changes
- Updated dependencies
## 20.4.0
### Minor Changes
- [`eda41efb5e798`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eda41efb5e798) -
Add React 19 as supported peer dependency.
## 20.3.0
### Minor Changes
- [`8f588905041f4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f588905041f4) -
Add two new interaction-state tokens for the neutral container surface:
`elevation.surface.container.hovered` and `elevation.surface.container.pressed`. Use these for
hovered and pressed states of elements built on `elevation.surface.container`.
### Patch Changes
- Updated dependencies
## 20.2.1
### Patch Changes
- [`86c21c639404f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/86c21c639404f) -
Run `scoped-jsx` codemod, migrating atlaskit components and examples to import the JSX type from
React and use logical CSS properties. The change is required for components to be compatible with
React 19 version, which removed JSX from global scope.
## 20.2.0
### Minor Changes
- [`a02bbdc5849e2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a02bbdc5849e2) -
Promote compiled Flex and Grid primitives to general availability.
### Patch Changes
- Updated dependencies
## 20.1.0
### Minor Changes
- [`cd097a2111788`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd097a2111788) -
Republish packages depending on `@atlaskit/react-compiler-gating` so their published dependency
reference is updated to the renamed `@atlaskit/react-compiler-gating` scope.
The earlier rename of `@atlassian/react-compiler-gating` to `@atlaskit/react-compiler-gating` only
bumped the renamed package itself, so dependent packages were never republished and their
published versions still referenced the old `@atlassian/react-compiler-gating` name, which is not
available in the public npm registry. This minor bump republishes all affected packages with the
corrected dependency.
### Patch Changes
- Updated dependencies
## 20.0.1
### Patch Changes
- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
Add @atlaskit/react-compiler-gating as a runtime dependency to enable React Compiler platform
gating.
- Updated dependencies
## 20.0.0
### Major Changes
- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
```diff
- "typesVersions": {
- ">=4.5 <4.9": {
- "*": [
- "dist/types-ts4.5/*",
- "dist/types-ts4.5/index.d.ts"
- ]
- }
- },
```
### Patch Changes
- Updated dependencies
## 19.0.2
### Patch Changes
- [`71fee8de88abc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71fee8de88abc) -
Added new design tokens to support the Lozenge / Tag / Badge visual uplift:
**15 new `color.border.*.subtle` tokens** for decorative borders that do not need to meet 3:1
contrast requirements:
- 5 semantic: `danger`, `warning`, `success`, `discovery`, `information` (no `neutral.subtle` —
the default `color.border` already serves this case)
- 10 accent: `red`, `orange`, `yellow`, `lime`, `green`, `teal`, `blue`, `purple`, `magenta`,
`gray`
- Light theme maps to Color300; dark theme maps to Color800 (DarkNeutral400 for `accent.gray`)
**5 new `color.background.*.subtle` tokens** for non-interactive elements (e.g. semantic badges,
status pills, callout chips):
- `danger`, `success`, `discovery`, `information` — light theme maps to Color300, dark theme maps
to Color800
- `warning` — light theme maps to Orange250, dark theme maps to Orange850 (different stops because
Orange300 is already used by `warning.bold`)
Note: `color.background.*.subtle` is intentionally non-interactive only — no `.hovered` or
`.pressed` variants are provided. For interactive surfaces, use `color.background.<semantic>.bold`
or `color.background.<semantic>.subtler` instead.
- Updated dependencies
## 19.0.1
### Patch Changes
- [`79f04a5184ece`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/79f04a5184ece) -
Apply a couple of minor fixes to the stage 1 codemod transform
## 19.0.0
### Major Changes
- [`72017386a0120`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72017386a0120) -
Remove the deprecated `UNSAFE_small` size for the Text primitive. Please migrate any remaining
usages to `small`.
### Patch Changes
- Updated dependencies
## 18.1.4
### Patch Changes
- Updated dependencies
## 18.1.3
### Patch Changes
- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
Enrol all Design System UI packages into the React Compiler with platform gating via
isReactCompilerActivePlatform.
- Updated dependencies
## 18.1.2
### Patch Changes
- [`e2085d35701ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2085d35701ca) -
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
- Updated dependencies
## 18.1.1
### Patch Changes
- [`08170da1fbf62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08170da1fbf62) -
Migrate spacing prop usages on icons to Flex wrapper
- Updated dependencies
## 18.1.0
### Minor Changes
- [`fea273dfe3229`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fea273dfe3229) -
Autofix: add explicit package exports (barrel removal)
## 18.0.2
### Patch Changes
- Updated dependencies
## 18.0.1
### Patch Changes
- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
Internal refactoring
- Updated dependencies
## 18.0.0
### Major Changes
- [`2abd451d54eb2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2abd451d54eb2) -
Removes atlassian-legacy-light/dark color themes from the tokens package. These themes are unused
and non-functional in terms of color contrast. As a result some primitive components may recieve
modern fallback color values in some scenarios, however these are inline with the latest token
themes.
### Patch Changes
- Updated dependencies
## 17.1.1
### Patch Changes
- [`f111803c4e253`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f111803c4e253) -
Updating typography fallbacks to refreshed typography values as the deprecated legacy typography
theme has been removed.
- Updated dependencies
## 17.1.0
### Minor Changes
- [`f9c6c17de4114`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f9c6c17de4114) -
Cleaning up platform_migrate_to_native_box and removing codegen Box
## 17.0.0
### Major Changes
- [`55546332d4ef4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/55546332d4ef4) -
Restricted `borderRadius` xcss and cssMap types to only accept tokens, 0, and "inherit".
Restricted `borderWidth` types to only accept tokens and 0. Previously any string was allowed,
this is no longer the case and will throw a type error.
### Patch Changes
- Updated dependencies
## 16.4.4
### Patch Changes
- [`8f904ca860b20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f904ca860b20) -
Fixed codegen script not respecting manual changes in partially codegen'd files.
- Updated dependencies
## 16.4.3
### Patch Changes
- Updated dependencies
## 16.4.2
### Patch Changes
- [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
Internal refactors to remove unused variables. No functional or public changes.
- Updated dependencies
## 16.4.1
### Patch Changes
- [`0d73beb2f9401`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d73beb2f9401) -
Added `fontVariantNumeric` as an allowed property to Text's `xcss` prop to allow for tabular
numbers and slashed zeros. This is only available to the Compiled version of the Text component.
## 16.4.0
### Minor Changes
- [`e45f66913297e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e45f66913297e) -
Import emotion box into Forge UI Kit library
## 16.3.0
### Minor Changes
- [`644c0f593ae62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/644c0f593ae62) -
Adds background color tokens to types.
- [`644c0f593ae62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/644c0f593ae62) -
Adds new semantic background and text tokens.
**Background Tokens (`background.[semantics].subtler.*`):**
Added `subtler` variants for semantic background colors with default, hovered, and pressed states:
- `background.success.subtler.[default|hovered|pressed]`
- `background.warning.subtler.[default|hovered|pressed]`
- `background.danger.subtler.[default|hovered|pressed]`
- `background.information.subtler.[default|hovered|pressed]`
- `background.discovery.subtler.[default|hovered|pressed]`
**Text Tokens (`text.[semantics].bolder`):**
Added `bolder` variants for semantic text colors to ensure proper contrast on colored backgrounds:
- `text.success.bolder`
- `text.warning.bolder`
- `text.danger.bolder`
- `text.information.bolder`
- `text.discovery.bolder`
### Patch Changes
- Updated dependencies
## 16.2.0
### Minor Changes
- [`d50ecf8e02d28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d50ecf8e02d28) -
Added `radius.xxlarge` token available for borderRadius in `xcss`.
### Patch Changes
- Updated dependencies
## 16.1.1
### Patch Changes
- Updated dependencies
## 16.1.0
### Minor Changes
- [`c9b86863a2583`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c9b86863a2583) -
The Focusable component now resets the outline style when the element matches the pseudo-class
`:focus` but not `:focus-visible`. This is to ensure the focus ring is not applied when it should
not be. Some apps have global styles targeting all buttons and anchors, adding an outline on
`:focus`. This will unset that style.
This change was previously behind a feature flag, which has now been removed.
## 16.0.2
### Patch Changes
- [`cd77e341e3aa0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cd77e341e3aa0) -
Mark `xcss()` as deprecated. Please use `@atlaskit/css` with `@atlaskit/primitives/compiled`
instead.
## 16.0.1
### Patch Changes
- [`e336b1e1861e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e336b1e1861e5) -
ts-expect-error was replaced with ts-ignore to fix typecheck issues with help-center local
consumption
## 16.0.0
### Major Changes
- [`64bcecfcb59ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/64bcecfcb59ac) -
MetricText no longer accepts emotion-based xcss props only @atlaskit/css compiled-based props as
per the Compiled variant API.
### Patch Changes
- Updated dependencies
## 15.0.1
### Patch Changes
- [`75ba0401c1743`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75ba0401c1743) -
Internal changes.
- Updated dependencies
## 15.0.0
### Major Changes
- [`d65b31774de31`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d65b31774de31) -
Removed deprecated border radius and border width tokens from xcss type.
### Patch Changes
- Updated dependencies
## 14.15.5
### Patch Changes
- [`9d6e4b66e81f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9d6e4b66e81f9) -
Internal changes.
- Updated dependencies
## 14.15.4
### Patch Changes
- [`437668dfbdec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/437668dfbdec9) -
Add explicit types to a number of DST components
- Updated dependencies
## 14.15.3
### Patch Changes
- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
add type info to forwardRef components
- Updated dependencies
## 14.15.2
### Patch Changes
- [`c72a8190e4e4f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c72a8190e4e4f) -
add types to generated code for tokens
- Updated dependencies
## 14.15.1
### Patch Changes
- [`d92f75f49b03f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d92f75f49b03f) -
added type definitions to return type of generated code
- Updated dependencies
## 14.15.0
### Minor Changes
- [`fe9321ccb4bd7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe9321ccb4bd7) -
The Focusable component now resets the `outline` style when the element matches the pseudo-class
`:focus` but not `:focus-visible`. This is to ensure the focus ring is not applied when it should
not be. Some apps have global styles targeting all buttons and anchors, adding an `outline` on
`:focus`. This will unset that style.
This change is behind a feature flag.
### Patch Changes
- Updated dependencies
## 14.14.3
### Patch Changes
- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
Internal changes to how borders are applied.
## 14.14.2
### Patch Changes
- [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
Internal changes to how borders are applied.
- Updated dependencies
## 14.14.1
### Patch Changes
- [`e5f0ae472aa1f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5f0ae472aa1f) -
Fix issue with positioning in the anchor primitive.
## 14.14.0
### Minor Changes
- [`d4a45d8562c6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4a45d8562c6d) -
Added `radius.tile` token to be used exclusively for creating tiles.
### Patch Changes
- Updated dependencies
## 14.13.0
### Minor Changes
- [`b2cbc15f17d6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2cbc15f17d6a) -
Added `radius.tile` token to be used exclusively for creating tiles.
### Patch Changes
- Updated dependencies
## 14.12.3
### Patch Changes
- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
Internal changes to how border radius is applied.
- Updated dependencies
## 14.12.2
### Patch Changes
- [`23bcc5bbc9cee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/23bcc5bbc9cee) -
Internal changes to how border radius is applied.
- Updated dependencies
## 14.12.1
### Patch Changes
- [`3b5b4a919aaaf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b5b4a919aaaf) -
Internal changes to how border radius is applied.
- Updated dependencies
## 14.12.0
### Minor Changes
- [`fcd8f46058cd2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fcd8f46058cd2) -
Added new border radius tokens available via xcss.
### Patch Changes
- Updated dependencies
## 14.11.4
### Patch Changes
- [`31c57f650ba07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31c57f650ba07) -
Improving tests for server side rendering and hydration
- Updated dependencies
## 14.11.3
### Patch Changes
- Updated dependencies
## 14.11.2
### Patch Changes
- [#193601](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193601)
[`d5503d3fc3717`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d5503d3fc3717) -
Fix issue with positioning in the anchor primitive.
## 14.11.1
### Patch Changes
- [#193214](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193214)
[`c661806a65543`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c661806a65543) -
Internal changes to how border radius and border width values are applied. No visual change.
- Updated dependencies
## 14.11.0
### Minor Changes
- [#192701](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/192701)
[`4d5732a51de3b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4d5732a51de3b) -
Flex, Inline, and Stack now support passing through native ARIA attributes.
- [#193136](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193136)
[`deefc1d6ebaa6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/deefc1d6ebaa6) -
[ux] Added HTML id attribute to Flex and Flex-based primitives
## 14.10.2
### Patch Changes
- Updated dependencies
## 14.10.1
### Patch Changes
- [#188952](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188952)
[`1a88e6e2601ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a88e6e2601ae) -
Migrated usage of renamed/deprecated icons
## 14.10.0
### Minor Changes
- [#177956](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177956)
[`124aac4a851f1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/124aac4a851f1) -
Added MetricText component which provides a convenient way to consume new metric typography tokens
for charts and other numerical components. Made metric tokens available in xcss via the font
shorthand property.
### Patch Changes
- Updated dependencies
## 14.9.0
### Minor Changes
- [#172429](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172429)
[`324162357eb4d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/324162357eb4d) -
Added MetricText component which provides a convenient way to consume new metric typography tokens
for charts and other numerical components. Made metric tokens available in xcss via the font
shorthand property.
### Patch Changes
- Updated dependencies
## 14.8.4
### Patch Changes
- [#165533](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/165533)
[`7c5aef443de8b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7c5aef443de8b) -
Updates codemod logic for the stage1 migration to account for various edge-cases
## 14.8.3
### Patch Changes
- Updated dependencies
## 14.8.2
### Patch Changes
- [#160530](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160530)
[`6e9dfd5a51384`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e9dfd5a51384) -
Export `Show` and `Hide` responsive components from the `/compiled` entrypoint.
## 14.8.1
### Patch Changes
- [#155802](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155802)
[`08019848e3eab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08019848e3eab) -
Refreshed "issue" terminology.
- Updated dependencies
## 14.8.0
### Minor Changes
- [#157071](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/157071)
[`a149a0b1559ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a149a0b1559ec) -
We are testing the migration to the ADS Link component behind a feature flag. If this fix is
successful it will be available in a later release.
### Patch Changes
- Updated dependencies
## 14.7.3
### Patch Changes
- [#154215](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/154215)
[`eccacf87bc9e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eccacf87bc9e5) -
Tweaks formatting behaviour of the stage1 compiled codemod
## 14.7.2
### Patch Changes
- [#152840](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152840)
[`c6830ce5e4911`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c6830ce5e4911) -
Fix bug in `compiled-fork-stage1` codemod in which deprecated Pressable props were not being moved
into the `xcss` prop.
## 14.7.1
### Patch Changes
- [#148964](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148964)
[`79dddcb8a67c0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/79dddcb8a67c0) -
Add tabindex="0" to Pressable for Safari so that click events are fired
- Updated dependencies
## 14.7.0
### Minor Changes
- [#146876](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146876)
[`1f9d7feceff9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1f9d7feceff9f) -
Removed deprecated unsafe anchor and unsafe anchor props.
## 14.6.0
### Minor Changes
- [#148632](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148632)
[`9dd484b8a47eb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9dd484b8a47eb) -
Make `<Pressable backgroundColor>` and `<Anchor backgroundColor>` a deprecated prop to ease the
migration to `@atlaskit/primitives/compiled` as including a `backgroundColor` style map for this
component is a large bytesize impact and it may lead to bad patterns as you should typically also
have `backgroundColor` changes in `&:hover` and `&:focus` states.
### Patch Changes
- Updated dependencies
## 14.5.0
### Minor Changes
- [#148288](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/148288)
[`c31c2fb751ae5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c31c2fb751ae5) -
Add `backgroundColor` back to `props.style` and `props.xcss` for `Box` from
`@atlaskit/primitives/compiled` to have a more iterative migration, but we still prefer the
`props.backgroundColor` value.
## 14.4.0
### Minor Changes
- [#138526](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138526)
[`1c66b8e32f30a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1c66b8e32f30a) -
[ux] Removed feature flag `platform-typography-improved-color-control` resulting in automatic
color inversion based on bold surfaces will only affect the default color.
## 14.3.3
### Patch Changes
- [#138465](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138465)
[`5349bc88cca65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5349bc88cca65) -
Fix outlineOffset types in XCSS.
## 14.3.2
### Patch Changes
- [#138447](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138447)
[`0f50e1e11be49`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f50e1e11be49) -
Bugfix to `compiled-fork-stage1` codemod's handling of Grid props.
## 14.3.1
### Patch Changes
- [#137814](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137814)
[`d2a58e04ac617`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2a58e04ac617) -
Fix bug in `compiled-fork-stage1` codemod in which Grid props would be transformed despite having
`xcss` prop.
## 14.3.0
### Minor Changes
- [#135655](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/135655)
[`71f8afb32ade5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71f8afb32ade5) -
Anchor will no longer render as a RouterLink for urls that use the blob: protocol.
### Patch Changes
- Updated dependencies
## 14.2.3
### Patch Changes
- [#133540](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/133540)
[`606c6a34e6c24`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/606c6a34e6c24) -
Fix type of `separator` in the Compiled variant of Inline.
## 14.2.2
### Patch Changes
- [#127093](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/127093)
[`1378ea7a99ce1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1378ea7a99ce1) -
Upgrades `jscodeshift` to handle generics properly.
- Updated dependencies
## 14.2.1
### Patch Changes
- [#129972](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129972)
[`b2d69a39e6687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2d69a39e6687) -
Update `@compiled/react` dependency for improved type checking support.
- Updated dependencies
## 14.2.0
### Minor Changes
- [#128868](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128868)
[`b24df558e8edb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b24df558e8edb) -
Introduces codemod to support the first stage of the compiled migration. This codemod only
migrates to the compiled variant if xcss is not used
## 14.1.4
### Patch Changes
- [#124329](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/124329)
[`b0d988fe689d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b0d988fe689d9) -
Consolidate ADS themes by adding the icon.color.subtlest with the value equal to icon.color.subtle
to non-brand-refresh themes
- Updated dependencies
## 14.1.3
### Patch Changes
- Updated dependencies
## 14.1.2
### Patch Changes
- [#119650](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119650)
[`51704d016e269`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51704d016e269) -
Fix typo in documentation.
## 14.1.1
### Patch Changes
- [#119116](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/119116)
[`96ff1753a7299`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/96ff1753a7299) -
Update dependencies and remove unused internal exports.
## 14.1.0
### Minor Changes
- [#118121](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/118121)
[`4850fa1a503ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4850fa1a503ba) -
[ux] Automatic color inversion based on bold surfaces will only affect the default color behind a
feature flag. If testing successful, this change will be made available in a later release.
### Patch Changes
- Updated dependencies
## 14.0.0
### Major Changes
- [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
[`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
status of only supporting React 18 going forward. No explicit breaking change to React support has
been made in this release, but this is to signify going forward, breaking changes for React 16 or
React 17 may come via non-major semver releases.
Please refer this community post for more details:
https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
### Patch Changes
- Updated dependencies
## 13.6.0
### Minor Changes
- [#116138](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116138)
[`b50c5d5d65ae2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b50c5d5d65ae2) -
Bump to the latest version of @compiled/react
### Patch Changes
- Updated dependencies
## 13.5.1
### Patch Changes
- [#115124](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115124)
[`b6dd4e0fcdd67`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6dd4e0fcdd67) -
Added support for style overrides of `overflowWrap` and `textDecorationLine` for the compiled
version of Text.
## 13.5.0
### Minor Changes
- [#112172](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112172)
[`54699aa47995b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/54699aa47995b) -
[ux] Removed feature flag `platform-primitives-nested-text-inherit-size` resulting in Text to
inherit size when nested in other Text component.
## 13.4.1
### Patch Changes
- Updated dependencies
## 13.4.0
### Minor Changes
- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
[`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
Update `React` from v16 to v18
### Patch Changes
- Updated dependencies
## 13.3.8
### Patch Changes
- [#103999](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103999)
[`9f62ecec4d422`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9f62ecec4d422) -
Update dependencies.
## 13.3.7
### Patch Changes
- Updated dependencies
## 13.3.6
### Patch Changes
- [#99467](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99467)
[`118e81bbb4659`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/118e81bbb4659) -
Internal changes to typography.
## 13.3.5
### Patch Changes
- [#180173](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/180173)
[`6be28a4ed15b1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6be28a4ed15b1) -
Fixing label text for compiled/anchor to be 1:1 with primitive as part of compiled migration
## 13.3.4
### Patch Changes
- [#178771](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178771)
[`77f2655aef31d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77f2655aef31d) -
Fixing label text for compiled/anchor to be 1:1 with primitive as part of compiled migration
## 13.3.3
### Patch Changes
- [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053)
[`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) -
Internal changes to typography.
## 13.3.2
### Patch Changes
- [#175552](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/175552)
[`0384c8ac8996a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0384c8ac8996a) -
Narrow down fontStyle type definition to only allow `normal` and `italic`.
## 13.3.1
### Patch Changes
- Updated dependencies
## 13.3.0
### Minor Changes
- [#165860](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165860)
[`c2dec1ca710f3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c2dec1ca710f3) -
Adds an experimental Focusable component under the Compiled entrypoint, which requires a specific
setup.
## 13.2.0
### Minor Changes
- [#162507](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/162507)
[`55f201f2b2d04`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/55f201f2b2d04) -
[ux] Text to inherit size when nested in other Text component behind a feature flag. If testing
successful, this change will be made available in a later release.
## 13.1.0
### Minor Changes
- [#161694](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161694)
[`22f69cdefebd9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22f69cdefebd9) -
Add compiled.css sideEffect to @atlaskit/primitives to hint and fix bundlers to load these styles
## 13.0.0
### Major Changes
- [#158114](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158114)
[`01676a379617b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/01676a379617b) -
This generates a new entrypoint for opt-in to Compiled through `@atlaskit/primitives/compiled`.
No documentation is currently available on how to use this, and this is for internal testing, use
at your own risk.
Possibly BREAKING: In theory, this could have an impact depending on your bundling setup due to
newly distributed `dist/cjs/compiled/box.compiled.css` type files—the most notable impact is in an
extreme, Webpack may error if it was not expecting `*.css` files (and then these files could be
ignored for now following future updates), _or_ are included but not used, increasing
client-facing bundle size.
### Minor Changes
- [#158114](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158114)
[`01676a379617b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/01676a379617b) -
Remove the UNSAFE_SurfaceContext export which was temporarily used internally and not documented
for public use.
## 12.2.7
### Patch Changes
- [#155472](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/155472)
[`3d80f6ab74b68`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3d80f6ab74b68) -
Add zIndex: 1 to XCSS layer API.
## 12.2.6
### Patch Changes
- Updated dependencies
## 12.2.5
### Patch Changes
- [#150360](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150360)
[`284490a8c1813`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/284490a8c1813) -
Update codegen script to output into primitives-emotion-to-compiled codemod.
## 12.2.4
### Patch Changes
- Updated dependencies
## 12.2.3
### Patch Changes
- [#148281](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148281)
[`3c4de48168ffe`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c4de48168ffe) -
Update the import path of `useId*` from `@atlaskit/ds-lib`
- Updated dependencies
## 12.2.2
### Patch Changes
- [#146405](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146405)
[`a92a52978058c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a92a52978058c) -
Exports a temporary UNSAFE_SurfaceContext export that may be removed in a future minor version to
decouple Compiled migrations from Primitives
## 12.2.1
### Patch Changes
- Updated dependencies
## 12.2.0
### Minor Changes
- [#143323](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143323)
[`4fdf6347eb506`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4fdf6347eb506) -
Add new entrypoint called "use-layout-effect" to ds-lib and use it inside primitives pkg.
### Patch Changes
- Updated dependencies
## 12.1.2
### Patch Changes
- Updated dependencies
## 12.1.1
### Patch Changes
- [#137821](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137821)
[`94620325283df`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/94620325283df) -
Remove `react-uid` and use an ID generator that is compatible with React16 and React 18; Strict
React 18 behind a flag.
## 12.1.0
### Minor Changes
- [`e0c305a0be2ce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e0c305a0be2ce) -
Added support for typography tokens to XCSS.
## 12.0.1
### Patch Changes
- Updated dependencies
## 12.0.0
### Major Changes
- [#128232](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128232)
[`c97dfe9e5b27d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c97dfe9e5b27d) -
Box no longer supports usage as an anchor tag (`<a>`). Use
[the Anchor primitive](https://atlassian.design/components/primitives/anchor/examples) instead,
which is more specialized. This has benefits including:
- Built-in event tracking support
- Default text underlines
- Automatic router link configuration from `@atlaskit/app-provider`
- Built-in accessible focus styles
- Warning screen-readers when links open in new windows
**Migrating to Anchor**
- First consider if another ADS link component such as `@atlaskit/link` is better suited rather
than building a custom anchor.
- Anchor has focus ring styles built-in, so remove existing styles including
`@atlaskit/focus-ring`.
- Anchor has a default cursor (`cursor: pointer`), so existing styles can be removed.
- Anchor has a default link underline, so an existing style can be removed.
**Before migration**
```tsx
import { Box, xcss } from '@atlaskit/primitives';
import FocusRing from '@atlaskit/focus-ring';
const anchorStyles = xcss({
cursor: 'pointer',
color: 'color.link',
textDecoration: 'underline',
});
const MyApp = () => (
<FocusRing>
<Box as="a" href="/foo" xcss={anchorStyles}>
Hello
</Box>
</FocusRing>
);
```
**After migration**
```tsx
import { Anchor, xcss } from '@atlaskit/primitives';
const anchorStyles = xcss({
color: 'color.link',
});
const MyApp = () => (
<Anchor href="/foo" xcss={anchorStyles}>
Hello
</Anchor>
);
```
## 11.1.2
### Patch Changes
- Updated dependencies
## 11.1.1
### Patch Changes
- [#126649](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126649)
[`24092d9f293a1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/24092d9f293a1) -
Removed development warnings from JSDoc comment for Anchor primitive.
## 11.1.0
### Minor Changes
- [#123719](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123719)
[`4de823258d64a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4de823258d64a) -
Added `dl` as a valid polymorphic element for both the `Inline` and `Stack` primitives.
## 11.0.2
### Patch Changes
- [#120336](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120336)
[`62381baf0d2e1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/62381baf0d2e1) -
Update 'opens new window' for anchor and link with a nicer AT announcement
## 11.0.1
### Patch Changes
- [#119548](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119548)
[`c99cce707b5cb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c99cce707b5cb) -
The separator prop in the inline component has had its type expanded to `ReactNode`.
- Updated dependencies
## 11.0.0
### Major Changes
- [#119014](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119014)
[`80c46fcb18957`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/80c46fcb18957) -
Increased type safety for `xcss`. In general, non-token values for the following properties are no
longer allowed:
- `margin`
- `marginBlock`
- `marginBlockEnd`
- `marginBlockStart`
- `marginBottom`
- `marginInline`
- `marginInlineEnd`
- `marginInlineStart`
- `marginLeft`
- `marginRight`
- `marginTop`
- `paddingBottom`
- `paddingLeft`
- `paddingRight`
- `paddingTop`
Note: Logical properties for `padding`, e.g. `paddingInline`, already prohibit non-token values.
For example:
```typescript
const styles = xcss({
padding: '8px', // <-- Type Error
^^^^^
});
```
A few additional non-token values are still accepted:
- `margin`: `'0 auto'` | `'auto'` | `'0'`
- `marginBlock`: `'auto'` | `'0'`
- `marginBlockEnd`: `'auto'` | `'0'`
- `marginBlockStart`: `'auto'` | `'0'`
- `marginBottom`: `'auto'` | `'0'`
- `marginInline`: `'auto'` | `'0'`
- `marginInlineEnd`: `'auto'` | `'0'`
- `marginInlineStart`: `'auto'` | `'0'`
- `marginLeft`: `'auto'` | `'0'`
- `marginRight`: `'auto'` | `'0'`
- `marginTop`: `'auto'` | `'0'`
- `paddingBlock`: `'0'`
- `paddingBlockEnd`: `'0'`
- `paddingBlockStart`: `'0'`
- `paddingBottom`: `'0'`
- `paddingInline`: `'0'`
- `paddingInlineEnd`: `'0'`
- `paddingInlineStart`: `'0'`
- `paddingLeft`: `'0'`
- `paddingRight`: `'0'`
- `paddingTop`: `'0'`
as well as global CSS properties: `'inherit'` | `'initial'` | `'revert'` | `'revert-layer'` |
`'unset'`
## 10.1.0
### Minor Changes
- [`b78fad249a1e7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b78fad249a1e7) -
Allow Negative Spaces in OutlineOffset
## 10.0.0
### Major Changes
- [#115948](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115948)
[`1798755846b6d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1798755846b6d) -
Released Anchor primitive to open beta.
## 9.0.0
### Major Changes
- [#114987](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114987)
[`d4d420c947747`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d4d420c947747) -
[ux] Pressable and Anchor primitives no longer support surface color detection to improve
performance. These primitives don't contain nested layouts so this is not needed. Although this is
a breaking change, the impact of this change is minimal as no usage of surface detection in these
primitives has been observed.
## 8.2.1
### Patch Changes
- [#113600](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113600)
[`7ba62903cc2eb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7ba62903cc2eb) -
Internal changes to both Pressable and Anchor primitives. They no longer use the Box primitive.
There are no changes for consumers.
## 8.2.0
### Minor Changes
- [#114203](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114203)
[`fb57afa892329`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fb57afa892329) -
Added `:visited:hover` XCSS pseudo combination.
## 8.1.0
### Minor Changes
- [#113286](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113286)
[`7c318f9ea8f09`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7c318f9ea8f09) -
Added support for skeleton color tokens as XCSS background colors.
### Patch Changes
- Updated dependencies
## 8.0.1
### Patch Changes
- [#108692](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108692)
[`294e1a9116fce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/294e1a9116fce) -
Update `color.skeleton` and `color.skeleton.subtle` to be valid backgroundColor values on XCSS.
## 8.0.0
### Major Changes
- [#109778](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109778)
[`d20b004b7c9dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d20b004b7c9dd) -
Box no longer supports usage as a button. Use
[the Pressable primitive](https://atlassian.design/components/primitives/pressable/examples)
instead, which is more specialized and has built-in event tracking support.
- Pressable has focus ring styles built-in, so remove existing styles including
`@atlaskit/focus-ring`
- Pressable has a default cursor (`cursor: pointer`) built-in, so existing styles can be removed.
- Pressable has a `isDisabled` prop, rather than direct usage of the `disabled` attribute.
- Pressable is built on Box, so no visual changes are expected.
**Before migration**
```tsx
import { Box, xcss } from '@atlaskit/primitives';
import FocusRing from '@atlaskit/focus-ring';
const buttonStyles = xcss({
cursor: 'pointer',
backgroundColor: 'color.background.brand.bold',
});
const MyApp = () => (
<FocusRing>
<Box as="button" xcss={buttonStyles} disabled={isDisabled}>
Hello
</Box>
</FocusRing>
);
```
**After migration**
```tsx
import { Pressable, xcss } from '@atlaskit/primitives';
const buttonStyles = xcss({
backgroundColor: 'color.background.brand.bold',
});
const MyApp = () => (
<Pressable xcss={buttonStyles} isDisabled={isDisabled}>
Hello
</Pressable>
);
```
### Minor Changes
- [#108386](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108386)
[`8f3fa9e80b93c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8f3fa9e80b93c) -
Updated xl breakpoint to be 1768px instead of 1760px (110.5rem instead of 110rem) to match updated
design guidance.
### Patch Changes
- Updated dependencies
## 7.4.1
### Patch Changes
- Updated dependencies
## 7.4.0
### Minor Changes
- [#110836](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110836)
[`a8bd419fd70b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8bd419fd70b9) -
Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
is implicitly set to automatic.
## 7.3.0
### Minor Changes
- [#111623](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111623)
[`0392b6e4d865a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0392b6e4d865a) -
The `Text` component now aplies `overflow-wrap: anywhere` by default to ensure text does not break
out of fixed width containers. Be aware that if a single word is wider than its container width,
the word will be broken over multiple lines.
## 7.2.0
### Minor Changes
- [#108733](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108733)
[`c414bbde52951`](https://