@atlaskit/tokens 11.4.3 → 13.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 (52) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/dist/cjs/artifacts/palettes-raw/motion-palette.js +123 -305
  3. package/dist/cjs/artifacts/replacement-mapping.js +82 -11
  4. package/dist/cjs/artifacts/themes/atlassian-motion.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  6. package/dist/cjs/artifacts/token-default-values.js +50 -26
  7. package/dist/cjs/artifacts/token-names.js +32 -8
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-motion.js +653 -135
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +1 -34
  10. package/dist/cjs/entry-points/token-metadata.codegen.js +1 -10
  11. package/dist/es2019/artifacts/palettes-raw/motion-palette.js +123 -305
  12. package/dist/es2019/artifacts/replacement-mapping.js +82 -11
  13. package/dist/es2019/artifacts/themes/atlassian-motion.js +64 -91
  14. package/dist/es2019/artifacts/themes/atlassian-typography.js +1 -2
  15. package/dist/es2019/artifacts/token-default-values.js +50 -26
  16. package/dist/es2019/artifacts/token-names.js +32 -8
  17. package/dist/es2019/artifacts/tokens-raw/atlassian-motion.js +653 -135
  18. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +1 -34
  19. package/dist/es2019/entry-points/token-metadata.codegen.js +1 -10
  20. package/dist/esm/artifacts/palettes-raw/motion-palette.js +123 -305
  21. package/dist/esm/artifacts/replacement-mapping.js +82 -11
  22. package/dist/esm/artifacts/themes/atlassian-motion.js +2 -2
  23. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  24. package/dist/esm/artifacts/token-default-values.js +50 -26
  25. package/dist/esm/artifacts/token-names.js +32 -8
  26. package/dist/esm/artifacts/tokens-raw/atlassian-motion.js +653 -135
  27. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +1 -34
  28. package/dist/esm/entry-points/token-metadata.codegen.js +1 -10
  29. package/dist/types/artifacts/palettes-raw/motion-palette.d.ts +3 -15
  30. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  31. package/dist/types/artifacts/themes/atlassian-motion.d.ts +2 -2
  32. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  33. package/dist/types/artifacts/token-default-values.d.ts +50 -26
  34. package/dist/types/artifacts/token-names.d.ts +63 -15
  35. package/dist/types/artifacts/tokens-raw/atlassian-motion.d.ts +5 -5
  36. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  37. package/dist/types/entry-points/css-type-schema.codegen.d.ts +6 -3
  38. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  39. package/dist/types/types.d.ts +93 -15
  40. package/dist/types-ts4.5/artifacts/palettes-raw/motion-palette.d.ts +3 -15
  41. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
  42. package/dist/types-ts4.5/artifacts/themes/atlassian-motion.d.ts +2 -2
  43. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  44. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +50 -26
  45. package/dist/types-ts4.5/artifacts/token-names.d.ts +63 -15
  46. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-motion.d.ts +5 -5
  47. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
  48. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +6 -3
  49. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  50. package/dist/types-ts4.5/types.d.ts +93 -15
  51. package/figma/atlassian-typography.json +1 -3
  52. package/package.json +10 -10
package/dist/types/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
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' | 'keyframe';
2
+ export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'motion' | 'motionDuration' | 'motionEasing' | 'motionKeyframe' | 'motionProperty';
3
3
  type ActiveTokenState = 'active';
4
4
  type DeprecatedTokenState = 'deprecated';
5
5
  type DeletedTokenState = 'deleted';
@@ -108,6 +108,10 @@ export type ShapeToken<BaseToken> = DesignToken<BaseToken, 'shape'>;
108
108
  export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
109
109
  export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
110
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'>;
111
115
  export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
112
116
  export type RawToken = DesignToken<string, 'raw'>;
113
117
  export interface PaletteColorTokenSchema<PaletteValues extends string> {
@@ -133,10 +137,10 @@ export interface ShapeScaleTokenSchema<RadiusScaleValues extends string, SizeSca
133
137
  radius: Record<RadiusScaleValues, ShapeSchemaValue>;
134
138
  }
135
139
  export interface MotionScaleTokenSchema<DurationScaleValues extends string, BezierCurveScaleValues extends string, KeyframeScaleValues extends string, TransitionPropertyScaleValues extends string> {
136
- duration: Record<DurationScaleValues, BaseToken<number, 'motion'>>;
137
- curve: Record<BezierCurveScaleValues, BaseToken<string, 'motion'>>;
138
- keyframe: Record<KeyframeScaleValues, BaseToken<Record<string, object>, 'keyframe'>>;
139
- properties: Record<TransitionPropertyScaleValues, BaseToken<string, 'motion'>>;
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'>>;
140
144
  }
141
145
  export interface FontSizeScaleTokenSchema<ScaleValues extends string> {
142
146
  fontSize: Record<ScaleValues, BaseToken<string | number, 'fontSize'>>;
@@ -1065,7 +1069,6 @@ export interface TypographyTokenSchema<TPalette extends {
1065
1069
  body: {
1066
1070
  '[default]': TypographyToken<TPalette>;
1067
1071
  small: TypographyToken<TPalette>;
1068
- UNSAFE_small: TypographyToken<TPalette>;
1069
1072
  large: TypographyToken<TPalette>;
1070
1073
  };
1071
1074
  code: {
@@ -1133,6 +1136,10 @@ export interface MotionTokenSchema<BaseToken> {
1133
1136
  exit: MotionToken<BaseToken>;
1134
1137
  hovered: MotionToken<BaseToken>;
1135
1138
  };
1139
+ blanket: {
1140
+ enter: MotionToken<BaseToken>;
1141
+ exit: MotionToken<BaseToken>;
1142
+ };
1136
1143
  flag: {
1137
1144
  enter: MotionToken<BaseToken>;
1138
1145
  exit: MotionToken<BaseToken>;
@@ -1160,16 +1167,87 @@ export interface MotionTokenSchema<BaseToken> {
1160
1167
  enter: MotionToken<BaseToken>;
1161
1168
  exit: MotionToken<BaseToken>;
1162
1169
  };
1163
- content: {
1164
- enter: {
1165
- short: MotionToken<BaseToken>;
1166
- medium: MotionToken<BaseToken>;
1167
- long: MotionToken<BaseToken>;
1170
+ };
1171
+ }
1172
+ export interface MotionDurationTokenSchema<BaseToken> {
1173
+ motion: {
1174
+ duration: {
1175
+ instant: MotionDurationToken<BaseToken>;
1176
+ xxshort: MotionDurationToken<BaseToken>;
1177
+ xshort: MotionDurationToken<BaseToken>;
1178
+ short: MotionDurationToken<BaseToken>;
1179
+ medium: MotionDurationToken<BaseToken>;
1180
+ long: MotionDurationToken<BaseToken>;
1181
+ xlong: MotionDurationToken<BaseToken>;
1182
+ xxlong: MotionDurationToken<BaseToken>;
1183
+ };
1184
+ };
1185
+ }
1186
+ export interface MotionEasingTokenSchema<BaseToken> {
1187
+ motion: {
1188
+ easing: {
1189
+ out: {
1190
+ bold: MotionEasingToken<BaseToken>;
1191
+ practical: MotionEasingToken<BaseToken>;
1168
1192
  };
1169
- exit: {
1170
- short: MotionToken<BaseToken>;
1171
- medium: MotionToken<BaseToken>;
1172
- long: MotionToken<BaseToken>;
1193
+ in: {
1194
+ practical: MotionEasingToken<BaseToken>;
1195
+ };
1196
+ inout: {
1197
+ bold: MotionEasingToken<BaseToken>;
1198
+ };
1199
+ spring: MotionEasingToken<BaseToken>;
1200
+ };
1201
+ };
1202
+ }
1203
+ export interface MotionKeyframeTokenSchema<BaseToken> {
1204
+ motion: {
1205
+ keyframe: {
1206
+ scale: {
1207
+ in: {
1208
+ small: MotionKeyframeToken<BaseToken>;
1209
+ medium: MotionKeyframeToken<BaseToken>;
1210
+ };
1211
+ out: {
1212
+ small: MotionKeyframeToken<BaseToken>;
1213
+ medium: MotionKeyframeToken<BaseToken>;
1214
+ };
1215
+ };
1216
+ fade: {
1217
+ in: MotionKeyframeToken<BaseToken>;
1218
+ out: MotionKeyframeToken<BaseToken>;
1219
+ };
1220
+ slide: {
1221
+ in: {
1222
+ top: {
1223
+ short: MotionKeyframeToken<BaseToken>;
1224
+ };
1225
+ bottom: {
1226
+ short: MotionKeyframeToken<BaseToken>;
1227
+ };
1228
+ left: {
1229
+ short: MotionKeyframeToken<BaseToken>;
1230
+ half: MotionKeyframeToken<BaseToken>;
1231
+ };
1232
+ right: {
1233
+ short: MotionKeyframeToken<BaseToken>;
1234
+ };
1235
+ };
1236
+ out: {
1237
+ top: {
1238
+ short: MotionKeyframeToken<BaseToken>;
1239
+ };
1240
+ bottom: {
1241
+ short: MotionKeyframeToken<BaseToken>;
1242
+ };
1243
+ left: {
1244
+ short: MotionKeyframeToken<BaseToken>;
1245
+ half: MotionKeyframeToken<BaseToken>;
1246
+ };
1247
+ right: {
1248
+ short: MotionKeyframeToken<BaseToken>;
1249
+ };
1250
+ };
1173
1251
  };
1174
1252
  };
1175
1253
  };
package/dist/types-ts4.5/artifacts/palettes-raw/motion-palette.d.ts CHANGED
@@ -1,22 +1,10 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::1825c86d6664e1366bcb1ab73b5d2a4a>>
3
+ * @codegen <<SignedSource::61e5f6306081ee114d542ad7b43b7e1c>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- type TokenValue = string | number | {
7
- duration: number;
8
- curve: string;
9
- keyframes?: string[];
10
- properties?: string[];
11
- delay?: number;
12
- } | Record<string, any>;
13
- type TokenValueOriginal = string | number | {
14
- duration: string;
15
- curve: string;
16
- keyframes?: string[];
17
- properties?: string[];
18
- delay?: string;
19
- } | Record<string, any>;
6
+ type TokenValue = string | number | Record<string, any>;
7
+ type TokenValueOriginal = string | number | Record<string, any>;
20
8
  type TokenAttributes = {
21
9
  group: string;
22
10
  };
package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts CHANGED
@@ -12,7 +12,7 @@
12
12
  * These changes will then be picked up by our tooling which will attempt to
13
13
  * migrate as many of these renames as possible.
14
14
  *
15
- * @codegen <<SignedSource::e46353a7329c8e87640e1586a2ec2ce7>>
15
+ * @codegen <<SignedSource::986b26dc28b6a7d1da0912b44171d859>>
16
16
  * @codegenCommand yarn build tokens
17
17
  */
18
18
  import type tokens from './token-names';
package/dist/types-ts4.5/artifacts/themes/atlassian-motion.d.ts CHANGED
@@ -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::335cdc677cad1d4b1fd602ac8f261e85>>
3
+ * @codegen <<SignedSource::e2c90de3fa6bd9d4da20a85c310b97e2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\n@keyframes SlideInTop {\n 0% {\n transform: translateY(8px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n@keyframes SlideInBottom {\n 0% {\n transform: translateY(-8px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n@keyframes SlideInLeft {\n 0% {\n transform: translateX(8px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n@keyframes SlideInRight {\n 0% {\n transform: translateX(-8px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n@keyframes SlideOutTop {\n 0% {\n transform: translateY(0px);\n }\n 100% {\n transform: translateY(4px);\n }\n}\n@keyframes SlideOutBottom {\n 0% {\n transform: translateY(0px);\n }\n 100% {\n transform: translateY(-4px);\n }\n}\n@keyframes SlideOutLeft {\n 0% {\n transform: translateX(0px);\n }\n 100% {\n transform: translateX(4px);\n }\n}\n@keyframes SlideOutRight {\n 0% {\n transform: translateX(0px);\n }\n 100% {\n transform: translateX(-4px);\n }\n}\n@keyframes ScaleIn80 {\n 0% {\n transform: scale(0.8);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes ScaleIn85 {\n 0% {\n transform: scale(0.85);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes ScaleIn90 {\n 0% {\n transform: scale(0.9);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes ScaleIn95 {\n 0% {\n transform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes ScaleOut80 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n }\n}\n@keyframes ScaleOut85 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.85);\n }\n}\n@keyframes ScaleOut90 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.9);\n }\n}\n@keyframes ScaleOut95 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.95);\n }\n}\n@keyframes FadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes FadeOut {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n@keyframes SlideIn15PercentLeft {\n 0% {\n transform: translateX(-15%);\n transform-origin: left;\n }\n 100% {\n transform: translateX(0px);\n transform-origin: left;\n }\n}\n@keyframes SlideOut15PercentLeft {\n 0% {\n transform: translateX(0px);\n transform-origin: left;\n }\n 100% {\n transform: translateX(-15%);\n transform-origin: left;\n }\n}\n@keyframes SlideIn50PercentLeft {\n 0% {\n transform: translateX(-50%);\n transform-origin: left;\n }\n 100% {\n transform: translateX(0px);\n transform-origin: left;\n }\n}\n@keyframes SlideOut50PercentLeft {\n 0% {\n transform: translateX(0px);\n transform-origin: left;\n }\n 100% {\n transform: translateX(-50%);\n transform-origin: left;\n }\n}\nhtml[data-theme~=\"motion:motion\"], [data-subtree-theme][data-theme~=\"motion:motion\"] {\n --ds-avatar-enter: 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn;\n --ds-avatar-exit: 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut;\n --ds-avatar-hovered: transform 100ms cubic-bezier(0.32, 0, 0.67, 0);\n --ds-content-enter-long: 400ms cubic-bezier(0.4, 0, 0, 1) FadeIn;\n --ds-content-enter-medium: 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn;\n --ds-content-enter-short: 100ms cubic-bezier(0.4, 0, 0, 1) FadeIn;\n --ds-content-exit-long: 200ms cubic-bezier(0.4, 0, 0, 1) FadeOut;\n --ds-content-exit-medium: 100ms cubic-bezier(0.4, 0, 0, 1) FadeOut;\n --ds-content-exit-short: 50ms cubic-bezier(0.4, 0, 0, 1) FadeOut;\n --ds-flag-enter: 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn;\n --ds-flag-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;\n --ds-flag-reposition: transform 300ms cubic-bezier(0.4, 0, 0, 1);\n --ds-modal-enter: 200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn;\n --ds-modal-exit: 200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut;\n --ds-popup-enter-bottom: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;\n --ds-popup-enter-left: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;\n --ds-popup-enter-right: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;\n --ds-popup-enter-top: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn;\n --ds-popup-exit-bottom: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;\n --ds-popup-exit-left: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;\n --ds-popup-exit-right: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;\n --ds-popup-exit-top: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut;\n --ds-spotlight-enter: 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn;\n --ds-spotlight-exit: 200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut;\n}\n";
6
+ declare const _default: "\n@keyframes SlideInTop8px {\n 0% {\n transform: translateY(8px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n@keyframes SlideInBottom8px {\n 0% {\n transform: translateY(-8px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n@keyframes SlideInLeft8px {\n 0% {\n transform: translateX(8px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n@keyframes SlideInRight8px {\n 0% {\n transform: translateX(-8px);\n }\n 100% {\n transform: translateX(0px);\n }\n}\n@keyframes SlideOutTop8px {\n 0% {\n transform: translateY(0px);\n }\n 100% {\n transform: translateY(4px);\n }\n}\n@keyframes SlideOutBottom8px {\n 0% {\n transform: translateY(0px);\n }\n 100% {\n transform: translateY(-4px);\n }\n}\n@keyframes SlideOutLeft8px {\n 0% {\n transform: translateX(0px);\n }\n 100% {\n transform: translateX(4px);\n }\n}\n@keyframes SlideOutRight8px {\n 0% {\n transform: translateX(0px);\n }\n 100% {\n transform: translateX(-4px);\n }\n}\n@keyframes ScaleIn80to100 {\n 0% {\n transform: scale(0.8);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes ScaleIn95to100 {\n 0% {\n transform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n }\n}\n@keyframes ScaleOut100to80 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n }\n}\n@keyframes ScaleOut100to95 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.95);\n }\n}\n@keyframes FadeIn0to100 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes FadeOut100to0 {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n@keyframes SlideOut15PercentLeft {\n 0% {\n transform: translateX(0px);\n transform-origin: left;\n }\n 100% {\n transform: translateX(-15%);\n transform-origin: left;\n }\n}\n@keyframes SlideIn50PercentLeft {\n 0% {\n transform: translateX(-50%);\n transform-origin: left;\n }\n 100% {\n transform: translateX(0px);\n transform-origin: left;\n }\n}\nhtml[data-theme~=\"motion:motion\"], [data-subtree-theme][data-theme~=\"motion:motion\"] {\n --ds-avatar-enter: 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;\n --ds-avatar-exit: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n --ds-avatar-hovered: transform 250ms linear(0, 0.021, 0.058, 0.107, 0.164, 0.227, 0.292, 0.359, 0.425, 0.49, 0.552, 0.61, 0.664, 0.714, 0.759, 0.8, 0.837, 0.869, 0.898, 0.922, 0.943, 0.961, 0.976, 0.988, 0.998, 1.006, 1.013, 1.017, 1.02, 1.023, 1.024, 1.024, 1.024, 1.024, 1.023, 1.022, 1.02, 1.019, 1.017, 1.015, 1.014, 1.012, 1.011, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 1);\n --ds-blanket-enter: 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100;\n --ds-blanket-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n --ds-duration-instant: 0ms;\n --ds-duration-long: 250ms;\n --ds-duration-medium: 200ms;\n --ds-duration-short: 150ms;\n --ds-duration-xlong: 400ms;\n --ds-duration-xshort: 100ms;\n --ds-duration-xxlong: 600ms;\n --ds-duration-xxshort: 50ms;\n --ds-easing-in-practical: cubic-bezier(0.6, 0, 0.8, 0.6);\n --ds-easing-inout-bold: cubic-bezier(0.4, 0, 0, 1);\n --ds-easing-out-practical: cubic-bezier(0.4, 1, 0.6, 1);\n --ds-easing-out-bold: cubic-bezier(0, 0.4, 0, 1);\n --ds-easing-spring: linear(0, 0.021, 0.058, 0.107, 0.164, 0.227, 0.292, 0.359, 0.425, 0.49, 0.552, 0.61, 0.664, 0.714, 0.759, 0.8, 0.837, 0.869, 0.898, 0.922, 0.943, 0.961, 0.976, 0.988, 0.998, 1.006, 1.013, 1.017, 1.02, 1.023, 1.024, 1.024, 1.024, 1.024, 1.023, 1.022, 1.02, 1.019, 1.017, 1.015, 1.014, 1.012, 1.011, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 1);\n --ds-flag-enter: 250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100;\n --ds-flag-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n --ds-flag-reposition: transform 250ms cubic-bezier(0.4, 0, 0, 1);\n --ds-keyframe-fade-in: FadeIn0to100;\n --ds-keyframe-fade-out: FadeOut100to0;\n --ds-keyframe-scale-in-medium: ScaleIn80to100;\n --ds-keyframe-scale-in-small: ScaleIn95to100;\n --ds-keyframe-scale-out-medium: ScaleOut100to80;\n --ds-keyframe-scale-out-small: ScaleOut100to95;\n --ds-keyframe-slide-in-bottom-short: SlideInBottom8px;\n --ds-keyframe-slide-in-left-half: SlideIn50PercentLeft;\n --ds-keyframe-slide-in-left-short: SlideInLeft8px;\n --ds-keyframe-slide-in-right-short: SlideInRight8px;\n --ds-keyframe-slide-in-top-short: SlideInTop8px;\n --ds-keyframe-slide-out-bottom-short: SlideOutBottom8px;\n --ds-keyframe-slide-out-left-half: SlideOut15PercentLeft;\n --ds-keyframe-slide-out-left-short: SlideOutLeft8px;\n --ds-keyframe-slide-out-right-short: SlideOutRight8px;\n --ds-keyframe-slide-out-top-short: SlideOutTop8px;\n --ds-modal-enter: 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100;\n --ds-modal-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95;\n --ds-popup-enter-bottom: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;\n --ds-popup-enter-left: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;\n --ds-popup-enter-right: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;\n --ds-popup-enter-top: 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100;\n --ds-popup-exit-bottom: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n --ds-popup-exit-left: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n --ds-popup-exit-right: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n --ds-popup-exit-top: 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n --ds-spotlight-enter: 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100;\n --ds-spotlight-exit: 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0;\n}\n";
7
7
  export default _default;
package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts CHANGED
@@ -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::53278a261ad7a10a6b0212f6516599e1>>
3
+ * @codegen <<SignedSource::12d277e3c095466fe9d6c4fb8390f066>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- declare const _default: "\nhtml[data-theme~=\"typography:typography\"], [data-subtree-theme][data-theme~=\"typography:typography\"] {\n --ds-font-heading-xxlarge: normal 653 2rem/2.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xlarge: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-large: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-medium: normal 653 1.25rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xxsmall: normal 653 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-large: normal 400 1rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body: normal 400 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-small: normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-large: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-medium: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-code: normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-weight-regular: 400;\n --ds-font-weight-medium: 500;\n --ds-font-weight-semibold: 600;\n --ds-font-weight-bold: 653;\n --ds-font-family-heading: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-body: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n}\n";
6
+ declare const _default: "\nhtml[data-theme~=\"typography:typography\"], [data-subtree-theme][data-theme~=\"typography:typography\"] {\n --ds-font-heading-xxlarge: normal 653 2rem/2.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xlarge: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-large: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-medium: normal 653 1.25rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-heading-xxsmall: normal 653 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-large: normal 400 1rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body: normal 400 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-body-small: normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-large: normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-medium: normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-metric-small: normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-code: normal 400 0.875em/1 \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-weight-regular: 400;\n --ds-font-weight-medium: 500;\n --ds-font-weight-semibold: 600;\n --ds-font-weight-bold: 653;\n --ds-font-family-heading: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-body: \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-code: \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace;\n --ds-font-family-brand-heading: \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n --ds-font-family-brand-body: \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif;\n}\n";
7
7
  export default _default;
package/dist/types-ts4.5/artifacts/token-default-values.d.ts CHANGED
@@ -7,34 +7,59 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::c8dea3807fda6392faffb7299b6ecb9a>>
10
+ * @codegen <<SignedSource::3389a98f2c8d274c3d9e5d9d63df8780>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  declare const defaultTokenValues: {
14
- readonly 'motion.avatar.enter': "150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn";
15
- readonly 'motion.avatar.exit': "100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut";
16
- readonly 'motion.avatar.hovered': "transform 100ms cubic-bezier(0.32, 0, 0.67, 0)";
17
- readonly 'motion.content.enter.long': "400ms cubic-bezier(0.4, 0, 0, 1) FadeIn";
18
- readonly 'motion.content.enter.medium': "200ms cubic-bezier(0.4, 0, 0, 1) FadeIn";
19
- readonly 'motion.content.enter.short': "100ms cubic-bezier(0.4, 0, 0, 1) FadeIn";
20
- readonly 'motion.content.exit.long': "200ms cubic-bezier(0.4, 0, 0, 1) FadeOut";
21
- readonly 'motion.content.exit.medium': "100ms cubic-bezier(0.4, 0, 0, 1) FadeOut";
22
- readonly 'motion.content.exit.short': "50ms cubic-bezier(0.4, 0, 0, 1) FadeOut";
23
- readonly 'motion.flag.enter': "250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn";
24
- readonly 'motion.flag.exit': "200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut";
25
- readonly 'motion.flag.reposition': "transform 300ms cubic-bezier(0.4, 0, 0, 1)";
26
- readonly 'motion.modal.enter': "200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn";
27
- readonly 'motion.modal.exit': "200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut";
28
- readonly 'motion.popup.enter.bottom': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn";
29
- readonly 'motion.popup.enter.left': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn";
30
- readonly 'motion.popup.enter.right': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn";
31
- readonly 'motion.popup.enter.top': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn";
32
- readonly 'motion.popup.exit.bottom': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut";
33
- readonly 'motion.popup.exit.left': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut";
34
- readonly 'motion.popup.exit.right': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut";
35
- readonly 'motion.popup.exit.top': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut";
36
- readonly 'motion.spotlight.enter': "250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn";
37
- readonly 'motion.spotlight.exit': "200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut";
14
+ readonly 'motion.avatar.enter': "150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100";
15
+ readonly 'motion.avatar.exit': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
16
+ readonly 'motion.avatar.hovered': "transform 250ms linear(0, 0.021, 0.058, 0.107, 0.164, 0.227, 0.292, 0.359, 0.425, 0.49, 0.552, 0.61, 0.664, 0.714, 0.759, 0.8, 0.837, 0.869, 0.898, 0.922, 0.943, 0.961, 0.976, 0.988, 0.998, 1.006, 1.013, 1.017, 1.02, 1.023, 1.024, 1.024, 1.024, 1.024, 1.023, 1.022, 1.02, 1.019, 1.017, 1.015, 1.014, 1.012, 1.011, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 1)";
17
+ readonly 'motion.blanket.enter': "250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100";
18
+ readonly 'motion.blanket.exit': "200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
19
+ readonly 'motion.duration.instant': "0ms";
20
+ readonly 'motion.duration.long': "250ms";
21
+ readonly 'motion.duration.medium': "200ms";
22
+ readonly 'motion.duration.short': "150ms";
23
+ readonly 'motion.duration.xlong': "400ms";
24
+ readonly 'motion.duration.xshort': "100ms";
25
+ readonly 'motion.duration.xxlong': "600ms";
26
+ readonly 'motion.duration.xxshort': "50ms";
27
+ readonly 'motion.easing.in.practical': "cubic-bezier(0.6, 0, 0.8, 0.6)";
28
+ readonly 'motion.easing.inout.bold': "cubic-bezier(0.4, 0, 0, 1)";
29
+ readonly 'motion.easing.out.practical': "cubic-bezier(0.4, 1, 0.6, 1)";
30
+ readonly 'motion.easing.out.bold': "cubic-bezier(0, 0.4, 0, 1)";
31
+ readonly 'motion.easing.spring': "linear(0, 0.021, 0.058, 0.107, 0.164, 0.227, 0.292, 0.359, 0.425, 0.49, 0.552, 0.61, 0.664, 0.714, 0.759, 0.8, 0.837, 0.869, 0.898, 0.922, 0.943, 0.961, 0.976, 0.988, 0.998, 1.006, 1.013, 1.017, 1.02, 1.023, 1.024, 1.024, 1.024, 1.024, 1.023, 1.022, 1.02, 1.019, 1.017, 1.015, 1.014, 1.012, 1.011, 1.009, 1.008, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 0.999, 0.999, 0.999, 0.999, 1)";
32
+ readonly 'motion.flag.enter': "250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100";
33
+ readonly 'motion.flag.exit': "200ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOut15PercentLeft, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
34
+ readonly 'motion.flag.reposition': "transform 250ms cubic-bezier(0.4, 0, 0, 1)";
35
+ readonly 'motion.keyframe.fade.in': "FadeIn0to100";
36
+ readonly 'motion.keyframe.fade.out': "FadeOut100to0";
37
+ readonly 'motion.keyframe.scale.in.medium': "ScaleIn80to100";
38
+ readonly 'motion.keyframe.scale.in.small': "ScaleIn95to100";
39
+ readonly 'motion.keyframe.scale.out.medium': "ScaleOut100to80";
40
+ readonly 'motion.keyframe.scale.out.small': "ScaleOut100to95";
41
+ readonly 'motion.keyframe.slide.in.bottom.short': "SlideInBottom8px";
42
+ readonly 'motion.keyframe.slide.in.left.half': "SlideIn50PercentLeft";
43
+ readonly 'motion.keyframe.slide.in.left.short': "SlideInLeft8px";
44
+ readonly 'motion.keyframe.slide.in.right.short': "SlideInRight8px";
45
+ readonly 'motion.keyframe.slide.in.top.short': "SlideInTop8px";
46
+ readonly 'motion.keyframe.slide.out.bottom.short': "SlideOutBottom8px";
47
+ readonly 'motion.keyframe.slide.out.left.half': "SlideOut15PercentLeft";
48
+ readonly 'motion.keyframe.slide.out.left.short': "SlideOutLeft8px";
49
+ readonly 'motion.keyframe.slide.out.right.short': "SlideOutRight8px";
50
+ readonly 'motion.keyframe.slide.out.top.short': "SlideOutTop8px";
51
+ readonly 'motion.modal.enter': "250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100";
52
+ readonly 'motion.modal.exit': "200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95";
53
+ readonly 'motion.popup.enter.bottom': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100";
54
+ readonly 'motion.popup.enter.left': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100";
55
+ readonly 'motion.popup.enter.right': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100";
56
+ readonly 'motion.popup.enter.top': "150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100";
57
+ readonly 'motion.popup.exit.bottom': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
58
+ readonly 'motion.popup.exit.left': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
59
+ readonly 'motion.popup.exit.right': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
60
+ readonly 'motion.popup.exit.top': "100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
61
+ readonly 'motion.spotlight.enter': "250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100";
62
+ readonly 'motion.spotlight.exit': "200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0";
38
63
  readonly 'color.text': "#292A2E";
39
64
  readonly 'color.text.accent.lime': "#4C6B1F";
40
65
  readonly 'color.text.accent.lime.bolder': "#37471F";
@@ -478,7 +503,6 @@ declare const defaultTokenValues: {
478
503
  readonly 'font.body.large': "normal 400 1rem/1.5rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
479
504
  readonly 'font.body': "normal 400 0.875rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
480
505
  readonly 'font.body.small': "normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
481
- readonly 'font.body.UNSAFE_small': "normal 400 0.75rem/1rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
482
506
  readonly 'font.metric.large': "normal 653 1.75rem/2rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
483
507
  readonly 'font.metric.medium': "normal 653 1.5rem/1.75rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
484
508
  readonly 'font.metric.small': "normal 653 1rem/1.25rem \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif";
package/dist/types-ts4.5/artifacts/token-names.d.ts CHANGED
@@ -1,21 +1,46 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::921c184d9a6e3b52bd2ab053939ce9ad>>
3
+ * @codegen <<SignedSource::a1de8a9439d40392e3e4945ecf9d9214>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
7
7
  readonly 'motion.avatar.enter': "--ds-avatar-enter";
8
8
  readonly 'motion.avatar.exit': "--ds-avatar-exit";
9
9
  readonly 'motion.avatar.hovered': "--ds-avatar-hovered";
10
- readonly 'motion.content.enter.long': "--ds-content-enter-long";
11
- readonly 'motion.content.enter.medium': "--ds-content-enter-medium";
12
- readonly 'motion.content.enter.short': "--ds-content-enter-short";
13
- readonly 'motion.content.exit.long': "--ds-content-exit-long";
14
- readonly 'motion.content.exit.medium': "--ds-content-exit-medium";
15
- readonly 'motion.content.exit.short': "--ds-content-exit-short";
10
+ readonly 'motion.blanket.enter': "--ds-blanket-enter";
11
+ readonly 'motion.blanket.exit': "--ds-blanket-exit";
12
+ readonly 'motion.duration.instant': "--ds-duration-instant";
13
+ readonly 'motion.duration.long': "--ds-duration-long";
14
+ readonly 'motion.duration.medium': "--ds-duration-medium";
15
+ readonly 'motion.duration.short': "--ds-duration-short";
16
+ readonly 'motion.duration.xlong': "--ds-duration-xlong";
17
+ readonly 'motion.duration.xshort': "--ds-duration-xshort";
18
+ readonly 'motion.duration.xxlong': "--ds-duration-xxlong";
19
+ readonly 'motion.duration.xxshort': "--ds-duration-xxshort";
20
+ readonly 'motion.easing.in.practical': "--ds-easing-in-practical";
21
+ readonly 'motion.easing.inout.bold': "--ds-easing-inout-bold";
22
+ readonly 'motion.easing.out.practical': "--ds-easing-out-practical";
23
+ readonly 'motion.easing.out.bold': "--ds-easing-out-bold";
24
+ readonly 'motion.easing.spring': "--ds-easing-spring";
16
25
  readonly 'motion.flag.enter': "--ds-flag-enter";
17
26
  readonly 'motion.flag.exit': "--ds-flag-exit";
18
27
  readonly 'motion.flag.reposition': "--ds-flag-reposition";
28
+ readonly 'motion.keyframe.fade.in': "--ds-keyframe-fade-in";
29
+ readonly 'motion.keyframe.fade.out': "--ds-keyframe-fade-out";
30
+ readonly 'motion.keyframe.scale.in.medium': "--ds-keyframe-scale-in-medium";
31
+ readonly 'motion.keyframe.scale.in.small': "--ds-keyframe-scale-in-small";
32
+ readonly 'motion.keyframe.scale.out.medium': "--ds-keyframe-scale-out-medium";
33
+ readonly 'motion.keyframe.scale.out.small': "--ds-keyframe-scale-out-small";
34
+ readonly 'motion.keyframe.slide.in.bottom.short': "--ds-keyframe-slide-in-bottom-short";
35
+ readonly 'motion.keyframe.slide.in.left.half': "--ds-keyframe-slide-in-left-half";
36
+ readonly 'motion.keyframe.slide.in.left.short': "--ds-keyframe-slide-in-left-short";
37
+ readonly 'motion.keyframe.slide.in.right.short': "--ds-keyframe-slide-in-right-short";
38
+ readonly 'motion.keyframe.slide.in.top.short': "--ds-keyframe-slide-in-top-short";
39
+ readonly 'motion.keyframe.slide.out.bottom.short': "--ds-keyframe-slide-out-bottom-short";
40
+ readonly 'motion.keyframe.slide.out.left.half': "--ds-keyframe-slide-out-left-half";
41
+ readonly 'motion.keyframe.slide.out.left.short': "--ds-keyframe-slide-out-left-short";
42
+ readonly 'motion.keyframe.slide.out.right.short': "--ds-keyframe-slide-out-right-short";
43
+ readonly 'motion.keyframe.slide.out.top.short': "--ds-keyframe-slide-out-top-short";
19
44
  readonly 'motion.modal.enter': "--ds-modal-enter";
20
45
  readonly 'motion.modal.exit': "--ds-modal-exit";
21
46
  readonly 'motion.popup.enter.bottom': "--ds-popup-enter-bottom";
@@ -471,7 +496,6 @@ declare const tokens: {
471
496
  readonly 'font.body.large': "--ds-font-body-large";
472
497
  readonly 'font.body': "--ds-font-body";
473
498
  readonly 'font.body.small': "--ds-font-body-small";
474
- readonly 'font.body.UNSAFE_small': "--ds-font-body-UNSAFE_small";
475
499
  readonly 'font.metric.large': "--ds-font-metric-large";
476
500
  readonly 'font.metric.medium': "--ds-font-metric-medium";
477
501
  readonly 'font.metric.small': "--ds-font-metric-small";
@@ -501,15 +525,40 @@ export type CSSTokenMap = {
501
525
  'motion.avatar.enter': 'var(--ds-avatar-enter)';
502
526
  'motion.avatar.exit': 'var(--ds-avatar-exit)';
503
527
  'motion.avatar.hovered': 'var(--ds-avatar-hovered)';
504
- 'motion.content.enter.long': 'var(--ds-content-enter-long)';
505
- 'motion.content.enter.medium': 'var(--ds-content-enter-medium)';
506
- 'motion.content.enter.short': 'var(--ds-content-enter-short)';
507
- 'motion.content.exit.long': 'var(--ds-content-exit-long)';
508
- 'motion.content.exit.medium': 'var(--ds-content-exit-medium)';
509
- 'motion.content.exit.short': 'var(--ds-content-exit-short)';
528
+ 'motion.blanket.enter': 'var(--ds-blanket-enter)';
529
+ 'motion.blanket.exit': 'var(--ds-blanket-exit)';
530
+ 'motion.duration.instant': 'var(--ds-duration-instant)';
531
+ 'motion.duration.long': 'var(--ds-duration-long)';
532
+ 'motion.duration.medium': 'var(--ds-duration-medium)';
533
+ 'motion.duration.short': 'var(--ds-duration-short)';
534
+ 'motion.duration.xlong': 'var(--ds-duration-xlong)';
535
+ 'motion.duration.xshort': 'var(--ds-duration-xshort)';
536
+ 'motion.duration.xxlong': 'var(--ds-duration-xxlong)';
537
+ 'motion.duration.xxshort': 'var(--ds-duration-xxshort)';
538
+ 'motion.easing.in.practical': 'var(--ds-easing-in-practical)';
539
+ 'motion.easing.inout.bold': 'var(--ds-easing-inout-bold)';
540
+ 'motion.easing.out.practical': 'var(--ds-easing-out-practical)';
541
+ 'motion.easing.out.bold': 'var(--ds-easing-out-bold)';
542
+ 'motion.easing.spring': 'var(--ds-easing-spring)';
510
543
  'motion.flag.enter': 'var(--ds-flag-enter)';
511
544
  'motion.flag.exit': 'var(--ds-flag-exit)';
512
545
  'motion.flag.reposition': 'var(--ds-flag-reposition)';
546
+ 'motion.keyframe.fade.in': 'var(--ds-keyframe-fade-in)';
547
+ 'motion.keyframe.fade.out': 'var(--ds-keyframe-fade-out)';
548
+ 'motion.keyframe.scale.in.medium': 'var(--ds-keyframe-scale-in-medium)';
549
+ 'motion.keyframe.scale.in.small': 'var(--ds-keyframe-scale-in-small)';
550
+ 'motion.keyframe.scale.out.medium': 'var(--ds-keyframe-scale-out-medium)';
551
+ 'motion.keyframe.scale.out.small': 'var(--ds-keyframe-scale-out-small)';
552
+ 'motion.keyframe.slide.in.bottom.short': 'var(--ds-keyframe-slide-in-bottom-short)';
553
+ 'motion.keyframe.slide.in.left.half': 'var(--ds-keyframe-slide-in-left-half)';
554
+ 'motion.keyframe.slide.in.left.short': 'var(--ds-keyframe-slide-in-left-short)';
555
+ 'motion.keyframe.slide.in.right.short': 'var(--ds-keyframe-slide-in-right-short)';
556
+ 'motion.keyframe.slide.in.top.short': 'var(--ds-keyframe-slide-in-top-short)';
557
+ 'motion.keyframe.slide.out.bottom.short': 'var(--ds-keyframe-slide-out-bottom-short)';
558
+ 'motion.keyframe.slide.out.left.half': 'var(--ds-keyframe-slide-out-left-half)';
559
+ 'motion.keyframe.slide.out.left.short': 'var(--ds-keyframe-slide-out-left-short)';
560
+ 'motion.keyframe.slide.out.right.short': 'var(--ds-keyframe-slide-out-right-short)';
561
+ 'motion.keyframe.slide.out.top.short': 'var(--ds-keyframe-slide-out-top-short)';
513
562
  'motion.modal.enter': 'var(--ds-modal-enter)';
514
563
  'motion.modal.exit': 'var(--ds-modal-exit)';
515
564
  'motion.popup.enter.bottom': 'var(--ds-popup-enter-bottom)';
@@ -965,7 +1014,6 @@ export type CSSTokenMap = {
965
1014
  'font.body.large': 'var(--ds-font-body-large)';
966
1015
  'font.body': 'var(--ds-font-body)';
967
1016
  'font.body.small': 'var(--ds-font-body-small)';
968
- 'font.body.UNSAFE_small': 'var(--ds-font-body-UNSAFE_small)';
969
1017
  'font.metric.large': 'var(--ds-font-metric-large)';
970
1018
  'font.metric.medium': 'var(--ds-font-metric-medium)';
971
1019
  'font.metric.small': 'var(--ds-font-metric-small)';
package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-motion.d.ts CHANGED
@@ -1,22 +1,22 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::a05c62bc089a075de35d08a2570d9421>>
3
+ * @codegen <<SignedSource::148f2f6a72e79c38e027eeed3b58d3ac>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- type TokenValue = {
6
+ type TokenValue = string | {
7
7
  duration: number;
8
8
  curve: string;
9
9
  keyframes?: string[];
10
10
  properties?: string[];
11
11
  delay?: number;
12
- };
13
- type TokenValueOriginal = {
12
+ } | Record<string, any>;
13
+ type TokenValueOriginal = string | {
14
14
  duration: string;
15
15
  curve: string;
16
16
  keyframes?: string[];
17
17
  properties?: string[];
18
18
  delay?: string;
19
- };
19
+ } | Record<string, any>;
20
20
  type TokenAttributes = {
21
21
  group: string;
22
22
  state: string;
package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts CHANGED
@@ -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::deb6b7be7cc018d4dfc8cb7b1704bde5>>
3
+ * @codegen <<SignedSource::74e601b3ce776abbd8b70ea18be310cc>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  type TokenValue = string;
package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts CHANGED
@@ -3,13 +3,13 @@
3
3
  *
4
4
  * Strict design token based typedef representing a subset of safe CSS properties.
5
5
  *
6
- * @codegen <<SignedSource::08c6f944d8c913dff7bdf4becc44b834>>
6
+ * @codegen <<SignedSource::78ca8c627e5be5fbe6c15ed21ca90e5b>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  export type BackgroundColorHovered = 'var(--ds-background-accent-lime-subtlest-hovered)' | 'var(--ds-background-accent-lime-subtler-hovered)' | 'var(--ds-background-accent-lime-subtle-hovered)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-background-accent-red-subtlest-hovered)' | 'var(--ds-background-accent-red-subtler-hovered)' | 'var(--ds-background-accent-red-subtle-hovered)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-background-accent-orange-subtlest-hovered)' | 'var(--ds-background-accent-orange-subtler-hovered)' | 'var(--ds-background-accent-orange-subtle-hovered)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-background-accent-yellow-subtlest-hovered)' | 'var(--ds-background-accent-yellow-subtler-hovered)' | 'var(--ds-background-accent-yellow-subtle-hovered)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-green-subtlest-hovered)' | 'var(--ds-background-accent-green-subtler-hovered)' | 'var(--ds-background-accent-green-subtle-hovered)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-background-accent-teal-subtlest-hovered)' | 'var(--ds-background-accent-teal-subtler-hovered)' | 'var(--ds-background-accent-teal-subtle-hovered)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-background-accent-blue-subtlest-hovered)' | 'var(--ds-background-accent-blue-subtler-hovered)' | 'var(--ds-background-accent-blue-subtle-hovered)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-background-accent-purple-subtlest-hovered)' | 'var(--ds-background-accent-purple-subtler-hovered)' | 'var(--ds-background-accent-purple-subtle-hovered)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-background-accent-magenta-subtlest-hovered)' | 'var(--ds-background-accent-magenta-subtler-hovered)' | 'var(--ds-background-accent-magenta-subtle-hovered)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-background-accent-gray-subtlest-hovered)' | 'var(--ds-background-accent-gray-subtler-hovered)' | 'var(--ds-background-accent-gray-subtle-hovered)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-background-input-hovered)' | 'var(--ds-background-inverse-subtle-hovered)' | 'var(--ds-background-neutral-hovered)' | 'var(--ds-background-neutral-subtle-hovered)' | 'var(--ds-background-neutral-bold-hovered)' | 'var(--ds-background-selected-hovered)' | 'var(--ds-background-selected-bold-hovered)' | 'var(--ds-background-brand-subtlest-hovered)' | 'var(--ds-background-brand-bold-hovered)' | 'var(--ds-background-brand-boldest-hovered)' | 'var(--ds-background-danger-hovered)' | 'var(--ds-background-danger-subtler-hovered)' | 'var(--ds-background-danger-bold-hovered)' | 'var(--ds-background-warning-hovered)' | 'var(--ds-background-warning-subtler-hovered)' | 'var(--ds-background-warning-bold-hovered)' | 'var(--ds-background-success-hovered)' | 'var(--ds-background-success-subtler-hovered)' | 'var(--ds-background-success-bold-hovered)' | 'var(--ds-background-discovery-hovered)' | 'var(--ds-background-discovery-subtler-hovered)' | 'var(--ds-background-discovery-bold-hovered)' | 'var(--ds-background-information-hovered)' | 'var(--ds-background-information-subtler-hovered)' | 'var(--ds-background-information-bold-hovered)' | 'var(--ds-surface-hovered)' | 'var(--ds-surface-overlay-hovered)' | 'var(--ds-surface-raised-hovered)';
10
10
  export type BackgroundColorPressed = 'var(--ds-background-accent-lime-subtlest-pressed)' | 'var(--ds-background-accent-lime-subtler-pressed)' | 'var(--ds-background-accent-lime-subtle-pressed)' | 'var(--ds-background-accent-lime-bolder-pressed)' | 'var(--ds-background-accent-red-subtlest-pressed)' | 'var(--ds-background-accent-red-subtler-pressed)' | 'var(--ds-background-accent-red-subtle-pressed)' | 'var(--ds-background-accent-red-bolder-pressed)' | 'var(--ds-background-accent-orange-subtlest-pressed)' | 'var(--ds-background-accent-orange-subtler-pressed)' | 'var(--ds-background-accent-orange-subtle-pressed)' | 'var(--ds-background-accent-orange-bolder-pressed)' | 'var(--ds-background-accent-yellow-subtlest-pressed)' | 'var(--ds-background-accent-yellow-subtler-pressed)' | 'var(--ds-background-accent-yellow-subtle-pressed)' | 'var(--ds-background-accent-yellow-bolder-pressed)' | 'var(--ds-background-accent-green-subtlest-pressed)' | 'var(--ds-background-accent-green-subtler-pressed)' | 'var(--ds-background-accent-green-subtle-pressed)' | 'var(--ds-background-accent-green-bolder-pressed)' | 'var(--ds-background-accent-teal-subtlest-pressed)' | 'var(--ds-background-accent-teal-subtler-pressed)' | 'var(--ds-background-accent-teal-subtle-pressed)' | 'var(--ds-background-accent-teal-bolder-pressed)' | 'var(--ds-background-accent-blue-subtlest-pressed)' | 'var(--ds-background-accent-blue-subtler-pressed)' | 'var(--ds-background-accent-blue-subtle-pressed)' | 'var(--ds-background-accent-blue-bolder-pressed)' | 'var(--ds-background-accent-purple-subtlest-pressed)' | 'var(--ds-background-accent-purple-subtler-pressed)' | 'var(--ds-background-accent-purple-subtle-pressed)' | 'var(--ds-background-accent-purple-bolder-pressed)' | 'var(--ds-background-accent-magenta-subtlest-pressed)' | 'var(--ds-background-accent-magenta-subtler-pressed)' | 'var(--ds-background-accent-magenta-subtle-pressed)' | 'var(--ds-background-accent-magenta-bolder-pressed)' | 'var(--ds-background-accent-gray-subtlest-pressed)' | 'var(--ds-background-accent-gray-subtler-pressed)' | 'var(--ds-background-accent-gray-subtle-pressed)' | 'var(--ds-background-accent-gray-bolder-pressed)' | 'var(--ds-background-input-pressed)' | 'var(--ds-background-inverse-subtle-pressed)' | 'var(--ds-background-neutral-pressed)' | 'var(--ds-background-neutral-subtle-pressed)' | 'var(--ds-background-neutral-bold-pressed)' | 'var(--ds-background-selected-pressed)' | 'var(--ds-background-selected-bold-pressed)' | 'var(--ds-background-brand-subtlest-pressed)' | 'var(--ds-background-brand-bold-pressed)' | 'var(--ds-background-brand-boldest-pressed)' | 'var(--ds-background-danger-pressed)' | 'var(--ds-background-danger-subtler-pressed)' | 'var(--ds-background-danger-bold-pressed)' | 'var(--ds-background-warning-pressed)' | 'var(--ds-background-warning-subtler-pressed)' | 'var(--ds-background-warning-bold-pressed)' | 'var(--ds-background-success-pressed)' | 'var(--ds-background-success-subtler-pressed)' | 'var(--ds-background-success-bold-pressed)' | 'var(--ds-background-discovery-pressed)' | 'var(--ds-background-discovery-subtler-pressed)' | 'var(--ds-background-discovery-bold-pressed)' | 'var(--ds-background-information-pressed)' | 'var(--ds-background-information-subtler-pressed)' | 'var(--ds-background-information-bold-pressed)' | 'var(--ds-surface-pressed)' | 'var(--ds-surface-overlay-pressed)' | 'var(--ds-surface-raised-pressed)';
11
11
  export type BackgroundColor = 'transparent' | 'currentcolor' | BackgroundColorHovered | BackgroundColorPressed | 'var(--ds-background-accent-lime-subtlest)' | 'var(--ds-background-accent-lime-subtler)' | 'var(--ds-background-accent-lime-subtle)' | 'var(--ds-background-accent-lime-bolder)' | 'var(--ds-background-accent-red-subtlest)' | 'var(--ds-background-accent-red-subtler)' | 'var(--ds-background-accent-red-subtle)' | 'var(--ds-background-accent-red-bolder)' | 'var(--ds-background-accent-orange-subtlest)' | 'var(--ds-background-accent-orange-subtler)' | 'var(--ds-background-accent-orange-subtle)' | 'var(--ds-background-accent-orange-bolder)' | 'var(--ds-background-accent-yellow-subtlest)' | 'var(--ds-background-accent-yellow-subtler)' | 'var(--ds-background-accent-yellow-subtle)' | 'var(--ds-background-accent-yellow-bolder)' | 'var(--ds-background-accent-green-subtlest)' | 'var(--ds-background-accent-green-subtler)' | 'var(--ds-background-accent-green-subtle)' | 'var(--ds-background-accent-green-bolder)' | 'var(--ds-background-accent-teal-subtlest)' | 'var(--ds-background-accent-teal-subtler)' | 'var(--ds-background-accent-teal-subtle)' | 'var(--ds-background-accent-teal-bolder)' | 'var(--ds-background-accent-blue-subtlest)' | 'var(--ds-background-accent-blue-subtler)' | 'var(--ds-background-accent-blue-subtle)' | 'var(--ds-background-accent-blue-bolder)' | 'var(--ds-background-accent-purple-subtlest)' | 'var(--ds-background-accent-purple-subtler)' | 'var(--ds-background-accent-purple-subtle)' | 'var(--ds-background-accent-purple-bolder)' | 'var(--ds-background-accent-magenta-subtlest)' | 'var(--ds-background-accent-magenta-subtler)' | 'var(--ds-background-accent-magenta-subtle)' | 'var(--ds-background-accent-magenta-bolder)' | 'var(--ds-background-accent-gray-subtlest)' | 'var(--ds-background-accent-gray-subtler)' | 'var(--ds-background-accent-gray-subtle)' | 'var(--ds-background-accent-gray-bolder)' | 'var(--ds-background-disabled)' | 'var(--ds-background-input)' | 'var(--ds-background-inverse-subtle)' | 'var(--ds-background-neutral)' | 'var(--ds-background-neutral-subtle)' | 'var(--ds-background-neutral-bold)' | 'var(--ds-background-selected)' | 'var(--ds-background-selected-bold)' | 'var(--ds-background-brand-subtlest)' | 'var(--ds-background-brand-bold)' | 'var(--ds-background-brand-boldest)' | 'var(--ds-background-danger)' | 'var(--ds-background-danger-subtler)' | 'var(--ds-background-danger-bold)' | 'var(--ds-background-warning)' | 'var(--ds-background-warning-subtler)' | 'var(--ds-background-warning-bold)' | 'var(--ds-background-success)' | 'var(--ds-background-success-subtler)' | 'var(--ds-background-success-bold)' | 'var(--ds-background-discovery)' | 'var(--ds-background-discovery-subtler)' | 'var(--ds-background-discovery-bold)' | 'var(--ds-background-information)' | 'var(--ds-background-information-subtler)' | 'var(--ds-background-information-bold)' | 'var(--ds-skeleton)' | 'var(--ds-skeleton-subtle)' | 'var(--ds-surface)' | 'var(--ds-surface-overlay)' | 'var(--ds-surface-raised)' | 'var(--ds-surface-sunken)' | 'var(--ds-elevation-surface-current)';
12
- export type FontShorthand = 'var(--ds-font-heading-xxlarge)' | 'var(--ds-font-heading-xlarge)' | 'var(--ds-font-heading-large)' | 'var(--ds-font-heading-medium)' | 'var(--ds-font-heading-small)' | 'var(--ds-font-heading-xsmall)' | 'var(--ds-font-heading-xxsmall)' | 'var(--ds-font-body-large)' | 'var(--ds-font-body)' | 'var(--ds-font-body-small)' | 'var(--ds-font-body-UNSAFE_small)' | 'var(--ds-font-metric-large)' | 'var(--ds-font-metric-medium)' | 'var(--ds-font-metric-small)' | 'var(--ds-font-code)';
12
+ export type FontShorthand = 'var(--ds-font-heading-xxlarge)' | 'var(--ds-font-heading-xlarge)' | 'var(--ds-font-heading-large)' | 'var(--ds-font-heading-medium)' | 'var(--ds-font-heading-small)' | 'var(--ds-font-heading-xsmall)' | 'var(--ds-font-heading-xxsmall)' | 'var(--ds-font-body-large)' | 'var(--ds-font-body)' | 'var(--ds-font-body-small)' | 'var(--ds-font-metric-large)' | 'var(--ds-font-metric-medium)' | 'var(--ds-font-metric-small)' | 'var(--ds-font-code)';
13
13
  export type IconColorPressed = 'var(--ds-link-pressed)' | 'var(--ds-link-visited-pressed)';
14
14
  export type IconColor = IconColorPressed | 'var(--ds-link)' | 'var(--ds-link-visited)' | 'var(--ds-icon)' | 'var(--ds-icon-accent-lime)' | 'var(--ds-icon-accent-red)' | 'var(--ds-icon-accent-orange)' | 'var(--ds-icon-accent-yellow)' | 'var(--ds-icon-accent-green)' | 'var(--ds-icon-accent-teal)' | 'var(--ds-icon-accent-blue)' | 'var(--ds-icon-accent-purple)' | 'var(--ds-icon-accent-magenta)' | 'var(--ds-icon-accent-gray)' | 'var(--ds-icon-disabled)' | 'var(--ds-icon-inverse)' | 'var(--ds-icon-selected)' | 'var(--ds-icon-brand)' | 'var(--ds-icon-danger)' | 'var(--ds-icon-warning)' | 'var(--ds-icon-warning-inverse)' | 'var(--ds-icon-success)' | 'var(--ds-icon-discovery)' | 'var(--ds-icon-information)' | 'var(--ds-icon-subtlest)' | 'var(--ds-icon-subtle)';
15
15
  export type BorderColor = 'transparent' | 'var(--ds-border)' | 'var(--ds-border-accent-lime)' | 'var(--ds-border-accent-red)' | 'var(--ds-border-accent-orange)' | 'var(--ds-border-accent-yellow)' | 'var(--ds-border-accent-green)' | 'var(--ds-border-accent-teal)' | 'var(--ds-border-accent-blue)' | 'var(--ds-border-accent-purple)' | 'var(--ds-border-accent-magenta)' | 'var(--ds-border-accent-gray)' | 'var(--ds-border-disabled)' | 'var(--ds-border-focused)' | 'var(--ds-border-input)' | 'var(--ds-border-inverse)' | 'var(--ds-border-selected)' | 'var(--ds-border-brand)' | 'var(--ds-border-danger)' | 'var(--ds-border-warning)' | 'var(--ds-border-success)' | 'var(--ds-border-discovery)' | 'var(--ds-border-information)' | 'var(--ds-border-bold)';
@@ -27,7 +27,10 @@ export type TextColor = 'transparent' | TextColorPressed | 'var(--ds-text)' | 'v
27
27
  export type Opacity = 'var(--ds-opacity-disabled)' | 'var(--ds-opacity-loading)' | 0 | 1 | '0' | '1';
28
28
  export type FontWeight = 'var(--ds-font-weight-regular)' | 'var(--ds-font-weight-medium)' | 'var(--ds-font-weight-semibold)' | 'var(--ds-font-weight-bold)' | 'inherit' | 'initial' | 'unset';
29
29
  export type FontFamily = 'var(--ds-font-family-heading)' | 'var(--ds-font-family-body)' | 'var(--ds-font-family-code)' | 'var(--ds-font-family-brand-heading)' | 'var(--ds-font-family-brand-body)';
30
- export type Motion = 'var(--ds-avatar-enter)' | 'var(--ds-avatar-exit)' | 'var(--ds-avatar-hovered)' | 'var(--ds-content-enter-long)' | 'var(--ds-content-enter-medium)' | 'var(--ds-content-enter-short)' | 'var(--ds-content-exit-long)' | 'var(--ds-content-exit-medium)' | 'var(--ds-content-exit-short)' | 'var(--ds-flag-enter)' | 'var(--ds-flag-exit)' | 'var(--ds-flag-reposition)' | 'var(--ds-modal-enter)' | 'var(--ds-modal-exit)' | 'var(--ds-popup-enter-bottom)' | 'var(--ds-popup-enter-left)' | 'var(--ds-popup-enter-right)' | 'var(--ds-popup-enter-top)' | 'var(--ds-popup-exit-bottom)' | 'var(--ds-popup-exit-left)' | 'var(--ds-popup-exit-right)' | 'var(--ds-popup-exit-top)' | 'var(--ds-spotlight-enter)' | 'var(--ds-spotlight-exit)';
30
+ export type MotionDuration = 'var(--ds-duration-instant)' | 'var(--ds-duration-long)' | 'var(--ds-duration-medium)' | 'var(--ds-duration-short)' | 'var(--ds-duration-xlong)' | 'var(--ds-duration-xshort)' | 'var(--ds-duration-xxlong)' | 'var(--ds-duration-xxshort)';
31
+ export type MotionEasing = 'var(--ds-easing-in-practical)' | 'var(--ds-easing-inout-bold)' | 'var(--ds-easing-out-practical)' | 'var(--ds-easing-out-bold)' | 'var(--ds-easing-spring)';
32
+ export type MotionKeyframes = 'var(--ds-keyframe-fade-in)' | 'var(--ds-keyframe-fade-out)' | 'var(--ds-keyframe-scale-in-medium)' | 'var(--ds-keyframe-scale-in-small)' | 'var(--ds-keyframe-scale-out-medium)' | 'var(--ds-keyframe-scale-out-small)' | 'var(--ds-keyframe-slide-in-bottom-short)' | 'var(--ds-keyframe-slide-in-left-half)' | 'var(--ds-keyframe-slide-in-left-short)' | 'var(--ds-keyframe-slide-in-right-short)' | 'var(--ds-keyframe-slide-in-top-short)' | 'var(--ds-keyframe-slide-out-bottom-short)' | 'var(--ds-keyframe-slide-out-left-half)' | 'var(--ds-keyframe-slide-out-left-short)' | 'var(--ds-keyframe-slide-out-right-short)' | 'var(--ds-keyframe-slide-out-top-short)';
33
+ export type Motion = 'var(--ds-avatar-enter)' | 'var(--ds-avatar-exit)' | 'var(--ds-avatar-hovered)' | 'var(--ds-blanket-enter)' | 'var(--ds-blanket-exit)' | 'var(--ds-flag-enter)' | 'var(--ds-flag-exit)' | 'var(--ds-flag-reposition)' | 'var(--ds-modal-enter)' | 'var(--ds-modal-exit)' | 'var(--ds-popup-enter-bottom)' | 'var(--ds-popup-enter-left)' | 'var(--ds-popup-enter-right)' | 'var(--ds-popup-enter-top)' | 'var(--ds-popup-exit-bottom)' | 'var(--ds-popup-exit-left)' | 'var(--ds-popup-exit-right)' | 'var(--ds-popup-exit-top)' | 'var(--ds-spotlight-enter)' | 'var(--ds-spotlight-exit)';
31
34
  export interface CSSPropertiesHovered {
32
35
  backgroundColor: BackgroundColorHovered;
33
36
  }
package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Metadata for generation of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
5
5
  *
6
- * @codegen <<SignedSource::c219f53298a002dc5340fcc003a56953>>
6
+ * @codegen <<SignedSource::cc165f5e3a3a334da8899d36a5cd4535>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  export interface Token {