@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/cjs/artifacts/replacement-mapping.js CHANGED
@@ -18,7 +18,7 @@ exports.default = void 0;
18
18
  * These changes will then be picked up by our tooling which will attempt to
19
19
  * migrate as many of these renames as possible.
20
20
  *
21
- * @codegen <<SignedSource::e46353a7329c8e87640e1586a2ec2ce7>>
21
+ * @codegen <<SignedSource::986b26dc28b6a7d1da0912b44171d859>>
22
22
  * @codegenCommand yarn build tokens
23
23
  */
24
24
 
@@ -32,22 +32,49 @@ var replacementMapper = [{
32
32
  "path": "motion.avatar.hovered",
33
33
  "state": "experimental"
34
34
  }, {
35
- "path": "motion.content.enter.long",
35
+ "path": "motion.blanket.enter",
36
36
  "state": "experimental"
37
37
  }, {
38
- "path": "motion.content.enter.medium",
38
+ "path": "motion.blanket.exit",
39
39
  "state": "experimental"
40
40
  }, {
41
- "path": "motion.content.enter.short",
41
+ "path": "motion.duration.instant",
42
42
  "state": "experimental"
43
43
  }, {
44
- "path": "motion.content.exit.long",
44
+ "path": "motion.duration.long",
45
45
  "state": "experimental"
46
46
  }, {
47
- "path": "motion.content.exit.medium",
47
+ "path": "motion.duration.medium",
48
48
  "state": "experimental"
49
49
  }, {
50
- "path": "motion.content.exit.short",
50
+ "path": "motion.duration.short",
51
+ "state": "experimental"
52
+ }, {
53
+ "path": "motion.duration.xlong",
54
+ "state": "experimental"
55
+ }, {
56
+ "path": "motion.duration.xshort",
57
+ "state": "experimental"
58
+ }, {
59
+ "path": "motion.duration.xxlong",
60
+ "state": "experimental"
61
+ }, {
62
+ "path": "motion.duration.xxshort",
63
+ "state": "experimental"
64
+ }, {
65
+ "path": "motion.easing.in.practical",
66
+ "state": "experimental"
67
+ }, {
68
+ "path": "motion.easing.inout.bold",
69
+ "state": "experimental"
70
+ }, {
71
+ "path": "motion.easing.out.practical",
72
+ "state": "experimental"
73
+ }, {
74
+ "path": "motion.easing.out.bold",
75
+ "state": "experimental"
76
+ }, {
77
+ "path": "motion.easing.spring",
51
78
  "state": "experimental"
52
79
  }, {
53
80
  "path": "motion.flag.enter",
@@ -58,6 +85,54 @@ var replacementMapper = [{
58
85
  }, {
59
86
  "path": "motion.flag.reposition",
60
87
  "state": "experimental"
88
+ }, {
89
+ "path": "motion.keyframe.fade.in",
90
+ "state": "experimental"
91
+ }, {
92
+ "path": "motion.keyframe.fade.out",
93
+ "state": "experimental"
94
+ }, {
95
+ "path": "motion.keyframe.scale.in.medium",
96
+ "state": "experimental"
97
+ }, {
98
+ "path": "motion.keyframe.scale.in.small",
99
+ "state": "experimental"
100
+ }, {
101
+ "path": "motion.keyframe.scale.out.medium",
102
+ "state": "experimental"
103
+ }, {
104
+ "path": "motion.keyframe.scale.out.small",
105
+ "state": "experimental"
106
+ }, {
107
+ "path": "motion.keyframe.slide.in.bottom.short",
108
+ "state": "experimental"
109
+ }, {
110
+ "path": "motion.keyframe.slide.in.left.half",
111
+ "state": "experimental"
112
+ }, {
113
+ "path": "motion.keyframe.slide.in.left.short",
114
+ "state": "experimental"
115
+ }, {
116
+ "path": "motion.keyframe.slide.in.right.short",
117
+ "state": "experimental"
118
+ }, {
119
+ "path": "motion.keyframe.slide.in.top.short",
120
+ "state": "experimental"
121
+ }, {
122
+ "path": "motion.keyframe.slide.out.bottom.short",
123
+ "state": "experimental"
124
+ }, {
125
+ "path": "motion.keyframe.slide.out.left.half",
126
+ "state": "experimental"
127
+ }, {
128
+ "path": "motion.keyframe.slide.out.left.short",
129
+ "state": "experimental"
130
+ }, {
131
+ "path": "motion.keyframe.slide.out.right.short",
132
+ "state": "experimental"
133
+ }, {
134
+ "path": "motion.keyframe.slide.out.top.short",
135
+ "state": "experimental"
61
136
  }, {
62
137
  "path": "motion.modal.enter",
63
138
  "state": "experimental"
@@ -94,9 +169,5 @@ var replacementMapper = [{
94
169
  }, {
95
170
  "path": "motion.spotlight.exit",
96
171
  "state": "experimental"
97
- }, {
98
- "path": "font.body.UNSAFE_small",
99
- "state": "deprecated",
100
- "replacement": "font.body.small"
101
172
  }];
102
173
  var _default = exports.default = replacementMapper;
package/dist/cjs/artifacts/themes/atlassian-motion.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::335cdc677cad1d4b1fd602ac8f261e85>>
9
+ * @codegen <<SignedSource::e2c90de3fa6bd9d4da20a85c310b97e2>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
- var _default = exports.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";
12
+ var _default = exports.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";
package/dist/cjs/artifacts/themes/atlassian-typography.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::53278a261ad7a10a6b0212f6516599e1>>
9
+ * @codegen <<SignedSource::12d277e3c095466fe9d6c4fb8390f066>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
- var _default = exports.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";
12
+ var _default = exports.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";
package/dist/cjs/artifacts/token-default-values.js CHANGED
@@ -13,34 +13,59 @@ exports.default = void 0;
13
13
  * Token names mapped to their value in the default Atlassian themes ('light').
14
14
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
15
15
  *
16
- * @codegen <<SignedSource::c8dea3807fda6392faffb7299b6ecb9a>>
16
+ * @codegen <<SignedSource::3389a98f2c8d274c3d9e5d9d63df8780>>
17
17
  * @codegenCommand yarn build tokens
18
18
  */
19
19
  var defaultTokenValues = {
20
- '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',
21
- 'motion.avatar.exit': '100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut',
22
- 'motion.avatar.hovered': 'transform 100ms cubic-bezier(0.32, 0, 0.67, 0)',
23
- 'motion.content.enter.long': '400ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
24
- 'motion.content.enter.medium': '200ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
25
- 'motion.content.enter.short': '100ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
26
- 'motion.content.exit.long': '200ms cubic-bezier(0.4, 0, 0, 1) FadeOut',
27
- 'motion.content.exit.medium': '100ms cubic-bezier(0.4, 0, 0, 1) FadeOut',
28
- 'motion.content.exit.short': '50ms cubic-bezier(0.4, 0, 0, 1) FadeOut',
29
- 'motion.flag.enter': '250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn',
30
- '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',
31
- 'motion.flag.reposition': 'transform 300ms cubic-bezier(0.4, 0, 0, 1)',
32
- 'motion.modal.enter': '200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
33
- 'motion.modal.exit': '200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut',
34
- 'motion.popup.enter.bottom': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
35
- 'motion.popup.enter.left': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
36
- 'motion.popup.enter.right': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
37
- 'motion.popup.enter.top': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn',
38
- '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',
39
- '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',
40
- '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',
41
- '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',
42
- 'motion.spotlight.enter': '250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn',
43
- 'motion.spotlight.exit': '200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut',
20
+ 'motion.avatar.enter': '150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
21
+ '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',
22
+ '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)',
23
+ 'motion.blanket.enter': '250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100',
24
+ 'motion.blanket.exit': '200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0',
25
+ 'motion.duration.instant': '0ms',
26
+ 'motion.duration.long': '250ms',
27
+ 'motion.duration.medium': '200ms',
28
+ 'motion.duration.short': '150ms',
29
+ 'motion.duration.xlong': '400ms',
30
+ 'motion.duration.xshort': '100ms',
31
+ 'motion.duration.xxlong': '600ms',
32
+ 'motion.duration.xxshort': '50ms',
33
+ 'motion.easing.in.practical': 'cubic-bezier(0.6, 0, 0.8, 0.6)',
34
+ 'motion.easing.inout.bold': 'cubic-bezier(0.4, 0, 0, 1)',
35
+ 'motion.easing.out.practical': 'cubic-bezier(0.4, 1, 0.6, 1)',
36
+ 'motion.easing.out.bold': 'cubic-bezier(0, 0.4, 0, 1)',
37
+ '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)',
38
+ 'motion.flag.enter': '250ms cubic-bezier(0, 0.4, 0, 1) SlideIn50PercentLeft, 250ms cubic-bezier(0, 0.4, 0, 1) FadeIn0to100',
39
+ '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',
40
+ 'motion.flag.reposition': 'transform 250ms cubic-bezier(0.4, 0, 0, 1)',
41
+ 'motion.keyframe.fade.in': 'FadeIn0to100',
42
+ 'motion.keyframe.fade.out': 'FadeOut100to0',
43
+ 'motion.keyframe.scale.in.medium': 'ScaleIn80to100',
44
+ 'motion.keyframe.scale.in.small': 'ScaleIn95to100',
45
+ 'motion.keyframe.scale.out.medium': 'ScaleOut100to80',
46
+ 'motion.keyframe.scale.out.small': 'ScaleOut100to95',
47
+ 'motion.keyframe.slide.in.bottom.short': 'SlideInBottom8px',
48
+ 'motion.keyframe.slide.in.left.half': 'SlideIn50PercentLeft',
49
+ 'motion.keyframe.slide.in.left.short': 'SlideInLeft8px',
50
+ 'motion.keyframe.slide.in.right.short': 'SlideInRight8px',
51
+ 'motion.keyframe.slide.in.top.short': 'SlideInTop8px',
52
+ 'motion.keyframe.slide.out.bottom.short': 'SlideOutBottom8px',
53
+ 'motion.keyframe.slide.out.left.half': 'SlideOut15PercentLeft',
54
+ 'motion.keyframe.slide.out.left.short': 'SlideOutLeft8px',
55
+ 'motion.keyframe.slide.out.right.short': 'SlideOutRight8px',
56
+ 'motion.keyframe.slide.out.top.short': 'SlideOutTop8px',
57
+ 'motion.modal.enter': '250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100',
58
+ 'motion.modal.exit': '200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95',
59
+ 'motion.popup.enter.bottom': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
60
+ 'motion.popup.enter.left': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
61
+ 'motion.popup.enter.right': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
62
+ 'motion.popup.enter.top': '150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100',
63
+ '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',
64
+ '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',
65
+ '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',
66
+ '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',
67
+ 'motion.spotlight.enter': '250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100',
68
+ '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',
44
69
  'color.text': '#292A2E',
45
70
  'color.text.accent.lime': '#4C6B1F',
46
71
  'color.text.accent.lime.bolder': '#37471F',
@@ -484,7 +509,6 @@ var defaultTokenValues = {
484
509
  'font.body.large': 'normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
485
510
  'font.body': 'normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
486
511
  'font.body.small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
487
- 'font.body.UNSAFE_small': 'normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
488
512
  'font.metric.large': 'normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
489
513
  'font.metric.medium': 'normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
490
514
  '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/cjs/artifacts/token-names.js CHANGED
@@ -6,22 +6,47 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::921c184d9a6e3b52bd2ab053939ce9ad>>
9
+ * @codegen <<SignedSource::a1de8a9439d40392e3e4945ecf9d9214>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = {
13
13
  'motion.avatar.enter': '--ds-avatar-enter',
14
14
  'motion.avatar.exit': '--ds-avatar-exit',
15
15
  'motion.avatar.hovered': '--ds-avatar-hovered',
16
- 'motion.content.enter.long': '--ds-content-enter-long',
17
- 'motion.content.enter.medium': '--ds-content-enter-medium',
18
- 'motion.content.enter.short': '--ds-content-enter-short',
19
- 'motion.content.exit.long': '--ds-content-exit-long',
20
- 'motion.content.exit.medium': '--ds-content-exit-medium',
21
- 'motion.content.exit.short': '--ds-content-exit-short',
16
+ 'motion.blanket.enter': '--ds-blanket-enter',
17
+ 'motion.blanket.exit': '--ds-blanket-exit',
18
+ 'motion.duration.instant': '--ds-duration-instant',
19
+ 'motion.duration.long': '--ds-duration-long',
20
+ 'motion.duration.medium': '--ds-duration-medium',
21
+ 'motion.duration.short': '--ds-duration-short',
22
+ 'motion.duration.xlong': '--ds-duration-xlong',
23
+ 'motion.duration.xshort': '--ds-duration-xshort',
24
+ 'motion.duration.xxlong': '--ds-duration-xxlong',
25
+ 'motion.duration.xxshort': '--ds-duration-xxshort',
26
+ 'motion.easing.in.practical': '--ds-easing-in-practical',
27
+ 'motion.easing.inout.bold': '--ds-easing-inout-bold',
28
+ 'motion.easing.out.practical': '--ds-easing-out-practical',
29
+ 'motion.easing.out.bold': '--ds-easing-out-bold',
30
+ 'motion.easing.spring': '--ds-easing-spring',
22
31
  'motion.flag.enter': '--ds-flag-enter',
23
32
  'motion.flag.exit': '--ds-flag-exit',
24
33
  'motion.flag.reposition': '--ds-flag-reposition',
34
+ 'motion.keyframe.fade.in': '--ds-keyframe-fade-in',
35
+ 'motion.keyframe.fade.out': '--ds-keyframe-fade-out',
36
+ 'motion.keyframe.scale.in.medium': '--ds-keyframe-scale-in-medium',
37
+ 'motion.keyframe.scale.in.small': '--ds-keyframe-scale-in-small',
38
+ 'motion.keyframe.scale.out.medium': '--ds-keyframe-scale-out-medium',
39
+ 'motion.keyframe.scale.out.small': '--ds-keyframe-scale-out-small',
40
+ 'motion.keyframe.slide.in.bottom.short': '--ds-keyframe-slide-in-bottom-short',
41
+ 'motion.keyframe.slide.in.left.half': '--ds-keyframe-slide-in-left-half',
42
+ 'motion.keyframe.slide.in.left.short': '--ds-keyframe-slide-in-left-short',
43
+ 'motion.keyframe.slide.in.right.short': '--ds-keyframe-slide-in-right-short',
44
+ 'motion.keyframe.slide.in.top.short': '--ds-keyframe-slide-in-top-short',
45
+ 'motion.keyframe.slide.out.bottom.short': '--ds-keyframe-slide-out-bottom-short',
46
+ 'motion.keyframe.slide.out.left.half': '--ds-keyframe-slide-out-left-half',
47
+ 'motion.keyframe.slide.out.left.short': '--ds-keyframe-slide-out-left-short',
48
+ 'motion.keyframe.slide.out.right.short': '--ds-keyframe-slide-out-right-short',
49
+ 'motion.keyframe.slide.out.top.short': '--ds-keyframe-slide-out-top-short',
25
50
  'motion.modal.enter': '--ds-modal-enter',
26
51
  'motion.modal.exit': '--ds-modal-exit',
27
52
  'motion.popup.enter.bottom': '--ds-popup-enter-bottom',
@@ -477,7 +502,6 @@ var tokens = {
477
502
  'font.body.large': '--ds-font-body-large',
478
503
  'font.body': '--ds-font-body',
479
504
  'font.body.small': '--ds-font-body-small',
480
- 'font.body.UNSAFE_small': '--ds-font-body-UNSAFE_small',
481
505
  'font.metric.large': '--ds-font-metric-large',
482
506
  'font.metric.medium': '--ds-font-metric-medium',
483
507
  'font.metric.small': '--ds-font-metric-small',