@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
4,528 lines • 186 kB
Markdown
# @atlaskit/tokens
## 18.1.0
### Minor Changes
- [`7f37ec7cc8629`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f37ec7cc8629) -
Add UNSAFE_test-light and UNSAFE_test-dark color themes for visual and unit testing.
## 18.0.0
### Major Changes
- [`20b3e525959eb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20b3e525959eb) -
The `shape` theme is now enabled by default and is no longer behind a feature gate. The
`ThemeState` type now requires a value for the `shape` property to be provided.
### Minor Changes
- [`b6effa4972e52`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b6effa4972e52) -
Add motion.input.hovered and motion.input.focused tokens for input background-color, border-color,
and box-shadow transitions.
## 17.0.1
### Patch Changes
- [`c7333edc6dfa2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7333edc6dfa2) -
Align panel content motion token timing and easing with the design specification by removing the
built-in enter delay. Panel open applies its 100ms content-enter delay separately, while panel
content replacement starts the enter motion after the preceding 50ms exit motion completes.
## 17.0.0
### Major Changes
- [`98fa516d85430`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/98fa516d85430) -
The `shape` theme is now enabled by default and is no longer behind a feature gate. The
`ThemeState` type now requires a value for the `shape` property to be provided.
## 16.12.0
### Minor Changes
- [`73b74955b8418`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/73b74955b8418) -
Added `color.border.input.search` for search input borders. Navigation System Search uses the new
token when `platform-dst-tokens-finesse` is enabled; the existing border is unchanged when the
gate is disabled.
## 16.11.3
### Patch Changes
- [`9704cd5f7c190`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9704cd5f7c190) -
Maps color.blanket.selected to lighter neutral colors in Finesse themes behind
platform-dst-tokens-finesse.
## 16.11.2
### Patch Changes
- [`7d49f4cfcd044`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7d49f4cfcd044) -
Adds dedicated color and smaller-heading typography override themes behind
`platform-dst-tokens-finesse`, including softer neutral subtle interaction states, while
preserving the existing future themes.
## 16.11.1
### Patch Changes
- [`f096d43c97bbd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f096d43c97bbd) -
De-barrelling cleanup.
## 16.11.0
### Minor Changes
- [`1646c59e857d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1646c59e857d9) -
Add granular subpath exports `./utils/get-css-custom-property`,
`./utils/get-fully-qualified-token-id`, and `./utils/get-token-id`, giving Volt Stage-1 clean,
non-deprecated homes for the `getCSSCustomProperty`, `getFullyQualifiedTokenId`, and `getTokenId`
values previously reachable only via the `@deprecated` `@atlaskit/tokens/token-ids` re-export
shim. The shim's `@deprecated` messages are updated to point at the new clean subpaths (they
previously pointed back at the deprecated `token-ids` surface). Removal of the shim is tracked by
VOLTC-139.
## 16.10.0
### Minor Changes
- [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
Remove stale API report artifacts from published Platform packages.
### Patch Changes
- Updated dependencies
## 16.9.0
### Minor Changes
- [`e3de502bac0ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e3de502bac0ff) -
The following legacy exports are deprecated and will be removed in a future release. Replace each
import with its dedicated entry point.
| Old import | Replacement |
| ---------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
| `import { token } from '@atlaskit/tokens';` | `import { token } from '@atlaskit/tokens/token';` |
| `import { token } from '@atlaskit/tokens/get-token';` | `import { token } from '@atlaskit/tokens/token';` |
| `import { light } from '@atlaskit/tokens/tokens-raw';` | `import light from '@atlaskit/tokens/atlassian-light';` |
| `import { dark } from '@atlaskit/tokens/tokens-raw';` | `import dark from '@atlaskit/tokens/atlassian-dark';` |
| `import { spacing } from '@atlaskit/tokens/tokens-raw';` | `import spacing from '@atlaskit/tokens/atlassian-spacing';` |
| `import { typography } from '@atlaskit/tokens/tokens-raw';` | `import typography from '@atlaskit/tokens/atlassian-typography';` |
| `import { shape } from '@atlaskit/tokens/tokens-raw';` | `import shape from '@atlaskit/tokens/atlassian-shape';` |
| `import { motion } from '@atlaskit/tokens/tokens-raw';` | `import motion from '@atlaskit/tokens/atlassian-motion';` |
| `import tokens from '@atlaskit/tokens/palettes-raw';` | `import tokens from '@atlaskit/tokens/palette';` |
| `import { typographyPalette } from '@atlaskit/tokens/palettes-raw';` | `import typographyPalette from '@atlaskit/tokens/typography-palette';` |
| `import { themeStringToObject } from '@atlaskit/tokens/theme-state-transformer';` | `import { themeStringToObject } from '@atlaskit/tokens/theme-string-to-object';` |
| `import { themeObjectToString } from '@atlaskit/tokens/theme-state-transformer';` | `import { themeObjectToString } from '@atlaskit/tokens/theme-object-to-string';` |
| `import { themeColorModes, type ThemeColorModes } from '@atlaskit/tokens/theme-config';` | `import { themeColorModes, type ThemeColorModes } from '@atlaskit/tokens/theme-color-modes';` |
| `import { themeIds, type ThemeIds } from '@atlaskit/tokens/theme-config';` | `import { themeIds, type ThemeIds } from '@atlaskit/tokens/theme-ids';` |
| `import { themeStateDefaults } from '@atlaskit/tokens/theme-config';` | `import { themeStateDefaults } from '@atlaskit/tokens/theme-state-defaults';` |
| `import { UNSAFE_loadCustomThemeStyles } from '@atlaskit/tokens/custom-themes';` | `import { UNSAFE_loadCustomThemeStyles } from '@atlaskit/tokens/unsafe-load-custom-theme-styles';` |
## 16.8.1
### Patch Changes
- [`906386bf1d4fa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/906386bf1d4fa) -
[ux] Update motion token curves for sidenav exit and panel content exit.
`motion.sidenav.exit.left` and `motion.sidenav.exit.right` now use `EaseBoldOut`
(`cubic-bezier(0, 0.4, 0, 1)`) to match their enter counterparts, and `motion.panel.content.exit`
now uses `EasePracticalIn` (`cubic-bezier(0.6, 0, 0.8, 0.6)`).
## 16.8.0
### Minor Changes
- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
Add direct subpath package exports as part of the linking-platform, search, media, and
design-system barrel-removal (de-barrel) migration.
These packages now expose their individual modules via explicit `package.json` `exports` subpaths
so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
the package barrel/index. This adds new public entry points without changing or removing any
existing exports, so it is a backwards-compatible additive change.
No runtime behaviour changes; this is an API-surface (entry-point) addition to support
tree-shaking and to unblock removal of the barrel index files.
## 16.7.0
### Minor Changes
- [`0195cea826a48`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0195cea826a48) -
Use directional motion tokens for RTL-aware panel slide animations. Adds new
`motion.panel.content.enter` and `motion.panel.content.exit` motion tokens, applied to the Panel
to soften the content when opening and closing.
## 16.6.0
### Minor Changes
- [`ed721ba4263f4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ed721ba4263f4) -
Added `motion.panel.enter.left`, `motion.panel.enter.right`, `motion.panel.exit.left` and
`motion.panel.exit.right` tokens for direction-aware Panel slide transitions. These replace
`motion.panel.enter` and `motion.panel.exit`, which remain available.
## 16.5.0
### Minor Changes
- [`160059b7df6cc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/160059b7df6cc) -
Add motion tokens for label elements: `motion.label.enter` and `motion.label.exit` (used by the
tag component). Also adds two new motion keyframes to the palette: `ScaleXIn80to100` and
`ScaleXOut100to0` for horizontal collapse/expand animations.
## 16.4.1
### Patch Changes
- [`77c80a1010e70`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/77c80a1010e70) -
Include border-color in button motion transitions and apply the motion to interactive lozenge
dropdown triggers behind the button motion feature flag.
## 16.4.0
### Minor Changes
- [`ae67b39dceca0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae67b39dceca0) -
Added `motion.sidenav.enter.left`, `motion.sidenav.enter.right`, `motion.sidenav.exit.left` and
`motion.sidenav.exit.right` tokens for Side Nav slide transitions.
## 16.3.0
### Minor Changes
- [`2a6fe72f2d5f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a6fe72f2d5f2) -
Add alpha-aware color palette tokens for added and removed code diff lines.
The existing `color.background.code.added.line` and `color.background.code.removed.line` semantic
tokens now resolve to alpha-channel values in light, dark, and increased-contrast themes so code
diff lines retain their intended transparency.
## 16.2.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.
## Unreleased
### Minor Changes
- Add alpha-aware code diff line palette tokens: `color.palette.Green200A40`,
`color.palette.Green900A70`, `color.palette.Red200A40`, and `color.palette.Red900A70`.
- Update `color.background.code.added.line` and `color.background.code.removed.line` to use
transparent values across light, dark, and increased-contrast themes.
- 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`
## 16.1.0
### Minor Changes
- [`cad86b0c0e613`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cad86b0c0e613) -
Add optional fill property to motion tokens supporting 'forwards' and 'backwards' animation fill
modes. Adds AnimationFillModeForwards and AnimationFillModeBackwards base palette tokens, extends
MotionPaletteToken and MotionScaleTokenSchema, and updates the animation builder to include
fill-mode in generated CSS animation shorthands.
## 16.0.0
### Major Changes
- [`ecc5823dc898c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ecc5823dc898c) - ##
Breaking change: barrel file exports removed from `@atlaskit/tokens`
The main entry point (`@atlaskit/tokens`) now only exports the `token` function. All other named
exports have been moved to dedicated sub-path entry-points to reduce bundle size, improve build
times, and minimise the package's overall footprint.
### Why we're doing this
Large barrel files (a single `index` that re-exports everything) force bundlers to load the entire
package even when only a small subset is used. By splitting exports into individual entry-points,
consumers can import only what they need, leading to:
- Faster build and typecheck times
- Smaller production bundles
- Clearer dependency boundaries
### What's changed
Previously you could import anything from the root:
```ts
import {
token,
getTokenValue,
setGlobalTheme,
useThemeObserver,
ThemeState,
COLOR_MODE_ATTRIBUTE,
} from '@atlaskit/tokens';
```
Now only `token` remains in the root. Everything else must be imported from its own entry-point:
```ts
import { token } from '@atlaskit/tokens';
import { getTokenValue } from '@atlaskit/tokens/get-token-value';
import { setGlobalTheme } from '@atlaskit/tokens/set-global-theme';
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
import type { ThemeState } from '@atlaskit/tokens/theme-config';
import { COLOR_MODE_ATTRIBUTE } from '@atlaskit/tokens/constants';
```
### Full entry-point reference
| Export(s) | New import path |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
| `token` | `@atlaskit/tokens` _(unchanged)_ |
| `getTokenValue` | `@atlaskit/tokens/get-token-value` |
| `setGlobalTheme` | `@atlaskit/tokens/set-global-theme` |
| `enableGlobalTheme` | `@atlaskit/tokens/enable-global-theme` |
| `getThemeStyles` | `@atlaskit/tokens/get-theme-styles` |
| `getThemeHtmlAttrs` | `@atlaskit/tokens/get-theme-html-attrs` |
| `getSSRAutoScript` | `@atlaskit/tokens/get-ssr-auto-script` |
| `useThemeObserver` | `@atlaskit/tokens/use-theme-observer` |
| `ThemeMutationObserver` | `@atlaskit/tokens/theme-mutation-observer` |
| `getGlobalTheme` | `@atlaskit/tokens/get-global-theme` |
| `themeStringToObject`, `themeObjectToString` | `@atlaskit/tokens/theme-state-transformer` |
| `themeConfig`, `ThemeColorModes`, `ThemeContrastModes`, `Themes`, `ThemeFileNames`, `ThemeIds`, `ThemeOptionsSchema`, `ThemeState`, `ActiveThemeState` | `@atlaskit/tokens/theme-config` |
| `themeImportMap` | `@atlaskit/tokens/artifacts/theme-import-map` |
| `CSSToken`, `CSSTokenMap` | `@atlaskit/tokens/token-names` |
| `ActiveTokens` | `@atlaskit/tokens/artifacts/types` |
| `FontFamilyToken`, `FontWeightToken`, `Groups`, `OpacityToken`, `PaintToken`, `RawToken`, `ShadowToken`, `SpacingToken`, `ShapeToken`, `TypographyToken`, `MotionToken` | `@atlaskit/tokens/types` |
| `COLOR_MODE_ATTRIBUTE`, `CURRENT_SURFACE_CSS_VAR`, `SUBTREE_THEME_ATTRIBUTE`, `THEME_DATA_ATTRIBUTE` | `@atlaskit/tokens/constants` |
### Automated migration with codemod
A codemod is available to automatically update your imports. Run it with:
```bash
npx @hypermod/cli --packages @atlaskit/tokens@<version> --preset migrate-to-entry-points <path-to-your-source>
```
For example, to migrate all files in your `src/` directory:
```bash
npx @hypermod/cli --packages @atlaskit/tokens@<version> --preset migrate-to-entry-points ./src
```
The codemod will:
- Leave `import { token } from '@atlaskit/tokens'` untouched
- Split all other imports out to their appropriate entry-points
- Preserve type-only imports (`import type`) and per-specifier type modifiers
- Preserve import aliases (e.g. `import { getTokenValue as getValue }`)
- Group multiple imports that share the same entry-point into a single declaration
## 15.8.0
### Minor Changes
- [`b5b9917f875a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b5b9917f875a8) -
[ux] Add `text-decoration-color` to the `motion.listitem.*` transition tokens and consume them in
Breadcrumbs.
## 15.7.0
### Minor Changes
- [`0a1e6f2be05e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0a1e6f2be05e3) -
Add motion.panel.enter and motion.panel.exit tokens for panel slide transitions.
## 15.6.1
### Patch Changes
- [`fa40c22b98aee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fa40c22b98aee) -
Ensure ADS codegen verification covers all generated token consumers without prebuilding the
codegen utility.
## 15.6.0
### Minor Changes
- [`b00a6d183e0c4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b00a6d183e0c4) -
[ux] Add `text-decoration-color` to the `motion.listitem.*` transition tokens (`hovered`,
`pressed`, `selected`) so list-item motion can animate underlines, and consume `motion.listitem.*`
in Breadcrumbs behind the `platform-dst-motion-uplift-list-item` feature gate: interactive
breadcrumb items (steps, ellipsis, and the current-item link) now animate their underline from
transparent to coloured on hover/press. Rendering is unchanged when the gate is off.
## 15.5.0
### Minor Changes
- [`2f56c78f969b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2f56c78f969b8) -
Update i18n NPM package versions for teamwork-graph (Group 16)
## 15.4.0
### Minor Changes
- [`ff40331e58db6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff40331e58db6) -
Add motion.listitem.hovered (50ms), motion.listitem.pressed (100ms), and motion.listitem.selected
(100ms) motion tokens for list-item interaction states. All use the ease practical out curve and
transition background-color, border-color, and color.
## 15.3.1
### Patch Changes
- [`48454686cbc98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/48454686cbc98) -
Updated the `elevation.surface.container` token value to use an alpha neutral so it blends with
the surface beneath it. It now maps to `Neutral100A` in the light theme and `DarkNeutral100A` in
the dark theme.
## 15.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`.
## 15.2.0
### Minor Changes
- [`65bef1e41e5fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/65bef1e41e5fd) -
Add motion.button.hovered and motion.button.pressed motion tokens, and apply button background
motion uplift behind the platform-dst-motion-uplift-button feature gate.
## 15.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.
## 15.0.0
### Major Changes
- [`26bb3944a5ea4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/26bb3944a5ea4) -
Removed unused shape-rounder and shape-roundest themes. Removed legacy typography themes from
prebuilt.
### Patch Changes
- [`d223db963e46d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d223db963e46d) -
Cleanup feature gate `platform-dst-motion-theme-default`. Motion theme is now permanently enabled
by default in `setGlobalTheme` calls.
- [`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
## 14.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
## 13.4.0
### Minor Changes
- [`28d6bdf2c3456`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/28d6bdf2c3456) -
Add Rovo elevation surface overlay tokens for default, hovered, and pressed states. These tokens
provide dedicated Rovo overlay surface backgrounds across light, dark, and increased-contrast
themes.
## 13.3.1
### Patch Changes
- [`e5eeed279b893`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5eeed279b893) -
Changed `color.border.accent.gray.subtle` in the light theme to map to `Neutral400` (`#B7B9BE`)
instead of `Neutral300` (`#DDDEE1`). The previous value was too light to read as a distinct border
— `Neutral400` provides the visual prominence expected from a decorative-border token while
staying noticeably softer than the default `color.border.accent.gray` (`Neutral600`). Dark theme
remains unchanged (`DarkNeutral400`).
## 13.3.0
### Minor Changes
- [`93eb21bd8fb25`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/93eb21bd8fb25) -
Add Rovo color tokens for brand surfaces and supporting border/icon accents, including generated
token artifacts, CSS/token type metadata, and category-aware usage guidelines for downstream docs
and AI tooling.
## 13.2.0
### Minor 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.
## 13.1.1
### Patch Changes
- [`e92deb020eae0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e92deb020eae0) -
Add `Neutral1200` and `DarkNeutral1200` base palette tokens and update generated raw palette
artifacts.
## 13.1.0
### Minor Changes
- [`6ae1bed1867c5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6ae1bed1867c5) -
[ux] Updated `color.background.disabled` to use a stronger neutral palette value (`Neutral200A` in
light themes, `DarkNeutral300A` in dark themes).
## 13.0.4
### Patch Changes
- [`591568c487e99`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/591568c487e99) -
Moved "motion.easing.spring" token into experimental state
## 13.0.3
### Patch Changes
- [`f63b64df22780`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f63b64df22780) -
Allow `0` and `'0'` as valid values for the `SizeIntrinsic` type. This means `width`, `height`,
`minWidth`, `minHeight`, `maxWidth`, `maxHeight`, and related block/inline size properties now
accept bare `0` without requiring `'0px'`. This is consistent with how CSS works (bare `0` is
valid without a unit) and matches the existing behaviour of `Space`, `BorderWidth`,
`BorderRadius`, and `Opacity` types.
## 13.0.2
### Patch Changes
- [`125ae08eb4dbf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/125ae08eb4dbf) -
Updated tokens structured content to mention motion tokens
## 13.0.1
### Patch Changes
- [`b5f57321dd863`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b5f57321dd863) -
Transitioned motion design tokens from experimental to active and added usage guidance
## 13.0.0
### Major Changes
- [`72017386a0120`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72017386a0120) -
Remove the deprecated `font.body.UNSAFE_small` token. This token was deprecated in `10.1.0` and
has been replaced by `font.body.small`. Please migrate any remaining usages to `font.body.small`.
## 12.0.0
### Major Changes
- [`de60749da093b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de60749da093b) -
This releases introduces a new set of experimental semantic base tokens for Motion.
### Added
- `motion.duration.instant`
- `motion.duration.xxshort`
- `motion.duration.xshort`
- `motion.duration.short`
- `motion.duration.medium`
- `motion.duration.long`
- `motion.duration.xlong`
- `motion.duration.xxlong`
- `motion.easing.in.practical`
- `motion.easing.inout.bold`
- `motion.easing.out.practical`
- `motion.easing.out.bold`
- `motion.easing.spring`
- `motion.keyframe.fade.in`
- `motion.keyframe.fade.out`
- `motion.keyframe.scale.in.medium`
- `motion.keyframe.scale.in.small`
- `motion.keyframe.scale.out.medium`
- `motion.keyframe.scale.out.small`
- `motion.keyframe.slide.in.bottom.short`
- `motion.keyframe.slide.in.left.half`
- `motion.keyframe.slide.in.left.short`
- `motion.keyframe.slide.in.right.short`
- `motion.keyframe.slide.in.top.short`
- `motion.keyframe.slide.out.bottom.short`
- `motion.keyframe.slide.out.left.half`
- `motion.keyframe.slide.out.left.short`
- `motion.keyframe.slide.out.right.short`
- `motion.keyframe.slide.out.top.short`
Added and removed experimental semantic tokens for Motion.
### Added
- `motion.blanket.enter`
- `motion.blanket.exit`
### Removed
- `motion.content.enter.short`
- `motion.content.enter.medium`
- `motion.content.enter.long`
- `motion.content.exit.short`
- `motion.content.exit.medium`
- `motion.content.exit.long`
### Patch Changes
- Updated dependencies
## 11.4.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.
## 11.4.2
### Patch Changes
- [`08170da1fbf62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08170da1fbf62) -
Migrate spacing prop usages on icons to Flex wrapper
## 11.4.1
### Patch Changes
- [`6bce18279cb35`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6bce18279cb35) -
Prevents a bundling/runtime failure for `themeStateDefaults` **shape** and **motion** defaults by
defining them as module-scope functions instead of inline object methods, so `react-magnetic-di`’s
`fg()` rewrite uses a valid `di(host, fg)` host and no longer references undefined `motion` /
`shape` identifiers.
## 11.4.0
### Minor Changes
- [`6d76a7647c5da`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d76a7647c5da) -
Autofix: add explicit package exports (barrel removal)
## 11.3.1
### Patch Changes
- [`9f858e9b1f9e8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9f858e9b1f9e8) -
Fixed default fallback resolution for motion design tokens
## 11.3.0
### Minor Changes
- [`6df6d2b1f286b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6df6d2b1f286b) -
Added motion values to tokens babel plugin
## 11.2.0
### Minor Changes
- [`4927c4a64f704`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4927c4a64f704) -
Added new set of experimental motion design tokens
## 11.1.1
### Patch Changes
- Updated dependencies
## 11.1.0
### Minor Changes
- [`07b8035be9593`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/07b8035be9593) -
Added an experimental set of motion design tokens.
## 11.0.2
### Patch Changes
- [`18a6ca6a0c98c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/18a6ca6a0c98c) -
Widen React peer dependency from ^18.2.0 to ^18.2.0 || ^19.0.0 to support React 19
- Updated dependencies
## 11.0.1
### Patch Changes
- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
Internal refactoring
## 11.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.
## 10.1.0
### Minor Changes
- [`2fdb6040218a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2fdb6040218a1) -
Deprecating `font.body.UNSAFE_small` typography token, replace with `font.body.small` token.
## 10.0.1
### Patch Changes
- [`a48fdadce2137`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a48fdadce2137) -
Minor internal typography changes.
## 10.0.0
### Major Changes
- [`f111803c4e253`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f111803c4e253) -
Removed the deprecated typography theme ids (`typography-adg3`, `typography-modernized` and
`typography-refreshed`) leaving only the `typography` theme id that is enabled by default.
Automatic fallbacks now use refreshed typography values.
## 9.1.2
### Patch Changes
- [`d9d9cbc1507f6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9d9cbc1507f6) -
Internal change how default theme settings are shared between `@atlaskit/tokens` and
`@atlaskit/app-provider`.
- [`9832107cabf9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9832107cabf9f) -
Removing experimental feature flag to disable the typography theme.
## 9.1.1
### Patch Changes
- [`22a828a976edc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22a828a976edc) -
Removing experimental feature flag to disable the typography theme.
## 9.1.0
### Minor Changes
- [`018bda95d97eb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/018bda95d97eb) -
Added new export for ThemeContrastModes
## 9.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.
## 8.6.1
### Patch Changes
- [`8f904ca860b20`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8f904ca860b20) -
Updated radius token descriptions to provide more guidance.
## 8.6.0
### Minor Changes
- [`762b79e21f96a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/762b79e21f96a) -
Migrated and cleaned up legacy iconography usage.
## 8.5.0
### Minor Changes
- [`ea92d81a4f951`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ea92d81a4f951) -
Fixed the dark theme values for tokens bellow due to wrong base token mapping:
- color.background.accent.green.subtlest.hovered
- color.background.accent.lime.subtlest.hovered
- color.background.accent.purple.subtlest.hovered
- color.background.accent.teal.subtlest.hovered
- color.background.accent.magenta.subtlest.hovered
- color.background.accent.orange.subtlest.hovered
- color.background.accent.yellow.subtlest.hovered
## 8.4.1
### Patch Changes
- [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
Internal refactors to remove unused variables. No functional or public changes.
## 8.4.0
### Minor Changes
- [`02aeea2e65ec2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02aeea2e65ec2) -
Enabled shape theme by default behind a feature gate. The shape theme remains undefined when the
gate is off.
## 8.3.0
### Minor Changes
- [`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`
## 8.2.0
### Minor Changes
- [`5f77efb81d0d6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f77efb81d0d6) -
Fixed the dark theme values for tokens above due to wrong base token mapping:
- color.background.accent.green.subtlest
- color.background.accent.lime.subtlest
- color.background.accent.purple.subtlest
- color.background.accent.teal.subtlest
- color.background.accent.magenta.subtlest
- color.background.accent.orange.subtlest
- color.background.accent.yellow.subtlest
### Patch Changes
- Updated dependencies
## 8.1.0
### Minor Changes
- [`d50ecf8e02d28`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d50ecf8e02d28) -
Added `radius.xxlarge` token which resolves to 1rem/16px. Fully removed `shape-rounder` and
`shape-roundest` experimental themes.
## 8.0.0
### Major Changes
- [`1e31925550257`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1e31925550257) -
[ux] We have removed the `platform-component-visual-refresh` feature flag. As a result:
- Default Themes Changed `light-brand-refresh` and `dark-brand-refresh` are now the default themes
for light and dark. If you were using on the `light-brand-refresh` or `dark-brand-refresh`
themes in `setGlobalTheme`, you'll need to update to the default themes.
```diff
- setGlobalTheme('light-brand-refresh');
+ setGlobalTheme('light');
- setGlobalTheme('dark-brand-refresh');
+ setGlobalTheme('dark');
```
- Accent Tokens Updated Pressed/hovered background tokens for accent colors (e.g.,
`background.accent.blue.subtle.pressed`) now use new 250/850 base tokens to improve
accessibility. This will cause visible color changes in light and dark themes. Checkout the new
color palette [here](https://atlassian.design/foundations/color-new/color-palette-new).
- Visual Regression (VR) Impact If you're using these tokens in your components, expect widespread
snapshot updates. This change may affect VR snapshots across apps and packages.
## 7.1.1
### Patch Changes
- [`df9a060fe8b7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/df9a060fe8b7f) -
Adds the native `@atlaspack/transformer-tokens` plugin for Atlassian Studio builds.
## 7.1.0
### Minor Changes
- [`c4860e82c9f41`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4860e82c9f41) -
Introduced new color stops across our base color ramps, namely 250 and 850, to support better
hover/pressed state contrast. New 250/850 base tokens are:
- Blue250
- Blue850
- Magenta250
- Magenta850
- Yellow250
- Yellow850
- Orange250
- Orange850
- Lime250
- Lime850
- Green250
- Green850
- Teal250
- Teal850
- Red250
- Red850
- Purple250
- Purple850
## 7.0.0
### Major Changes
- [`75ba0401c1743`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/75ba0401c1743) -
Deleted deprecated shape tokens. Migration guide:
| Old token | New token/value |
| ------------------------ | ------------------------------------------------- |
| `border.radius.050` | `radius.xsmall` |
| `border.radius` | `radius.small` |
| `border.radius.100` | `radius.small` |
| `border.radius.200` | `radius.large` |
| `border.radius.300` | `radius.xlarge` |
| `border.radius.400` | `16px` |
| `border.radius.circle` | `radius.full` |
| `border.width.0` | `0` |
| `border.width.outline` | `border.width.selected` or `border.width.focused` |
| `border.width.indicator` | `3px` |
The babel plugin has also been updated to skip new radius tokens in shouldForceAutoFallback mode
(previously only the deprecated `border.radius.x` tokens were skipped).
## 6.5.0
### Minor Changes
- [`d65b31774de31`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d65b31774de31) -
Removed deprecated border radius and border width tokens from CSS type.
## 6.4.3
### Patch Changes
- [`b662d123e3b3b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b662d123e3b3b) -
Support external token data for SWC transforms
## 6.4.2
### Patch Changes
- [`9d6e4b66e81f9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9d6e4b66e81f9) -
Updated border width token descriptions.
## 6.4.1
### Patch Changes
- [`437668dfbdec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/437668dfbdec9) -
Add explicit types to a number of DST components
## 6.4.0
### Minor Changes
- [`25ac893657f27`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25ac893657f27) -
Extending `setGlobalTheme` to accept a function as an argument to update theme properties without
reinitializing defaults. For example this can be used when switching color mode:
```
setGlobalTheme((themeState) => ({
...themeState,
colorMode: themeState.colorMode === 'light' ? 'dark' : 'light',
}));
```
## 6.3.3
### Patch Changes
- [`c72a8190e4e4f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c72a8190e4e4f) -
add types to generated code for tokens
## 6.3.2
### Patch Changes
- [`de24410d10d9d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de24410d10d9d) -
Raw typography tokens export fix.
## 6.3.1
### Patch Changes
- [`d964bc22377d5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d964bc22377d5) -
Internal change to documentation
## 6.3.0
### Minor Changes
- [`d4a45d8562c6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d4a45d8562c6d) -
Added `radius.tile` token to be used exclusively for creating tiles.
## 6.2.0
### Minor Changes
- [`b2cbc15f17d6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b2cbc15f17d6a) -
Added `radius.tile` token to be used exclusively for creating tiles.
## 6.1.4
### Patch Changes
- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
Internal changes to how border radius is applied.
## 6.1.3
### Patch Changes
- [`23bcc5bbc9cee`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/23bcc5bbc9cee) -
Internal changes to how border radius is applied.
## 6.1.2
### Patch Changes
- [`3b5b4a919aaaf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3b5b4a919aaaf) -
Internal changes to how border radius is applied.
## 6.1.1
### Patch Changes
- [`4c58e9d3cd0b5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4c58e9d3cd0b5) -
Add radius tokens to CSS type.
## 6.1.0
### Minor Changes
- [`fcd8f46058cd2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fcd8f46058cd2) -
Added new radius and border width tokens. Added new shape themes: `shape-rounder` and
`shape-roundest`. Note these new themes are experimental and may be deleted without notice.
Deprecated old border radius and border width tokens.
## 6.0.0
### Major Changes
- [#195371](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195371)
[`44ae158e84619`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/44ae158e84619) -
[ux] Refreshed typography theme enabled by default.
## 5.6.3
### 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.
## 5.6.2
### Patch Changes
- [#191847](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191847)
[`b3cf5dce34f70`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b3cf5dce34f70) -
Internal change to default typography theme configuration.
## 5.6.1
### Patch Changes
- Updated dependencies
## 5.6.0
### Minor Changes
- [#188275](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/188275)
[`3be70f03be763`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3be70f03be763) -
Deprecating existing typography theme ids (`typography-adg3`, `typography-modernized` and
`typography-refreshed`) in favour of a new `typography` theme id. Using the new `typography` theme
id enables the latest refreshed typography resulting in no functional change. This new
`typography` theme id is enabled by default behind a feature flag. If testing successful, this
change will be made available in a later release.
## 5.5.0
### Minor Changes
- [#184245](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/184245)
[`f8d9018702c99`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f8d9018702c99) -
Update `DesignTokenStyles` type to support using '50%' value for `inset` properties in
`@atlaskit/css`.
## 5.4.1
### Patch Changes
- [#176175](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/176175)
[`38c08dd349bb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38c08dd349bb7) -
Updated examples to use Compiled. Removed Emotion from dev dependencies.
## 5.4.0
### Minor Changes
- [#174665](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174665)
[`25634b5ccc4d9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/25634b5ccc4d9) -
Added metric typography tokens to the CSS type schema.
## 5.3.0
### Minor Changes
- [#172429](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/172429)
[`efcc283cecdfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/efcc283cecdfe) -
Added metric typography tokens which can be used via the CSS `font` shorthand.
## 5.2.1
### Patch Changes
- [#171759](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/171759)
[`7c69b991b4311`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7c69b991b4311) -
Updated metric token descriptions.
## 5.2.0
### Minor Changes
- [#165589](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/165589)
[`6cfd5bcd946b6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6cfd5bcd946b6) -
Introduction of metric text tokens for typography to be used in charts,dashboards and various
neumerical information copies.
## 5.1.0
### Minor Changes
- [#166633](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166633)
[`c146842d9f44f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c146842d9f44f) -
Adds an `@atlaskit/tokens/token-metadata` entrypoint to better share raw metadata across packages
for MCP server and similar code generation.
## 5.0.0
### Major Changes
- [#164028](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164028)
[`fe8647c2f54c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe8647c2f54c6) -
The shouldForceAutoFallback option is now set to true by default. Please be aware that upgrading
to this major version will cause all explicitly set fallback values (the values in the second
argument of token function) in your codebase to be ignored. Instead, these values will be
automatically replaced with default values that correspond to the default theme during build time.
As a result, the UI may change if certain themes are not yet enabled. If some themes are not ready
for this change, you can use the forceAutoFallbackExemptions option to prevent automatic
replacement for them during build time. Also, this update might lead to test failures if your
tests are designed to verify explicit fallback values. You can explicitly set this value to false
if you wish to keep all your current fallback values intact. Read more:
https://atlassian.design/tokens/use-tokens-in-code#migration-to-tokens
## 4.9.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.
## 4.9.0
### Minor Changes
- [#156778](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/156778)
[`d137f762d8efc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d137f762d8efc) -
Expand `@atlaskit/css` `borderRadius` API to include `{number}px` and `{number}rem` values.
## 4.8.2
### Patch Changes
- [#150642](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150642)
[`862ea073ae70a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/862ea073ae70a) -
Fix bug where token-descriptions.csv had broken formatting
## 4.8.1
### Patch Changes
- [#145286](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/145286)
[`1da0ecb159341`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1da0ecb159341) -
Tiny wording change on @atlaskit/tokens/babel-plugin to more clearly describe the error without
string literal argument(s)
## 4.8.0
### Minor Changes
- [#139915](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/139915)
[`bb8ff89963687`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb8ff89963687) -
Add lightBrandRefresh and darkBrandRefresh to @atlaskit/tokens/tokens-raw
### Patch Changes
- Updated dependencies
## 4.7.0
### Minor Changes
- [#137774](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/137774)
[`02ed87dfa643c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02ed87dfa643c) -
Adds forceAutoFallbackExemptions that allows skipping certain tokens from fallback enforcement
## 4.6.0
### Minor Changes
- [#135818](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/135818)
[`0337728c792a2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0337728c792a2) -
Update type for `@atlaskit/css` padding to include 0.
## 4.5.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.
## 4.5.1
### Patch Changes
- [#127074](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/127074)
[`9bb9fc17a4eaa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9bb9fc17a4eaa) -
Update dependencies and remove unused internal exports.
## 4.5.0
### Minor Changes
- [#126172](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/126172)
[`38625fdee341d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38625fdee341d) -
Exclude border.radius tokens from shouldForceAutoFallback mode
## 4.4.1
### 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
## 4.4.0
### Minor Changes
- [#123455](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/123455)
[`aa9cadfc7ae99`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aa9cadfc7ae99) -
Add min() and max() to @atlaskit/css size typing.
## 4.3.2
### Patch Changes
- [#120305](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/120305)
[`1f9d819229019`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1f9d819229019) -
Remove system-ui from theme font stacks
## 4.3.1
### Patch Changes
- [#121762](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/121762)
[`a7fdeca193df1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a7fdeca193df1) -
Remove analytics tracking from the token function
## 4.3.0
### Minor Changes
- [#121081](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/121081)
[`90c226d24a7ac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90c226d24a7ac) -
Expand dimension type in @atlaskit/css to include vw/vh and percentage values.
## 4.2.0
### Minor Changes
- [#118493](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/118493)
[`4338e9dcf77a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4338e9dcf77a5) -
Updated `font.code` token to use Atlassian Mono in refreshed theme.
## 4.1.0
### Minor Changes
- [#118006](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118006)
[`54cb7c190dfd5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/54cb7c190dfd5) -
Upgraded package recharts to version 2.15.1, please read changelogs here for major
changehttps://github.com/recharts/recharts/blob/v2.0.0/CHANGELOG.md
## 4.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
## 3.3.2
### Patch Changes
- [#115124](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/115124)
[`e22fce04b0119`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e22fce04b0119) -
Narrow type definition for `overflowWrap` and `textDecorationLine` properties. This change does
not impact the `@atlaskit/tokens` API directly, but it does narrow types of css properties/tokens
used via `@atlaskit/css`.
## 3.3.1
### Patch Changes
- Updated dependencies
## 3.3.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
## 3.2.0
### Minor Changes
- [#102495](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102495)
[`cf97e4ada8d52`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cf97e4ada8d52) -
Modernized typography theme now applies a font weight of 653 for bold instead of 700. This
includes heading tokens and the individual `font.weight.bold` token.
### Patch Changes
- [#105744](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105744)
[`bc9ed5e4ee94d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bc9ed5e4ee94d) -
Updated 'ak-postbuild' script to also build '@atlaskit/platform-feature-flags'
## 3.1.0
### Minor Changes
- [#103074](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103074)
[`62863ade36e82`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/62863ade36e82) -
Updates the box-shadow type to support the global "initial" CSS value.
## 3.0.0
### Major Changes
- [#102047](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102047)
[`3cc4b295175a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3cc4b295175a6) -
Removed deprecated tokens:
- `font.size.X`
- `font.lineHeight.X`
- `font.letterSpacing.X`
- `font.family.sans`
- `font.family.monospace`
Typography should be applied via composite tokens, i.e. `font.heading.X` and `font.body.X`
instead. Use `font.family.heading` or `font.family.body` instead of `font.family.sans`. Use
`font.family.code` instead of `font.family.monospace`.
## 2.5.1
### Patch Changes
- [#98010](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98010)
[`3f5da8c4a3240`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3f5da8c4a3240) -
Adjusted bold weights for typography refreshed theme
## 2.5.0
### Minor Changes
- [#177967](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/177967)
[`f387ab1f662e4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f387ab1f662e4) -
Updated the visual refresh color.chart token values. Reduced the required contrast for a chart
color token.
## 2.4.3
### Patch Changes
- [#174905](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/174905)
[`4d46b49f15e36`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4d46b49f15e36) -
Added Atlassian Mono font to typography refreshed theme.
## 2.4.2
### 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.
## 2.4.1
### 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`.
## 2.4.0
### Minor Changes
- [#169533](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169533)
[`7cee6c17dfdaf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7cee6c17dfdaf) -
Expands type coverage for the `fontWeight` property to include vendor defaults such as 'inherit'
'initial' 'unset'.
This change does not impact the `@atlaskit/tokens` API directly, but it does expand type coverage
of css properties/tokens used via `@atlaskit/css`.
### Patch Changes
- Updated dependencies
## 2.3.0
### Minor Changes
- [#166391](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166391)
[`a447cb3da0845`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a447cb3da0845) -
Refreshed typography theme now references Atlassian Sans font.
## 2.2.0
### Minor Changes
- [#160957](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160957)
[`d0fdd33f28249`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0fdd33f28249) -
[ux] Default typography theme changed to modernized behind feature flag
`platform-default-typography-modernized`. If testing is successful the change will be available in
a later release.
## 2.1.0
### Minor Changes
- [#159268](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159268)
[`487d22f32a93f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/487d22f32a93f) -
In the `DesignTokenStyles` schema which controls `@atlaskit/css` type interfaces:
- Adds `zIndex: -1|0|1` as a valid options
- Blocks the `background` property from being used, use `backgroundColor` or another property
directly instead
## 2.0.5
### Patch 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) -
Modifies our bounded CSS type schema to allow both numeric and string `0` values for ease-of-use.
## 2.0.4
### Patch Changes
- [#154745](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154745)
[`b11b1e6b1ee65`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b11b1e6b1ee65) -
Add FontWeight and FontFamily tokens to the @atlaskit/css API.
## 2.0.3
### Patch Changes
- [#151850](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151850)
[`1b8cbd71ce0c4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b8cbd71ce0c4) -
Add 0 and 1 to @atlaskit/css opacity type.
## 2.0.2
### Patch Changes
- Updated dependencies
## 2.0.1
### Patch Changes
- [#146966](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146966)
[`a0a364753d2c7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a0a364753d2c7) -
Modifies our bounded CSS type schema to allow both numeric and string `0` values for ease-of-use.
## 2.0.0
### Major Changes
- [#145551](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145551)
[`d477dc32ae480`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d477dc32ae480) -
Changes the `@atlaskit/tokens/babel-plugin`'s 'shouldUseAutoFallback' configuration to be true by
default as this is currently the expectation within a majority of Atlassian's frontend code.
To opt-out (which likely means you must be using fallbacks manually or can guarantee theming is
turned on), you would have config like this in Babel, Webpack, or similar:
```json
"plugins": [
["@atlaskit/tokens/babel-plugin", { "shouldUseAutoFallback": false }]
]
```
### Patch Changes
- [#145551](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145551)
[`d477dc32ae480`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d477dc32ae480) -
Removes 'shouldUseAutoFallbacks' config on '@atlaskit/tokens/babel-plugin' as this is now the
default.
## 1.61.0
### Minor Changes
- [#143310](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143310)
[`b41f7cad2418e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b41f7cad2418e) -
Migrated feature flag for increased contrast themes to new provider
## 1.60.0
### Minor Changes
- [#138792](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138792)
[`59c6812e1be91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/59c6812e1be91) -
Update the @atlaskit/css schema to include:
- `border` and `font` shorthand token values
- Background and color `-hovered` and `-pressed` tokens are available in the non-psuedo-states for
patterns like `<div css={[isHovered && hoveredStyles]} />`
- Adds more commonly used media queries
## 1.59.1
### Patch Changes
- [#133730](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/133730)
[`1e7250bf14d57`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1e7250bf14d57) -
Added experimental `typography-refreshed` theme
## 1.59.0
### Minor Changes
- [#130373](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/130373)
[`dd80abd23af36`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dd80abd23af36) -
Added experimental `typography-refreshed` theme. This should not be used at this stage.
## 1.58.0
### Minor Changes
- [#127511](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127511)
[`db30e29344013`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db30e29344013) -
Widening range of `react` and `react-dom` peer dependencies from `^16.8.0 || ^17.0.0 || ~18.2.0`
to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).
This change has been done to enable usage of `react@18.3` as well as to have a consistent peer
dependency range for `react` and `react-dom` for `/platform` packages.
### Patch Changes
- Updated dependencies
## 1.57.0
### Minor Changes
- [#126723](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126723)
[`b637fc4edb5b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b637fc4edb5b9) -
[ux] tokens-babel-plugin accepts `shouldForceAutoFallback` which overrides fallback values
regardless of provided fallback.
## 1.56.3
### Patch Changes
- [#125137](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125137)
[`f50390862bd7b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f50390862bd7b) -
Updated shadow tokens to use the new colours from visual refresh colour palettes. Changes are also
behind the visual refresh feature flag.
## 1.56.2
### Patch Changes
- [#121959](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121959)
[`44763b631bec5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/44763b631bec5) -
Renamed `typography-minor3` theme to `typography-modernized`. There are no visual changes, purely
just a rename.
## 1.56.1
### Patch Changes
- [#121520](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121520)
[`4217ca1a57749`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4217ca1a57749) -
Internal change only. Prefix unused argument of getThemeOverridePreferences with an underscore.
## 1.56.0
### Minor Changes
- [#120903](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120903)
[`11a0097de20b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/11a0097de20b0) -
Added brand refresh color and token changes behind a feature flag.
## 1.55.0
### Minor Changes
- [#120811](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120811)
[`f66512151ee38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f66512151ee38) -
Removed responsive behaviour from heading tokens. Heading tokens will no longer scale down on
smaller displays. This may be reintroduced in the future with different behaviour.
## 1.54.1
### Patch Changes
- [#120049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120049)
[`77504ff274f72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77504ff274f72) -
DSP-19576: Assign names to anonymous default exports
## 1.54.0
### Minor Changes
- [#119869](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119869)
[`c9fbedbef614e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c9fbedbef614e) -
The DesignTokenStyles type now allows transparent and currentcolor for backgrounds, and
transparent for text colors.
## 1.53.2
### Patch Changes
- [#116982](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116982)
[`a8a3ff480c6a1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8a3ff480c6a1) -
Cleaned up feature flag
`platform.design-system-team.mutation-observer-performance-improvement_8usdg`.
## 1.53.1
### Patch Changes
- Updated dependencies
## 1.53.0
### Minor Changes
- [#114028](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114028)
[`e4471e32707ff`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e4471e32707ff) -
Export `ActiveThemeState` type from main entry point
## 1.52.0
### Minor Changes
- [#113646](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113646)
[`01c04f5a4e85a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/01c04f5a4e85a) -
Add link tokens to the IconColor type, and add new IconColorPressed type
## 1.51.0
### Minor Changes
- [#111016](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111016)
[`d131599730792`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d131599730792) -
Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
is implicitly set to automatic.
## 1.50.0
### Minor Changes
- [#110191](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110191)
[`c3dc02298f8aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c3dc02298f8aa) -
[ux] Change heading xsmall lineheight from 16 to 20 for minor third theme.
## 1.49.1
### Patch Changes
- [#101609](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101609)
[`4f0dff39fd37`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f0dff39fd37) -
Change naming of base lineheight tokens.
## 1.49.0
### Minor Changes
- [#95202](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/95202)
[`6350f05328cc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6350f05328cc) -
Adds new IconColor type to the CSS type schema
## 1.48.0
### Minor Changes
- [#98637](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98637)
[`ae9502319628`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ae9502319628) -
Export `FontFamilyToken` and `FontWeightToken` types. Added descriptions for typography tokens.
Internal changes to token ordering logic.
## 1.47.0
### Minor Changes
- [#98149](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98149)
[`45101e24202a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/45101e24202a) -
Change the state of the following tokens from deprecated to active:
- font.family.body
- font.family.code
- font.family.heading
## 1.46.0
### Minor Changes
- [#97306](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97306)
[`cefbd515c807`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cefbd515c807) -
Add support for React 18 in non-strict mode.
### Patch Changes
- [#98562](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98562)
[`5c59b4fec679`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c59b4fec679) -
ThemeMutationObserver only ever creates one instance of a mutation observer which reduces memory
impacts at scale. This change is behind a platform feature flag -
"platform.design-system-team.mutation-observer-performance-improvement_8usdg"
## 1.45.1
### Patch Changes
- [#96516](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96516)
[`fc7451742d3b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fc7451742d3b) -
Remove the version from non-production warns to avoid internal conflicts as debugging like this
should not be necessary; this package should be a singleton.
## 1.45.0
### Minor Changes
- [#94675](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94675)
[`5d9e1dccacca`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5d9e1dccacca) -
[ux] Update input border color token to meet 3:1 color contrast ratioLight theme:
color.border.input: #091E4224 → #8590A2Dark mode: color.border.input: #A6C5E229 → #738496
## 1.44.1
### Patch Changes
- [#96059](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96059)
[`e511f40c0989`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e511f40c0989) -
Generate a local prebuilt version of this package (to use the babel plugin internally in local
consumption more performantly)–should not interfere with distribution at all.
## 1.44.0
### Minor Changes
- [#94487](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94487)
[`9c81d48cda91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9c81d48cda91) -
Removed deprecated experimental `font.ui` tokens. These experimental tokens were not documented
and not intended for use. The `font.body` tokens should be used instead.
## 1.43.2
### Patch Changes
- [#94316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94316)
[`35fd5ed8e1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35fd5ed8e1d7) -
Upgrading internal dependency `bind-event-listener` to `@^3.0.0`
## 1.43.1
### Patch Changes
- [#91883](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91883)
[`90edf674186c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/90edf674186c) -
Gracefully handles falsy values passed in as theme properties.
## 1.43.0
### Minor Changes
- [#85745](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85745)
[`0e9c8c15ef86`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0e9c8c15ef86) -
Added new color token `color.link.visited.pressed`.
## 1.42.1
### Patch Changes
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
Upgrade Typescript from `4.9.5` to `5.4.2`
## 1.42.0
### Minor Changes
- [#78900](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78900)
[`6ea786dd8082`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6ea786dd8082) -
Add UNSAFE_small fontsize token.
## 1.41.2
### Patch Changes
- [#80571](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80571)
[`fafdb1dcce96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fafdb1dcce96) -
Fix bugs in strict CSS typedef.
## 1.41.1
### Patch Changes
- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644)
[`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) -
Revert input border change from the previous version
## 1.41.0
### Minor Changes
- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805)
[`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) -
[ux] Update input border color token to meet 3:1 color contrast ratio
Light theme: color.border.input: #091E4224 → #8590A2 Dark mode: color.border.input: #A6C5E229 →
#738496
- [#79670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79670)
[`28b71d14576b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/28b71d14576b) -
Adds autofallback support for Spacing, Typography, and Shape themes to the babel plugin.
## 1.40.0
### Minor Changes
- [#79770](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79770)
[`42fb3733fe8b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/42fb3733fe8b) -
Add exports and update entrypoint
## 1.39.1
### Patch Changes
- [#79306](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79306)
[`465924177c82`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/465924177c82) -
Moves dependency whitelist from hypermod.config to package.json
## 1.39.0
### Minor Changes
- [#77148](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77148)
[`20decda98a72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/20decda98a72) -
Deprecated `font.ui` tokens.
## 1.38.0
### Minor Changes
- [#74836](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74836)
[`66062ea65d5b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/66062ea65d5b) -
Added font family tokens for our brand font for headings and body text.
## 1.37.2
### Patch Changes
- [#73844](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73844)
[`c7683b370ae8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c7683b370ae8) -
Adds dependency whitelist to codemod configuration
## 1.37.1
### Patch Changes
- [#72557](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72557)
[`0c78c9c18cb7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c78c9c18cb7) -
Fix font family not preferencing apple system fonts on macOS
## 1.37.0
### Minor Changes
- [#71146](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71146)
[`3e20d00d3d46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3e20d00d3d46) -
Moves tokens codemods into the tokens package.
## 1.36.0
### Minor Changes
- [#71486](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71486)
[`a79fa3261943`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a79fa3261943) -
Undeprecate font weight tokens
## 1.35.0
### Minor Changes
- [#68163](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68163)
[`de75cc685652`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de75cc685652) -
Font UI weight token value changed to medium weight
## 1.34.1
### Patch Changes
- [#68792](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68792)
[`89564a857049`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/89564a857049) -
Add light border as default option
## 1.34.0
### Minor Changes
- [#67463](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67463)
[`caac5b953575`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/caac5b953575) -
Fixed an issue where typography tokens referenced font family tokens that may not exist on a page,
causing fallbacks to break.
## 1.33.0
### Minor Changes
- [#63526](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63526)
[`e8835feffae9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e8835feffae9) -
Internal change to improve token sorting logic for typography tokens. Typography tokens are now
marked as active though they are still in development and not recommend for use without prior
approval from ADS.
## 1.32.0
### Minor Changes
- [#63504](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63504)
[`668f6aa3ca86`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/668f6aa3ca86) -
Adds an entrypoint `@atlaskit/tokens/css-type-schema` containing a type definition for css values
contrained to tokens.
## 1.31.0
### Minor Changes
- [#62155](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/62155)
[`d88ffee39278`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d88ffee39278) -
Added new themes for ads-vision-lab
## 1.30.0
### Minor Changes
- [#59752](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59752)
[`df0bbb7c4cc1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/df0bbb7c4cc1) -
Removed minor-second typography theme: `typography`. ADG3 and Minor third themes remain as the two
typography themes.
## 1.29.2
### Patch Changes
- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147)
[`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) -
Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
## 1.29.1
### Patch Changes
- [#57118](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57118)
[`b9bd80957181`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9bd80957181) -
Upgrade Emotion v10 (@emotion/core) to Emotion v11 (@emotion/react). No behaviour change expected.
## 1.29.0
### Minor Changes
- [#43538](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43538)
[`c10b408a053`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c10b408a053) -
Deprecate typography base tokens.
### Patch Changes
- [#43718](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43718)
[`8aebcad547a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8aebcad547a) -
Deprecated tokens are now warned against even when a replacement token has not been specified
## 1.28.2
### Patch Changes
- [#43455](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43455)
[`16586bd07a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16586bd07a0) - Updated
`font.body.small` line height to 16px (1rem).
## 1.28.1
### Patch Changes
- [#42413](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42413)
[`202e2c9c2ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/202e2c9c2ff) - Fix for
vuln [VULN-1112073](https://asecurityteam.atlassian.net/browse/VULN-1112073) by bumping
`@babel/traverse` to safest patch 7.23.2.
## 1.28.0
### Minor Changes
- [#41365](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41365)
[`fab3ce9e39a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fab3ce9e39a) - Added
smaller variants of heading tokens that get used for screen widths 1023px and below (Minor Third
scale only). For example `font.heading.xlarge` will switch to the styles defined by
`font.heading.large` on smaller screens.
## 1.27.0
### Minor Changes
- [#41516](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41516)
[`e6f589d4777`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6f589d4777) - [ux]
This version releases changes that were feature flagged in version 1.25.0; they include minor
adjustments to our color palette and design tokens.
These changes make certain colors more distinguishable, improves the visual appearance of warning
and yellow accent backgrounds, and reduces saturation for subtle backgrounds in dark mode.
#### Palette changes
##### All saturated palettes
- Saturation for `1000` shades reduced for all saturated palettes to reduce eye strain when placed
against subtle UI in dark mode
##### Red
- Saturation reduced on entire scale
- Hue adjusted to create more separation from orange
##### Orange
- Saturation reduced on entire scale
- Hue adjusted to create more separation from yellow
##### Lime
- Saturation for `100` shades reduced
##### Green
- Saturation for `100` shades reduced
##### Teal
- Hue adjusted to create more separation from green
##### All palette changes
- `Red100` has changed from `#FFEDEB` to `#ffeceb`
- `Red200` has changed from `#FFD2CC` to `#ffd5d2`
- `Red300` has changed from `#FF9C8F` to `#fd9891`
- `Red400` has changed from `#F87462` to `#f87168`
- `Red500` has changed from `#EF5C48` to `#f15b50`
- `Red600` has changed from `#E34935` to `#e2483d`
- `Red700` has changed from `#CA3521` to `#c9372c`
- `Red800` has changed from `#AE2A19` to `#ae2e24`
- `Red900` has changed from `#601E16` to `#5d1f1a`
- `Red1000` has changed from `#4F1C16` to `#42221F`
- `Orange100` has changed from `#FFF4E5` to `#fff3eb`
- `Orange200` has changed from `#FFE2BD` to `#fedec8`
- `Orange300` has changed from `#FEC57B` to `#fec195`
- `Orange400` has changed from `#FAA53D` to `#fea362`
- `Orange500` has changed from `#F18D13` to `#f38a3f`
- `Orange600` has changed from `#D97008` to `#e56910`
- `Orange700` has changed from `#B65C02` to `#c25100`
- `Orange800` has changed from `#974F0C` to `#A54800`
- `Orange900` has changed from `#5F3811` to `#702e00`
- `Orange1000` has changed from `#4A2B0F` to `#38291e`
- `Yellow1000` has changed from `#3F3102` to `#332E1B`
- `Lime100` has changed from `#EEFBDA` to `#EFFFD6`
- `Lime1000` has changed from `#2A3818` to `#28311B`
- `Green100` has changed from `#DFFCF0` to `#DCFFF1`
- `Green1000` has changed from `#143C2B` to `#1C3329`
- `Teal100` has changed from `#E3FAFC` to `#E7F9FF`
- `Teal200` has changed from `#C1F0F5` to `#C6EDFB`
- `Teal300` has changed from `#8BDBE5` to `#9DD9EE`
- `Teal400` has changed from `#60C6D2` to `#6CC3E0`
- `Teal500` has changed from `#37B4C3` to `#42B2D7`
- `Teal600` has changed from `#1D9AAA` to `#2898BD`
- `Teal700` has changed from `#1D7F8C` to `#227D9B`
- `Teal800` has changed from `#206B74` to `#206A83`
- `Teal900` has changed from `#1D474C` to `#164555`
- `Teal1000` has changed from `#15373B` to `#1E3137`
- `Blue1000` has changed from `#092957` to `#1C2B41`
- `Purple1000` has changed from `#2B2451` to `#2B273F`
- `Magenta1000` has changed from `#421F34` to `#3D2232`
#### Token changes
##### Yellow accent backgrounds
Mapped to lighter shades to create differentiation with orange, and increase vibrancy:
- \[Light theme\] `color.background.yellow.subtle`: `Yellow400` → `Yellow300`
- \[Light theme\] `color.background.accent.yellow.subtle.hovered`: `Yellow300` → `Yellow400`
- \[Light theme\] `color.background.accent.yellow.subtle.pressed`: `Yellow200` → `Yellow500`
##### Bold warning backgrounds
Mapped to lighter shades to increase vibrancy:
- \[Light theme\] `color.background.warning.bold`: `Yellow400` → `Yellow300`
- \[Dark mode\]: `color.background.warning.bold`: `Yellow400` → `Yellow300`
- \[Light theme\] `color.background.warning.bold.hovered`: `Yellow500` → `Yellow400`
- \[Dark mode\]: `color.background.warning.bold.hovered`: `Yellow300` → `Yellow400`
- \[Light theme\] `color.background.warning.bold.pressed`: `Yellow600` → `Yellow500`
- \[Dark mode\]: `color.background.warning.bold.pressed`: `Yellow200` → `Yellow500`
##### Icon
Mapped red/danger icons to darker shades to create distinction between orange and red icons:
- \[Light theme\]: `color.icon.accent.red`: `Red600` → `Red700`
- \[Dark theme\]: `color.icon.accent.red`: `Red500` → `Red600`
- \[Dark theme\]: `color.icon.accent.yellow`: `Yellow500` → `Yellow300`
- \[Light theme\]: `color.icon.danger`: `Red600` → `Red700`
- \[Dark theme\]: `color.icon.warning`: `Yellow500` → `Yellow300`
## 1.26.1
### Patch Changes
- [#40324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40324)
[`67b68e00b3f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/67b68e00b3f) - Removed
un-exported schema information from src and the package bundle
## 1.26.0
### Minor Changes
- [#40801](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40801)
[`f0f44726caa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f0f44726caa) - We are
testing increased contrast themes behind a feature flag. These are alternative themes that enable
according to user contrast system preferences. If testing is successful they will be available in
a later release.
## 1.25.2
### Patch Changes
- [#41083](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41083)
[`efb7932428f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efb7932428f) - Fix a
bug introduced in @atlaskit/tokens@1.25.1 that added an invalid peer dependency. The previous
version has been marked as deprecated.
## 1.25.1
### Patch Changes
- [#40299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40299)
[`b1882fdd842`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1882fdd842) - Change
typography token naming to be more verbose.
## 1.25.0
### Minor Changes
- [#40253](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40253)
[`6125697f0b4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6125697f0b4) - We are
testing adjustments to our color palette and design tokens behind a feature flag. These changes
make certain colors more distinguishable, improves the visual appearance of warning and yellow
accent backgrounds, and reduces saturation for subtle backgrounds in dark mode.
These changes are available behind a feature flag; if this test is successful it will be available
in an upcoming minor release.
## 1.24.0
### Minor Changes
- [#40041](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40041)
[`0c2e2baec38`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c2e2baec38) - Added
new `color.link.visited` token.
## 1.23.0
### Minor Changes
- [#38420](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38420)
[`5a967ac2397`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a967ac2397) - Adds two
new synchronous theme configuration utilities:
- `enableGlobalTheme` is a synchronous version of `setGlobalTheme` that sets data attributes on
the page and takes a themeLoader
- `UNSAFE_loadCustomThemeStyles` provides a synchronous way to generate and apply custom theme
styles to the page. It can be accessed from a new entrypoint, `@atlaskit/tokens/custom-themes`
## 1.22.1
### Patch Changes
- [#40072](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40072)
[`7b6548e6ad0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b6548e6ad0) -
Internally moves the logic which applies spacing as a defaulty enabled theme to be more inline
with other themes.
## 1.22.0
### Minor Changes
- [#39854](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39854)
[`3d5c5dbe08c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d5c5dbe08c) - Adds
UNSAFE_textTransformUppercase token. This token should not be used directly unless to aid a
migration.
## 1.21.1
### Patch Changes
- [#39653](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39653)
[`12c0a5a6f2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12c0a5a6f2e) - The
tokens Babel plugin will now add opacity to shadow token values if they don't already contain
them.
## 1.21.0
### Minor Changes
- [#39578](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39578)
[`9eee297c402`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9eee297c402) - Added
negative space tokens from -2px to -32px (space.negative.025 to space.negative.400).
## 1.20.1
### Patch Changes
- [#39641](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39641)
[`4be033a9cb5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4be033a9cb5) - Update
types
## 1.20.0
### Minor Changes
- [#38118](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38118)
[`0a95595cd3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0a95595cd3e) - Space
tokens are now enabled by default whenever `setGlobalTheme` is called.
## 1.19.0
### Minor Changes
- [#39430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39430)
[`ff1a0d8dcfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff1a0d8dcfd) -
Introduces 80 new accent interaction tokens:
- color.background.accent.blue.subtlest.hovered
- color.background.accent.blue.subtlest.pressed
- color.background.accent.blue.subtler.hovered
- color.background.accent.blue.subtler.pressed
- color.background.accent.blue.subtle.hovered
- color.background.accent.blue.subtle.pressed
- color.background.accent.blue.bolder.hovered
- color.background.accent.blue.bolder.pressed
- color.background.accent.lime.subtlest.hovered
- color.background.accent.lime.subtlest.pressed
- color.background.accent.lime.subtler.hovered
- color.background.accent.lime.subtler.pressed
- color.background.accent.lime.subtle.hovered
- color.background.accent.lime.subtle.pressed
- color.background.accent.lime.bolder.hovered
- color.background.accent.lime.bolder.pressed
- color.background.accent.red.subtlest.hovered
- color.background.accent.red.subtlest.pressed
- color.background.accent.red.subtler.hovered
- color.background.accent.red.subtler.pressed
- color.background.accent.red.subtle.hovered
- color.background.accent.red.subtle.pressed
- color.background.accent.red.bolder.hovered
- color.background.accent.red.bolder.pressed
- color.background.accent.orange.subtlest.hovered
- color.background.accent.orange.subtlest.pressed
- color.background.accent.orange.subtler.hovered
- color.background.accent.orange.subtler.pressed
- color.background.accent.orange.subtle.hovered
- color.background.accent.orange.subtle.pressed
- color.background.accent.orange.bolder.hovered
- color.background.accent.orange.bolder.pressed
- color.background.accent.yellow.subtlest.hovered
- color.background.accent.yellow.subtlest.pressed
- color.background.accent.yellow.subtler.hovered
- color.background.accent.yellow.subtler.pressed
- color.background.accent.yellow.subtle.hovered
- color.background.accent.yellow.subtle.pressed
- color.background.accent.yellow.bolder.hovered
- color.background.accent.yellow.bolder.pressed
- color.background.accent.green.subtlest.hovered
- color.background.accent.green.subtlest.pressed
- color.background.accent.green.subtler.hovered
- color.background.accent.green.subtler.pressed
- color.background.accent.green.subtle.hovered
- color.background.accent.green.subtle.pressed
- color.background.accent.green.bolder.hovered
- color.background.accent.green.bolder.pressed
- color.background.accent.teal.subtlest.hovered
- color.background.accent.teal.subtlest.pressed
- color.background.accent.teal.subtler.hovered
- color.background.accent.teal.subtler.pressed
- color.background.accent.teal.subtle.hovered
- color.background.accent.teal.subtle.pressed
- color.background.accent.teal.bolder.hovered
- color.background.accent.teal.bolder.pressed
- color.background.accent.purple.subtlest.hovered
- color.background.accent.purple.subtlest.pressed
- color.background.accent.purple.subtler.hovered
- color.background.accent.purple.subtler.pressed
- color.background.accent.purple.subtle.hovered
- color.background.accent.purple.subtle.pressed
- color.background.accent.purple.bolder.hovered
- color.background.accent.purple.bolder.pressed
- color.background.accent.magenta.subtlest.hovered
- color.background.accent.magenta.subtlest.pressed
- color.background.accent.magenta.subtler.hovered
- color.background.accent.magenta.subtler.pressed
- color.background.accent.magenta.subtle.hovered
- color.background.accent.magenta.subtle.pressed
- color.background.accent.magenta.bolder.hovered
- color.background.accent.magenta.bolder.pressed
- color.background.accent.gray.subtlest.hovered
- color.background.accent.gray.subtlest.pressed
- color.background.accent.gray.subtler.hovered
- color.background.accent.gray.subtler.pressed
- color.background.accent.gray.subtle.hovered
- color.background.accent.gray.subtle.pressed
- color.background.accent.gray.bolder.hovered
- color.background.accent.gray.bolder.pressed
## 1.18.0
### Minor Changes
- [#39135](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39135)
[`c27587454bb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c27587454bb) - Update
to include additional body token.
## 1.17.1
### Patch Changes
- [#38368](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38368)
[`11d00ba7be0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/11d00ba7be0) - Fixes
style-dictionary token references. allowing semantic tokens to be aliases of other semantic tokens
## 1.17.0
### Minor Changes
- [#38226](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38226)
[`e6d73d0e019`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6d73d0e019) - Removes
inset from elevation shadow borders.
## 1.16.0
### Minor Changes
- [#37789](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37789)
[`031034da425`](https://bitbucket.org/atlassian/atlassian-frontend/commits/031034da425) -
Introduces surface detection through the use of design tokens/CSS variables:
- The `utility.elevation.surface.current` design token allows UI to be styled with a color based
on a parent element's surface color.
- The `CURRENT_SURFACE_CSS_VAR` constant is exported to enable the current surface CSS variable to
be set.
## 1.15.2
### Patch Changes
- [#39128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39128)
[`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update
type definitions to conform to inherited changes from `@types/react@16.14.15`.
## 1.15.1
### Patch Changes
- [#38620](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38620)
[`2b79cf3df13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b79cf3df13) - Patches
certain token values in the internal typography theme.
## 1.15.0
### Minor Changes
- [#38433](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38433)
[`6b31bb82f08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b31bb82f08) -
Introduces experimental typography theme (v2).
## 1.14.2
### Patch Changes
- [#37003](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37003)
[`8e1667c2c03`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e1667c2c03) - Adds the
ability to specify a fallback theme in the tokens Babel plugin via the `defaultTheme` option. Also
adds 'legacy-light' as one of the available themes, while keeping 'light' as the default if
nothing is provided.
## 1.14.1
### Patch Changes
- [#37532](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37532)
[`b423f118bb8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b423f118bb8) - Adjusted
color generation system for custom theming to improve accessibility.
## 1.14.0
### Minor Changes
- [#37768](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37768)
[`d9d7c284713`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9d7c284713) - Add
custom theming support to `ThemeObjectToString` and `ThemeStringToObject` functions.
## 1.13.2
### Patch Changes
- [#37534](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37534)
[`f29001ccc8c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f29001ccc8c) - Renamed
type "CustomBrandSchema" to "ThemeOptionsSchema" for experimental custom theming API
## 1.13.1
### Patch Changes
- [#37182](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37182)
[`74f7af9882b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74f7af9882b) - [ux]
correct fallback color of token color.border.focused to meet contrast requirement
## 1.13.0
### Minor Changes
- [#36967](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36967)
[`bc512702bdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc512702bdc) -
Introduces new brand background tokens.
- `color.background.brand.subtlest` - Use for the background of elements used to reinforce our
brand, but with less emphasis.
- `color.background.brand.subtlest.hovered` - Hovered state of color.background.brand.subtlest.
- `color.background.brand.subtlest.pressed` - Pressed state of color.background.brand.subtlest.
- `color.background.brand.boldest` - Use for the background of elements used to reinforce our
brand, that need to stand out a lot.
- `color.background.brand.boldest.hovered` - Hovered state of color.background.brand.boldest.
- `color.background.brand.boldest.pressed` - Pressed state of color.background.brand.boldest.
Updates custom color generation system with new brand background tokens.
## 1.12.0
### Minor Changes
- [#36501](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36501)
[`beba2779d31`](https://bitbucket.org/atlassian/atlassian-frontend/commits/beba2779d31) - Add
experimental support for custom theming via the `UNSAFE_themeOptions` field in `themeState`.
This option is supported in the following functions:
- `setGlobalTheme()`: optionally generates and loads customized themes based on the options
provided, and sets the `data-custom-theme` attribute on page's HTML tag.
- `getThemeStyles()`: returns additional style objects for constructing custom theme `<style>`
tags.
- `getThemeHtmlAttrs()`: now supports the `data-custom-theme` attribute.
Custom themes are generated at runtime based on the options provided. The theme generation logic
is lazy-loaded only when `UNSAFE_themeOptions` is set.
## 1.11.3
### Patch Changes
- [#36457](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36457)
[`1b40a9ff426`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b40a9ff426) - update
border.input.color to DarkNeutral600
## 1.11.2
### Patch Changes
- [#36334](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36334)
[`5f3a4279435`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f3a4279435) - Fixes
invalid default values assigned to shadow tokens in the token-default-values.tsx artifact
- [#36279](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36279)
[`694b79161b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/694b79161b8) - Corrects
Lime chart tokens in the dark mode theme so they use the correct base tokens
## 1.11.1
### Patch Changes
- [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441)
[`7053f18ecc5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7053f18ecc5) - Added
suggest metadata to shape tokens to aid future migration suggestions.
- [`ba43427b3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba43427b3e8) - Internal
changes to account for introduction of shape/radius tokens.
## 1.11.0
### Minor Changes
- [#36265](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36265)
[`c96e003db64`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c96e003db64) -
Following on from 1.7.0, shape tokens are no longer being enabled behind a feature flag. Only
space tokens will be enabled by default when the feature flag is active.
## 1.10.2
### Patch Changes
- [#36218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36218)
[`7c1c449eb96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c1c449eb96) - Updated
space token descriptions.
## 1.10.1
### Patch Changes
- [#36072](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36072)
[`7fb8fb4fbbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fb8fb4fbbb) - - Fixed
an issue where `getCSSCustomProperty` would return the incorrect CSS variable names for space
tokens.
- Updated space token descriptions.
## 1.10.0
### Minor Changes
- [#33680](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33680)
[`31426322355`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31426322355) - - Add a
new getAllThemeStyles() function that can be used for generating theme CSS files at build time.
- Add an optional callback parameter to setGlobalTheme() that overrides the default theme loading
functionality with the callback.
## 1.9.1
### Patch Changes
- [#35762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35762)
[`7ab8146e433`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ab8146e433) -
Re-introduce entry point for token-default-values
## 1.9.0
### Minor Changes
- [#34744](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34744)
[`06fb6792d1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/06fb6792d1f) - Subtle
adjustments to some color design tokens to improve the dark theme. These changes were previously
being tested behind a feature flag.
## 1.8.1
### Patch Changes
- [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111)
[`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend
border contrast feature flag to support confluence
## 1.8.0
### Minor Changes
- [#35526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35526)
[`e200f2340ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e200f2340ed) -
Introduces new lime token set.
- `color.text.accent.lime` - Use for lime text on subtlest and subtler lime accent backgrounds
when there is no meaning tied to the color.
- `color.text.accent.lime.bolder` - Use for lime text on subtle lime accent backgrounds when there
is no meaning tied to the color.
- `color.background.accent.lime.subtlest` - Use for lime backgrounds when there is no meaning tied
to the color. Reserved for when you only want a hint of color.
- `color.background.accent.lime.subtler` - Use for lime backgrounds when there is no meaning tied
to the color, such as colored tags.
- `color.background.accent.lime.subtle` - Use for vibrant lime backgrounds when there is no
meaning tied to the color, such as colored tags.
- `color.background.accent.lime.bolder` - Use for lime backgrounds when there is no meaning tied
to the color, and the background needs to pass min 3:1 contrast requirements.
- `color.icon.accent.lime` - Use for lime icons on non-bold backgrounds when there is no meaning
tied to the color, such as file type icons.
- `color.border.accent.lime` - Use for lime borders on non-bold backgrounds when there is no
meaning tied to the color.
- `color.chart.lime` - For data visualisation only.
- `color.chart.lime.hovered` - Hovered state of color.chart.lime
- `color.chart.lime.bolder` - For data visualisation only.
- `color.chart.lime.bolder.hovered` - Hovered state of color.chart.lime.bolder
- `color.chart.lime.boldest` - For data visualisation only.
- `color.chart.lime.boldest.hovered` - Hovered state of color.chart.lime.boldest
## 1.7.0
### Minor Changes
- [#35590](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35590)
[`85b5f222844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85b5f222844) - We are
testing shape and space tokens behind a feature flag. These tokens will be enabled by default
whenever `setGlobalTheme` is called. If this test is successful it will be available in a later
release.
## 1.6.0
### Minor Changes
- [#35385](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35385)
[`191bbd4a3c2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/191bbd4a3c2) - Public
changes to types for `setGlobalTheme` to match API - previously themes could be incorrectly
applied ie the light theme could theoretically take the space theme as a valid value. No behavior
changes. Internally the shape theme has been moved from experimental status. These tokens are now
active however they remain disabled by default.
### Patch Changes
- [`98edc7e8b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/98edc7e8b62) - Patch
for tokens metadata and descriptions.
## 1.5.2
### Patch Changes
- [#34800](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34800)
[`8be4cc2372f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8be4cc2372f) - update
border color to Neutral500
## 1.5.1
### Patch Changes
- [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652)
[`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the
use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration
work. The change is internal only and should not introduce any changes for the component
consumers.
## 1.5.0
### Minor Changes
- [#34217](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34217)
[`43d186af89c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/43d186af89c) - [ux]
Updates spacing, typography metadata to apply rems or pixels depending on the target platform.
### Patch Changes
- [`019af32072d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/019af32072d) - Add
shape token handling to the `ensure-design-token-usage-spacing` rule.
## 1.4.4
### Patch Changes
- [#34445](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34445)
[`33f10b7eb36`](https://bitbucket.org/atlassian/atlassian-frontend/commits/33f10b7eb36) - Removing
unused dependencies and dev dependencies
## 1.4.3
### Patch Changes
- [#33905](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33905)
[`32e364bed0b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32e364bed0b) - We are
testing color tweaks to the dark theme behind a feature flag.
## 1.4.2
### Patch Changes
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
legacy types are published for TS 4.5-4.8
## 1.4.1
### Patch Changes
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
Typescript from `4.5.5` to `4.9.5`
## 1.4.0
### Minor Changes
- [#33329](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33329)
[`36158b8bcb9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36158b8bcb9) - [ux]
update color.border.input to meet 3:1 contrast
## 1.3.2
### Patch Changes
- [#33299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33299)
[`bae41641c82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bae41641c82) - Enable
the dark theme tweaks for Confluence behind a feature flag.
## 1.3.1
### Patch Changes
- [#32858](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32858)
[`e55ef3fcfac`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e55ef3fcfac) - Fixes an
issue where the dark theme tweaks (currently behind a feature flag) were not being displayed in
some cases due to a race condition.
## 1.3.0
### Minor Changes
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
minor dependency bump
### Patch Changes
- Updated dependencies
## 1.2.19
### Patch Changes
- [#33005](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33005)
[`1a1dc6a0370`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a1dc6a0370) - Upgrade
`@babel` scoped packages to `^7.20.0`
## 1.2.18
### Patch Changes
- [#32533](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32533)
[`ea8c1af425d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea8c1af425d) - Fixes a
bug in `setGlobalTheme()` that caused both the light and dark themes to load when auto theme
switching was disabled — only one of the themes should be loaded in this case. It also fixes a bug
in `getThemeStyles()`, where the default color themes were loaded instead of the specified theme.
## 1.2.17
### Patch Changes
- [#32434](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32434)
[`6cf7fc4647d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cf7fc4647d) - Adds
color-scheme css property to color themes to ensure the correct scheme is used at all times.
Previously this was only part of the css-reset however in instances where that is not used this
property will always be applied
## 1.2.16
### Patch Changes
- [#32333](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32333)
[`1ddf6dd6387`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ddf6dd6387) - Adds a
beta contrast checking tool to token examples utilising a new "token pairing" algorithm to find
recommended pairs of foreground and background tokens. There is no change to API or bundle size.
## 1.2.15
### Patch Changes
- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424)
[`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY
remove before merging to master; dupe adf-schema via adf-utils
## 1.2.14
### Patch Changes
- [#32294](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32294)
[`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages
of `process` are now guarded by a `typeof` check.
- [#32308](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32308)
[`2efaed356e0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2efaed356e0) - Modified
`color.text.accent.gray.bolder` token value for the dark theme.
## 1.2.13
### Patch Changes
- [#32311](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32311)
[`a02eed2974e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a02eed2974e) - Move
codegen into @atlassian scope to publish it to private registry
## 1.2.12
### Patch Changes
- [#32209](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32209)
[`ec8f1ac379a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec8f1ac379a) - Tweaks
to dark theme tokens (`background.selected` and `background.selected.pressed`) behind a feature
flag.
## 1.2.11
### Patch Changes
- [#32057](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32057)
[`8ec4434b4c2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ec4434b4c2) - The
return type for `useThemeObserver` now omits `auto` as a possible option for `colorMode`. From the
perspective of observers `auto` does not exist because `colorMode` is precalculated at runtime.
## 1.2.10
### Patch Changes
- [#32049](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32049)
[`80a0a472d01`](https://bitbucket.org/atlassian/atlassian-frontend/commits/80a0a472d01) - Onboard
`@atlaskit/tokens` on push model consumption
## 1.2.9
### Patch Changes
- [#31793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31793)
[`aef90f8953b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aef90f8953b) - Tweaks
to a subset of dark theme tokens behind a feature flag.
## 1.2.8
### Patch Changes
- [#31886](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31886)
[`de4f079569a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de4f079569a) - The
tokens babel-plugin will no longer run on files in node_module directories. This is to avoid
attempting to transform legacy tokens from older transitive dependencies.
## 1.2.7
### Patch Changes
- [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206)
[`23b381db41c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/23b381db41c) - Upgrades
component types to support React 18.
## 1.2.6
### Patch Changes
- [#31242](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31242)
[`cfe48bb7ece`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cfe48bb7ece) - Internal
change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
## 1.2.5
### Patch Changes
- [#31155](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31155)
[`d1adc718599`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d1adc718599) - Added
token-order entry-point, exported ActiveTokens type.
## 1.2.4
### Patch Changes
- [#30998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30998)
[`2717641f696`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2717641f696) - The
getTokenValue helper now strips leading or trailing spaces if they exist.
## 1.2.3
### Patch Changes
- [#30894](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30894)
[`e2b8df300f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2b8df300f2) - Pull
responsive helpers from `@atlaskit/primitives/responsive` instead of `@atlaskit/grid` as they've
been moved.
## 1.2.2
### Patch Changes
- [#30708](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30708)
[`67a01afe12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/67a01afe12b) - Add
internal and experimental token for border.width.0
## 1.2.1
### Patch Changes
- [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125)
[`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) -
Introduce shape tokens to some packages.
## 1.2.0
### Minor Changes
- [#30055](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30055)
[`64d30817221`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64d30817221) -
Introduce experimental 'shape' tokens for use with border properties.
## 1.1.0
### Minor Changes
- [#29387](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29387)
[`4b9aea55b97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b9aea55b97) - Removed
various unused experimental spacing tokens in favor of the `space.X` token format.
Removed:
- `spacing.scale`
- `spacing.scaleLinear`
- `spacing.size`
- `spacing.gap`
- `spacing.inset`
- `spacing.ecl`
- `spacing.ccc`
## 1.0.0
### Major Changes
- [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634)
[`512be9e1854`](https://bitbucket.org/atlassian/atlassian-frontend/commits/512be9e1854) - This PR
introduces the 1.0 stable version of `@atlaskit/tokens`. With the changes introduced here, the
tokens package _will be considered stable and feature-complete moving forward_.
#### 💥 Breaking change: Theme lazy-loading
Previously, themes were exposed as static CSS files via custom entry-points. This worked quite well
but had a couple of obvious drawbacks.
1. CSS files depend on webpack/css-loading mechanisms (`style-loader`/`css-loader`) which aren't
available in all environments.
2. Configuration and ordering of themes happened entirely in products, which becomes increasingly
harder to maintain as new themes & functionality are introduced
We have moved this to a lazy-loaded JS solution. Themes are now codegen'd into Javascript modules,
wrapped in a template literal string, then lazy-loaded and mounted to the head of the document when
required at runtime.
**Benefits include:**
- More control over the ordering and composition of themes
- Automatic lazy-loading of new themes when `setGlobalTheme` is called by the client
- Simplified bundler configuration
- Improved portability
- Integrates with a new SSR solution for theme loading
**Changes:**
If you set themes using `setGlobalTheme` in your app, you can now remove manual imports of theme CSS
files from your app. The themes will be automatically added when `setGlobalTheme` is called.
```diff
-import("atlassian-light.css") from '@atlaskit/tokens/css'
-import("atlassian-legacy-dark.css") from '@atlaskit/tokens/css'
-setGlobalTheme("light", true)
+setGlobalTheme({light: "light", dark: "legacy-dark", colorMode: 'auto'})
```
If your app supports server-side rendering, further work is required to ensure themes are loaded on
the page before first paint. See below for details on the new SSR utilities.
#### 💥 Breaking change: Removal of deprecated & deleted tokens
[As per our versioning strategy](https://hello.atlassian.net/wiki/spaces/DST/pages/1818362892?search_id=660dc077-8ecb-4142-be48-1e610e372315),
MAJOR versions is when we remove all deprecated and sunset tokens. This provides significant bundle
size improvements to token CSS files.
If you have been using our lint rules `@atlaskit/design-system/no-unsafe-design-token-usage` and
`@atlaskit/design-system/no-deprecated-design-token-usage`, these tokens should already be
triggering eslint errors from the version they were deprecated.
Please run `yarn eslint --fix` or similar to automate your migration before upgrading to `1.0.0`.
_Please see below for a full list of removed tokens and their replacements._
Note: MISSING_TOKEN is also being removed. This was a utility token to support early migration
efforts; as tokens are now visible to end-users, please ensure all usages are removed from your app.
#### 💥 Breaking change: `setGlobalTheme` & `ThemeObserver` & `useThemeObserver`
**ThemeState configuration object**
`setGlobalTheme`, `ThemeMutationObserver` & `useThemeObserver` now input and output theme
preferences as a `themeState` object rather than a space-separated string. This enables:
- Stronger type safety
- Explicit definition of themes to render in light and dark mode.
- Improved extensibility options for new types of themes, such as spacing and typography.
`themeState` has the following default values, which set the standard Atlassian color themes, and
enables automatic color mode switching based on the user's system preference:
```js
{
colorMode: 'auto',
dark: 'dark',
light: 'light',
spacing: undefined,
typography: undefined,
};
```
Any usages of `setGlobalTheme` need` to be updated to the new object syntax:
```diff
-setGlobalTheme('light');
+setGlobalTheme({ light: 'light', colorMode: 'light' ...});
```
**Changes to colorMode**
Previously, the current color mode (i.e. "light" or "dark" mode) was inferred from the color theme
passed into `setGlobalTheme`. A second parameter, `shouldMatchSystem`, set `data-color-mode` to
`'auto'` and matched the current theme to operating system settings:
```js
setGlobalTheme('legacy-dark'); // a "dark" theme, so color mode is set to 'dark'
setGlobalTheme('light', true); // color mode is 'light' or 'dark' depending on system theme
```
Now, the current color mode, as well as which themes to render in each color mode, can be configured
via the `themeState` object:
```js
setGlobalTheme({
dark: 'dark' // in dark mode, use the 'dark' theme
light: 'light' // in light mode, use the 'light' theme
colorMode: 'auto', // Set the color mode automatically based on system preference
});
```
If your app previously set the second parameter, `shouldMatchSystem`, this feature is now enabled by
default.
```diff
// Automatic theme switching
-setGlobalTheme('light', true)
+setGlobalTheme({light: 'light', dark: 'dark', 'auto'})
// OR, since setGlobalTheme has default values
+setGlobalTheme({})
// Light theme
-setGlobalTheme('light')
+setGlobalTheme({light: 'light', colorMode: 'light'})
// OR
+setGlobalTheme({colorMode: 'light'})
// Dark theme
-setGlobalTheme('dark')
+setGlobalTheme({dark: 'dark', colorMode: 'dark'})
// OR
+setGlobalTheme({colorMode: 'dark'})
```
**Color mode switching is enabled by default**
As noted above, automatic theme switching is now enabled by default. To disable automatic theme
switching, set `colorMode` to either `'light'` or `'dark'`.
#### 🔀 Breaking behavioural change: `data-theme` & `data-color-mode`
The way this state is reflected on the DOM has been updated to match the changes above:
```diff
-<html data-theme="light" data-color-mode="light">
+<html data-theme="light:light dark:dark spacing:compact" data-color-mode="light">
```
Theme state on the DOM is primarily to store data in a place that can be accessed from anywhere in
the app, and secondly to activate CSS selectors.
Two new utilities, `themeStringToObject` and `themeObjectToString`, allow conversion from string to
object syntax if necessary.
#### 🔀 Breaking change: System-level theme switching
Token auto theme switching now uses a Javascript-based solution, rather than embedding media queries
in theme CSS files. If `colorMode` is set to `'auto'`, media query event listeners will trigger when
the system theme changes, and update `data-color-mode` to `'light'` or `'dark'` automatically.
This provides several benefits:
- Significant (~50%) improvements to bundle size for token CSS files compared to the pre-release
version of `@atlaskit/tokens`.
- Simpler logic for switching an experience based on the current theme:
- Previously, experiences using theme observers had to check a combination of the
`data-color-mode` attribute use media queries to to correctly match the currently rendered color
mode in light, dark and 'auto' color modes. Now, the `data-color-mode` attribute always matches
the currently rendered color mode, and media queries are no longer required.
As a result of this change, the `data-color-mode` attribute no longer supports the value `'auto'`.
If your experience checked for this value, this logic can now be removed, as `data-color-mode` will
always reflect the currently rendered theme.
#### ✨ New: server-side rendering utility functions
Three new utility functions provide the logic required to load and display the correct themes in
your server-rendered output, preventing a flash of incorrectly themed content on first paint. Each
accepts the same themeState object representing the user's stored theme preference:
- `getThemeStyles` provides the contents of `<style>` tags to attach to the head of your server-side
rendered document
- `getThemeHtmlAttributes` provides data-attributes to set on the root of your document.
- `getSSRAutoScript` provides a script to detect the system theme and configure the color mode
before first paint.
For more information on these utilities, check the
[@atlaskit/tokens API documentation](https://atlassian.design/components/tokens/code) on
atlassian.design.
#### 🐞 Fixes
**Observer fixes:**
`useThemeObserver` & `ThemeMutationObserver` now listen to changes on data-theme instead of
data-color-mode.
Previously changes between two themes that both have a light color mode would not trigger an event
since `data-color-mode` would not be updated. With this fix, the event fires on every call to
`setGlobalTheme` regardless if there is a change to the theme or not.
**Automatic theme switching changes:**
Previously, the order of themes determined which one rendered. If you had multiple 'light' themes in
your app, the order of the CSS files in the DOM determined which one rendered in "auto" mode.
Now, the theme that renders when the system is in 'light' and 'dark' mode is deterministic, and
explicitly configured via the `themeState` object.
#### 🚮 Removed tokens
The following tokens have been moved from the `deprecated` & `deleted` to removed state in their
lifecycles. These tokens will no longer exist and will not be functional moving forward, tooling
will begin to error wherever they're used.
- `color.text.highEmphasis` => `color.text`
- `color.text.link.pressed` => `color.link.pressed`
- `color.text.link.resting` => `color.link`
- `color.text.lowEmphasis` => `color.text.subtlest`
- `color.text.mediumEmphasis` => `color.text.subtle`
- `color.text.onBold` => `color.text.inverse`
- `color.text.onBoldWarning` => `color.text.warning.inverse`
- `color.border.focus` => `color.border.focused`
- `color.border.neutral` => `color.border`
- `color.background.accent.blue` => `color.background.accent.blue.subtler`
- `color.background.accent.blue.bold` => `color.background.accent.blue.subtle`
- `color.background.accent.red` => `color.background.accent.red.subtler`
- `color.background.accent.red.bold` => `color.background.accent.red.subtle`
- `color.background.accent.orange` => `color.background.accent.orange.subtler`
- `color.background.accent.orange.bold` => `color.background.accent.orange.subtle`
- `color.background.accent.yellow` => `color.background.accent.yellow.subtler`
- `color.background.accent.yellow.bold` => `color.background.accent.yellow.subtle`
- `color.background.accent.green` => `color.background.accent.green.subtler`
- `color.background.accent.green.bold` => `color.background.accent.green.subtle`
- `color.background.accent.teal` => `color.background.accent.teal.subtler`
- `color.background.accent.teal.bold` => `color.background.accent.teal.subtle`
- `color.background.accent.purple` => `color.background.accent.purple.subtler`
- `color.background.accent.purple.bold` => `color.background.accent.purple.subtle`
- `color.background.accent.magenta` => `color.background.accent.magenta.subtler`
- `color.background.accent.magenta.bold` => `color.background.accent.magenta.subtle`
- `color.background.inverse` => `color.background.inverse.subtle`
- `color.background.brand` => `color.background.selected`
- `color.background.brand.hovered` => `color.background.selected.hovered`
- `color.background.brand.pressed` => `color.background.selected.pressed`
- `color.background.selected.resting` => `color.background.selected`
- `color.background.selected.hover` => `color.background.selected.hovered`
- `color.background.blanket` => `color.blanket`
- `color.background.boldBrand.hover` => `color.background.brand.bold.hovered`
- `color.background.boldBrand.pressed` => `color.background.brand.bold.pressed`
- `color.background.boldBrand.resting` => `color.background.brand.bold`
- `color.background.boldDanger.hover` => `color.background.danger.bold.hovered`
- `color.background.boldDanger.pressed` => `color.background.danger.bold.pressed`
- `color.background.boldDanger.resting` => `color.background.danger.bold`
- `color.background.boldDiscovery.hover` => `color.background.discovery.bold.hovered`
- `color.background.boldDiscovery.pressed` => `color.background.discovery.bold.pressed`
- `color.background.boldDiscovery.resting` => `color.background.discovery.bold`
- `color.background.boldNeutral.hover` => `color.background.neutral.bold.hovered`
- `color.background.boldNeutral.pressed` => `color.background.neutral.bold.pressed`
- `color.background.boldNeutral.resting` => `color.background.neutral.bold`
- `color.background.boldSuccess.hover` => `color.background.success.bold.hovered`
- `color.background.boldSuccess.pressed` => `color.background.success.bold.pressed`
- `color.background.boldSuccess.resting` => `color.background.success.bold`
- `color.background.boldWarning.hover` => `color.background.warning.bold.hovered`
- `color.background.boldWarning.pressed` => `color.background.warning.bold.pressed`
- `color.background.boldWarning.resting` => `color.background.warning.bold`
- `color.background.card` => `elevation.surface.raised`
- `color.background.default` => `elevation.surface`
- `color.background.overlay` => `elevation.surface.overlay`
- `color.background.subtleBorderedNeutral.pressed` => `color.background.input.pressed`
- `color.background.subtleBorderedNeutral.resting` => `color.background.input`
- `color.background.subtleBrand.hover` => `color.background.selected.hovered`
- `color.background.subtleBrand.pressed` => `color.background.selected.pressed`
- `color.background.subtleBrand.resting` => `color.background.selected`
- `color.background.subtleDanger.hover` => `color.background.danger.hovered`
- `color.background.subtleDanger.pressed` => `color.background.danger.pressed`
- `color.background.subtleDanger.resting` => `color.background.danger`
- `color.background.subtleDiscovery.hover` => `color.background.discovery.hovered`
- `color.background.subtleDiscovery.pressed` => `color.background.discovery.pressed`
- `color.background.subtleDiscovery.resting` => `color.background.discovery`
- `color.background.subtleNeutral.hover` => `color.background.neutral.hovered`
- `color.background.subtleNeutral.pressed` => `color.background.neutral.pressed`
- `color.background.subtleNeutral.resting` => `color.background.neutral`
- `color.background.subtleSuccess.hover` => `color.background.success.hovered`
- `color.background.subtleSuccess.pressed` => `color.background.success.pressed`
- `color.background.subtleSuccess.resting` => `color.background.success`
- `color.background.subtleWarning.hover` => `color.background.warning.hovered`
- `color.background.subtleWarning.pressed` => `color.background.warning.pressed`
- `color.background.subtleWarning.resting` => `color.background.warning`
- `color.background.sunken` => `elevation.surface.sunken`
- `color.background.transparentNeutral.hover` => `color.background.neutral.subtle.hovered`
- `color.background.transparentNeutral.pressed` => `color.background.neutral.subtle.pressed`
- `color.interaction.inverse.hovered` => `color.background.inverse.subtle.hovered`
- `color.interaction.inverse.pressed` => `color.background.inverse.subtle.pressed`
- `color.accent.boldBlue` => `color.background.accent.blue.bolder`
- `color.accent.boldGreen` => `color.background.accent.green.bolder`
- `color.accent.boldOrange` => `color.background.accent.orange.bolder`
- `color.accent.boldPurple` => `color.background.accent.purple.bolder`
- `color.accent.boldRed` => `color.background.accent.red.bolder`
- `color.accent.boldTeal` => `color.background.accent.teal.bolder`
- `color.accent.subtleBlue` => `color.background.accent.blue.subtler`
- `color.accent.subtleGreen` => `color.background.accent.green.subtler`
- `color.accent.subtleMagenta` => `color.background.accent.magenta.subtler`
- `color.accent.subtleOrange` => `color.background.accent.orange.subtler`
- `color.accent.subtlePurple` => `color.background.accent.purple.subtler`
- `color.accent.subtleRed` => `color.background.accent.red.subtler`
- `color.accent.subtleTeal` => `color.background.accent.teal.subtler`
- `color.iconBorder.brand` => `color.icon.brand`
- `color.iconBorder.danger` => `color.icon.danger`
- `color.iconBorder.discovery` => `color.icon.discovery`
- `color.iconBorder.success` => `color.icon.success`
- `color.iconBorder.warning` => `color.icon.warning`
- `color.overlay.hover` => `color.interaction.hovered`
- `color.overlay.pressed` => `color.interaction.pressed`
- `shadow.card` => `elevation.shadow.raised`
- `shadow.overlay` => `elevation.shadow.overlay`
- `utility.UNSAFE_util.transparent` => `utility.UNSAFE.transparent`
- `utility.UNSAFE_util.MISSING_TOKEN` => No replacement
## 0.13.5
### Patch Changes
- [#29360](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29360)
[`1f558943507`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f558943507) - Correct
Figma entrypoints to use raw json
## 0.13.4
### Patch Changes
- [#28784](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28784)
[`48c9ecca2c4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/48c9ecca2c4) - -
`@atlaskit/tokens/figma-sync` entrypoint added to sync design tokens to the ADS Figma library (not
intended for external use).
- Tokens are now sorted by a predefined order across artifact output, ensuring consistency across
experiences.
## 0.13.3
### Patch Changes
- [#27875](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27875)
[`0438a9318a1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0438a9318a1) - Tweaked
the values of the `Neutral500` and `Neutral500` base tokens and updated `text.accent.gray.bolder`
to improve color contrast:
- Adjust `Neutral500` from `#8993A5` to `#8590A2` so that it passes 3:1 contrast against sunken
surfaces in light mode
- Adjust `Neutral500A` from `#091E42 @ 48%` to `#091E42 @ 49%` to match color of `Neutral500` on
default surfaces
- Update `text.accent.gray.bolder` to use `Neutral1100` so gray tags pass contrast requirements
- [`765c27c301e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/765c27c301e) - Adds new
chart tokens for data visualisation and charts.
27 generic chart tokens and hovered state tokens:
- `color.chart.[color].bold`
- `color.chart.[color].bolder`
- `color.chart.[color].boldest`
12 semantic chart tokens and hovered state tokens:
- `color.chart.brand`
- `color.chart.neutral`
- `color.chart.success`
- `color.chart.success.bold`
- `color.chart.danger`
- `color.chart.danger.bold`
- `color.chart.warning`
- `color.chart.warning.bold`
- `color.chart.information`
- `color.chart.information.bold`
- `color.chart.discovery`
- `color.chart.discovery.bold`
8 categorical chart tokens and hovered state tokens:
- `color.chart.categorical.1`
- `color.chart.categorical.2`
- `color.chart.categorical.3`
- `color.chart.categorical.4`
- `color.chart.categorical.5`
- `color.chart.categorical.6`
- `color.chart.categorical.7`
- `color.chart.categorical.8`
## 0.13.2
### Patch Changes
- [#28159](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28159)
[`716af1d3387`](https://bitbucket.org/atlassian/atlassian-frontend/commits/716af1d3387) - Bump
@atlaskit/heading from 1.0.0 to 1.0.1 to avoid resolving to poison dependency version
## 0.13.1
### Patch Changes
- [#27730](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27730)
[`a5eed85fe2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a5eed85fe2e) - Added a
new `getTokenValue()` API - it accepts a dot-separated token name and a fallback value, and
returns the current computed CSS value for the resulting CSS Custom Property. This should be used
when the CSS cascade isn't available, eg. `<canvas>` elements, JS charting libraries, etc.
## 0.13.0
### Minor Changes
- [#28011](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28011)
[`00c057bdd71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/00c057bdd71) - Removes
spacing-raw & typography-raw entrypoints in favor of tokens-raw
## 0.12.0
### Minor Changes
- [#28041](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28041)
[`5892d12b125`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5892d12b125) -
Refactors token artifact generation via style-dictionary. The tokens package no longer outputs
redundant files on a per theme basis and instead consolidates schema-focused outputs into
individual files where possible.
## 0.11.6
### Patch Changes
- [#27880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27880)
[`3d46e550157`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d46e550157) - Fixes a
bug with the tokens-babel-plugin where it was transforming token functions which were imported
from modules other than the @atlaskit/tokens package.
## 0.11.5
### Patch Changes
- [#27885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27885)
[`bcef9745338`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bcef9745338) -
useThemeObserver now exclusively watches `data-theme` instead of `data-color-mode` to ensure all
changes to the theme attr trigger an event. Previously, if a theme moved from light theme, which
had a mode="light", to another theme such as legacy-light with the same mode, no event will be
triggered.
## 0.11.4
### Patch Changes
- [#27592](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27592)
[`39c4b520ef3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39c4b520ef3) - - Adds
`typography-raw` entry point for easy access.
## 0.11.3
### Patch Changes
- [#27629](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27629)
[`f824dcfff6e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f824dcfff6e) - Internal
changes to satisfy various lint warnings & errors
## 0.11.2
### Patch Changes
- [#27482](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27482)
[`81e34736aa0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81e34736aa0) - [ux]
Introduces additional token set `space.*`. These tokens match the behavior of `spacing.scale.*`.
Also introduces two additional base tokens, `Space800` and `Space1000`.
## 0.11.1
### Patch Changes
- [#27449](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27449)
[`9307ebb86d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9307ebb86d8) - Revert
addition of init entry point in favor of an upcoming solution.
## 0.11.0
### Minor Changes
- [#26991](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26991)
[`65222c75362`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65222c75362) - - Adds
experimental typography tokens for font size, font weight, font family, and line height. These are
not intended for public consumption yet.
- Adds a new init entry point for easily importing all theme CSS files (currently light, dark,
spacing, and typography).
- Spacing and typography tokens are now added to the `:root` rather than requiring a `data-theme`
attribute.
- Removes 'spacing' from the default theme.
## 0.10.35
### Patch Changes
- [#26560](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26560)
[`44c1c98c87a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44c1c98c87a) - Export
CSSTokenMap
## 0.10.34
### Patch Changes
- [#26764](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26764)
[`10f2fea8f3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/10f2fea8f3d) - Updated
JSDoc descriptions for token() and setGlobalTheme()
## 0.10.33
### Patch Changes
- [#26623](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26623)
[`7a7d1aedac0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a7d1aedac0) - Change
pixels to rems for spacing tokens.
## 0.10.32
### Patch Changes
- [#26624](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26624)
[`c8bd8ee1920`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c8bd8ee1920) - Adds new
shadow tokens, elevation.shadow.overflow.spread and elevation.shadow.overflow.perimeter, that can
be applied in combination to replicate the overflow shadow when elevation.shadow.overflow is not
technically feasible to implement.
## 0.10.31
### Patch Changes
- [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860)
[`e35fc41dc33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e35fc41dc33) - Internal
change to use updated primtive spacing prop values. No expected behaviour change.
- [`92ee7c98d1a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92ee7c98d1a) - Fixes a
number of neutral palette colors which were being generated without their alphas in the legacy
palette.
- [`7e491389968`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e491389968) - Adds
experimental spacing tokens, currently for internal use only. These are not ready for widespread
consumption yet and a lint rule will raise issues if you try to use them.
## 0.10.30
### Patch Changes
- [#26186](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26186)
[`d9173fbdc13`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9173fbdc13) - Added
some more experimental spacing tokens for internal testing and validation. These are not intended
for public consumption yet.
## 0.10.29
### Patch Changes
- [#26128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26128)
[`41dad8915d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41dad8915d7) - **✨
Color modes**
Color modes are now attached to the DOM with the data-theme attr:
```html
<html data-theme="dark" data-color-mode="auto"></html>
```
**✨ Multi-theme**
We now allow multiple active themes:
```html
<html data-theme="dark spacing"></html>
```
**✨ System preferences**
We also output `@media (prefers-color-scheme: dark)` media selectors for color themes
```css
@media (prefers-color-scheme: dark) {
html[data-color-mode='auto'] {
...;
}
}
```
This allows Product themes to be toggled by the OS-level setting.
**✨ Setting theme state**
`setGlobalTheme` now allows you to set auto color scheme via an additional boolean arg
```js
setGlobalTheme(themeState, true); // data-color-mode="auto"
```
✨ Source of truth for themes
All theme configuration now exists in a single object as a source of truth
```ts
const themeConfig: Record<Themes, ThemeConfig> = {
'atlassian-light': {
id: 'light',
displayName: 'Light Theme',
palette: 'defaultPalette',
attributes: {
type: 'color',
mode: 'light',
},
},
...
};
```
## 0.10.28
### Patch Changes
- [#26165](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26165)
[`52ee11d5b3c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52ee11d5b3c) - Adds an
additional entrypoint for the `@atlaskit/tokens` package to support tooling.
## 0.10.27
### Patch Changes
- [#26111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26111)
[`56b107f0989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b107f0989) - Adds
experimental spacing tokens, currently for internal use only. These are not ready for widespread
consumption yet and a lint rule will raise issues if you try to use them.
## 0.10.26
### Patch Changes
- [#25755](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25755)
[`92faa09c2d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92faa09c2d4) - Rename
base tokens to pascal case
## 0.10.25
### Patch Changes
- [#25841](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25841)
[`2e2ac6d3091`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e2ac6d3091) - Add new
entrypoint `@atlaskit/tokens/tokens-raw` which provides access to raw token data. This enables the
Atlassian Design Tokens Figma plugin to import required token information:wq
## 0.10.24
### Patch Changes
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710)
[`619d2c2eaed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/619d2c2eaed) - Fixed
typo in `elevation.surface.overlay` description
## 0.10.23
### Patch Changes
- [#25673](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25673)
[`264f928f021`](https://bitbucket.org/atlassian/atlassian-frontend/commits/264f928f021) - Fix
ignored entrypoint to allow correct access to babel-plugin
## 0.10.22
### Patch Changes
- [#22827](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22827)
[`8e324bc208f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e324bc208f) - Source
files for tokens chrome extension has been moved out and into its own pacakge
## 0.10.21
### Patch Changes
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
[`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
Typescript from `4.3.5` to `4.5.5`
## 0.10.20
### Patch Changes
- [#25211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25211)
[`9f6aa1d7cdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f6aa1d7cdc) -
Introduces new interaction states to a number of existing elevation tokens:
- elevation.surface.hovered
- elevation.surface.pressed
- elevation.surface.raised.hovered
- elevation.surface.raised.pressed
- elevation.surface.overlay.hovered
- elevation.surface.overlay.pressed
## 0.10.19
### Patch Changes
- [#24502](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24502)
[`efe09ca1159`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efe09ca1159) - Adds new
opacity tokens, opacity.disabled and opacity.loading, that can be applied to elements to indicate
loading and disabled states.
## 0.10.18
### Patch Changes
- [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004)
[`7101fb6a895`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7101fb6a895) - Updates
`@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
## 0.10.17
### Patch Changes
- [#24390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24390)
[`e6dc2779c94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6dc2779c94) - Adds
support for two new themes "Atlassian-legacy-light" & "Atlassian-legacy-dark". These are
compatibility themes, utilising colors from the legacy color palette.
## 0.10.16
### Patch Changes
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
[`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
Typescript from `4.2.4` to `4.3.5`.
## 0.10.15
### Patch Changes
- [#24188](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24188)
[`50299267c2e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50299267c2e) -
Refactors style-dictionary to support multiple palettes.
- Adds legacy-palette containing colours from `@atlaskit/theme`.
- Palettes are processed as their own 'themes' (functionally) and now have their own configuration
via style-dictionary.
- formatters + transformers were renamed and moved to match best practices
- Types were updated to allow multi-palette values (base tokens)
## 0.10.14
### Patch Changes
- [#24077](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24077)
[`e3377246ebc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3377246ebc) - Moves
the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens
are removed from your application, they will be completely removed in the next major version:
- 'color.interaction.inverse.hovered' => 'color.background.inverse.subtle.hovered'
- 'color.interaction.inverse.pressed' => 'color.background.inverse.subtle.pressed'
If you have configured the design token eslint rules, running `eslint --fix` will resolve these
changes automatically.
## 0.10.13
### Patch Changes
- [#23579](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23579)
[`39a56a3c4e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39a56a3c4e7) - Update
disabled tokens to use alpha base tokens:
- `color.text.disabled`
- `color.icon.disabled`
- `color.background.disabled`
## 0.10.12
### Patch Changes
- [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642)
[`83c253f28bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83c253f28bd) - [ux] -
Correct 'color.interaction.hovered' and 'color.interaction.pressed' token values, which were
mistakenly mapped inversely in light and dark mode. The token values have now been swapped.
- Deprecate 'color.interaction.inverse.hovered' which has been replaced with
'color.background.inverse.subtle.hovered'.
- Deprecate 'color.interaction.inverse.pressed' which has been replaced with
'color.background.inverse.subtle.pressed'.
## 0.10.11
### Patch Changes
- [#23027](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23027)
[`d9d18df130f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9d18df130f) - [ux]
Tweaked the values of the DN500 and DN500A base tokens to improve color contrast when paired with
text:
- DN500 has changed from `#5C6C7A` to `#596773`
- DN500A has changed from `#A9C5DF7A` to `#9BB4CA80`
This changes the values in dark mode for the following tokens:
_(active)_:
- `color.text.disabled`
- `color.icon.disabled`
- `color.background.accent.gray.subtle`
_(deprecated)_:
- `color.overlay.pressed`
## 0.10.10
### Patch Changes
- [#22892](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22892)
[`dc05530d2a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc05530d2a0) - Internal
refactor to the way the documentation is built.
## 0.10.9
### Patch Changes
- Updated dependencies
## 0.10.8
### Patch Changes
- [#22551](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22551)
[`3c1eda5c3d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c1eda5c3d0) - [Tokens]
added new color.border.bold token
## 0.10.7
### Patch Changes
- [#22107](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22107)
[`cb8723a7974`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb8723a7974) -
Introduces a new set of neutral accent tokens:
- `color.background.accent.gray.bolder`
- `color.background.accent.gray.subtle`
- `color.background.accent.gray.subtler`
- `color.background.accent.gray.subtlest`
- `color.border.accent.gray`
- `color.icon.accent.gray`
- `color.text.accent.gray`
- `color.text.accent.gray.bolder`
## 0.10.6
### Patch Changes
- [#22364](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22364)
[`04fc3d5c658`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04fc3d5c658) - Run
token transform earlier by hooking into Program visitor
## 0.10.5
### Patch Changes
- [#22060](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22060)
[`1124fa435ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1124fa435ed) - Moves
the following `deprecated` tokens to the `sunset` phase. Please ensure that all `sunset` tokens
are removed from your application, they will be completely removed in the next major version:
- `color.background.brand.hovered` => `color.background.selected.hovered`
- `color.background.brand.pressed` => `color.background.selected.pressed`
- `color.background.brand` => `color.background.selected`
- `color.background.inverse` => `color.background.inverse.subtle`
- `color.background.selected.hover` => `color.background.selected.hovered`
- `color.background.selected.resting` => `color.background.selected`
- `color.background.subtleBrand.hover` => `color.background.selected.hovered`
- `color.background.subtleBrand.pressed` => `color.background.selected.pressed`
- `color.background.subtleBrand.resting` => `color.background.selected`
If you have configured the design token eslint rules, running `eslint --fix` will resolve these
changes automatically.
## 0.10.4
### Patch Changes
- [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570)
[`7b9be57869b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b9be57869b) - ED-14905
made fallback token name work for production
## 0.10.3
### Patch Changes
- [#21650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21650)
[`acbd8d5576a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/acbd8d5576a) - Added a
color-contrast test for our color pairs in the Tokens package.
## 0.10.2
### Patch Changes
- [#21920](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21920)
[`5b8212f08b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b8212f08b0) - The
current theme can now be accessed and monitored for changes using new exports.
- `useThemeObserver` React hook
- `ThemeMutationObserver` Mutation Observer
## 0.10.1
### Patch Changes
- [#21813](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21813)
[`7267d0aad7c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7267d0aad7c) - Update
group name metadata for light and dark neutral palette tokens
## 0.10.0
### Minor Changes
- [#21484](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21484)
[`aa06bcc3c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa06bcc3c48) - Removes
the :root selector from the light theme, which allows the light theme to be turned off once the
css is mounted. This is to support our migration efforts, but we will ultimately reintroduce this
behaviour once tokens are the default experience
## 0.9.5
### Patch Changes
- [#21487](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21487)
[`4942487a9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4942487a9f6) - Fixes
internal representation of CSS entrypoints for themes. This is an internal change only and does
not effect public APIs.
## 0.9.4
### Patch Changes
- [#21543](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21543)
[`1dad88929cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dad88929cd) - Adds the
`@atlassian/codegen` package that is designed to be used in concert with packages that utilise
built assets in their source. Initial release adds an integrity header to assets from
`@atlaskit/tokens`.
## 0.9.3
### Patch Changes
- [#20579](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20579)
[`ae9eab2df7d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae9eab2df7d) - Fixing
blanket selected and danger tokens that were 80% instead of 8% opacity
## 0.9.2
### Patch Changes
- [#20895](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20895)
[`c1de986e861`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1de986e861) - Added
new entrypoint `@atlaskit/tokens/palettes-raw` for raw palette token data (used in documentation)
## 0.9.1
### Patch Changes
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
[`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
to TypeScript 4.2.4
## 0.9.0
### Minor Changes
- [#20033](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20033)
[`54180abbf55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54180abbf55) - [ux] Add
a new `color.border.inverse` token. Use for borders on bold backgrounds
## 0.8.3
### Patch Changes
- [#20065](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20065)
[`530455156a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/530455156a8) -
Deprecating color.background.inverse in favour of the new color.background.inverse.subtle token
instead. Also introduced color.background.inverse.subtle.hovered and
color.background.inverse.subtle.pressed tokens to supplement it.
## 0.8.2
### Patch Changes
- [#20082](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20082)
[`b170565a618`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b170565a618) - [ux]
Update to input token colors: `color.background.input`, `color.background.input.hovered`,
`color.background.input.pressed`.
## 0.8.1
### Patch Changes
- [#19900](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19900)
[`a66253fc6a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a66253fc6a5) - Export
token ID utility functions with new entrypoint `@atlaskit/tokens/token-ids`
## 0.8.0
### Minor Changes
- [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618)
[`1fb52fef1a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1fb52fef1a8) - [ux] New
Skeleton color tokens `color.skeleton.subtle` and `color.skeleton.subtlest`. Use for skeleton
loading states
### Patch Changes
- [`ac9343c3ed4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac9343c3ed4) - Replaces
usage of deprecated design tokens. No visual or functional changes
- [`308db322b04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308db322b04) - The
following tokens have been moved from the `deprecated` to `deleted` state in their lifecycles.
These tokens will continue to exist, however tooling will begin to error wherever they're used. If
you haven't already, please run `yarn eslint --fix` or similar to automate your migration.
- `color.background.blanket` => `color.blanket`
- `color.background.boldBrand.resting` => `color.background.brand.bold`
- `color.background.boldBrand.hover` => `color.background.brand.bold.hovered`
- `color.background.boldBrand.pressed` => `color.background.brand.bold.pressed`
- `color.background.boldDanger.resting` => `color.background.danger.bold`
- `color.background.boldDanger.hover` => `color.background.danger.bold.hovered`
- `color.background.boldDanger.pressed` => `color.background.danger.bold.pressed`
- `color.background.boldDiscovery.resting` => `color.background.discovery.bold`
- `color.background.boldDiscovery.hover` => `color.background.discovery.bold.hovered`
- `color.background.boldDiscovery.pressed` => `color.background.discovery.bold.pressed`
- `color.background.boldNeutral.resting` => `color.background.neutral.bold`
- `color.background.boldNeutral.hover` => `color.background.neutral.bold.hovered`
- `color.background.boldNeutral.pressed` => `color.background.neutral.bold.pressed`
- `color.background.boldSuccess.resting` => `color.background.success.bold`
- `color.background.boldSuccess.hover` => `color.background.success.bold.hovered`
- `color.background.boldSuccess.pressed` => `color.background.success.bold.pressed`
- `color.background.boldWarning.resting` => `color.background.warning.bold`
- `color.background.boldWarning.hover` => `color.background.warning.bold.hovered`
- `color.background.boldWarning.pressed` => `color.background.warning.bold.pressed`
- `color.background.default` => `elevation.surface`
- `color.background.card` => `elevation.surface.raised`
- `color.background.overlay` => `elevation.surface.overlay`
- `color.background.selected.resting` => `color.background.selected`
- `color.background.selected.hover` => `color.background.selected.hovered`
- `color.background.subtleBorderedNeutral.resting` => `color.background.input`
- `color.background.subtleBorderedNeutral.pressed` => `color.background.input.pressed`
- `color.background.subtleBrand.resting` => `color.background.brand`
- `color.background.subtleBrand.hover` => `color.background.brand.hovered`
- `color.background.subtleBrand.pressed` => `color.background.brand.pressed`
- `color.background.subtleDanger.resting` => `color.background.danger`
- `color.background.subtleDanger.hover` => `color.background.danger.hovered`
- `color.background.subtleDanger.pressed` => `color.background.danger.pressed`
- `color.background.subtleDiscovery.resting` => `color.background.discovery`
- `color.background.subtleDiscovery.hover` => `color.background.discovery.hovered`
- `color.background.subtleDiscovery.pressed` => `color.background.discovery.pressed`
- `color.background.subtleNeutral.resting` => `color.background.neutral`
- `color.background.subtleNeutral.hover` => `color.background.neutral.hovered`
- `color.background.subtleNeutral.pressed` => `color.background.neutral.pressed`
- `color.background.subtleSuccess.resting` => `color.background.success`
- `color.background.subtleSuccess.hover` => `color.background.success.hovered`
- `color.background.subtleSuccess.pressed` => `color.background.success.pressed`
- `color.background.subtleWarning.resting` => `color.background.warning`
- `color.background.subtleWarning.hover` => `color.background.warning.hovered`
- `color.background.subtleWarning.pressed` => `color.background.warning.pressed`
- `color.background.sunken` => `elevation.surface.sunken`
- `color.background.transparentNeutral.hover` => `color.background.neutral.subtle.hovered`
- `color.background.transparentNeutral.pressed` => `color.background.neutral.subtle.pressed`
- `color.text.highEmphasis` => `color.text`
- `color.text.mediumEmphasis` => `color.text.subtle`
- `color.text.lowEmphasis` => `color.text.subtlest`
- `color.text.link.resting` => `color.link`
- `color.text.link.pressed` => `color.link.pressed`
- `color.text.onBold` => `color.text.inverse`
- `color.text.onBoldWarning` => `color.text.inverse.warning`
- `color.border.focus` => `color.border.focused`
- `color.border.neutral` => `color.border`
- `color.iconBorder.brand` => `color.icon.brand` or `color.border.brand`
- `color.iconBorder.danger` => `color.icon.danger` or `color.border.danger`
- `color.iconBorder.warning` => `color.icon.warning` or `color.border.warning`
- `color.iconBorder.success` => `color.icon.success` or `color.border.success`
- `color.iconBorder.discovery` => `color.icon.discovery` or `color.border.discovery`
- `color.overlay.hover` => `color.interaction.hovered`
- `color.overlay.pressed` => `color.interaction.pressed`
- `color.shadow.card` => `elevation.shadow.raised`
- `color.shadow.overlay` => `elevation.shadow.overlay`
## 0.7.3
### Patch Changes
- [#19805](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19805)
[`ba0ddcf976e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ba0ddcf976e) - Adding
new token for `elevation.shadow.overflow`
## 0.7.2
### Patch Changes
- [#19817](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19817)
[`2229ec7c745`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2229ec7c745) -
elevation.sunken no longer uses a transparent color
## 0.7.1
### Patch Changes
- [#19458](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19458)
[`5d35c6b1c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d35c6b1c5f) - Adding
new tokens for `color.blanket.selected` and `color.blanket.danger`
## 0.7.0
### Minor Changes
- [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019)
[`220aa7f8aab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/220aa7f8aab) - [ux]
Dark Mode token colours changed for the background of elements in a selected state
(color.background.brand)
### Patch Changes
- [`c2ec60d6a1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2ec60d6a1b) - [ux]
Updating existing 16 background accent colors
- Rename default to subtler (Light:200 / Dark:900)
- Rename bold renamed to subtle (Light:400 / Dark:700)
- Update this ⤴ base token for dark mode from 700 to 800 (so it is now Light:400 / Dark:800)
16 new accent background colors:
- color.background.accent.[color].subtlest (Light: 100 / Dark:1000)
- color.background.accent.[color].bolder (Light: 700 / Dark: 400)
8 new text accent colors:
- color.text.accent.[color].bolder (Light:900 / Dark:200)
- [`7b6b994bef5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b6b994bef5) - Correct
shorthand hex code conversion in Figma synchronisation script
- [`91a3f179e8c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/91a3f179e8c) - Prefix
warnings to deprecated tokens in the Figma synchronizer script
## 0.6.3
### Patch Changes
- [#19313](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19313)
[`39f4b3b6b48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39f4b3b6b48) - Added
new base dark mode token DN-100 and modified elevation.surface.token to use it rather than the
alpha.
## 0.6.2
### Patch Changes
- [#19072](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19072)
[`899fd622557`](https://bitbucket.org/atlassian/atlassian-frontend/commits/899fd622557) -
Re-introduces the selected and selected.bold tokens:
- `color.text.selected`
- `color.icon.selected`
- `color.border.selected`
- `color.background.selected`
- `color.background.selected.hovered`
- `color.background.selected.pressed`
- `color.background.selected.bold`
- `color.background.selected.bold.hovered`
- `color.background.selected.bold.pressed`
The following tokens are _deprecated_:
- `color.background.brand`
- `color.background.brand.hovered`
- `color.background.brand.pressed`
**IMPORTANT (Manual verification required):**
Please ensure all usages of the following tokens are replaced with their `selected` counterpart,
wherever a brand token is used to represent a selected state.
- `color.background.brand.[default|hovered|pressed]` =>
`color.background.selected.[default|hovered|pressed]`
- `color.background.brand.bold.[default|hovered|pressed]` =>
`color.background.selected.bold.[default|hovered|pressed]`
- `color.text.brand` => `color.text.selected`
- `color.icon.brand` => `color.icon.selected`
- `color.border.brand` => `color.border.selected`
## 0.6.1
### Patch Changes
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752)
[`3ed3071ee35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ed3071ee35) - Updates
elevation.surface.sunken base token in darkmode to DN-100A
- Updated dependencies
## 0.6.0
### Minor Changes
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Various
improvements & changes to the tokens build scripts. These changes affect how various artifacts are
generated, particularly relating to Figma
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Adds new
tokens which represent the latest taxonomy changes.
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) -
Introduces the new accent token set from the latest version of the taxonomy
### Patch Changes
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The
`token()` function no longer throws and instead omits an error in the case where the provided
token doesn't exist or is not found.
## 0.5.0
### Minor Changes
- [#18168](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18168)
[`03a2ceaaabd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03a2ceaaabd) - Rename
mapper entrypoint now outputs migration meta data in array format rather than object.
## 0.4.2
### Patch Changes
- [#18080](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18080)
[`068c9a0b770`](https://bitbucket.org/atlassian/atlassian-frontend/commits/068c9a0b770) - Adds
official entrypoint for theme css files
## 0.4.1
### Patch Changes
- [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475)
[`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch
VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
## 0.4.0
### Minor Changes
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998)
[`b46c0681c29`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b46c0681c29) - Adds
"MISSING_TOKEN" for instances where a suitable token does not exist
- [`d5e751f7236`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d5e751f7236) - Tweaks
new palette colors to reflect feedback from the pilot program
- [`2c855cf3bf4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c855cf3bf4) - New
internal config change allows this package to be run pre-build by ts-node, allowing access to the
babel plugin by repo build tooling
Removes token-default-values entrypoint
- [`81a0d9b5692`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81a0d9b5692) - Pulled
tokens babel plugin in and updated the entrypoint from `@atlaskit/babel-plugin-tokens` to
`@atlaskit/tokens/babel-plugin`
- [`4ec42b57298`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ec42b57298) - Updates
the figma synchroniser to remove theme prefixes from tokens names, incorperate the isPalette flag
into the group attribute and space separate interaction states. These changes improve the
findability of tokens in figma
### Patch Changes
- [`a1ad2de440a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a1ad2de440a) - Fixes
internal types being coerced to implicit any.
- [`286e1d43477`](https://bitbucket.org/atlassian/atlassian-frontend/commits/286e1d43477) - Updated
internal token representation to include state/lifecycle metadata
- [`ed086330194`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed086330194) - Internal
file restructure for style-dictionary to group it’s inputs /src/tokens and outputs /src/artifacts
in dedicated directories
- [`9b1703048e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9b1703048e3) - Updates
build tooling in preparation for the new taxonomy.
## 0.3.0
### Minor Changes
- [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777)
[`092e10c6184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/092e10c6184) - CSS
variables generated by the tokens package now have a prefix "ds-" to differentiate them from other
CSS variables in an application
## 0.2.1
### Patch Changes
- [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319)
[`5c1cf4723e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c1cf4723e4) -
typescript-token-name formatter now outputs token names with an indexable Record type
- [`2f9faec5201`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f9faec5201) - Tokens
now provided with descriptions for when they should be used
## 0.2.0
### Minor Changes
- [#13665](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13665)
[`18b502b7083`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18b502b7083) - Added a
new export, token-default-values, which maps token names to their value in the default theme
(currently the "atlassian-light" theme).
## 0.1.1
### Patch Changes
- [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864)
[`6f3632e65d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f3632e65d4) - Updates
README with MVP instructions for usage.
- [`c1498cb226e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1498cb226e) - Removes
previous rename map
- [`0936217160c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0936217160c) - Add bold
accent tokens:
- `color.accent.boldBlue`
- `color.accent.boldRed`
- `color.accent.boldGreen`
- `color.accent.boldOrange`
- `color.accent.boldTeal`
- `color.accent.boldPurple`
- [`6d72bea69a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d72bea69a0) -
Descriptions and other token metadata is now stored in the "default" theme.
- [`addf9436414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/addf9436414) - [ux]
Introduced a restricted util token for use during the initial token migration. This token is for
internal use only and will be removed in a future version of `@atlaskit/tokens`.
## 0.1.0
### Minor Changes
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302)
[`642f26d0f0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/642f26d0f0c) - Adds
rename-mapping as an entry point for @atlaskit/tokens. rename-mapping is an object mapping old
token names to their new replacements
### Patch Changes
- [`c784665d01d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c784665d01d) - Removes
`color.border.overlay` token and replaces it with a third shadow inside `shadow.overlay`.
- [`76b718b72e1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76b718b72e1) - [ux]
Fixes incorrect values in the palette and token definitions.
- [`855d6afb3d3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/855d6afb3d3) - Parsing
of alpha hex in the Figma synchronizer is fixed.
- [`8d0cb37bfe0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d0cb37bfe0) - Updates:
`text.link.pressed` values to `B800/B300` Removes: `text.link.hover` Combines: `border.disabled`
and `background.disabled` → `background.disabled` Updates: `background.disabled` token value to
`N/DN200A` Renames: All accents from `color.accent.blueSubtle` → `color.accent.subtleBlue`
Renames: `background.selected` to `background.selected.resting` Adds: `background.selected.hover`,
`background.selected.pressed`
- [`53749f08286`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53749f08286) - Adds
tokens:
- `color.overlay.hover`
- `color.overlay.pressed`
## 0.0.18
### Patch Changes
- [#13518](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13518)
[`2bda3783615`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2bda3783615) - License
information added to package.json
## 0.0.17
### Patch Changes
- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837)
[`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects
eslint supressions.
## 0.0.16
### Patch Changes
- [#12619](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12619)
[`8418348bf66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8418348bf66) - Revert
focus ring token from a shadow to border
## 0.0.15
### Patch Changes
- [#12592](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12592)
[`e11b3e4e1ee`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e11b3e4e1ee) -
Restructures tokens into the following format {group}{property}{variant}{state}
## 0.0.14
### Patch Changes
- [#12528](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12528)
[`1926dba3536`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1926dba3536) - Adds,
removes & renames tokens
Adds:
- `color.backgroundSelect`
Renames:
- `color.borderTextHighlighted` to `color.bordertextSelected`
- `elevation.base` to `evelation.backgroundDefault`
- `elevation.flatSecondary` to `elevation.backgroundSunken`
- `elevation.backgroundCard` to `color.backgroundCard`
- `elevation.backgroundOverlay` to `color.backgroundOverlay`
- `elevation.borderOverlay` to `color.borderOverlay`
- `elevation.shadowCard` to `shadow.card`
- `elevation.shadowOverlay` to `shadow.overlay`
Removes:
- `elevation.boarderFlatPrimary`
Updates:
- `elevation.shadowOverlay` value to `DN100`
- `color.textWarning` in light mode to `O800`
- `color.iconBorderWarning` in light mode to `O600`
## 0.0.13
### Patch Changes
- [#12444](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12444)
[`769ea83469c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/769ea83469c) - Moves
tokens and eslint-plugin-design-system to the public namespace.
## 0.0.12
### Patch Changes
- [#12123](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12123)
[`6cde35b66d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cde35b66d9) - Updates
the figma synchronizer with the ability to rename tokens
## 0.0.11
### Patch Changes
- [#11993](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11993)
[`170b971ce50`](https://bitbucket.org/atlassian/atlassian-frontend/commits/170b971ce50) - Exposes
token names as an entrypoint.
## 0.0.10
### Patch Changes
- [#11992](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11992)
[`eb05da78cd0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eb05da78cd0) - Figma
sync now can set spread property for effect styles.
## 0.0.9
### Patch Changes
- [#11920](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11920)
[`76836669a4c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76836669a4c) - Global
theme CSS custom properties are now scoped to the html element.
## 0.0.8
### Patch Changes
- [#11906](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11906)
[`be2a49c8e04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be2a49c8e04) - Focus
ring token is now a shadow.
## 0.0.7
### Patch Changes
- [#11789](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11789)
[`f06c9466af2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f06c9466af2) - Color
palette has been updated with new values.
## 0.0.6
### Patch Changes
- [#11680](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11680)
[`5fccc343a1b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5fccc343a1b) - Subtle
accent colors added to token set.
## 0.0.5
### Patch Changes
- [#11380](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11380)
[`2106cf48ddb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2106cf48ddb) - Adds
token "getter" to allow users to fetch and use tokens in their components
## 0.0.4
### Patch Changes
- [#11433](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11433)
[`202cf0733de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/202cf0733de) - Tokens
are now built using style dictionary with three outputs:
1. CSS
1. Figma synchronizers
1. Token name map
## 0.0.3
### Patch Changes
- [#11333](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11333)
[`931f6fc633a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/931f6fc633a) - Updates
token schema shape.
## 0.0.2
### Patch Changes
- [#11275](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11275)
[`9eaba799050`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9eaba799050) - Adds
theme tokens and script to add tokens to figma.
## 0.0.1
### Patch Changes
- [#11179](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11179)
[`73aaa81802a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73aaa81802a) - Initial
setup & release