@atlaskit/tokens 1.15.0 → 1.15.2
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 +12 -0
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +48 -18
- package/dist/cjs/artifacts/theme-import-map.js +7 -1
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +666 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +11 -11
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +13 -1
- package/dist/cjs/theme-config.js +10 -2
- package/dist/cjs/tokens/atlassian-typography/letter-spacing.js +29 -0
- package/dist/cjs/tokens/atlassian-typography/theme.js +3 -3
- package/dist/cjs/tokens/atlassian-typography-adg3/font-size.js +1 -1
- package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js +1 -1
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +3 -3
- package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +29 -0
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +140 -0
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +48 -18
- package/dist/es2019/artifacts/theme-import-map.js +4 -2
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +31 -0
- package/dist/es2019/artifacts/themes/atlassian-typography.js +3 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +11 -11
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography-palette.js +13 -1
- package/dist/es2019/theme-config.js +10 -2
- package/dist/es2019/tokens/atlassian-typography/letter-spacing.js +22 -0
- package/dist/es2019/tokens/atlassian-typography/theme.js +3 -3
- package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +1 -1
- package/dist/es2019/tokens/atlassian-typography-adg3/line-height.js +1 -1
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +3 -3
- package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +133 -0
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +48 -18
- package/dist/esm/artifacts/theme-import-map.js +5 -1
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +11 -11
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography-palette.js +13 -1
- package/dist/esm/theme-config.js +10 -2
- package/dist/esm/tokens/atlassian-typography/letter-spacing.js +22 -0
- package/dist/esm/tokens/atlassian-typography/theme.js +3 -3
- package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +1 -1
- package/dist/esm/tokens/atlassian-typography-adg3/line-height.js +1 -1
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +3 -3
- package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +22 -0
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +133 -0
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/palettes/typography-palette.d.ts +2 -2
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/tokens/atlassian-typography/letter-spacing.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/letter-spacing.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.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-typography-minor3.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/palettes/typography-palette.d.ts +2 -2
- package/dist/types-ts4.5/theme-config.d.ts +5 -3
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
- package/figma/atlassian-typography-minor3.json +51 -0
- package/package.json +1 -2
- package/report.api.md +29 -2
- package/tmp/api-report-tmp.d.ts +20 -4
- /package/dist/cjs/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
- /package/dist/cjs/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
- /package/dist/es2019/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
- /package/dist/es2019/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
- /package/dist/esm/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
- /package/dist/esm/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
- /package/dist/types/tokens/{atlassian-typography/utils.d.ts → atlassian-typography-adg3/letter-spacing.d.ts} +0 -0
- /package/dist/{types/tokens/atlassian-typography-adg3/utils.d.ts → types-ts4.5/tokens/atlassian-typography/letter-spacing.d.ts} +0 -0
- /package/dist/types-ts4.5/tokens/atlassian-typography-adg3/{utils.d.ts → letter-spacing.d.ts} +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography/utils.d.ts → atlassian-typography-minor3/letter-spacing.d.ts} +0 -0
|
@@ -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-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3';
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-minor3' | '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
|
|
@@ -36,7 +36,7 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
|
|
|
36
36
|
*
|
|
37
37
|
* These ids must be kebab case
|
|
38
38
|
*/
|
|
39
|
-
export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3"];
|
|
39
|
+
export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3"];
|
|
40
40
|
export type ThemeIds = (typeof themeIds)[number];
|
|
41
41
|
/**
|
|
42
42
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
@@ -44,7 +44,7 @@ export type ThemeIds = (typeof themeIds)[number];
|
|
|
44
44
|
*/
|
|
45
45
|
export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
|
|
46
46
|
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
47
|
-
export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "light-new-input-border", "dark-new-input-border"];
|
|
47
|
+
export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
|
|
48
48
|
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
49
49
|
/**
|
|
50
50
|
* Theme to use a base. This will create the theme as
|
|
@@ -94,7 +94,7 @@ export interface ThemeState {
|
|
|
94
94
|
colorMode: ThemeColorModes;
|
|
95
95
|
shape?: Extract<ThemeIds, 'shape'>;
|
|
96
96
|
spacing?: Extract<ThemeIds, 'spacing'>;
|
|
97
|
-
typography?: Extract<ThemeIds, 'typography' | 'typography-adg3'>;
|
|
97
|
+
typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
|
|
98
98
|
UNSAFE_themeOptions?: ThemeOptionsSchema;
|
|
99
99
|
}
|
|
100
100
|
/**
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
|
|
2
|
+
import type { TypographyTokenSchema, ValueSchema } from '../../types';
|
|
3
|
+
declare const typography: ValueSchema<TypographyTokenSchema<{
|
|
4
|
+
fontWeight: FontWeightBaseToken;
|
|
5
|
+
fontFamily: FontFamilyBaseToken;
|
|
6
|
+
fontSize: FontSizeBaseToken;
|
|
7
|
+
lineHeight: LineHeightBaseToken;
|
|
8
|
+
letterSpacing: LetterSpacingBaseToken;
|
|
9
|
+
}>>;
|
|
10
|
+
export default typography;
|
|
@@ -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::c5a499034468ced262952ef968c2fd67>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -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::1e1c80a5700235c55449aa23948418be>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { ThemeIds, ThemeOverrideIds } from '../theme-config';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::88719508da65fd1b7ad398cc0681c4c5>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography-minor3\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
|
|
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::ce2e1e115aa9ff0027981ef8ba658c64>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.
|
|
6
|
+
declare const _default: "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);\n --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);\n --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);\n --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);\n --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);\n --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);\n --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);\n --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);\n --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);\n --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);\n --ds-font-letterSpacing-0: 0;\n --ds-font-letterSpacing-100: 0;\n --ds-font-letterSpacing-200: 0;\n --ds-font-letterSpacing-300: 0;\n --ds-font-letterSpacing-400: 0;\n --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);\n --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);\n --ds-font-family-code: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-monospace: ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-product: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-sans: ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand: Charlie Sans;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -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::72f2d56fa731cf91334d35722aa12dda>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::943b9b3b3139522a62a9775dcae78ed4>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
6
|
+
declare const tokens: ({
|
|
7
|
+
attributes: {
|
|
8
|
+
group: string;
|
|
9
|
+
state: string;
|
|
10
|
+
introduced: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
value: {
|
|
14
|
+
fontSize: number;
|
|
15
|
+
fontStyle: string;
|
|
16
|
+
fontWeight: string;
|
|
17
|
+
lineHeight: number;
|
|
18
|
+
fontFamily: string;
|
|
19
|
+
letterSpacing: string;
|
|
20
|
+
};
|
|
21
|
+
filePath: string;
|
|
22
|
+
isSource: boolean;
|
|
23
|
+
original: {
|
|
24
|
+
attributes: {
|
|
25
|
+
group: string;
|
|
26
|
+
state: string;
|
|
27
|
+
introduced: string;
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
value: {
|
|
31
|
+
fontWeight: string;
|
|
32
|
+
fontSize: string;
|
|
33
|
+
lineHeight: string;
|
|
34
|
+
fontFamily: string;
|
|
35
|
+
fontStyle: string;
|
|
36
|
+
letterSpacing: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
name: string;
|
|
40
|
+
path: string[];
|
|
41
|
+
cleanName: string;
|
|
42
|
+
} | {
|
|
43
|
+
attributes: {
|
|
44
|
+
group: string;
|
|
45
|
+
state: string;
|
|
46
|
+
introduced: string;
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
value: {
|
|
50
|
+
fontSize: string;
|
|
51
|
+
fontStyle: string;
|
|
52
|
+
fontWeight: string;
|
|
53
|
+
lineHeight: string;
|
|
54
|
+
fontFamily: string;
|
|
55
|
+
letterSpacing: string;
|
|
56
|
+
};
|
|
57
|
+
filePath: string;
|
|
58
|
+
isSource: boolean;
|
|
59
|
+
original: {
|
|
60
|
+
attributes: {
|
|
61
|
+
group: string;
|
|
62
|
+
state: string;
|
|
63
|
+
introduced: string;
|
|
64
|
+
description: string;
|
|
65
|
+
};
|
|
66
|
+
value: {
|
|
67
|
+
fontWeight: string;
|
|
68
|
+
fontSize: string;
|
|
69
|
+
lineHeight: string;
|
|
70
|
+
fontFamily: string;
|
|
71
|
+
fontStyle: string;
|
|
72
|
+
letterSpacing: string;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
name: string;
|
|
76
|
+
path: string[];
|
|
77
|
+
cleanName: string;
|
|
78
|
+
} | {
|
|
79
|
+
attributes: {
|
|
80
|
+
group: string;
|
|
81
|
+
state: string;
|
|
82
|
+
introduced: string;
|
|
83
|
+
description: string;
|
|
84
|
+
};
|
|
85
|
+
value: string;
|
|
86
|
+
filePath: string;
|
|
87
|
+
isSource: boolean;
|
|
88
|
+
original: {
|
|
89
|
+
attributes: {
|
|
90
|
+
group: string;
|
|
91
|
+
state: string;
|
|
92
|
+
introduced: string;
|
|
93
|
+
description: string;
|
|
94
|
+
};
|
|
95
|
+
value: string;
|
|
96
|
+
};
|
|
97
|
+
name: string;
|
|
98
|
+
path: string[];
|
|
99
|
+
cleanName: string;
|
|
100
|
+
} | {
|
|
101
|
+
attributes: {
|
|
102
|
+
group: string;
|
|
103
|
+
state: string;
|
|
104
|
+
introduced: string;
|
|
105
|
+
description: string;
|
|
106
|
+
};
|
|
107
|
+
value: {
|
|
108
|
+
fontSize: number;
|
|
109
|
+
fontStyle: string;
|
|
110
|
+
fontWeight: string;
|
|
111
|
+
lineHeight: string;
|
|
112
|
+
fontFamily: string;
|
|
113
|
+
letterSpacing: string;
|
|
114
|
+
};
|
|
115
|
+
filePath: string;
|
|
116
|
+
isSource: boolean;
|
|
117
|
+
original: {
|
|
118
|
+
attributes: {
|
|
119
|
+
group: string;
|
|
120
|
+
state: string;
|
|
121
|
+
introduced: string;
|
|
122
|
+
description: string;
|
|
123
|
+
};
|
|
124
|
+
value: {
|
|
125
|
+
fontWeight: string;
|
|
126
|
+
fontSize: string;
|
|
127
|
+
lineHeight: string;
|
|
128
|
+
fontFamily: string;
|
|
129
|
+
fontStyle: string;
|
|
130
|
+
letterSpacing: string;
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
name: string;
|
|
134
|
+
path: string[];
|
|
135
|
+
cleanName: string;
|
|
136
|
+
})[];
|
|
137
|
+
export default tokens;
|
|
@@ -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::bf6a6956c0f05008a38d080067ade3fb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -12,4 +12,4 @@ export { themeStringToObject, themeObjectToString, } from './theme-state-transfo
|
|
|
12
12
|
export type { CSSToken } from './artifacts/token-names';
|
|
13
13
|
export type { ActiveTokens } from './artifacts/types';
|
|
14
14
|
export type { ThemeColorModes, Themes, ThemeIds, ThemeOptionsSchema, ThemeState, } from './theme-config';
|
|
15
|
-
export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, } from './types';
|
|
15
|
+
export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, TypographyToken, } from './types';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LetterSpacingScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
|
|
2
|
-
export type FontSizeScaleValues = 'FontSizeCode' | '
|
|
3
|
-
export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
|
|
2
|
+
export type FontSizeScaleValues = 'FontSizeCode' | 'LegacyFontSize11' | 'FontSize12' | 'FontSize14' | 'FontSize16' | 'FontSize20' | 'FontSize24' | 'FontSize28' | 'LegacyFontSize29' | 'FontSize32' | 'LegacyFontSize35' | 'FontSize36' | 'FontSize48';
|
|
3
|
+
export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600' | 'LineHeight700';
|
|
4
4
|
export type FontWeightScaleValues = 'FontWeight400' | 'FontWeight500' | 'FontWeight600' | 'FontWeight700';
|
|
5
5
|
export type FontFamilyPaletteValues = 'FontFamilyCharlie' | 'FontFamilyWebSans' | 'LegacyFontFamilyWebSans' | 'FontFamilyiOSSans' | 'FontFamilyAndroidSans' | 'FontFamilyWebMono' | 'FontFamilyiOSMono' | 'FontFamilyAndroidMono';
|
|
6
6
|
export type LetterSpacingScaleValues = 'LetterSpacing0' | 'LetterSpacing100' | 'LetterSpacing200' | 'LetterSpacing300' | 'LetterSpacing400';
|
|
@@ -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-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3';
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-minor3' | '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
|
|
@@ -48,7 +48,8 @@ export declare const themeIds: readonly [
|
|
|
48
48
|
"spacing",
|
|
49
49
|
"typography",
|
|
50
50
|
"shape",
|
|
51
|
-
"typography-adg3"
|
|
51
|
+
"typography-adg3",
|
|
52
|
+
"typography-minor3"
|
|
52
53
|
];
|
|
53
54
|
export type ThemeIds = (typeof themeIds)[number];
|
|
54
55
|
/**
|
|
@@ -69,6 +70,7 @@ export declare const themeIdsWithOverrides: readonly [
|
|
|
69
70
|
"typography",
|
|
70
71
|
"shape",
|
|
71
72
|
"typography-adg3",
|
|
73
|
+
"typography-minor3",
|
|
72
74
|
"light-new-input-border",
|
|
73
75
|
"dark-new-input-border"
|
|
74
76
|
];
|
|
@@ -121,7 +123,7 @@ export interface ThemeState {
|
|
|
121
123
|
colorMode: ThemeColorModes;
|
|
122
124
|
shape?: Extract<ThemeIds, 'shape'>;
|
|
123
125
|
spacing?: Extract<ThemeIds, 'spacing'>;
|
|
124
|
-
typography?: Extract<ThemeIds, 'typography' | 'typography-adg3'>;
|
|
126
|
+
typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
|
|
125
127
|
UNSAFE_themeOptions?: ThemeOptionsSchema;
|
|
126
128
|
}
|
|
127
129
|
/**
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
|
|
2
|
+
import type { TypographyTokenSchema, ValueSchema } from '../../types';
|
|
3
|
+
declare const typography: ValueSchema<TypographyTokenSchema<{
|
|
4
|
+
fontWeight: FontWeightBaseToken;
|
|
5
|
+
fontFamily: FontFamilyBaseToken;
|
|
6
|
+
fontSize: FontSizeBaseToken;
|
|
7
|
+
lineHeight: LineHeightBaseToken;
|
|
8
|
+
letterSpacing: LetterSpacingBaseToken;
|
|
9
|
+
}>>;
|
|
10
|
+
export default typography;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "Typography minor3",
|
|
3
|
+
"tokens": {
|
|
4
|
+
"Typography minor3/font.family.code": {
|
|
5
|
+
"attributes": {
|
|
6
|
+
"group": "fontFamily",
|
|
7
|
+
"state": "experimental",
|
|
8
|
+
"introduced": "1.14.0",
|
|
9
|
+
"description": "Helpful guidance goes here"
|
|
10
|
+
},
|
|
11
|
+
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
12
|
+
},
|
|
13
|
+
"Typography minor3/font.family.monospace": {
|
|
14
|
+
"attributes": {
|
|
15
|
+
"group": "fontFamily",
|
|
16
|
+
"state": "active",
|
|
17
|
+
"introduced": "0.10.33",
|
|
18
|
+
"description": "Helpful guidance goes here"
|
|
19
|
+
},
|
|
20
|
+
"value": "ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace"
|
|
21
|
+
},
|
|
22
|
+
"Typography minor3/font.family.product": {
|
|
23
|
+
"attributes": {
|
|
24
|
+
"group": "fontFamily",
|
|
25
|
+
"state": "experimental",
|
|
26
|
+
"introduced": "1.14.0",
|
|
27
|
+
"description": "Helpful guidance goes here"
|
|
28
|
+
},
|
|
29
|
+
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
30
|
+
},
|
|
31
|
+
"Typography minor3/font.family.sans": {
|
|
32
|
+
"attributes": {
|
|
33
|
+
"group": "fontFamily",
|
|
34
|
+
"state": "active",
|
|
35
|
+
"introduced": "0.10.33",
|
|
36
|
+
"description": "Helpful guidance goes here"
|
|
37
|
+
},
|
|
38
|
+
"value": "ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif"
|
|
39
|
+
},
|
|
40
|
+
"Typography minor3/font.family.brand": {
|
|
41
|
+
"attributes": {
|
|
42
|
+
"group": "fontFamily",
|
|
43
|
+
"state": "experimental",
|
|
44
|
+
"introduced": "1.14.0",
|
|
45
|
+
"description": "Helpful guidance goes here"
|
|
46
|
+
},
|
|
47
|
+
"value": "Charlie Sans"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
"renameMap": {}
|
|
51
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tokens",
|
|
3
|
-
"version": "1.15.
|
|
3
|
+
"version": "1.15.2",
|
|
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/"
|
|
@@ -45,7 +45,6 @@
|
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@af/accessibility-testing": "*",
|
|
48
|
-
"@af/visual-regression": "*",
|
|
49
48
|
"@atlaskit/visual-regression": "*",
|
|
50
49
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
51
50
|
"@atlassian/codegen": "^0.1.0",
|
package/report.api.md
CHANGED
|
@@ -1504,6 +1504,7 @@ const themeIds: readonly [
|
|
|
1504
1504
|
'typography',
|
|
1505
1505
|
'shape',
|
|
1506
1506
|
'typography-adg3',
|
|
1507
|
+
'typography-minor3',
|
|
1507
1508
|
];
|
|
1508
1509
|
|
|
1509
1510
|
// @public (undocumented)
|
|
@@ -1519,6 +1520,7 @@ const themeIdsWithOverrides: readonly [
|
|
|
1519
1520
|
'typography',
|
|
1520
1521
|
'shape',
|
|
1521
1522
|
'typography-adg3',
|
|
1523
|
+
'typography-minor3',
|
|
1522
1524
|
'light-new-input-border',
|
|
1523
1525
|
'dark-new-input-border',
|
|
1524
1526
|
];
|
|
@@ -1571,7 +1573,8 @@ export type Themes =
|
|
|
1571
1573
|
| 'atlassian-shape'
|
|
1572
1574
|
| 'atlassian-spacing'
|
|
1573
1575
|
| 'atlassian-typography'
|
|
1574
|
-
| 'atlassian-typography-adg3'
|
|
1576
|
+
| 'atlassian-typography-adg3'
|
|
1577
|
+
| 'atlassian-typography-minor3';
|
|
1575
1578
|
|
|
1576
1579
|
// @public
|
|
1577
1580
|
export interface ThemeState {
|
|
@@ -1586,7 +1589,10 @@ export interface ThemeState {
|
|
|
1586
1589
|
// (undocumented)
|
|
1587
1590
|
spacing?: Extract<ThemeIds, 'spacing'>;
|
|
1588
1591
|
// (undocumented)
|
|
1589
|
-
typography?: Extract<
|
|
1592
|
+
typography?: Extract<
|
|
1593
|
+
ThemeIds,
|
|
1594
|
+
'typography' | 'typography-adg3' | 'typography-minor3'
|
|
1595
|
+
>;
|
|
1590
1596
|
// (undocumented)
|
|
1591
1597
|
UNSAFE_themeOptions?: ThemeOptionsSchema;
|
|
1592
1598
|
}
|
|
@@ -2012,6 +2018,27 @@ type TokenState =
|
|
|
2012
2018
|
| DeprecatedTokenState
|
|
2013
2019
|
| ExperimentalTokenState;
|
|
2014
2020
|
|
|
2021
|
+
// @public
|
|
2022
|
+
export type TypographyToken<
|
|
2023
|
+
TPalette extends {
|
|
2024
|
+
fontWeight: string;
|
|
2025
|
+
fontSize: string;
|
|
2026
|
+
lineHeight: string;
|
|
2027
|
+
fontFamily: string;
|
|
2028
|
+
letterSpacing: string;
|
|
2029
|
+
},
|
|
2030
|
+
> = DesignToken<
|
|
2031
|
+
{
|
|
2032
|
+
fontStyle: 'normal';
|
|
2033
|
+
fontWeight: TPalette['fontWeight'];
|
|
2034
|
+
fontFamily: TPalette['fontFamily'];
|
|
2035
|
+
fontSize: TPalette['fontSize'];
|
|
2036
|
+
lineHeight: TPalette['lineHeight'];
|
|
2037
|
+
letterSpacing: TPalette['letterSpacing'];
|
|
2038
|
+
},
|
|
2039
|
+
'typography'
|
|
2040
|
+
>;
|
|
2041
|
+
|
|
2015
2042
|
// @public
|
|
2016
2043
|
export const useThemeObserver: () => Partial<ActiveThemeState>;
|
|
2017
2044
|
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -715,13 +715,13 @@ export const themeConfig: Record<ThemeOverrides | Themes, ThemeConfig>;
|
|
|
715
715
|
export type ThemeIds = (typeof themeIds)[number];
|
|
716
716
|
|
|
717
717
|
// @public
|
|
718
|
-
const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3"];
|
|
718
|
+
const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3"];
|
|
719
719
|
|
|
720
720
|
// @public (undocumented)
|
|
721
721
|
type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
722
722
|
|
|
723
723
|
// @public (undocumented)
|
|
724
|
-
const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "light-new-input-border", "dark-new-input-border"];
|
|
724
|
+
const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "typography-minor3", "light-new-input-border", "dark-new-input-border"];
|
|
725
725
|
|
|
726
726
|
// @public
|
|
727
727
|
type ThemeKinds = 'color' | 'shape' | 'spacing' | 'typography';
|
|
@@ -758,7 +758,7 @@ const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-bord
|
|
|
758
758
|
type ThemeOverrides = 'atlassian-dark-new-input-border' | 'atlassian-light-new-input-border';
|
|
759
759
|
|
|
760
760
|
// @public
|
|
761
|
-
export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3';
|
|
761
|
+
export type Themes = 'atlassian-dark' | 'atlassian-legacy-dark' | 'atlassian-legacy-light' | 'atlassian-light' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-adg3' | 'atlassian-typography-minor3';
|
|
762
762
|
|
|
763
763
|
// @public
|
|
764
764
|
export interface ThemeState {
|
|
@@ -773,7 +773,7 @@ export interface ThemeState {
|
|
|
773
773
|
// (undocumented)
|
|
774
774
|
spacing?: Extract<ThemeIds, 'spacing'>;
|
|
775
775
|
// (undocumented)
|
|
776
|
-
typography?: Extract<ThemeIds, 'typography' | 'typography-adg3'>;
|
|
776
|
+
typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
|
|
777
777
|
// (undocumented)
|
|
778
778
|
UNSAFE_themeOptions?: ThemeOptionsSchema;
|
|
779
779
|
}
|
|
@@ -1192,6 +1192,22 @@ type Tokens_2 = typeof tokens;
|
|
|
1192
1192
|
// @public (undocumented)
|
|
1193
1193
|
type TokenState = ActiveTokenState | DeletedTokenState | DeprecatedTokenState | ExperimentalTokenState;
|
|
1194
1194
|
|
|
1195
|
+
// @public
|
|
1196
|
+
export type TypographyToken<TPalette extends {
|
|
1197
|
+
fontWeight: string;
|
|
1198
|
+
fontSize: string;
|
|
1199
|
+
lineHeight: string;
|
|
1200
|
+
fontFamily: string;
|
|
1201
|
+
letterSpacing: string;
|
|
1202
|
+
}> = DesignToken<{
|
|
1203
|
+
fontStyle: 'normal';
|
|
1204
|
+
fontWeight: TPalette['fontWeight'];
|
|
1205
|
+
fontFamily: TPalette['fontFamily'];
|
|
1206
|
+
fontSize: TPalette['fontSize'];
|
|
1207
|
+
lineHeight: TPalette['lineHeight'];
|
|
1208
|
+
letterSpacing: TPalette['letterSpacing'];
|
|
1209
|
+
}, 'typography'>;
|
|
1210
|
+
|
|
1195
1211
|
// @public
|
|
1196
1212
|
export const useThemeObserver: () => Partial<ActiveThemeState>;
|
|
1197
1213
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/types-ts4.5/tokens/atlassian-typography-adg3/{utils.d.ts → letter-spacing.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|