@atlaskit/tokens 13.4.0 → 14.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.
Files changed (206) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/artifacts/theme-import-map/package.json +1 -8
  3. package/artifacts/types/package.json +1 -8
  4. package/babel-plugin/package.json +1 -8
  5. package/constants/package.json +1 -8
  6. package/css-type-schema/package.json +1 -8
  7. package/custom-themes/package.json +1 -8
  8. package/enable-global-theme/package.json +1 -8
  9. package/get-global-theme/package.json +1 -8
  10. package/get-ssr-auto-script/package.json +1 -8
  11. package/get-theme-html-attrs/package.json +1 -8
  12. package/get-theme-styles/package.json +1 -8
  13. package/get-token/package.json +1 -8
  14. package/get-token-value/package.json +1 -8
  15. package/package.json +28 -36
  16. package/palettes-raw/package.json +1 -8
  17. package/rename-mapping/package.json +1 -8
  18. package/set-global-theme/package.json +1 -8
  19. package/theme-config/package.json +1 -8
  20. package/theme-mutation-observer/package.json +1 -8
  21. package/theme-state-transformer/package.json +1 -8
  22. package/token-default-values/package.json +1 -8
  23. package/token-ids/package.json +1 -8
  24. package/token-metadata/package.json +1 -8
  25. package/token-names/package.json +1 -8
  26. package/token-order/package.json +1 -8
  27. package/tokens-raw/package.json +1 -8
  28. package/types/package.json +1 -8
  29. package/use-theme-observer/package.json +1 -8
  30. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +0 -18
  31. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +0 -18
  32. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +0 -16
  33. package/dist/types-ts4.5/artifacts/palettes-raw/legacy-palette.d.ts +0 -25
  34. package/dist/types-ts4.5/artifacts/palettes-raw/motion-palette.d.ts +0 -24
  35. package/dist/types-ts4.5/artifacts/palettes-raw/palette-brand-refresh.d.ts +0 -25
  36. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +0 -25
  37. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +0 -24
  38. package/dist/types-ts4.5/artifacts/palettes-raw/spacing-scale.d.ts +0 -24
  39. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +0 -24
  40. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +0 -26
  41. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +0 -16
  42. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-future.d.ts +0 -7
  43. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +0 -7
  44. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-new-input-border.d.ts +0 -7
  45. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +0 -7
  46. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +0 -7
  47. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +0 -7
  48. package/dist/types-ts4.5/artifacts/themes/atlassian-light-future.d.ts +0 -7
  49. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +0 -7
  50. package/dist/types-ts4.5/artifacts/themes/atlassian-light-new-input-border.d.ts +0 -7
  51. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +0 -7
  52. package/dist/types-ts4.5/artifacts/themes/atlassian-motion.d.ts +0 -7
  53. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-rounder.d.ts +0 -7
  54. package/dist/types-ts4.5/artifacts/themes/atlassian-shape-roundest.d.ts +0 -7
  55. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +0 -7
  56. package/dist/types-ts4.5/artifacts/themes/atlassian-spacing.d.ts +0 -7
  57. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +0 -7
  58. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +0 -566
  59. package/dist/types-ts4.5/artifacts/token-names.d.ts +0 -1113
  60. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-brand-refresh.d.ts +0 -50
  61. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-future.d.ts +0 -31
  62. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +0 -51
  63. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +0 -51
  64. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +0 -51
  65. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +0 -51
  66. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-brand-refresh.d.ts +0 -50
  67. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-future.d.ts +0 -31
  68. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +0 -51
  69. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +0 -51
  70. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-motion.d.ts +0 -43
  71. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +0 -31
  72. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-spacing.d.ts +0 -31
  73. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +0 -38
  74. package/dist/types-ts4.5/artifacts/types-internal.d.ts +0 -6
  75. package/dist/types-ts4.5/artifacts/types.d.ts +0 -6
  76. package/dist/types-ts4.5/artifacts/typescript/atlassian-dark-token-names.d.ts +0 -784
  77. package/dist/types-ts4.5/artifacts/typescript/atlassian-dark-types-internal.d.ts +0 -6
  78. package/dist/types-ts4.5/artifacts/typescript/atlassian-dark-types.d.ts +0 -6
  79. package/dist/types-ts4.5/artifacts/typescript/atlassian-light-token-names.d.ts +0 -784
  80. package/dist/types-ts4.5/artifacts/typescript/atlassian-light-types-internal.d.ts +0 -6
  81. package/dist/types-ts4.5/artifacts/typescript/atlassian-light-types.d.ts +0 -6
  82. package/dist/types-ts4.5/babel-plugin/index.d.ts +0 -1
  83. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +0 -29
  84. package/dist/types-ts4.5/constants.d.ts +0 -9
  85. package/dist/types-ts4.5/custom-theme.d.ts +0 -6
  86. package/dist/types-ts4.5/enable-global-theme.d.ts +0 -26
  87. package/dist/types-ts4.5/entry-points/artifacts-theme-import-map.d.ts +0 -1
  88. package/dist/types-ts4.5/entry-points/artifacts-types.d.ts +0 -1
  89. package/dist/types-ts4.5/entry-points/babel-plugin.d.ts +0 -1
  90. package/dist/types-ts4.5/entry-points/constants.d.ts +0 -1
  91. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +0 -165
  92. package/dist/types-ts4.5/entry-points/custom-themes.d.ts +0 -1
  93. package/dist/types-ts4.5/entry-points/enable-global-theme.d.ts +0 -1
  94. package/dist/types-ts4.5/entry-points/get-global-theme.d.ts +0 -1
  95. package/dist/types-ts4.5/entry-points/get-ssr-auto-script.d.ts +0 -1
  96. package/dist/types-ts4.5/entry-points/get-theme-html-attrs.d.ts +0 -1
  97. package/dist/types-ts4.5/entry-points/get-theme-styles.d.ts +0 -1
  98. package/dist/types-ts4.5/entry-points/get-token-value.d.ts +0 -1
  99. package/dist/types-ts4.5/entry-points/get-token.d.ts +0 -1
  100. package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +0 -2
  101. package/dist/types-ts4.5/entry-points/rename-mapping.d.ts +0 -1
  102. package/dist/types-ts4.5/entry-points/set-global-theme.d.ts +0 -1
  103. package/dist/types-ts4.5/entry-points/theme-config.d.ts +0 -2
  104. package/dist/types-ts4.5/entry-points/theme-mutation-observer.d.ts +0 -1
  105. package/dist/types-ts4.5/entry-points/theme-state-transformer.d.ts +0 -2
  106. package/dist/types-ts4.5/entry-points/token-default-values.d.ts +0 -1
  107. package/dist/types-ts4.5/entry-points/token-ids.d.ts +0 -1
  108. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +0 -19
  109. package/dist/types-ts4.5/entry-points/token-names.d.ts +0 -2
  110. package/dist/types-ts4.5/entry-points/token-order.d.ts +0 -1
  111. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -6
  112. package/dist/types-ts4.5/entry-points/types.d.ts +0 -1
  113. package/dist/types-ts4.5/entry-points/use-theme-observer.d.ts +0 -1
  114. package/dist/types-ts4.5/get-custom-theme-styles.d.ts +0 -16
  115. package/dist/types-ts4.5/get-global-theme.d.ts +0 -3
  116. package/dist/types-ts4.5/get-ssr-auto-script.d.ts +0 -11
  117. package/dist/types-ts4.5/get-theme-html-attrs.d.ts +0 -18
  118. package/dist/types-ts4.5/get-theme-styles.d.ts +0 -25
  119. package/dist/types-ts4.5/get-token-value.d.ts +0 -25
  120. package/dist/types-ts4.5/get-token.d.ts +0 -26
  121. package/dist/types-ts4.5/index.d.ts +0 -19
  122. package/dist/types-ts4.5/is-color-mode.d.ts +0 -2
  123. package/dist/types-ts4.5/is-theme-ids.d.ts +0 -2
  124. package/dist/types-ts4.5/is-theme-kind.d.ts +0 -11
  125. package/dist/types-ts4.5/load-custom-theme-styles.d.ts +0 -17
  126. package/dist/types-ts4.5/set-global-theme.d.ts +0 -26
  127. package/dist/types-ts4.5/theme-color-modes.d.ts +0 -12
  128. package/dist/types-ts4.5/theme-config.d.ts +0 -121
  129. package/dist/types-ts4.5/theme-ids.d.ts +0 -19
  130. package/dist/types-ts4.5/theme-mutation-observer.d.ts +0 -25
  131. package/dist/types-ts4.5/theme-object-to-string.d.ts +0 -13
  132. package/dist/types-ts4.5/theme-options-schema.d.ts +0 -7
  133. package/dist/types-ts4.5/theme-state-defaults.d.ts +0 -14
  134. package/dist/types-ts4.5/theme-state.d.ts +0 -17
  135. package/dist/types-ts4.5/theme-string-to-object.d.ts +0 -14
  136. package/dist/types-ts4.5/types.d.ts +0 -1356
  137. package/dist/types-ts4.5/use-theme-observer.d.ts +0 -16
  138. package/dist/types-ts4.5/utils/additional-contrast-checker.d.ts +0 -9
  139. package/dist/types-ts4.5/utils/color-detection.d.ts +0 -8
  140. package/dist/types-ts4.5/utils/color-mode-listeners.d.ts +0 -13
  141. package/dist/types-ts4.5/utils/configure-page.d.ts +0 -6
  142. package/dist/types-ts4.5/utils/contrast-mode-listeners.d.ts +0 -13
  143. package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +0 -4
  144. package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +0 -11
  145. package/dist/types-ts4.5/utils/delta-e.d.ts +0 -1
  146. package/dist/types-ts4.5/utils/generate-colors.d.ts +0 -5
  147. package/dist/types-ts4.5/utils/generate-token-map-with-contrast-check.d.ts +0 -11
  148. package/dist/types-ts4.5/utils/generate-token-map.d.ts +0 -11
  149. package/dist/types-ts4.5/utils/get-alpha.d.ts +0 -1
  150. package/dist/types-ts4.5/utils/get-closest-color-index.d.ts +0 -2
  151. package/dist/types-ts4.5/utils/get-contrast-ratio.d.ts +0 -1
  152. package/dist/types-ts4.5/utils/get-css-custom-property.d.ts +0 -15
  153. package/dist/types-ts4.5/utils/get-fully-qualified-token-id.d.ts +0 -11
  154. package/dist/types-ts4.5/utils/get-increased-contrast-theme.d.ts +0 -5
  155. package/dist/types-ts4.5/utils/get-theme-override-preferences.d.ts +0 -2
  156. package/dist/types-ts4.5/utils/get-theme-preferences.d.ts +0 -3
  157. package/dist/types-ts4.5/utils/get-token-id.d.ts +0 -15
  158. package/dist/types-ts4.5/utils/hash.d.ts +0 -1
  159. package/dist/types-ts4.5/utils/hct-color-utils/alpha-from-argb.d.ts +0 -4
  160. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-linrgb.d.ts +0 -4
  161. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-lstar.d.ts +0 -8
  162. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-rgb.d.ts +0 -4
  163. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-rgba.d.ts +0 -8
  164. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-xyz.d.ts +0 -4
  165. package/dist/types-ts4.5/utils/hct-color-utils/blue-from-argb.d.ts +0 -4
  166. package/dist/types-ts4.5/utils/hct-color-utils/clamp-component.d.ts +0 -1
  167. package/dist/types-ts4.5/utils/hct-color-utils/clamp-double.d.ts +0 -7
  168. package/dist/types-ts4.5/utils/hct-color-utils/clamp-int.d.ts +0 -7
  169. package/dist/types-ts4.5/utils/hct-color-utils/contrast.d.ts +0 -78
  170. package/dist/types-ts4.5/utils/hct-color-utils/delinearized.d.ts +0 -9
  171. package/dist/types-ts4.5/utils/hct-color-utils/green-from-argb.d.ts +0 -4
  172. package/dist/types-ts4.5/utils/hct-color-utils/hct.d.ts +0 -92
  173. package/dist/types-ts4.5/utils/hct-color-utils/index.d.ts +0 -4
  174. package/dist/types-ts4.5/utils/hct-color-utils/lab-f.d.ts +0 -1
  175. package/dist/types-ts4.5/utils/hct-color-utils/lab-invf.d.ts +0 -1
  176. package/dist/types-ts4.5/utils/hct-color-utils/lerp.d.ts +0 -6
  177. package/dist/types-ts4.5/utils/hct-color-utils/linearized.d.ts +0 -9
  178. package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-argb.d.ts +0 -7
  179. package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-y.d.ts +0 -12
  180. package/dist/types-ts4.5/utils/hct-color-utils/math-utils.d.ts +0 -6
  181. package/dist/types-ts4.5/utils/hct-color-utils/matrix-multiply.d.ts +0 -4
  182. package/dist/types-ts4.5/utils/hct-color-utils/red-from-argb.d.ts +0 -4
  183. package/dist/types-ts4.5/utils/hct-color-utils/rgba-from-argb.d.ts +0 -8
  184. package/dist/types-ts4.5/utils/hct-color-utils/rgba.d.ts +0 -14
  185. package/dist/types-ts4.5/utils/hct-color-utils/sanitize-degrees-double.d.ts +0 -7
  186. package/dist/types-ts4.5/utils/hct-color-utils/signum.d.ts +0 -6
  187. package/dist/types-ts4.5/utils/hct-color-utils/viewing-conditions.d.ts +0 -47
  188. package/dist/types-ts4.5/utils/hct-color-utils/white-point-d65.d.ts +0 -6
  189. package/dist/types-ts4.5/utils/hct-color-utils/y-from-lstar.d.ts +0 -12
  190. package/dist/types-ts4.5/utils/hex-to-hsl.d.ts +0 -5
  191. package/dist/types-ts4.5/utils/hex-to-rgb-a.d.ts +0 -6
  192. package/dist/types-ts4.5/utils/hex-to-rgb.d.ts +0 -5
  193. package/dist/types-ts4.5/utils/hex-to-rgba-values.d.ts +0 -6
  194. package/dist/types-ts4.5/utils/hsl-to-rgb.d.ts +0 -5
  195. package/dist/types-ts4.5/utils/is-valid-brand-hex.d.ts +0 -1
  196. package/dist/types-ts4.5/utils/is-valid-hex.d.ts +0 -1
  197. package/dist/types-ts4.5/utils/limit-size-of-custom-style-elements.d.ts +0 -1
  198. package/dist/types-ts4.5/utils/load-theme-css.d.ts +0 -2
  199. package/dist/types-ts4.5/utils/reduce-token-map.d.ts +0 -6
  200. package/dist/types-ts4.5/utils/relative-luminance-w3-c.d.ts +0 -1
  201. package/dist/types-ts4.5/utils/rgb-to-hex.d.ts +0 -1
  202. package/dist/types-ts4.5/utils/rgb-to-lab.d.ts +0 -5
  203. package/dist/types-ts4.5/utils/theme-loading.d.ts +0 -5
  204. package/dist/types-ts4.5/utils/token-ids.d.ts +0 -3
  205. package/dist/types-ts4.5/utils/token-order.d.ts +0 -7
  206. package/dist/types-ts4.5/utils/token-usage-guidelines.d.ts +0 -8
@@ -1,1356 +0,0 @@
1
- import type { InternalTokenIds } from './artifacts/types-internal';
2
- export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'motion' | 'motionDuration' | 'motionEasing' | 'motionKeyframe' | 'motionProperty';
3
- type ActiveTokenState = 'active';
4
- type DeprecatedTokenState = 'deprecated';
5
- type DeletedTokenState = 'deleted';
6
- type ExperimentalTokenState = 'experimental';
7
- type TokenState = ActiveTokenState | DeprecatedTokenState | DeletedTokenState | ExperimentalTokenState;
8
- type Replacement = InternalTokenIds | InternalTokenIds[];
9
- type ExperimentalReplacement = InternalTokenIds | InternalTokenIds[] | string;
10
- type PaletteCategory = 'blue' | 'purple' | 'red' | 'magenta' | 'orange' | 'yellow' | 'green' | 'teal' | 'lime' | 'light mode neutral' | 'dark mode neutral';
11
- type ValueCategory = 'opacity';
12
- interface Token<TValue, Group extends Groups> {
13
- value: TValue;
14
- attributes: {
15
- group: Group;
16
- description?: string;
17
- state?: TokenState;
18
- replacement?: Replacement | ExperimentalReplacement;
19
- };
20
- }
21
- /**
22
- * Base tokens define the raw values consumed by Design Tokens. They are a context-agnostic
23
- * name:value pairing (for example, the base token Neutral0 represents the value #FFFFFF ).
24
- */
25
- export interface BaseToken<TValue, Group extends Groups> extends Token<TValue, Group> {
26
- attributes: {
27
- group: Group;
28
- };
29
- }
30
- /**
31
- * Design tokens represent single sources of truth to name and store semantic design decisions.
32
- * They map a semantic name (color.background.default) to a base token (Neutral0).
33
- */
34
- export interface DesignToken<TValue, Group extends Groups> extends Token<TValue, Group> {
35
- attributes: {
36
- state: ActiveTokenState;
37
- group: Group;
38
- description: string;
39
- introduced: string;
40
- suggest?: string[];
41
- } | {
42
- state: DeprecatedTokenState;
43
- group: Group;
44
- description: string;
45
- introduced: string;
46
- deprecated: string;
47
- replacement?: Replacement;
48
- } | {
49
- state: DeletedTokenState;
50
- group: Group;
51
- description: string;
52
- introduced: string;
53
- deprecated: string;
54
- deleted: string;
55
- replacement?: Replacement;
56
- } | {
57
- state: ExperimentalTokenState;
58
- group: Group;
59
- description: string;
60
- introduced: string;
61
- replacement?: ExperimentalReplacement;
62
- suggest?: string[];
63
- };
64
- }
65
- interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
66
- attributes: DesignToken<TValue, 'typography'>['attributes'];
67
- }
68
- type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
69
- type Id<T> = {} & {
70
- [P in keyof T]: T[P];
71
- };
72
- type DeepOmit<T extends any, K extends PropertyKey> = Omit<{
73
- [P in keyof T]: OmitDistributive<T[P], K>;
74
- }, K>;
75
- export type DeepPartial<T> = T extends object ? {
76
- [P in keyof T]?: DeepPartial<T[P]>;
77
- } : T;
78
- export type ValueSchema<Schema extends object> = DeepOmit<Schema, 'attributes'>;
79
- export type ExtendedValueSchema<Schema extends object> = DeepPartial<ValueSchema<Schema>>;
80
- export type AttributeSchema<Schema extends object> = DeepOmit<Schema, 'value'>;
81
- interface PaletteToken extends BaseToken<string, 'palette'> {
82
- attributes: {
83
- group: 'palette';
84
- category: PaletteCategory;
85
- };
86
- }
87
- interface ValueToken extends BaseToken<number, 'palette'> {
88
- attributes: {
89
- group: 'palette';
90
- category: ValueCategory;
91
- };
92
- }
93
- export type PaintToken<BaseToken> = DesignToken<BaseToken, 'paint'>;
94
- export type ShadowToken<BaseToken> = DesignToken<Array<{
95
- color: BaseToken;
96
- opacity: number;
97
- offset: {
98
- x: number;
99
- y: number;
100
- };
101
- radius: number;
102
- spread?: number;
103
- inset?: boolean;
104
- }>, 'shadow'>;
105
- export type OpacityToken = DesignToken<string, 'opacity'>;
106
- export type SpacingToken<BaseToken> = DesignToken<BaseToken, 'spacing'>;
107
- export type ShapeToken<BaseToken> = DesignToken<BaseToken, 'shape'>;
108
- export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
109
- export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
110
- export type MotionToken<BaseToken> = DesignToken<BaseToken, 'motion'>;
111
- export type MotionDurationToken<BaseToken> = DesignToken<BaseToken, 'motionDuration'>;
112
- export type MotionEasingToken<BaseToken> = DesignToken<BaseToken, 'motionEasing'>;
113
- export type MotionKeyframeToken<BaseToken> = DesignToken<BaseToken, 'motionKeyframe'>;
114
- export type MotionPropertyToken<BaseToken> = DesignToken<BaseToken, 'motionProperty'>;
115
- export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
116
- export type RawToken = DesignToken<string, 'raw'>;
117
- export interface PaletteColorTokenSchema<PaletteValues extends string> {
118
- value: {
119
- opacity: {
120
- Opacity20: ValueToken;
121
- Opacity40: ValueToken;
122
- };
123
- };
124
- color: {
125
- palette: Record<PaletteValues, PaletteToken>;
126
- };
127
- }
128
- type SpacingSchemaValue = BaseToken<number, 'spacing'>;
129
- type ShapeSchemaValue = BaseToken<number | string, 'shape'>;
130
- export interface SpacingScaleTokenSchema<ScaleValues extends string> {
131
- space: Record<ScaleValues, SpacingSchemaValue>;
132
- }
133
- export interface ShapeScaleTokenSchema<RadiusScaleValues extends string, SizeScaleValues extends string> {
134
- border: {
135
- width: Record<SizeScaleValues, ShapeSchemaValue>;
136
- };
137
- radius: Record<RadiusScaleValues, ShapeSchemaValue>;
138
- }
139
- export interface MotionScaleTokenSchema<DurationScaleValues extends string, BezierCurveScaleValues extends string, KeyframeScaleValues extends string, TransitionPropertyScaleValues extends string> {
140
- duration: Record<DurationScaleValues, BaseToken<number, 'motionDuration'>>;
141
- curve: Record<BezierCurveScaleValues, BaseToken<string, 'motionEasing'>>;
142
- keyframe: Record<KeyframeScaleValues, BaseToken<Record<string, object>, 'motionKeyframe'>>;
143
- properties: Record<TransitionPropertyScaleValues, BaseToken<string, 'motionProperty'>>;
144
- }
145
- export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
146
- fontSize: Record<ScaleValues, BaseToken<string | number, 'fontSize'>>;
147
- }
148
- export interface FontWeightScaleTokenSchema<ScaleValues extends string> {
149
- fontWeight: Record<ScaleValues, BaseToken<string, 'fontWeight'>>;
150
- }
151
- export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
152
- fontFamily: Record<ScaleValues, BaseToken<string, 'fontFamily'>>;
153
- }
154
- export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
155
- lineHeight: Record<ScaleValues, BaseToken<string | number, 'lineHeight'>>;
156
- }
157
- export interface LetterSpacingScaleTokenSchema<ScaleValues extends string> {
158
- letterSpacing: Record<ScaleValues, BaseToken<string, 'letterSpacing'>>;
159
- }
160
- export interface RovoBackgroundColorTokenSchema<BaseToken> {
161
- color: {
162
- rovo: {
163
- background: {
164
- brand: {
165
- bold: {
166
- '[default]': PaintToken<BaseToken>;
167
- hovered: PaintToken<BaseToken>;
168
- pressed: PaintToken<BaseToken>;
169
- };
170
- };
171
- };
172
- border: {
173
- blue: PaintToken<BaseToken>;
174
- lime: PaintToken<BaseToken>;
175
- purple: PaintToken<BaseToken>;
176
- saffron: PaintToken<BaseToken>;
177
- };
178
- icon: {
179
- blue: PaintToken<BaseToken>;
180
- lime: PaintToken<BaseToken>;
181
- purple: PaintToken<BaseToken>;
182
- saffron: PaintToken<BaseToken>;
183
- };
184
- };
185
- };
186
- }
187
- export interface BackgroundColorTokenSchema<BaseToken> extends RovoBackgroundColorTokenSchema<BaseToken> {
188
- color: RovoBackgroundColorTokenSchema<BaseToken>['color'] & {
189
- blanket: {
190
- '[default]': PaintToken<BaseToken>;
191
- selected: PaintToken<BaseToken>;
192
- danger: PaintToken<BaseToken>;
193
- };
194
- background: {
195
- disabled: PaintToken<BaseToken>;
196
- inverse: {
197
- subtle: {
198
- '[default]': PaintToken<BaseToken>;
199
- hovered: PaintToken<BaseToken>;
200
- pressed: PaintToken<BaseToken>;
201
- };
202
- };
203
- input: {
204
- '[default]': PaintToken<BaseToken>;
205
- hovered: PaintToken<BaseToken>;
206
- pressed: PaintToken<BaseToken>;
207
- };
208
- neutral: {
209
- '[default]': {
210
- '[default]': PaintToken<BaseToken>;
211
- hovered: PaintToken<BaseToken>;
212
- pressed: PaintToken<BaseToken>;
213
- };
214
- subtle: {
215
- '[default]': PaintToken<BaseToken>;
216
- hovered: PaintToken<BaseToken>;
217
- pressed: PaintToken<BaseToken>;
218
- };
219
- bold: {
220
- '[default]': PaintToken<BaseToken>;
221
- hovered: PaintToken<BaseToken>;
222
- pressed: PaintToken<BaseToken>;
223
- };
224
- };
225
- brand: {
226
- subtlest: {
227
- '[default]': PaintToken<BaseToken>;
228
- hovered: PaintToken<BaseToken>;
229
- pressed: PaintToken<BaseToken>;
230
- };
231
- bold: {
232
- '[default]': PaintToken<BaseToken>;
233
- hovered: PaintToken<BaseToken>;
234
- pressed: PaintToken<BaseToken>;
235
- };
236
- boldest: {
237
- '[default]': PaintToken<BaseToken>;
238
- hovered: PaintToken<BaseToken>;
239
- pressed: PaintToken<BaseToken>;
240
- };
241
- };
242
- selected: {
243
- '[default]': {
244
- '[default]': PaintToken<BaseToken>;
245
- hovered: PaintToken<BaseToken>;
246
- pressed: PaintToken<BaseToken>;
247
- };
248
- bold: {
249
- '[default]': PaintToken<BaseToken>;
250
- hovered: PaintToken<BaseToken>;
251
- pressed: PaintToken<BaseToken>;
252
- };
253
- };
254
- danger: {
255
- '[default]': {
256
- '[default]': PaintToken<BaseToken>;
257
- hovered: PaintToken<BaseToken>;
258
- pressed: PaintToken<BaseToken>;
259
- };
260
- bold: {
261
- '[default]': PaintToken<BaseToken>;
262
- hovered: PaintToken<BaseToken>;
263
- pressed: PaintToken<BaseToken>;
264
- };
265
- subtler: {
266
- '[default]': PaintToken<BaseToken>;
267
- hovered: PaintToken<BaseToken>;
268
- pressed: PaintToken<BaseToken>;
269
- };
270
- subtle: {
271
- '[default]': PaintToken<BaseToken>;
272
- };
273
- };
274
- warning: {
275
- '[default]': {
276
- '[default]': PaintToken<BaseToken>;
277
- hovered: PaintToken<BaseToken>;
278
- pressed: PaintToken<BaseToken>;
279
- };
280
- bold: {
281
- '[default]': PaintToken<BaseToken>;
282
- hovered: PaintToken<BaseToken>;
283
- pressed: PaintToken<BaseToken>;
284
- };
285
- subtler: {
286
- '[default]': PaintToken<BaseToken>;
287
- hovered: PaintToken<BaseToken>;
288
- pressed: PaintToken<BaseToken>;
289
- };
290
- subtle: {
291
- '[default]': PaintToken<BaseToken>;
292
- };
293
- };
294
- success: {
295
- '[default]': {
296
- '[default]': PaintToken<BaseToken>;
297
- hovered: PaintToken<BaseToken>;
298
- pressed: PaintToken<BaseToken>;
299
- };
300
- bold: {
301
- '[default]': PaintToken<BaseToken>;
302
- hovered: PaintToken<BaseToken>;
303
- pressed: PaintToken<BaseToken>;
304
- };
305
- subtler: {
306
- '[default]': PaintToken<BaseToken>;
307
- hovered: PaintToken<BaseToken>;
308
- pressed: PaintToken<BaseToken>;
309
- };
310
- subtle: {
311
- '[default]': PaintToken<BaseToken>;
312
- };
313
- };
314
- discovery: {
315
- '[default]': {
316
- '[default]': PaintToken<BaseToken>;
317
- hovered: PaintToken<BaseToken>;
318
- pressed: PaintToken<BaseToken>;
319
- };
320
- bold: {
321
- '[default]': PaintToken<BaseToken>;
322
- hovered: PaintToken<BaseToken>;
323
- pressed: PaintToken<BaseToken>;
324
- };
325
- subtler: {
326
- '[default]': PaintToken<BaseToken>;
327
- hovered: PaintToken<BaseToken>;
328
- pressed: PaintToken<BaseToken>;
329
- };
330
- subtle: {
331
- '[default]': PaintToken<BaseToken>;
332
- };
333
- };
334
- information: {
335
- '[default]': {
336
- '[default]': PaintToken<BaseToken>;
337
- hovered: PaintToken<BaseToken>;
338
- pressed: PaintToken<BaseToken>;
339
- };
340
- bold: {
341
- '[default]': PaintToken<BaseToken>;
342
- hovered: PaintToken<BaseToken>;
343
- pressed: PaintToken<BaseToken>;
344
- };
345
- subtler: {
346
- '[default]': PaintToken<BaseToken>;
347
- hovered: PaintToken<BaseToken>;
348
- pressed: PaintToken<BaseToken>;
349
- };
350
- subtle: {
351
- '[default]': PaintToken<BaseToken>;
352
- };
353
- };
354
- };
355
- };
356
- }
357
- export interface BorderColorTokenSchema<BaseToken> {
358
- color: {
359
- border: {
360
- '[default]': PaintToken<BaseToken>;
361
- bold: PaintToken<BaseToken>;
362
- inverse: PaintToken<BaseToken>;
363
- focused: PaintToken<BaseToken>;
364
- input: PaintToken<BaseToken>;
365
- disabled: PaintToken<BaseToken>;
366
- brand: PaintToken<BaseToken>;
367
- selected: PaintToken<BaseToken>;
368
- danger: {
369
- '[default]': PaintToken<BaseToken>;
370
- subtle: PaintToken<BaseToken>;
371
- };
372
- warning: {
373
- '[default]': PaintToken<BaseToken>;
374
- subtle: PaintToken<BaseToken>;
375
- };
376
- success: {
377
- '[default]': PaintToken<BaseToken>;
378
- subtle: PaintToken<BaseToken>;
379
- };
380
- discovery: {
381
- '[default]': PaintToken<BaseToken>;
382
- subtle: PaintToken<BaseToken>;
383
- };
384
- information: {
385
- '[default]': PaintToken<BaseToken>;
386
- subtle: PaintToken<BaseToken>;
387
- };
388
- };
389
- };
390
- }
391
- export interface IconColorTokenSchema<BaseToken> {
392
- color: {
393
- icon: {
394
- '[default]': PaintToken<BaseToken>;
395
- subtle: PaintToken<BaseToken>;
396
- subtlest: PaintToken<BaseToken>;
397
- inverse: PaintToken<BaseToken>;
398
- disabled: PaintToken<BaseToken>;
399
- brand: PaintToken<BaseToken>;
400
- selected: PaintToken<BaseToken>;
401
- danger: PaintToken<BaseToken>;
402
- warning: {
403
- '[default]': PaintToken<BaseToken>;
404
- inverse: PaintToken<BaseToken>;
405
- };
406
- success: PaintToken<BaseToken>;
407
- discovery: PaintToken<BaseToken>;
408
- information: PaintToken<BaseToken>;
409
- };
410
- };
411
- }
412
- export interface TextColorTokenSchema<BaseToken> {
413
- color: {
414
- text: {
415
- '[default]': PaintToken<BaseToken>;
416
- subtle: PaintToken<BaseToken>;
417
- subtlest: PaintToken<BaseToken>;
418
- inverse: PaintToken<BaseToken>;
419
- brand: PaintToken<BaseToken>;
420
- selected: PaintToken<BaseToken>;
421
- danger: {
422
- '[default]': PaintToken<BaseToken>;
423
- bolder: PaintToken<BaseToken>;
424
- };
425
- warning: {
426
- '[default]': PaintToken<BaseToken>;
427
- inverse: PaintToken<BaseToken>;
428
- bolder: PaintToken<BaseToken>;
429
- };
430
- success: {
431
- '[default]': PaintToken<BaseToken>;
432
- bolder: PaintToken<BaseToken>;
433
- };
434
- information: {
435
- '[default]': PaintToken<BaseToken>;
436
- bolder: PaintToken<BaseToken>;
437
- };
438
- discovery: {
439
- '[default]': PaintToken<BaseToken>;
440
- bolder: PaintToken<BaseToken>;
441
- };
442
- disabled: PaintToken<BaseToken>;
443
- };
444
- link: {
445
- '[default]': PaintToken<BaseToken>;
446
- pressed: PaintToken<BaseToken>;
447
- visited: {
448
- '[default]': PaintToken<BaseToken>;
449
- pressed: PaintToken<BaseToken>;
450
- };
451
- };
452
- };
453
- }
454
- export interface AccentColorTokenSchema<BaseToken> {
455
- color: {
456
- text: {
457
- accent: {
458
- blue: {
459
- '[default]': PaintToken<BaseToken>;
460
- bolder: PaintToken<BaseToken>;
461
- };
462
- red: {
463
- '[default]': PaintToken<BaseToken>;
464
- bolder: PaintToken<BaseToken>;
465
- };
466
- orange: {
467
- '[default]': PaintToken<BaseToken>;
468
- bolder: PaintToken<BaseToken>;
469
- };
470
- yellow: {
471
- '[default]': PaintToken<BaseToken>;
472
- bolder: PaintToken<BaseToken>;
473
- };
474
- green: {
475
- '[default]': PaintToken<BaseToken>;
476
- bolder: PaintToken<BaseToken>;
477
- };
478
- purple: {
479
- '[default]': PaintToken<BaseToken>;
480
- bolder: PaintToken<BaseToken>;
481
- };
482
- teal: {
483
- '[default]': PaintToken<BaseToken>;
484
- bolder: PaintToken<BaseToken>;
485
- };
486
- magenta: {
487
- '[default]': PaintToken<BaseToken>;
488
- bolder: PaintToken<BaseToken>;
489
- };
490
- lime: {
491
- '[default]': PaintToken<BaseToken>;
492
- bolder: PaintToken<BaseToken>;
493
- };
494
- gray: {
495
- '[default]': PaintToken<BaseToken>;
496
- bolder: PaintToken<BaseToken>;
497
- };
498
- };
499
- };
500
- icon: {
501
- accent: {
502
- blue: PaintToken<BaseToken>;
503
- red: PaintToken<BaseToken>;
504
- orange: PaintToken<BaseToken>;
505
- yellow: PaintToken<BaseToken>;
506
- green: PaintToken<BaseToken>;
507
- purple: PaintToken<BaseToken>;
508
- teal: PaintToken<BaseToken>;
509
- magenta: PaintToken<BaseToken>;
510
- lime: PaintToken<BaseToken>;
511
- gray: PaintToken<BaseToken>;
512
- };
513
- };
514
- border: {
515
- accent: {
516
- blue: {
517
- '[default]': PaintToken<BaseToken>;
518
- subtle: PaintToken<BaseToken>;
519
- };
520
- red: {
521
- '[default]': PaintToken<BaseToken>;
522
- subtle: PaintToken<BaseToken>;
523
- };
524
- orange: {
525
- '[default]': PaintToken<BaseToken>;
526
- subtle: PaintToken<BaseToken>;
527
- };
528
- yellow: {
529
- '[default]': PaintToken<BaseToken>;
530
- subtle: PaintToken<BaseToken>;
531
- };
532
- green: {
533
- '[default]': PaintToken<BaseToken>;
534
- subtle: PaintToken<BaseToken>;
535
- };
536
- purple: {
537
- '[default]': PaintToken<BaseToken>;
538
- subtle: PaintToken<BaseToken>;
539
- };
540
- teal: {
541
- '[default]': PaintToken<BaseToken>;
542
- subtle: PaintToken<BaseToken>;
543
- };
544
- magenta: {
545
- '[default]': PaintToken<BaseToken>;
546
- subtle: PaintToken<BaseToken>;
547
- };
548
- lime: {
549
- '[default]': PaintToken<BaseToken>;
550
- subtle: PaintToken<BaseToken>;
551
- };
552
- gray: {
553
- '[default]': PaintToken<BaseToken>;
554
- subtle: PaintToken<BaseToken>;
555
- };
556
- };
557
- };
558
- background: {
559
- accent: {
560
- blue: {
561
- subtlest: {
562
- '[default]': PaintToken<BaseToken>;
563
- hovered: PaintToken<BaseToken>;
564
- pressed: PaintToken<BaseToken>;
565
- };
566
- subtler: {
567
- '[default]': PaintToken<BaseToken>;
568
- hovered: PaintToken<BaseToken>;
569
- pressed: PaintToken<BaseToken>;
570
- };
571
- subtle: {
572
- '[default]': PaintToken<BaseToken>;
573
- hovered: PaintToken<BaseToken>;
574
- pressed: PaintToken<BaseToken>;
575
- };
576
- bolder: {
577
- '[default]': PaintToken<BaseToken>;
578
- hovered: PaintToken<BaseToken>;
579
- pressed: PaintToken<BaseToken>;
580
- };
581
- };
582
- red: {
583
- subtlest: {
584
- '[default]': PaintToken<BaseToken>;
585
- hovered: PaintToken<BaseToken>;
586
- pressed: PaintToken<BaseToken>;
587
- };
588
- subtler: {
589
- '[default]': PaintToken<BaseToken>;
590
- hovered: PaintToken<BaseToken>;
591
- pressed: PaintToken<BaseToken>;
592
- };
593
- subtle: {
594
- '[default]': PaintToken<BaseToken>;
595
- hovered: PaintToken<BaseToken>;
596
- pressed: PaintToken<BaseToken>;
597
- };
598
- bolder: {
599
- '[default]': PaintToken<BaseToken>;
600
- hovered: PaintToken<BaseToken>;
601
- pressed: PaintToken<BaseToken>;
602
- };
603
- };
604
- orange: {
605
- subtlest: {
606
- '[default]': PaintToken<BaseToken>;
607
- hovered: PaintToken<BaseToken>;
608
- pressed: PaintToken<BaseToken>;
609
- };
610
- subtler: {
611
- '[default]': PaintToken<BaseToken>;
612
- hovered: PaintToken<BaseToken>;
613
- pressed: PaintToken<BaseToken>;
614
- };
615
- subtle: {
616
- '[default]': PaintToken<BaseToken>;
617
- hovered: PaintToken<BaseToken>;
618
- pressed: PaintToken<BaseToken>;
619
- };
620
- bolder: {
621
- '[default]': PaintToken<BaseToken>;
622
- hovered: PaintToken<BaseToken>;
623
- pressed: PaintToken<BaseToken>;
624
- };
625
- };
626
- yellow: {
627
- subtlest: {
628
- '[default]': PaintToken<BaseToken>;
629
- hovered: PaintToken<BaseToken>;
630
- pressed: PaintToken<BaseToken>;
631
- };
632
- subtler: {
633
- '[default]': PaintToken<BaseToken>;
634
- hovered: PaintToken<BaseToken>;
635
- pressed: PaintToken<BaseToken>;
636
- };
637
- subtle: {
638
- '[default]': PaintToken<BaseToken>;
639
- hovered: PaintToken<BaseToken>;
640
- pressed: PaintToken<BaseToken>;
641
- };
642
- bolder: {
643
- '[default]': PaintToken<BaseToken>;
644
- hovered: PaintToken<BaseToken>;
645
- pressed: PaintToken<BaseToken>;
646
- };
647
- };
648
- green: {
649
- subtlest: {
650
- '[default]': PaintToken<BaseToken>;
651
- hovered: PaintToken<BaseToken>;
652
- pressed: PaintToken<BaseToken>;
653
- };
654
- subtler: {
655
- '[default]': PaintToken<BaseToken>;
656
- hovered: PaintToken<BaseToken>;
657
- pressed: PaintToken<BaseToken>;
658
- };
659
- subtle: {
660
- '[default]': PaintToken<BaseToken>;
661
- hovered: PaintToken<BaseToken>;
662
- pressed: PaintToken<BaseToken>;
663
- };
664
- bolder: {
665
- '[default]': PaintToken<BaseToken>;
666
- hovered: PaintToken<BaseToken>;
667
- pressed: PaintToken<BaseToken>;
668
- };
669
- };
670
- teal: {
671
- subtlest: {
672
- '[default]': PaintToken<BaseToken>;
673
- hovered: PaintToken<BaseToken>;
674
- pressed: PaintToken<BaseToken>;
675
- };
676
- subtler: {
677
- '[default]': PaintToken<BaseToken>;
678
- hovered: PaintToken<BaseToken>;
679
- pressed: PaintToken<BaseToken>;
680
- };
681
- subtle: {
682
- '[default]': PaintToken<BaseToken>;
683
- hovered: PaintToken<BaseToken>;
684
- pressed: PaintToken<BaseToken>;
685
- };
686
- bolder: {
687
- '[default]': PaintToken<BaseToken>;
688
- hovered: PaintToken<BaseToken>;
689
- pressed: PaintToken<BaseToken>;
690
- };
691
- };
692
- purple: {
693
- subtlest: {
694
- '[default]': PaintToken<BaseToken>;
695
- hovered: PaintToken<BaseToken>;
696
- pressed: PaintToken<BaseToken>;
697
- };
698
- subtler: {
699
- '[default]': PaintToken<BaseToken>;
700
- hovered: PaintToken<BaseToken>;
701
- pressed: PaintToken<BaseToken>;
702
- };
703
- subtle: {
704
- '[default]': PaintToken<BaseToken>;
705
- hovered: PaintToken<BaseToken>;
706
- pressed: PaintToken<BaseToken>;
707
- };
708
- bolder: {
709
- '[default]': PaintToken<BaseToken>;
710
- hovered: PaintToken<BaseToken>;
711
- pressed: PaintToken<BaseToken>;
712
- };
713
- };
714
- magenta: {
715
- subtlest: {
716
- '[default]': PaintToken<BaseToken>;
717
- hovered: PaintToken<BaseToken>;
718
- pressed: PaintToken<BaseToken>;
719
- };
720
- subtler: {
721
- '[default]': PaintToken<BaseToken>;
722
- hovered: PaintToken<BaseToken>;
723
- pressed: PaintToken<BaseToken>;
724
- };
725
- subtle: {
726
- '[default]': PaintToken<BaseToken>;
727
- hovered: PaintToken<BaseToken>;
728
- pressed: PaintToken<BaseToken>;
729
- };
730
- bolder: {
731
- '[default]': PaintToken<BaseToken>;
732
- hovered: PaintToken<BaseToken>;
733
- pressed: PaintToken<BaseToken>;
734
- };
735
- };
736
- lime: {
737
- subtlest: {
738
- '[default]': PaintToken<BaseToken>;
739
- hovered: PaintToken<BaseToken>;
740
- pressed: PaintToken<BaseToken>;
741
- };
742
- subtler: {
743
- '[default]': PaintToken<BaseToken>;
744
- hovered: PaintToken<BaseToken>;
745
- pressed: PaintToken<BaseToken>;
746
- };
747
- subtle: {
748
- '[default]': PaintToken<BaseToken>;
749
- hovered: PaintToken<BaseToken>;
750
- pressed: PaintToken<BaseToken>;
751
- };
752
- bolder: {
753
- '[default]': PaintToken<BaseToken>;
754
- hovered: PaintToken<BaseToken>;
755
- pressed: PaintToken<BaseToken>;
756
- };
757
- };
758
- gray: {
759
- subtlest: {
760
- '[default]': PaintToken<BaseToken>;
761
- hovered: PaintToken<BaseToken>;
762
- pressed: PaintToken<BaseToken>;
763
- };
764
- subtler: {
765
- '[default]': PaintToken<BaseToken>;
766
- hovered: PaintToken<BaseToken>;
767
- pressed: PaintToken<BaseToken>;
768
- };
769
- subtle: {
770
- '[default]': PaintToken<BaseToken>;
771
- hovered: PaintToken<BaseToken>;
772
- pressed: PaintToken<BaseToken>;
773
- };
774
- bolder: {
775
- '[default]': PaintToken<BaseToken>;
776
- hovered: PaintToken<BaseToken>;
777
- pressed: PaintToken<BaseToken>;
778
- };
779
- };
780
- };
781
- };
782
- };
783
- }
784
- export interface InteractionColorTokenSchema<BaseToken> {
785
- color: {
786
- interaction: {
787
- pressed: PaintToken<BaseToken>;
788
- hovered: PaintToken<BaseToken>;
789
- };
790
- };
791
- }
792
- export interface SkeletonColorTokenSchema<BaseToken> {
793
- color: {
794
- skeleton: {
795
- '[default]': PaintToken<BaseToken>;
796
- subtle: PaintToken<BaseToken>;
797
- };
798
- };
799
- }
800
- export interface ChartColorTokenSchema<BaseToken> {
801
- color: {
802
- chart: {
803
- brand: {
804
- '[default]': PaintToken<BaseToken>;
805
- hovered: PaintToken<BaseToken>;
806
- };
807
- neutral: {
808
- '[default]': PaintToken<BaseToken>;
809
- hovered: PaintToken<BaseToken>;
810
- };
811
- success: {
812
- '[default]': {
813
- '[default]': PaintToken<BaseToken>;
814
- hovered: PaintToken<BaseToken>;
815
- };
816
- bold: {
817
- '[default]': PaintToken<BaseToken>;
818
- hovered: PaintToken<BaseToken>;
819
- };
820
- };
821
- danger: {
822
- '[default]': {
823
- '[default]': PaintToken<BaseToken>;
824
- hovered: PaintToken<BaseToken>;
825
- };
826
- bold: {
827
- '[default]': PaintToken<BaseToken>;
828
- hovered: PaintToken<BaseToken>;
829
- };
830
- };
831
- warning: {
832
- '[default]': {
833
- '[default]': PaintToken<BaseToken>;
834
- hovered: PaintToken<BaseToken>;
835
- };
836
- bold: {
837
- '[default]': PaintToken<BaseToken>;
838
- hovered: PaintToken<BaseToken>;
839
- };
840
- };
841
- information: {
842
- '[default]': {
843
- '[default]': PaintToken<BaseToken>;
844
- hovered: PaintToken<BaseToken>;
845
- };
846
- bold: {
847
- '[default]': PaintToken<BaseToken>;
848
- hovered: PaintToken<BaseToken>;
849
- };
850
- };
851
- discovery: {
852
- '[default]': {
853
- '[default]': PaintToken<BaseToken>;
854
- hovered: PaintToken<BaseToken>;
855
- };
856
- bold: {
857
- '[default]': PaintToken<BaseToken>;
858
- hovered: PaintToken<BaseToken>;
859
- };
860
- };
861
- categorical: {
862
- 1: {
863
- '[default]': PaintToken<BaseToken>;
864
- hovered: PaintToken<BaseToken>;
865
- };
866
- 2: {
867
- '[default]': PaintToken<BaseToken>;
868
- hovered: PaintToken<BaseToken>;
869
- };
870
- 3: {
871
- '[default]': PaintToken<BaseToken>;
872
- hovered: PaintToken<BaseToken>;
873
- };
874
- 4: {
875
- '[default]': PaintToken<BaseToken>;
876
- hovered: PaintToken<BaseToken>;
877
- };
878
- 5: {
879
- '[default]': PaintToken<BaseToken>;
880
- hovered: PaintToken<BaseToken>;
881
- };
882
- 6: {
883
- '[default]': PaintToken<BaseToken>;
884
- hovered: PaintToken<BaseToken>;
885
- };
886
- 7: {
887
- '[default]': PaintToken<BaseToken>;
888
- hovered: PaintToken<BaseToken>;
889
- };
890
- 8: {
891
- '[default]': PaintToken<BaseToken>;
892
- hovered: PaintToken<BaseToken>;
893
- };
894
- };
895
- blue: {
896
- bold: {
897
- '[default]': PaintToken<BaseToken>;
898
- hovered: PaintToken<BaseToken>;
899
- };
900
- bolder: {
901
- '[default]': PaintToken<BaseToken>;
902
- hovered: PaintToken<BaseToken>;
903
- };
904
- boldest: {
905
- '[default]': PaintToken<BaseToken>;
906
- hovered: PaintToken<BaseToken>;
907
- };
908
- };
909
- red: {
910
- bold: {
911
- '[default]': PaintToken<BaseToken>;
912
- hovered: PaintToken<BaseToken>;
913
- };
914
- bolder: {
915
- '[default]': PaintToken<BaseToken>;
916
- hovered: PaintToken<BaseToken>;
917
- };
918
- boldest: {
919
- '[default]': PaintToken<BaseToken>;
920
- hovered: PaintToken<BaseToken>;
921
- };
922
- };
923
- orange: {
924
- bold: {
925
- '[default]': PaintToken<BaseToken>;
926
- hovered: PaintToken<BaseToken>;
927
- };
928
- bolder: {
929
- '[default]': PaintToken<BaseToken>;
930
- hovered: PaintToken<BaseToken>;
931
- };
932
- boldest: {
933
- '[default]': PaintToken<BaseToken>;
934
- hovered: PaintToken<BaseToken>;
935
- };
936
- };
937
- yellow: {
938
- bold: {
939
- '[default]': PaintToken<BaseToken>;
940
- hovered: PaintToken<BaseToken>;
941
- };
942
- bolder: {
943
- '[default]': PaintToken<BaseToken>;
944
- hovered: PaintToken<BaseToken>;
945
- };
946
- boldest: {
947
- '[default]': PaintToken<BaseToken>;
948
- hovered: PaintToken<BaseToken>;
949
- };
950
- };
951
- green: {
952
- bold: {
953
- '[default]': PaintToken<BaseToken>;
954
- hovered: PaintToken<BaseToken>;
955
- };
956
- bolder: {
957
- '[default]': PaintToken<BaseToken>;
958
- hovered: PaintToken<BaseToken>;
959
- };
960
- boldest: {
961
- '[default]': PaintToken<BaseToken>;
962
- hovered: PaintToken<BaseToken>;
963
- };
964
- };
965
- lime: {
966
- bold: {
967
- '[default]': PaintToken<BaseToken>;
968
- hovered: PaintToken<BaseToken>;
969
- };
970
- bolder: {
971
- '[default]': PaintToken<BaseToken>;
972
- hovered: PaintToken<BaseToken>;
973
- };
974
- boldest: {
975
- '[default]': PaintToken<BaseToken>;
976
- hovered: PaintToken<BaseToken>;
977
- };
978
- };
979
- teal: {
980
- bold: {
981
- '[default]': PaintToken<BaseToken>;
982
- hovered: PaintToken<BaseToken>;
983
- };
984
- bolder: {
985
- '[default]': PaintToken<BaseToken>;
986
- hovered: PaintToken<BaseToken>;
987
- };
988
- boldest: {
989
- '[default]': PaintToken<BaseToken>;
990
- hovered: PaintToken<BaseToken>;
991
- };
992
- };
993
- purple: {
994
- bold: {
995
- '[default]': PaintToken<BaseToken>;
996
- hovered: PaintToken<BaseToken>;
997
- };
998
- bolder: {
999
- '[default]': PaintToken<BaseToken>;
1000
- hovered: PaintToken<BaseToken>;
1001
- };
1002
- boldest: {
1003
- '[default]': PaintToken<BaseToken>;
1004
- hovered: PaintToken<BaseToken>;
1005
- };
1006
- };
1007
- magenta: {
1008
- bold: {
1009
- '[default]': PaintToken<BaseToken>;
1010
- hovered: PaintToken<BaseToken>;
1011
- };
1012
- bolder: {
1013
- '[default]': PaintToken<BaseToken>;
1014
- hovered: PaintToken<BaseToken>;
1015
- };
1016
- boldest: {
1017
- '[default]': PaintToken<BaseToken>;
1018
- hovered: PaintToken<BaseToken>;
1019
- };
1020
- };
1021
- gray: {
1022
- bold: {
1023
- '[default]': PaintToken<BaseToken>;
1024
- hovered: PaintToken<BaseToken>;
1025
- };
1026
- bolder: {
1027
- '[default]': PaintToken<BaseToken>;
1028
- hovered: PaintToken<BaseToken>;
1029
- };
1030
- boldest: {
1031
- '[default]': PaintToken<BaseToken>;
1032
- hovered: PaintToken<BaseToken>;
1033
- };
1034
- };
1035
- };
1036
- };
1037
- }
1038
- export interface UtilTokenSchema<BaseToken> {
1039
- elevation: {
1040
- surface: {
1041
- current: PaintToken<BaseToken>;
1042
- };
1043
- };
1044
- UNSAFE: {
1045
- transparent: RawToken;
1046
- textTransformUppercase?: RawToken;
1047
- };
1048
- }
1049
- export interface SurfaceTokenSchema<BaseToken> {
1050
- elevation: {
1051
- surface: {
1052
- '[default]': {
1053
- '[default]': PaintToken<BaseToken>;
1054
- hovered: PaintToken<BaseToken>;
1055
- pressed: PaintToken<BaseToken>;
1056
- };
1057
- sunken: PaintToken<BaseToken>;
1058
- raised: {
1059
- '[default]': PaintToken<BaseToken>;
1060
- hovered: PaintToken<BaseToken>;
1061
- pressed: PaintToken<BaseToken>;
1062
- };
1063
- overlay: {
1064
- '[default]': PaintToken<BaseToken>;
1065
- hovered: PaintToken<BaseToken>;
1066
- pressed: PaintToken<BaseToken>;
1067
- };
1068
- container: PaintToken<BaseToken>;
1069
- };
1070
- };
1071
- }
1072
- export interface RovoSurfaceTokenSchema<BaseToken> {
1073
- elevation: {
1074
- rovo: {
1075
- surface: {
1076
- overlay: {
1077
- '[default]': PaintToken<BaseToken>;
1078
- hovered: PaintToken<BaseToken>;
1079
- pressed: PaintToken<BaseToken>;
1080
- };
1081
- };
1082
- };
1083
- };
1084
- }
1085
- export interface ShadowTokenSchema<BaseToken> {
1086
- elevation: {
1087
- shadow: {
1088
- raised: ShadowToken<BaseToken>;
1089
- overflow: {
1090
- '[default]': ShadowToken<BaseToken>;
1091
- spread: PaintToken<BaseToken>;
1092
- perimeter: PaintToken<BaseToken>;
1093
- };
1094
- overlay: ShadowToken<BaseToken>;
1095
- };
1096
- };
1097
- }
1098
- export interface OpacityTokenSchema {
1099
- opacity: {
1100
- loading: OpacityToken;
1101
- disabled: OpacityToken;
1102
- };
1103
- }
1104
- export interface SpacingTokenSchema<BaseToken> {
1105
- space: {
1106
- '0': SpacingToken<BaseToken>;
1107
- '025': SpacingToken<BaseToken>;
1108
- '050': SpacingToken<BaseToken>;
1109
- '075': SpacingToken<BaseToken>;
1110
- '100': SpacingToken<BaseToken>;
1111
- '150': SpacingToken<BaseToken>;
1112
- '200': SpacingToken<BaseToken>;
1113
- '250': SpacingToken<BaseToken>;
1114
- '300': SpacingToken<BaseToken>;
1115
- '400': SpacingToken<BaseToken>;
1116
- '500': SpacingToken<BaseToken>;
1117
- '600': SpacingToken<BaseToken>;
1118
- '800': SpacingToken<BaseToken>;
1119
- '1000': SpacingToken<BaseToken>;
1120
- negative: {
1121
- '025': SpacingToken<BaseToken>;
1122
- '050': SpacingToken<BaseToken>;
1123
- '075': SpacingToken<BaseToken>;
1124
- '100': SpacingToken<BaseToken>;
1125
- '150': SpacingToken<BaseToken>;
1126
- '200': SpacingToken<BaseToken>;
1127
- '250': SpacingToken<BaseToken>;
1128
- '300': SpacingToken<BaseToken>;
1129
- '400': SpacingToken<BaseToken>;
1130
- };
1131
- };
1132
- }
1133
- /**
1134
- * Typography tokens are complex multi-palette ouputs
1135
- */
1136
- export type TypographyToken<TPalette extends {
1137
- fontWeight: string;
1138
- fontSize: string;
1139
- lineHeight: string;
1140
- fontFamily: string;
1141
- letterSpacing: string;
1142
- }> = TypographyDesignToken<{
1143
- fontStyle: 'normal';
1144
- fontWeight: TPalette['fontWeight'];
1145
- fontFamily: TPalette['fontFamily'];
1146
- fontSize: TPalette['fontSize'];
1147
- lineHeight: TPalette['lineHeight'];
1148
- letterSpacing: TPalette['letterSpacing'];
1149
- }>;
1150
- /**
1151
- * The semantic interface for typography tokens
1152
- */
1153
- export interface TypographyTokenSchema<TPalette extends {
1154
- fontWeight: string;
1155
- fontSize: string;
1156
- lineHeight: string;
1157
- fontFamily: string;
1158
- letterSpacing: string;
1159
- }> {
1160
- font: {
1161
- heading: {
1162
- xxlarge: TypographyToken<TPalette>;
1163
- xlarge: TypographyToken<TPalette>;
1164
- large: TypographyToken<TPalette>;
1165
- medium: TypographyToken<TPalette>;
1166
- small: TypographyToken<TPalette>;
1167
- xsmall: TypographyToken<TPalette>;
1168
- xxsmall: TypographyToken<TPalette>;
1169
- };
1170
- body: {
1171
- '[default]': TypographyToken<TPalette>;
1172
- small: TypographyToken<TPalette>;
1173
- large: TypographyToken<TPalette>;
1174
- };
1175
- code: {
1176
- '[default]': TypographyToken<TPalette>;
1177
- };
1178
- metric: {
1179
- large: TypographyToken<TPalette>;
1180
- medium: TypographyToken<TPalette>;
1181
- small: TypographyToken<TPalette>;
1182
- };
1183
- };
1184
- }
1185
- export interface ShapeTokenSchema<BaseToken> {
1186
- border: {
1187
- width: {
1188
- '[default]': ShapeToken<BaseToken>;
1189
- selected: ShapeToken<BaseToken>;
1190
- focused: ShapeToken<BaseToken>;
1191
- };
1192
- };
1193
- radius: {
1194
- xsmall: ShapeToken<BaseToken>;
1195
- small: ShapeToken<BaseToken>;
1196
- medium: ShapeToken<BaseToken>;
1197
- large: ShapeToken<BaseToken>;
1198
- xlarge: ShapeToken<BaseToken>;
1199
- xxlarge: ShapeToken<BaseToken>;
1200
- full: ShapeToken<BaseToken>;
1201
- tile: ShapeToken<BaseToken>;
1202
- };
1203
- }
1204
- /**
1205
- * @private
1206
- */
1207
- export interface FontWeightTokenSchema<BaseToken> {
1208
- font: {
1209
- weight: {
1210
- regular: FontWeightToken<BaseToken>;
1211
- medium: FontWeightToken<BaseToken>;
1212
- semibold: FontWeightToken<BaseToken>;
1213
- bold: FontWeightToken<BaseToken>;
1214
- };
1215
- };
1216
- }
1217
- export interface FontFamilyTokenSchema<BaseToken> {
1218
- font: {
1219
- family: {
1220
- body: FontFamilyToken<BaseToken>;
1221
- heading: FontFamilyToken<BaseToken>;
1222
- brand: {
1223
- heading: FontFamilyToken<BaseToken>;
1224
- body: FontFamilyToken<BaseToken>;
1225
- };
1226
- code: FontFamilyToken<BaseToken>;
1227
- };
1228
- };
1229
- }
1230
- /**
1231
- * The semantic interface for motion tokens
1232
- */
1233
- export interface MotionTokenSchema<BaseToken> {
1234
- motion: {
1235
- avatar: {
1236
- enter: MotionToken<BaseToken>;
1237
- exit: MotionToken<BaseToken>;
1238
- hovered: MotionToken<BaseToken>;
1239
- };
1240
- blanket: {
1241
- enter: MotionToken<BaseToken>;
1242
- exit: MotionToken<BaseToken>;
1243
- };
1244
- flag: {
1245
- enter: MotionToken<BaseToken>;
1246
- exit: MotionToken<BaseToken>;
1247
- reposition: MotionToken<BaseToken>;
1248
- };
1249
- modal: {
1250
- enter: MotionToken<BaseToken>;
1251
- exit: MotionToken<BaseToken>;
1252
- };
1253
- popup: {
1254
- enter: {
1255
- top: MotionToken<BaseToken>;
1256
- bottom: MotionToken<BaseToken>;
1257
- left: MotionToken<BaseToken>;
1258
- right: MotionToken<BaseToken>;
1259
- };
1260
- exit: {
1261
- top: MotionToken<BaseToken>;
1262
- bottom: MotionToken<BaseToken>;
1263
- left: MotionToken<BaseToken>;
1264
- right: MotionToken<BaseToken>;
1265
- };
1266
- };
1267
- spotlight: {
1268
- enter: MotionToken<BaseToken>;
1269
- exit: MotionToken<BaseToken>;
1270
- };
1271
- };
1272
- }
1273
- export interface MotionDurationTokenSchema<BaseToken> {
1274
- motion: {
1275
- duration: {
1276
- instant: MotionDurationToken<BaseToken>;
1277
- xxshort: MotionDurationToken<BaseToken>;
1278
- xshort: MotionDurationToken<BaseToken>;
1279
- short: MotionDurationToken<BaseToken>;
1280
- medium: MotionDurationToken<BaseToken>;
1281
- long: MotionDurationToken<BaseToken>;
1282
- xlong: MotionDurationToken<BaseToken>;
1283
- xxlong: MotionDurationToken<BaseToken>;
1284
- };
1285
- };
1286
- }
1287
- export interface MotionEasingTokenSchema<BaseToken> {
1288
- motion: {
1289
- easing: {
1290
- out: {
1291
- bold: MotionEasingToken<BaseToken>;
1292
- practical: MotionEasingToken<BaseToken>;
1293
- };
1294
- in: {
1295
- practical: MotionEasingToken<BaseToken>;
1296
- };
1297
- inout: {
1298
- bold: MotionEasingToken<BaseToken>;
1299
- };
1300
- spring: MotionEasingToken<BaseToken>;
1301
- };
1302
- };
1303
- }
1304
- export interface MotionKeyframeTokenSchema<BaseToken> {
1305
- motion: {
1306
- keyframe: {
1307
- scale: {
1308
- in: {
1309
- small: MotionKeyframeToken<BaseToken>;
1310
- medium: MotionKeyframeToken<BaseToken>;
1311
- };
1312
- out: {
1313
- small: MotionKeyframeToken<BaseToken>;
1314
- medium: MotionKeyframeToken<BaseToken>;
1315
- };
1316
- };
1317
- fade: {
1318
- in: MotionKeyframeToken<BaseToken>;
1319
- out: MotionKeyframeToken<BaseToken>;
1320
- };
1321
- slide: {
1322
- in: {
1323
- top: {
1324
- short: MotionKeyframeToken<BaseToken>;
1325
- };
1326
- bottom: {
1327
- short: MotionKeyframeToken<BaseToken>;
1328
- };
1329
- left: {
1330
- short: MotionKeyframeToken<BaseToken>;
1331
- half: MotionKeyframeToken<BaseToken>;
1332
- };
1333
- right: {
1334
- short: MotionKeyframeToken<BaseToken>;
1335
- };
1336
- };
1337
- out: {
1338
- top: {
1339
- short: MotionKeyframeToken<BaseToken>;
1340
- };
1341
- bottom: {
1342
- short: MotionKeyframeToken<BaseToken>;
1343
- };
1344
- left: {
1345
- short: MotionKeyframeToken<BaseToken>;
1346
- half: MotionKeyframeToken<BaseToken>;
1347
- };
1348
- right: {
1349
- short: MotionKeyframeToken<BaseToken>;
1350
- };
1351
- };
1352
- };
1353
- };
1354
- };
1355
- }
1356
- export {};