Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@atlaskit/tokens

Package Overview
Dependencies
Maintainers
1
Versions
222
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/tokens - npm Package Compare versions

Comparing version 0.10.4 to 0.10.5

18

CHANGELOG.md
# @atlaskit/tokens
## 0.10.5
### Patch Changes
- [`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

@@ -4,0 +22,0 @@

20

dist/cjs/artifacts/rename-mapping.js

@@ -22,3 +22,3 @@ "use strict";

*
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
* @codegen <<SignedSource::51fbaf5510a3fead6a2844d4df866a77>>
* @codegenCommand yarn build tokens

@@ -128,23 +128,23 @@ */

"path": "color.background.inverse.[default]",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.inverse.subtle.[default]"
}, {
"path": "color.background.brand.[default].[default]",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"
}, {
"path": "color.background.brand.[default].hovered",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"
}, {
"path": "color.background.brand.[default].pressed",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].pressed"
}, {
"path": "color.background.selected.resting",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"
}, {
"path": "color.background.selected.hover",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"

@@ -249,11 +249,11 @@ }, {

"path": "color.background.subtleBrand.hover",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"
}, {
"path": "color.background.subtleBrand.pressed",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].pressed"
}, {
"path": "color.background.subtleBrand.resting",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"

@@ -260,0 +260,0 @@ }, {

@@ -17,3 +17,3 @@ "use strict";

var name = "@atlaskit/tokens";
var version = "0.10.4";
var version = "0.10.5";

@@ -20,0 +20,0 @@ function token(path, fallback) {

@@ -365,5 +365,6 @@ "use strict";

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -376,5 +377,6 @@ description: 'Use for the background of elements used to reinforce our brand.'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -387,5 +389,6 @@ description: 'Hovered state for color.background.brand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].pressed',

@@ -633,5 +636,6 @@ description: 'Pressed state for color.background.brand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.8.3',
deleted: '0.10.5',
replacement: 'color.background.inverse.subtle.[default]',

@@ -657,5 +661,6 @@ description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -668,5 +673,6 @@ description: 'Use for backgrounds of elements in a selected state'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -705,5 +711,6 @@ description: 'Hover state for color.background.selected'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -716,5 +723,6 @@ description: 'Hover state for background.subtleBrand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].pressed',

@@ -727,5 +735,6 @@ description: 'Pressed state for background.subtleBrand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -732,0 +741,0 @@ description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.'

{
"name": "@atlaskit/tokens",
"version": "0.10.4",
"version": "0.10.5",
"sideEffects": [

@@ -5,0 +5,0 @@ "**/*.css"

@@ -15,3 +15,3 @@ /**

*
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
* @codegen <<SignedSource::51fbaf5510a3fead6a2844d4df866a77>>
* @codegenCommand yarn build tokens

@@ -121,23 +121,23 @@ */

"path": "color.background.inverse.[default]",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.inverse.subtle.[default]"
}, {
"path": "color.background.brand.[default].[default]",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"
}, {
"path": "color.background.brand.[default].hovered",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"
}, {
"path": "color.background.brand.[default].pressed",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].pressed"
}, {
"path": "color.background.selected.resting",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"
}, {
"path": "color.background.selected.hover",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"

@@ -242,11 +242,11 @@ }, {

"path": "color.background.subtleBrand.hover",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"
}, {
"path": "color.background.subtleBrand.pressed",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].pressed"
}, {
"path": "color.background.subtleBrand.resting",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"

@@ -253,0 +253,0 @@ }, {

@@ -5,3 +5,3 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';

const name = "@atlaskit/tokens";
const version = "0.10.4";
const version = "0.10.5";

@@ -8,0 +8,0 @@ function token(path, fallback) {

@@ -359,5 +359,6 @@ const color = {

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -370,5 +371,6 @@ description: 'Use for the background of elements used to reinforce our brand.'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -381,5 +383,6 @@ description: 'Hovered state for color.background.brand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].pressed',

@@ -627,5 +630,6 @@ description: 'Pressed state for color.background.brand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.8.3',
deleted: '0.10.5',
replacement: 'color.background.inverse.subtle.[default]',

@@ -656,5 +660,6 @@ description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -667,5 +672,6 @@ description: 'Use for backgrounds of elements in a selected state'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -704,5 +710,6 @@ description: 'Hover state for color.background.selected'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -715,5 +722,6 @@ description: 'Hover state for background.subtleBrand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].pressed',

@@ -726,5 +734,6 @@ description: 'Pressed state for background.subtleBrand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -731,0 +740,0 @@ description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.'

{
"name": "@atlaskit/tokens",
"version": "0.10.4",
"version": "0.10.5",
"sideEffects": [

@@ -5,0 +5,0 @@ "**/*.css"

@@ -15,3 +15,3 @@ /**

*
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
* @codegen <<SignedSource::51fbaf5510a3fead6a2844d4df866a77>>
* @codegenCommand yarn build tokens

@@ -121,23 +121,23 @@ */

"path": "color.background.inverse.[default]",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.inverse.subtle.[default]"
}, {
"path": "color.background.brand.[default].[default]",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"
}, {
"path": "color.background.brand.[default].hovered",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"
}, {
"path": "color.background.brand.[default].pressed",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].pressed"
}, {
"path": "color.background.selected.resting",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"
}, {
"path": "color.background.selected.hover",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"

@@ -242,11 +242,11 @@ }, {

"path": "color.background.subtleBrand.hover",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].hovered"
}, {
"path": "color.background.subtleBrand.pressed",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].pressed"
}, {
"path": "color.background.subtleBrand.resting",
"state": "deprecated",
"state": "deleted",
"replacement": "color.background.selected.[default].[default]"

@@ -253,0 +253,0 @@ }, {

@@ -5,3 +5,3 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';

var name = "@atlaskit/tokens";
var version = "0.10.4";
var version = "0.10.5";

@@ -8,0 +8,0 @@ function token(path, fallback) {

@@ -359,5 +359,6 @@ var color = {

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -370,5 +371,6 @@ description: 'Use for the background of elements used to reinforce our brand.'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -381,5 +383,6 @@ description: 'Hovered state for color.background.brand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.6.0',
deprecated: '0.6.2',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].pressed',

@@ -627,5 +630,6 @@ description: 'Pressed state for color.background.brand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.8.3',
deleted: '0.10.5',
replacement: 'color.background.inverse.subtle.[default]',

@@ -651,5 +655,6 @@ description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -662,5 +667,6 @@ description: 'Use for backgrounds of elements in a selected state'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.1.0',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -699,5 +705,6 @@ description: 'Hover state for color.background.selected'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].hovered',

@@ -710,5 +717,6 @@ description: 'Hover state for background.subtleBrand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].pressed',

@@ -721,5 +729,6 @@ description: 'Pressed state for background.subtleBrand'

group: 'paint',
state: 'deprecated',
state: 'deleted',
introduced: '0.0.15',
deprecated: '0.6.0',
deleted: '0.10.5',
replacement: 'color.background.selected.[default].[default]',

@@ -726,0 +735,0 @@ description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.'

{
"name": "@atlaskit/tokens",
"version": "0.10.4",
"version": "0.10.5",
"sideEffects": [

@@ -5,0 +5,0 @@ "**/*.css"

@@ -15,3 +15,3 @@ /**

*
* @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
* @codegen <<SignedSource::51fbaf5510a3fead6a2844d4df866a77>>
* @codegenCommand yarn build tokens

@@ -18,0 +18,0 @@ */

/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
* @codegen <<SignedSource::2790b3e5387d05c20675eb77bb4ec986>>
* @codegenCommand yarn build tokens

@@ -66,29 +66,2 @@ */

deprecated: string;
replacement: string;
description: string;
deleted?: undefined;
};
value: string;
filePath: string;
isSource: boolean;
original: {
attributes: {
group: string;
state: string;
introduced: string;
deprecated: string;
replacement: string;
description: string;
deleted?: undefined;
};
value: string;
};
name: string;
path: string[];
} | {
attributes: {
group: string;
state: string;
introduced: string;
deprecated: string;
deleted: string;

@@ -95,0 +68,0 @@ replacement: string;

/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
* @codegen <<SignedSource::7cdaec19ecd5c921bc01bf32e95ed909>>
* @codegenCommand yarn build tokens

@@ -66,29 +66,2 @@ */

deprecated: string;
replacement: string;
description: string;
deleted?: undefined;
};
value: string;
filePath: string;
isSource: boolean;
original: {
attributes: {
group: string;
state: string;
introduced: string;
deprecated: string;
replacement: string;
description: string;
deleted?: undefined;
};
value: string;
};
name: string;
path: string[];
} | {
attributes: {
group: string;
state: string;
introduced: string;
deprecated: string;
deleted: string;

@@ -95,0 +68,0 @@ replacement: string;

{
"name": "@atlaskit/tokens",
"version": "0.10.4",
"version": "0.10.5",
"author": "Atlassian Pty Ltd",

@@ -5,0 +5,0 @@ "description": "Design tokens are the single source of truth to name and store design decisions.",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc