@atlaskit/tokens 1.26.1 → 1.28.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.
Files changed (131) hide show
  1. package/CHANGELOG.md +114 -0
  2. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  3. package/dist/cjs/artifacts/palettes-raw/palette.js +77 -77
  4. package/dist/cjs/artifacts/theme-import-map.js +1 -13
  5. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  9. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  10. package/dist/cjs/artifacts/token-default-values.js +101 -101
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +115 -115
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +109 -109
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +17 -9
  18. package/dist/cjs/get-token-value.js +1 -1
  19. package/dist/cjs/get-token.js +1 -1
  20. package/dist/cjs/theme-config.js +1 -25
  21. package/dist/cjs/utils/get-theme-preferences.js +0 -13
  22. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  23. package/dist/es2019/artifacts/palettes-raw/palette.js +77 -77
  24. package/dist/es2019/artifacts/theme-import-map.js +1 -5
  25. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +115 -115
  26. package/dist/es2019/artifacts/themes/atlassian-dark.js +109 -109
  27. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +124 -124
  28. package/dist/es2019/artifacts/themes/atlassian-light.js +101 -101
  29. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +7 -1
  30. package/dist/es2019/artifacts/token-default-values.js +101 -101
  31. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +115 -115
  33. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
  34. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +109 -109
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
  36. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +17 -9
  38. package/dist/es2019/get-token-value.js +1 -1
  39. package/dist/es2019/get-token.js +1 -1
  40. package/dist/es2019/theme-config.js +1 -25
  41. package/dist/es2019/utils/get-theme-preferences.js +0 -13
  42. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
  43. package/dist/esm/artifacts/palettes-raw/palette.js +77 -77
  44. package/dist/esm/artifacts/theme-import-map.js +1 -9
  45. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  46. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  47. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  48. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  49. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  50. package/dist/esm/artifacts/token-default-values.js +101 -101
  51. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
  52. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +115 -115
  53. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
  54. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +109 -109
  55. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
  56. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
  57. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +17 -9
  58. package/dist/esm/get-token-value.js +1 -1
  59. package/dist/esm/get-token.js +1 -1
  60. package/dist/esm/theme-config.js +1 -25
  61. package/dist/esm/utils/get-theme-preferences.js +0 -13
  62. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  63. package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
  64. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  65. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  66. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  67. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  68. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  69. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  70. package/dist/types/artifacts/token-default-values.d.ts +101 -101
  71. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  72. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  73. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  74. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  75. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +36 -1
  76. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +36 -1
  77. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +36 -1
  78. package/dist/types/theme-config.d.ts +4 -4
  79. package/dist/types/types.d.ts +10 -3
  80. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
  81. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  82. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  83. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  84. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  85. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  86. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  87. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  88. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +101 -101
  89. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  90. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  91. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  92. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  93. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +36 -1
  94. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +36 -1
  95. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +36 -1
  96. package/dist/types-ts4.5/theme-config.d.ts +4 -8
  97. package/dist/types-ts4.5/types.d.ts +10 -3
  98. package/figma/atlassian-dark-increased-contrast.json +114 -114
  99. package/figma/atlassian-dark.json +108 -108
  100. package/figma/atlassian-light-increased-contrast.json +123 -123
  101. package/figma/atlassian-light.json +100 -100
  102. package/package.json +1 -4
  103. package/report.api.md +59 -20
  104. package/tmp/api-report-tmp.d.ts +53 -7
  105. package/dist/cjs/artifacts/palettes-raw/updated-saturated-palette.js +0 -2257
  106. package/dist/cjs/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -12
  107. package/dist/cjs/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -12
  108. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8683
  109. package/dist/cjs/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8645
  110. package/dist/es2019/artifacts/palettes-raw/updated-saturated-palette.js +0 -2251
  111. package/dist/es2019/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -399
  112. package/dist/es2019/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -399
  113. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8677
  114. package/dist/es2019/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8639
  115. package/dist/esm/artifacts/palettes-raw/updated-saturated-palette.js +0 -2251
  116. package/dist/esm/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -6
  117. package/dist/esm/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -6
  118. package/dist/esm/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8677
  119. package/dist/esm/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8639
  120. package/dist/types/artifacts/palettes-raw/updated-saturated-palette.d.ts +0 -41
  121. package/dist/types/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +0 -7
  122. package/dist/types/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +0 -7
  123. package/dist/types/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +0 -109
  124. package/dist/types/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +0 -89
  125. package/dist/types-ts4.5/artifacts/palettes-raw/updated-saturated-palette.d.ts +0 -41
  126. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +0 -7
  127. package/dist/types-ts4.5/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +0 -7
  128. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +0 -109
  129. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +0 -89
  130. package/figma/atlassian-dark-saturated-palette-changes.json +0 -3540
  131. package/figma/atlassian-light-saturated-palette-changes.json +0 -3519
@@ -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::ecd63bab60b9c05c08973d35cc1989df>>
3
+ * @codegen <<SignedSource::e95de29cabce142a19e4a4c6780c2555>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -9,6 +9,7 @@ declare const tokens: ({
9
9
  state: string;
10
10
  introduced: string;
11
11
  description: string;
12
+ responsiveSmallerVariant?: undefined;
12
13
  };
13
14
  value: string;
14
15
  filePath: string;
@@ -19,6 +20,7 @@ declare const tokens: ({
19
20
  state: string;
20
21
  introduced: string;
21
22
  description: string;
23
+ responsiveSmallerVariant?: undefined;
22
24
  };
23
25
  value: {
24
26
  fontWeight: string;
@@ -38,6 +40,7 @@ declare const tokens: ({
38
40
  state: string;
39
41
  introduced: string;
40
42
  description: string;
43
+ responsiveSmallerVariant: string;
41
44
  };
42
45
  value: string;
43
46
  filePath: string;
@@ -48,6 +51,38 @@ declare const tokens: ({
48
51
  state: string;
49
52
  introduced: string;
50
53
  description: string;
54
+ responsiveSmallerVariant: string;
55
+ };
56
+ value: {
57
+ fontWeight: string;
58
+ fontSize: string;
59
+ lineHeight: string;
60
+ fontFamily: string;
61
+ fontStyle: string;
62
+ letterSpacing: string;
63
+ };
64
+ };
65
+ name: string;
66
+ path: string[];
67
+ cleanName: string;
68
+ } | {
69
+ attributes: {
70
+ group: string;
71
+ state: string;
72
+ introduced: string;
73
+ description: string;
74
+ responsiveSmallerVariant?: undefined;
75
+ };
76
+ value: string;
77
+ filePath: string;
78
+ isSource: boolean;
79
+ original: {
80
+ attributes: {
81
+ group: string;
82
+ state: string;
83
+ introduced: string;
84
+ description: string;
85
+ responsiveSmallerVariant?: undefined;
51
86
  };
52
87
  value: string;
53
88
  };
@@ -14,7 +14,7 @@ export type ThemeFileNames = Themes;
14
14
  * theme files/folders are called. style-dictionary will attempt to locate these in the file-system.
15
15
  * Theme overrides are temporary and there may not be any defined at times.
16
16
  */
17
- export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border' | 'atlassian-light-saturated-palette-changes' | 'atlassian-dark-saturated-palette-changes';
17
+ export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border';
18
18
  /**
19
19
  * Theme kinds: The type of theme.
20
20
  * Some themes are entirely focused on Color, whilst others are purely focused on spacing.
@@ -70,9 +70,7 @@ export type ThemeIds = (typeof themeIds)[number];
70
70
  */
71
71
  export declare const themeOverrideIds: readonly [
72
72
  "light-new-input-border",
73
- "dark-new-input-border",
74
- "light-saturated-palette-changes",
75
- "dark-saturated-palette-changes"
73
+ "dark-new-input-border"
76
74
  ];
77
75
  export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
78
76
  export declare const themeIdsWithOverrides: readonly [
@@ -88,9 +86,7 @@ export declare const themeIdsWithOverrides: readonly [
88
86
  "typography-adg3",
89
87
  "typography-minor3",
90
88
  "light-new-input-border",
91
- "dark-new-input-border",
92
- "light-saturated-palette-changes",
93
- "dark-saturated-palette-changes"
89
+ "dark-new-input-border"
94
90
  ];
95
91
  export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
96
92
  /**
@@ -104,7 +100,7 @@ export type ExtensionThemeId = ThemeIds;
104
100
  * For example: legacy light & dark themes use the "legacyPalette" containing colors from our
105
101
  * previous color set.
106
102
  */
107
- export type Palettes = 'defaultPalette' | 'updatedSaturatedPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
103
+ export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
108
104
  /**
109
105
  * ThemeConfig: the source of truth for all theme meta-data.
110
106
  * This object should be used whenever interfacing with themes.
@@ -62,6 +62,11 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
62
62
  suggest?: string[];
63
63
  };
64
64
  }
65
+ export interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
66
+ attributes: DesignToken<TValue, 'typography'>['attributes'] & {
67
+ responsiveSmallerVariant?: ResponsiveTypographyTokens;
68
+ };
69
+ }
65
70
  /**
66
71
  * @example
67
72
  * ```ts
@@ -71,7 +76,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
71
76
  */
72
77
  type FlattenKeys<T, Prefix extends string = ''> = {
73
78
  [Key in keyof T]: T[Key] extends object ? T[Key] extends {
74
- value: string;
79
+ value: any;
75
80
  } ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
76
81
  }[keyof T];
77
82
  type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
@@ -1000,14 +1005,16 @@ export type TypographyToken<TPalette extends {
1000
1005
  lineHeight: string;
1001
1006
  fontFamily: string;
1002
1007
  letterSpacing: string;
1003
- }> = DesignToken<{
1008
+ responsiveToken?: string;
1009
+ }> = TypographyDesignToken<{
1004
1010
  fontStyle: 'normal';
1005
1011
  fontWeight: TPalette['fontWeight'];
1006
1012
  fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
1007
1013
  fontSize: TPalette['fontSize'];
1008
1014
  lineHeight: TPalette['lineHeight'];
1009
1015
  letterSpacing: TPalette['letterSpacing'];
1010
- }, 'typography'>;
1016
+ }>;
1017
+ type ResponsiveTypographyTokens = FlattenKeys<TypographyTokenSchema<any>>;
1011
1018
  /**
1012
1019
  * The semantic interface for typography tokens
1013
1020
  */