@atlaskit/tokens 6.4.3 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -40
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -31
- package/dist/cjs/artifacts/replacement-mapping.js +2 -32
- package/dist/cjs/artifacts/theme-import-map.js +1 -13
- package/dist/cjs/artifacts/themes/atlassian-shape-rounder.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-shape-roundest.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +1 -11
- package/dist/cjs/artifacts/token-names.js +1 -11
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -241
- package/dist/cjs/babel-plugin/plugin.js +2 -2
- package/dist/cjs/entry-points/token-metadata.codegen.js +1 -51
- package/dist/cjs/theme-config.js +1 -17
- package/dist/es2019/artifacts/palettes-raw/shape-palette.js +1 -31
- package/dist/es2019/artifacts/replacement-mapping.js +2 -32
- package/dist/es2019/artifacts/theme-import-map.js +1 -5
- package/dist/es2019/artifacts/themes/atlassian-shape-rounder.js +1 -11
- package/dist/es2019/artifacts/themes/atlassian-shape-roundest.js +1 -11
- package/dist/es2019/artifacts/themes/atlassian-shape.js +1 -11
- package/dist/es2019/artifacts/token-default-values.js +1 -11
- package/dist/es2019/artifacts/token-names.js +1 -11
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +1 -241
- package/dist/es2019/babel-plugin/plugin.js +2 -2
- package/dist/es2019/entry-points/token-metadata.codegen.js +1 -51
- package/dist/es2019/theme-config.js +1 -17
- package/dist/esm/artifacts/palettes-raw/shape-palette.js +1 -31
- package/dist/esm/artifacts/replacement-mapping.js +2 -32
- package/dist/esm/artifacts/theme-import-map.js +1 -9
- package/dist/esm/artifacts/themes/atlassian-shape-rounder.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-shape-roundest.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +1 -11
- package/dist/esm/artifacts/token-names.js +1 -11
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-rounder.js +1 -241
- package/dist/esm/artifacts/tokens-raw/atlassian-shape-roundest.js +1 -241
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +1 -241
- package/dist/esm/babel-plugin/plugin.js +2 -2
- package/dist/esm/entry-points/token-metadata.codegen.js +1 -51
- package/dist/esm/theme-config.js +1 -17
- package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +1 -11
- package/dist/types/artifacts/token-names.d.ts +1 -21
- package/dist/types/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/types.d.ts +0 -12
- package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -11
- package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -21
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-rounder.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape-roundest.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +2 -6
- package/dist/types-ts4.5/types.d.ts +0 -12
- package/package.json +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::0573206a0674f4e86073a4ec84cad3b9>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* These changes will then be picked up by our tooling which will attempt to
|
|
13
13
|
* migrate as many of these renames as possible.
|
|
14
14
|
*
|
|
15
|
-
* @codegen <<SignedSource::
|
|
15
|
+
* @codegen <<SignedSource::c779b40628532228cae2ec34977f1f8e>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
import type tokens from './token-names';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::4131829e60733a1a5e513dcc84af81de>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f516cab37702e8e3d5152cb55d59256b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"shape:shape-rounder\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.75rem;\n --ds-radius-xlarge: 1rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::46c9186a43917f0c2addc79cdca0c7e6>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"shape:shape-roundest\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.75rem;\n --ds-radius-large: 1rem;\n --ds-radius-xlarge: 1.25rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::a1c0e74bffea67b610c867ef86037e15>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"shape:shape\"] {\n --ds-radius-xsmall: 0.125rem;\n --ds-radius-small: 0.25rem;\n --ds-radius-medium: 0.375rem;\n --ds-radius-large: 0.5rem;\n --ds-radius-xlarge: 0.75rem;\n --ds-radius-full: 624.9375rem;\n --ds-radius-tile: 25%;\n --ds-border-width: 0.0625rem;\n --ds-border-width-selected: 0.125rem;\n --ds-border-width-focused: 0.125rem;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::e7abfe1ee39a9de14a95d8a23472f8e4>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
declare const defaultTokenValues: {
|
|
@@ -456,17 +456,7 @@ declare const defaultTokenValues: {
|
|
|
456
456
|
readonly 'radius.xlarge': "0.75rem";
|
|
457
457
|
readonly 'radius.full': "624.9375rem";
|
|
458
458
|
readonly 'radius.tile': "25%";
|
|
459
|
-
readonly 'border.radius': "0.25rem";
|
|
460
|
-
readonly 'border.radius.050': "0.125rem";
|
|
461
|
-
readonly 'border.radius.100': "0.25rem";
|
|
462
|
-
readonly 'border.radius.200': "0.5rem";
|
|
463
|
-
readonly 'border.radius.300': "0.75rem";
|
|
464
|
-
readonly 'border.radius.400': "1rem";
|
|
465
|
-
readonly 'border.radius.circle': "624.9375rem";
|
|
466
459
|
readonly 'border.width': "0.0625rem";
|
|
467
|
-
readonly 'border.width.0': "0rem";
|
|
468
|
-
readonly 'border.width.indicator': "0.1875rem";
|
|
469
|
-
readonly 'border.width.outline': "0.125rem";
|
|
470
460
|
readonly 'border.width.selected': "0.125rem";
|
|
471
461
|
readonly 'border.width.focused': "0.125rem";
|
|
472
462
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::e7897709d50bd1f9582875a2a591b896>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: {
|
|
@@ -449,17 +449,7 @@ declare const tokens: {
|
|
|
449
449
|
readonly 'radius.xlarge': "--ds-radius-xlarge";
|
|
450
450
|
readonly 'radius.full': "--ds-radius-full";
|
|
451
451
|
readonly 'radius.tile': "--ds-radius-tile";
|
|
452
|
-
readonly 'border.radius': "--ds-border-radius";
|
|
453
|
-
readonly 'border.radius.050': "--ds-border-radius-050";
|
|
454
|
-
readonly 'border.radius.100': "--ds-border-radius-100";
|
|
455
|
-
readonly 'border.radius.200': "--ds-border-radius-200";
|
|
456
|
-
readonly 'border.radius.300': "--ds-border-radius-300";
|
|
457
|
-
readonly 'border.radius.400': "--ds-border-radius-400";
|
|
458
|
-
readonly 'border.radius.circle': "--ds-border-radius-circle";
|
|
459
452
|
readonly 'border.width': "--ds-border-width";
|
|
460
|
-
readonly 'border.width.0': "--ds-border-width-0";
|
|
461
|
-
readonly 'border.width.indicator': "--ds-border-width-indicator";
|
|
462
|
-
readonly 'border.width.outline': "--ds-border-width-outline";
|
|
463
453
|
readonly 'border.width.selected': "--ds-border-width-selected";
|
|
464
454
|
readonly 'border.width.focused': "--ds-border-width-focused";
|
|
465
455
|
};
|
|
@@ -909,17 +899,7 @@ export type CSSTokenMap = {
|
|
|
909
899
|
'radius.xlarge': 'var(--ds-radius-xlarge)';
|
|
910
900
|
'radius.full': 'var(--ds-radius-full)';
|
|
911
901
|
'radius.tile': 'var(--ds-radius-tile)';
|
|
912
|
-
'border.radius': 'var(--ds-border-radius)';
|
|
913
|
-
'border.radius.050': 'var(--ds-border-radius-050)';
|
|
914
|
-
'border.radius.100': 'var(--ds-border-radius-100)';
|
|
915
|
-
'border.radius.200': 'var(--ds-border-radius-200)';
|
|
916
|
-
'border.radius.300': 'var(--ds-border-radius-300)';
|
|
917
|
-
'border.radius.400': 'var(--ds-border-radius-400)';
|
|
918
|
-
'border.radius.circle': 'var(--ds-border-radius-circle)';
|
|
919
902
|
'border.width': 'var(--ds-border-width)';
|
|
920
|
-
'border.width.0': 'var(--ds-border-width-0)';
|
|
921
|
-
'border.width.indicator': 'var(--ds-border-width-indicator)';
|
|
922
|
-
'border.width.outline': 'var(--ds-border-width-outline)';
|
|
923
903
|
'border.width.selected': 'var(--ds-border-width-selected)';
|
|
924
904
|
'border.width.focused': 'var(--ds-border-width-focused)';
|
|
925
905
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::4a6fe755c8ce27dedb961a7e2509999e>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::10d4ca88d4eb59289a9aba2bc6c77d9f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::884d9496e85b87859f0c8ef41167280b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Strict design token based typedef representing a subset of safe CSS properties.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::253c55eaf2e641bb908b97eb3e197f50>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
export type BackgroundColorHovered = 'var(--ds-background-accent-lime-subtlest-hovered)' | 'var(--ds-background-accent-lime-subtler-hovered)' | 'var(--ds-background-accent-lime-subtle-hovered)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-background-accent-red-subtlest-hovered)' | 'var(--ds-background-accent-red-subtler-hovered)' | 'var(--ds-background-accent-red-subtle-hovered)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-background-accent-orange-subtlest-hovered)' | 'var(--ds-background-accent-orange-subtler-hovered)' | 'var(--ds-background-accent-orange-subtle-hovered)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-background-accent-yellow-subtlest-hovered)' | 'var(--ds-background-accent-yellow-subtler-hovered)' | 'var(--ds-background-accent-yellow-subtle-hovered)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-green-subtlest-hovered)' | 'var(--ds-background-accent-green-subtler-hovered)' | 'var(--ds-background-accent-green-subtle-hovered)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-background-accent-teal-subtlest-hovered)' | 'var(--ds-background-accent-teal-subtler-hovered)' | 'var(--ds-background-accent-teal-subtle-hovered)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-background-accent-blue-subtlest-hovered)' | 'var(--ds-background-accent-blue-subtler-hovered)' | 'var(--ds-background-accent-blue-subtle-hovered)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-background-accent-purple-subtlest-hovered)' | 'var(--ds-background-accent-purple-subtler-hovered)' | 'var(--ds-background-accent-purple-subtle-hovered)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-background-accent-magenta-subtlest-hovered)' | 'var(--ds-background-accent-magenta-subtler-hovered)' | 'var(--ds-background-accent-magenta-subtle-hovered)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-background-accent-gray-subtlest-hovered)' | 'var(--ds-background-accent-gray-subtler-hovered)' | 'var(--ds-background-accent-gray-subtle-hovered)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-background-input-hovered)' | 'var(--ds-background-inverse-subtle-hovered)' | 'var(--ds-background-neutral-hovered)' | 'var(--ds-background-neutral-subtle-hovered)' | 'var(--ds-background-neutral-bold-hovered)' | 'var(--ds-background-selected-hovered)' | 'var(--ds-background-selected-bold-hovered)' | 'var(--ds-background-brand-subtlest-hovered)' | 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-brand-boldest-hovered)' | 'var(--ds-background-danger-hovered)' | 'var(--ds-background-danger-bold-hovered)' | 'var(--ds-background-warning-hovered)' | 'var(--ds-background-warning-bold-hovered)' | 'var(--ds-background-success-hovered)' | 'var(--ds-background-success-bold-hovered)' | 'var(--ds-background-discovery-hovered)' | 'var(--ds-background-discovery-bold-hovered)' | 'var(--ds-background-information-hovered)' | 'var(--ds-background-information-bold-hovered)' | 'var(--ds-surface-hovered)' | 'var(--ds-surface-overlay-hovered)' | 'var(--ds-surface-raised-hovered)';
|
|
@@ -13,8 +13,8 @@ export type FontShorthand = 'var(--ds-font-heading-xxlarge)' | 'var(--ds-font-he
|
|
|
13
13
|
export type IconColorPressed = 'var(--ds-link-pressed)' | 'var(--ds-link-visited-pressed)';
|
|
14
14
|
export type IconColor = IconColorPressed | 'var(--ds-link)' | 'var(--ds-link-visited)' | 'var(--ds-icon)' | 'var(--ds-icon-accent-lime)' | 'var(--ds-icon-accent-red)' | 'var(--ds-icon-accent-orange)' | 'var(--ds-icon-accent-yellow)' | 'var(--ds-icon-accent-green)' | 'var(--ds-icon-accent-teal)' | 'var(--ds-icon-accent-blue)' | 'var(--ds-icon-accent-purple)' | 'var(--ds-icon-accent-magenta)' | 'var(--ds-icon-accent-gray)' | 'var(--ds-icon-disabled)' | 'var(--ds-icon-inverse)' | 'var(--ds-icon-selected)' | 'var(--ds-icon-brand)' | 'var(--ds-icon-danger)' | 'var(--ds-icon-warning)' | 'var(--ds-icon-warning-inverse)' | 'var(--ds-icon-success)' | 'var(--ds-icon-discovery)' | 'var(--ds-icon-information)' | 'var(--ds-icon-subtlest)' | 'var(--ds-icon-subtle)';
|
|
15
15
|
export type BorderColor = 'transparent' | 'var(--ds-border)' | 'var(--ds-border-accent-lime)' | 'var(--ds-border-accent-red)' | 'var(--ds-border-accent-orange)' | 'var(--ds-border-accent-yellow)' | 'var(--ds-border-accent-green)' | 'var(--ds-border-accent-teal)' | 'var(--ds-border-accent-blue)' | 'var(--ds-border-accent-purple)' | 'var(--ds-border-accent-magenta)' | 'var(--ds-border-accent-gray)' | 'var(--ds-border-disabled)' | 'var(--ds-border-focused)' | 'var(--ds-border-input)' | 'var(--ds-border-inverse)' | 'var(--ds-border-selected)' | 'var(--ds-border-brand)' | 'var(--ds-border-danger)' | 'var(--ds-border-warning)' | 'var(--ds-border-success)' | 'var(--ds-border-discovery)' | 'var(--ds-border-information)' | 'var(--ds-border-bold)';
|
|
16
|
-
export type BorderRadius = 'var(--ds-radius-xsmall)' | 'var(--ds-radius-small)' | 'var(--ds-radius-medium)' | 'var(--ds-radius-large)' | 'var(--ds-radius-xlarge)' | 'var(--ds-radius-full)' | 'var(--ds-radius-tile)' | '
|
|
17
|
-
export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-
|
|
16
|
+
export type BorderRadius = 'var(--ds-radius-xsmall)' | 'var(--ds-radius-small)' | 'var(--ds-radius-medium)' | 'var(--ds-radius-large)' | 'var(--ds-radius-xlarge)' | 'var(--ds-radius-full)' | 'var(--ds-radius-tile)' | 'inherit' | `${number}px` | `${number}rem`;
|
|
17
|
+
export type BorderWidth = 'var(--ds-border-width)' | 'var(--ds-border-width-selected)' | 'var(--ds-border-width-focused)' | 0 | '0';
|
|
18
18
|
export type BorderShorthand = 'none' | `${BorderWidth} solid ${BorderColor}`;
|
|
19
19
|
type NumericSize = `${number}px` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}%`;
|
|
20
20
|
export type SizeIntrinsic = 'min-content' | 'max-content' | 'fit-content' | 'auto' | NumericSize | `min(${NumericSize}, ${NumericSize})` | `max(${NumericSize}, ${NumericSize})`;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::fc7eb246882a1c2dfeef3f7836f83459>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
export interface Token {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* These ids are what the actual theme files/folders are called.
|
|
7
7
|
* style-dictionary will attempt to locate these in the file-system.
|
|
8
8
|
*/
|
|
9
|
-
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-light-brand-refresh' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-dark-brand-refresh' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | 'atlassian-typography-adg3';
|
|
10
10
|
export type ThemeFileNames = Themes;
|
|
11
11
|
/**
|
|
12
12
|
* ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
|
|
@@ -63,8 +63,6 @@ export declare const themeIds: readonly [
|
|
|
63
63
|
"legacy-dark",
|
|
64
64
|
"spacing",
|
|
65
65
|
"shape",
|
|
66
|
-
"shape-rounder",
|
|
67
|
-
"shape-roundest",
|
|
68
66
|
"typography",
|
|
69
67
|
"typography-adg3",
|
|
70
68
|
"typography-modernized",
|
|
@@ -91,8 +89,6 @@ export declare const themeIdsWithOverrides: readonly [
|
|
|
91
89
|
"legacy-dark",
|
|
92
90
|
"spacing",
|
|
93
91
|
"shape",
|
|
94
|
-
"shape-rounder",
|
|
95
|
-
"shape-roundest",
|
|
96
92
|
"typography",
|
|
97
93
|
"typography-adg3",
|
|
98
94
|
"typography-modernized",
|
|
@@ -166,7 +162,7 @@ export interface ThemeState {
|
|
|
166
162
|
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast' | 'light-brand-refresh' | 'dark-brand-refresh'>;
|
|
167
163
|
colorMode: ThemeColorModes;
|
|
168
164
|
contrastMode: ThemeContrastModes;
|
|
169
|
-
shape?: Extract<ThemeIds, 'shape'
|
|
165
|
+
shape?: Extract<ThemeIds, 'shape'>;
|
|
170
166
|
spacing: Extract<ThemeIds, 'spacing'>;
|
|
171
167
|
/**
|
|
172
168
|
* @deprecated 'typography-adg3' is deprecated, use 'typography' instead
|
|
@@ -1036,22 +1036,10 @@ export interface TypographyTokenSchema<TPalette extends {
|
|
|
1036
1036
|
export interface ShapeTokenSchema<BaseToken> {
|
|
1037
1037
|
border: {
|
|
1038
1038
|
width: {
|
|
1039
|
-
'0': ShapeToken<BaseToken>;
|
|
1040
|
-
indicator: ShapeToken<BaseToken>;
|
|
1041
|
-
outline: ShapeToken<BaseToken>;
|
|
1042
1039
|
'[default]': ShapeToken<BaseToken>;
|
|
1043
1040
|
selected: ShapeToken<BaseToken>;
|
|
1044
1041
|
focused: ShapeToken<BaseToken>;
|
|
1045
1042
|
};
|
|
1046
|
-
radius: {
|
|
1047
|
-
'[default]': ShapeToken<BaseToken>;
|
|
1048
|
-
'050': ShapeToken<BaseToken>;
|
|
1049
|
-
'100': ShapeToken<BaseToken>;
|
|
1050
|
-
'200': ShapeToken<BaseToken>;
|
|
1051
|
-
'300': ShapeToken<BaseToken>;
|
|
1052
|
-
'400': ShapeToken<BaseToken>;
|
|
1053
|
-
circle: ShapeToken<BaseToken>;
|
|
1054
|
-
};
|
|
1055
1043
|
};
|
|
1056
1044
|
radius: {
|
|
1057
1045
|
xsmall: ShapeToken<BaseToken>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.0",
|
|
4
4
|
"description": "Design tokens are the single source of truth to name and store design decisions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@af/formatting": "workspace:^",
|
|
45
45
|
"@af/visual-regression": "workspace:^",
|
|
46
|
-
"@atlaskit/avatar": "^25.
|
|
46
|
+
"@atlaskit/avatar": "^25.4.0",
|
|
47
47
|
"@atlaskit/button": "^23.5.0",
|
|
48
48
|
"@atlaskit/calendar": "^17.1.0",
|
|
49
49
|
"@atlaskit/checkbox": "^17.1.0",
|
|
50
50
|
"@atlaskit/code": "^17.2.0",
|
|
51
|
-
"@atlaskit/css": "^0.
|
|
52
|
-
"@atlaskit/docs": "^11.
|
|
51
|
+
"@atlaskit/css": "^0.15.0",
|
|
52
|
+
"@atlaskit/docs": "^11.2.0",
|
|
53
53
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
54
54
|
"@atlaskit/dynamic-table": "^18.3.0",
|
|
55
55
|
"@atlaskit/form": "^14.2.0",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@atlaskit/link": "^3.2.0",
|
|
61
61
|
"@atlaskit/lozenge": "^13.0.0",
|
|
62
62
|
"@atlaskit/popup": "^4.4.0",
|
|
63
|
-
"@atlaskit/primitives": "^
|
|
63
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
64
64
|
"@atlaskit/radio": "^8.3.0",
|
|
65
65
|
"@atlaskit/section-message": "^8.7.0",
|
|
66
66
|
"@atlaskit/select": "^21.3.0",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"@atlassian/repo-feature-flags-statsig": "^1.11.0",
|
|
75
75
|
"@atlassian/ts-loader": "^0.1.0",
|
|
76
76
|
"@babel/core": "7.24.9",
|
|
77
|
-
"@compiled/react": "^0.18.
|
|
77
|
+
"@compiled/react": "^0.18.6",
|
|
78
78
|
"@hypermod/utils": "^0.4.2",
|
|
79
79
|
"@testing-library/react": "^13.4.0",
|
|
80
80
|
"@testing-library/react-hooks": "^8.0.1",
|