@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.
Files changed (95) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +48 -18
  3. package/dist/cjs/artifacts/theme-import-map.js +7 -1
  4. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +13 -0
  5. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +666 -0
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +11 -11
  9. package/dist/cjs/get-token-value.js +1 -1
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/palettes/typography-palette.js +13 -1
  12. package/dist/cjs/theme-config.js +10 -2
  13. package/dist/cjs/tokens/atlassian-typography/letter-spacing.js +29 -0
  14. package/dist/cjs/tokens/atlassian-typography/theme.js +3 -3
  15. package/dist/cjs/tokens/atlassian-typography-adg3/font-size.js +1 -1
  16. package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js +1 -1
  17. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +3 -3
  18. package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +29 -0
  19. package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +140 -0
  20. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +48 -18
  21. package/dist/es2019/artifacts/theme-import-map.js +4 -2
  22. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +31 -0
  23. package/dist/es2019/artifacts/themes/atlassian-typography.js +3 -3
  24. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
  26. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +11 -11
  27. package/dist/es2019/get-token-value.js +1 -1
  28. package/dist/es2019/get-token.js +1 -1
  29. package/dist/es2019/palettes/typography-palette.js +13 -1
  30. package/dist/es2019/theme-config.js +10 -2
  31. package/dist/es2019/tokens/atlassian-typography/letter-spacing.js +22 -0
  32. package/dist/es2019/tokens/atlassian-typography/theme.js +3 -3
  33. package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +1 -1
  34. package/dist/es2019/tokens/atlassian-typography-adg3/line-height.js +1 -1
  35. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +3 -3
  36. package/dist/es2019/tokens/atlassian-typography-minor3/font-family.js +22 -0
  37. package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +133 -0
  38. package/dist/esm/artifacts/palettes-raw/typography-palette.js +48 -18
  39. package/dist/esm/artifacts/theme-import-map.js +5 -1
  40. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +6 -0
  41. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  42. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +11 -11
  43. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +659 -0
  44. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +11 -11
  45. package/dist/esm/get-token-value.js +1 -1
  46. package/dist/esm/get-token.js +1 -1
  47. package/dist/esm/palettes/typography-palette.js +13 -1
  48. package/dist/esm/theme-config.js +10 -2
  49. package/dist/esm/tokens/atlassian-typography/letter-spacing.js +22 -0
  50. package/dist/esm/tokens/atlassian-typography/theme.js +3 -3
  51. package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +1 -1
  52. package/dist/esm/tokens/atlassian-typography-adg3/line-height.js +1 -1
  53. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +3 -3
  54. package/dist/esm/tokens/atlassian-typography-minor3/font-family.js +22 -0
  55. package/dist/esm/tokens/atlassian-typography-minor3/theme.js +133 -0
  56. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  57. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  58. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +7 -0
  59. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  60. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
  61. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
  62. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  63. package/dist/types/index.d.ts +1 -1
  64. package/dist/types/palettes/typography-palette.d.ts +2 -2
  65. package/dist/types/theme-config.d.ts +4 -4
  66. package/dist/types/tokens/atlassian-typography/letter-spacing.d.ts +4 -0
  67. package/dist/types/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
  68. package/dist/types/tokens/atlassian-typography-minor3/letter-spacing.d.ts +4 -0
  69. package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
  70. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  71. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +7 -0
  73. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  74. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
  75. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +137 -0
  76. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  77. package/dist/types-ts4.5/index.d.ts +1 -1
  78. package/dist/types-ts4.5/palettes/typography-palette.d.ts +2 -2
  79. package/dist/types-ts4.5/theme-config.d.ts +5 -3
  80. package/dist/types-ts4.5/tokens/atlassian-typography-minor3/font-family.d.ts +4 -0
  81. package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +10 -0
  82. package/figma/atlassian-typography-minor3.json +51 -0
  83. package/package.json +1 -2
  84. package/report.api.md +29 -2
  85. package/tmp/api-report-tmp.d.ts +20 -4
  86. /package/dist/cjs/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
  87. /package/dist/cjs/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
  88. /package/dist/es2019/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
  89. /package/dist/es2019/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
  90. /package/dist/esm/tokens/atlassian-typography-adg3/{utils.js → letter-spacing.js} +0 -0
  91. /package/dist/esm/tokens/{atlassian-typography/utils.js → atlassian-typography-minor3/letter-spacing.js} +0 -0
  92. /package/dist/types/tokens/{atlassian-typography/utils.d.ts → atlassian-typography-adg3/letter-spacing.d.ts} +0 -0
  93. /package/dist/{types/tokens/atlassian-typography-adg3/utils.d.ts → types-ts4.5/tokens/atlassian-typography/letter-spacing.d.ts} +0 -0
  94. /package/dist/types-ts4.5/tokens/atlassian-typography-adg3/{utils.d.ts → letter-spacing.d.ts} +0 -0
  95. /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,4 @@
1
+ import { LetterSpacingBaseToken as BaseToken } from '../../palettes/typography-palette';
2
+ import { LetterSpacingTokenSchema, ValueSchema } from '../../types';
3
+ declare const font: ValueSchema<LetterSpacingTokenSchema<BaseToken>>;
4
+ export default font;
@@ -0,0 +1,4 @@
1
+ import { FontFamilyBaseToken as BaseToken } from '../../palettes/typography-palette';
2
+ import { FontFamilyTokenSchema, ValueSchema } from '../../types';
3
+ declare const font: ValueSchema<FontFamilyTokenSchema<BaseToken>>;
4
+ export default font;
@@ -0,0 +1,4 @@
1
+ import { LetterSpacingBaseToken as BaseToken } from '../../palettes/typography-palette';
2
+ import { LetterSpacingTokenSchema, ValueSchema } from '../../types';
3
+ declare const font: ValueSchema<LetterSpacingTokenSchema<BaseToken>>;
4
+ export default font;
@@ -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::89e4530c84e484a163c9df048290ecf5>>
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::82c355c08254a28b0727a63e17ee7698>>
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::8a2c4f8f66783e1940d1aab250cf35a9>>
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.6875rem/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.6875rem/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";
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::276e80b37fcbf4b84df1a4060d56d879>>
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::bae3fa2256b534cd5a8fad9a180e3fa8>>
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' | 'FontSize11' | 'FontSize12' | 'FontSize14' | 'FontSize16' | 'FontSize20' | 'FontSize24' | 'FontSize28' | 'LegacyFontSize29' | 'LegacyFontSize35' | 'FontSize36' | 'FontSize48';
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,4 @@
1
+ import { FontFamilyBaseToken as BaseToken } from '../../palettes/typography-palette';
2
+ import { FontFamilyTokenSchema, ValueSchema } from '../../types';
3
+ declare const font: ValueSchema<FontFamilyTokenSchema<BaseToken>>;
4
+ export default font;
@@ -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.0",
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<ThemeIds, 'typography' | 'typography-adg3'>;
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
 
@@ -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