Socket
Socket
Sign inDemoInstall

@atlaskit/tokens

Package Overview
Dependencies
Maintainers
1
Versions
213
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 1.30.0 to 1.31.0

dist/cjs/artifacts/themes/atlassian-dark-future.js

14

dist/cjs/artifacts/theme-import-map.js

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

*
* @codegen <<SignedSource::da31df0b9dea8584d4ae7e0ad251f3dd>>
* @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
* @codegenCommand yarn build tokens

@@ -31,2 +31,8 @@ */

},
'light-future': function lightFuture() {
return Promise.resolve().then(function () {
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-light-future" */
'./themes/atlassian-light-future'));
});
},
'light-increased-contrast': function lightIncreasedContrast() {

@@ -44,2 +50,8 @@ return Promise.resolve().then(function () {

},
'dark-future': function darkFuture() {
return Promise.resolve().then(function () {
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-future" */
'./themes/atlassian-dark-future'));
});
},
'dark-increased-contrast': function darkIncreasedContrast() {

@@ -46,0 +58,0 @@ return Promise.resolve().then(function () {

2

dist/cjs/get-token-value.js

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

var name = "@atlaskit/tokens";
var version = "1.30.0";
var version = "1.31.0";
/**

@@ -14,0 +14,0 @@ * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the

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

var name = "@atlaskit/tokens";
var version = "1.30.0";
var version = "1.31.0";
/**

@@ -15,0 +15,0 @@ * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

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

*/
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
var themeIds = exports.themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
/**

@@ -83,2 +83,12 @@ * Theme override ids: the equivalent of themeIds for theme overrides.

},
'atlassian-light-future': {
id: 'light-future',
displayName: 'Future Light Theme',
palette: 'defaultPalette',
attributes: {
type: 'color',
mode: 'light'
},
override: 'light'
},
'atlassian-light-increased-contrast': {

@@ -104,2 +114,12 @@ id: 'light-increased-contrast',

},
'atlassian-dark-future': {
id: 'dark-future',
displayName: 'Future Dark Theme',
palette: 'defaultPalette',
attributes: {
type: 'color',
mode: 'dark'
},
override: 'light'
},
'atlassian-dark-increased-contrast': {

@@ -106,0 +126,0 @@ id: 'dark-increased-contrast',

@@ -9,3 +9,3 @@ /**

*
* @codegen <<SignedSource::da31df0b9dea8584d4ae7e0ad251f3dd>>
* @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
* @codegenCommand yarn build tokens

@@ -17,2 +17,4 @@ */

'./themes/atlassian-light'),
'light-future': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-future" */
'./themes/atlassian-light-future'),
'light-increased-contrast': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-increased-contrast" */

@@ -22,2 +24,4 @@ './themes/atlassian-light-increased-contrast'),

'./themes/atlassian-dark'),
'dark-future': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-future" */
'./themes/atlassian-dark-future'),
'dark-increased-contrast': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */

@@ -24,0 +28,0 @@ './themes/atlassian-dark-increased-contrast'),

import warnOnce from '@atlaskit/ds-lib/warn-once';
import tokens from './artifacts/token-names';
const name = "@atlaskit/tokens";
const version = "1.30.0";
const version = "1.31.0";
/**

@@ -6,0 +6,0 @@ * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the

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

const name = "@atlaskit/tokens";
const version = "1.30.0";
const version = "1.31.0";
/**

@@ -8,0 +8,0 @@ * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

@@ -41,3 +41,3 @@ /**

*/
export const themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
/**

@@ -77,2 +77,12 @@ * Theme override ids: the equivalent of themeIds for theme overrides.

},
'atlassian-light-future': {
id: 'light-future',
displayName: 'Future Light Theme',
palette: 'defaultPalette',
attributes: {
type: 'color',
mode: 'light'
},
override: 'light'
},
'atlassian-light-increased-contrast': {

@@ -98,2 +108,12 @@ id: 'light-increased-contrast',

},
'atlassian-dark-future': {
id: 'dark-future',
displayName: 'Future Dark Theme',
palette: 'defaultPalette',
attributes: {
type: 'color',
mode: 'dark'
},
override: 'light'
},
'atlassian-dark-increased-contrast': {

@@ -100,0 +120,0 @@ id: 'dark-increased-contrast',

@@ -9,3 +9,3 @@ /**

*
* @codegen <<SignedSource::da31df0b9dea8584d4ae7e0ad251f3dd>>
* @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
* @codegenCommand yarn build tokens

@@ -19,2 +19,6 @@ */

},
'light-future': function lightFuture() {
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-future" */
'./themes/atlassian-light-future');
},
'light-increased-contrast': function lightIncreasedContrast() {

@@ -28,2 +32,6 @@ return import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-increased-contrast" */

},
'dark-future': function darkFuture() {
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-future" */
'./themes/atlassian-dark-future');
},
'dark-increased-contrast': function darkIncreasedContrast() {

@@ -30,0 +38,0 @@ return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */

import warnOnce from '@atlaskit/ds-lib/warn-once';
import tokens from './artifacts/token-names';
var name = "@atlaskit/tokens";
var version = "1.30.0";
var version = "1.31.0";
/**

@@ -6,0 +6,0 @@ * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the

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

var name = "@atlaskit/tokens";
var version = "1.30.0";
var version = "1.31.0";
/**

@@ -8,0 +8,0 @@ * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.

@@ -41,3 +41,3 @@ /**

*/
export var themeIds = ['light-increased-contrast', 'light', 'dark', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'legacy-light', 'legacy-dark', 'spacing', 'shape', 'typography-adg3', 'typography-minor3'];
/**

@@ -77,2 +77,12 @@ * Theme override ids: the equivalent of themeIds for theme overrides.

},
'atlassian-light-future': {
id: 'light-future',
displayName: 'Future Light Theme',
palette: 'defaultPalette',
attributes: {
type: 'color',
mode: 'light'
},
override: 'light'
},
'atlassian-light-increased-contrast': {

@@ -98,2 +108,12 @@ id: 'light-increased-contrast',

},
'atlassian-dark-future': {
id: 'dark-future',
displayName: 'Future Dark Theme',
palette: 'defaultPalette',
attributes: {
type: 'color',
mode: 'dark'
},
override: 'light'
},
'atlassian-dark-increased-contrast': {

@@ -100,0 +120,0 @@ id: 'dark-increased-contrast',

@@ -9,3 +9,3 @@ /**

*
* @codegen <<SignedSource::da31df0b9dea8584d4ae7e0ad251f3dd>>
* @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
* @codegenCommand yarn build tokens

@@ -12,0 +12,0 @@ */

@@ -9,3 +9,3 @@ /**

*/
export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
export type ThemeFileNames = Themes;

@@ -57,3 +57,5 @@ /**

"light",
"light-future",
"dark",
"dark-future",
"dark-increased-contrast",

@@ -80,3 +82,5 @@ "legacy-light",

"light",
"light-future",
"dark",
"dark-future",
"dark-increased-contrast",

@@ -156,4 +160,4 @@ "legacy-light",

export interface ThemeState {
light: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
colorMode: ThemeColorModes;

@@ -160,0 +164,0 @@ contrastMode: ThemeContrastModes;

@@ -9,3 +9,3 @@ /**

*
* @codegen <<SignedSource::da31df0b9dea8584d4ae7e0ad251f3dd>>
* @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
* @codegenCommand yarn build tokens

@@ -12,0 +12,0 @@ */

@@ -9,3 +9,3 @@ /**

*/
export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
export type ThemeFileNames = Themes;

@@ -46,3 +46,3 @@ /**

*/
export declare const themeIds: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3"];
export declare const themeIds: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3"];
export type ThemeIds = (typeof themeIds)[number];

@@ -55,3 +55,3 @@ /**

export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "dark", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
export declare const themeIdsWithOverrides: readonly ["light-increased-contrast", "light", "light-future", "dark", "dark-future", "dark-increased-contrast", "legacy-light", "legacy-dark", "spacing", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];

@@ -121,4 +121,4 @@ /**

export interface ThemeState {
light: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
colorMode: ThemeColorModes;

@@ -125,0 +125,0 @@ contrastMode: ThemeContrastModes;

{
"name": "@atlaskit/tokens",
"version": "1.30.0",
"version": "1.31.0",
"description": "Design tokens are the single source of truth to name and store design decisions.",

@@ -5,0 +5,0 @@ "publishConfig": {

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