@atlaskit/tokens 0.10.16 → 0.10.19

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 (173) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-dark.css +3 -1
  3. package/css/atlassian-legacy-dark.css +292 -0
  4. package/css/atlassian-legacy-light.css +292 -0
  5. package/css/atlassian-light.css +3 -1
  6. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +120 -69
  7. package/dist/cjs/artifacts/palettes-raw/palette.js +35 -1
  8. package/dist/cjs/artifacts/token-default-values.js +3 -1
  9. package/dist/cjs/artifacts/token-names.js +3 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +45 -3
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +6800 -0
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +6760 -0
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +45 -3
  14. package/dist/cjs/constants.js +9 -5
  15. package/dist/cjs/get-token.js +1 -1
  16. package/dist/cjs/palettes/legacy-palette.js +59 -34
  17. package/dist/cjs/palettes/palette.js +18 -0
  18. package/dist/cjs/tokens/atlassian-dark/opacity/opacity.js +18 -0
  19. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +296 -0
  20. package/dist/cjs/tokens/atlassian-legacy-dark/color/background.js +250 -0
  21. package/dist/cjs/tokens/atlassian-legacy-dark/color/border.js +53 -0
  22. package/dist/cjs/tokens/atlassian-legacy-dark/color/icon.js +52 -0
  23. package/dist/cjs/tokens/atlassian-legacy-dark/color/interaction.js +22 -0
  24. package/dist/cjs/tokens/atlassian-legacy-dark/color/skeleton.js +20 -0
  25. package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +63 -0
  26. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +532 -0
  27. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +89 -0
  28. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/surface.js +26 -0
  29. package/dist/cjs/tokens/atlassian-legacy-dark/opacity/opacity.js +18 -0
  30. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +20 -0
  31. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +296 -0
  32. package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +249 -0
  33. package/dist/cjs/tokens/atlassian-legacy-light/color/border.js +53 -0
  34. package/dist/cjs/tokens/atlassian-legacy-light/color/icon.js +52 -0
  35. package/dist/cjs/tokens/atlassian-legacy-light/color/interaction.js +22 -0
  36. package/dist/cjs/tokens/atlassian-legacy-light/color/skeleton.js +20 -0
  37. package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +63 -0
  38. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +523 -0
  39. package/dist/cjs/tokens/atlassian-legacy-light/elevation/shadow.js +71 -0
  40. package/dist/cjs/tokens/atlassian-legacy-light/elevation/surface.js +26 -0
  41. package/dist/cjs/tokens/atlassian-legacy-light/opacity/opacity.js +18 -0
  42. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +20 -0
  43. package/dist/cjs/tokens/atlassian-light/opacity/opacity.js +18 -0
  44. package/dist/cjs/tokens/default/elevation/shadow.js +1 -1
  45. package/dist/cjs/tokens/default/opacity/opacity.js +28 -0
  46. package/dist/cjs/utils/token-ids.js +8 -5
  47. package/dist/cjs/version.json +1 -1
  48. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +120 -69
  49. package/dist/es2019/artifacts/palettes-raw/palette.js +35 -1
  50. package/dist/es2019/artifacts/token-default-values.js +3 -1
  51. package/dist/es2019/artifacts/token-names.js +3 -1
  52. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +45 -3
  53. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +6792 -0
  54. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +6752 -0
  55. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +45 -3
  56. package/dist/es2019/constants.js +6 -3
  57. package/dist/es2019/get-token.js +1 -1
  58. package/dist/es2019/palettes/legacy-palette.js +59 -34
  59. package/dist/es2019/palettes/palette.js +18 -0
  60. package/dist/es2019/tokens/atlassian-dark/opacity/opacity.js +11 -0
  61. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +289 -0
  62. package/dist/es2019/tokens/atlassian-legacy-dark/color/background.js +243 -0
  63. package/dist/es2019/tokens/atlassian-legacy-dark/color/border.js +46 -0
  64. package/dist/es2019/tokens/atlassian-legacy-dark/color/icon.js +45 -0
  65. package/dist/es2019/tokens/atlassian-legacy-dark/color/interaction.js +15 -0
  66. package/dist/es2019/tokens/atlassian-legacy-dark/color/skeleton.js +13 -0
  67. package/dist/es2019/tokens/atlassian-legacy-dark/color/text.js +56 -0
  68. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +525 -0
  69. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/shadow.js +82 -0
  70. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/surface.js +19 -0
  71. package/dist/es2019/tokens/atlassian-legacy-dark/opacity/opacity.js +11 -0
  72. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +13 -0
  73. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +289 -0
  74. package/dist/es2019/tokens/atlassian-legacy-light/color/background.js +242 -0
  75. package/dist/es2019/tokens/atlassian-legacy-light/color/border.js +46 -0
  76. package/dist/es2019/tokens/atlassian-legacy-light/color/icon.js +45 -0
  77. package/dist/es2019/tokens/atlassian-legacy-light/color/interaction.js +15 -0
  78. package/dist/es2019/tokens/atlassian-legacy-light/color/skeleton.js +13 -0
  79. package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +56 -0
  80. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +516 -0
  81. package/dist/es2019/tokens/atlassian-legacy-light/elevation/shadow.js +64 -0
  82. package/dist/es2019/tokens/atlassian-legacy-light/elevation/surface.js +19 -0
  83. package/dist/es2019/tokens/atlassian-legacy-light/opacity/opacity.js +11 -0
  84. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +13 -0
  85. package/dist/es2019/tokens/atlassian-light/opacity/opacity.js +11 -0
  86. package/dist/es2019/tokens/default/elevation/shadow.js +1 -1
  87. package/dist/es2019/tokens/default/opacity/opacity.js +21 -0
  88. package/dist/es2019/utils/token-ids.js +6 -4
  89. package/dist/es2019/version.json +1 -1
  90. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +120 -69
  91. package/dist/esm/artifacts/palettes-raw/palette.js +35 -1
  92. package/dist/esm/artifacts/token-default-values.js +3 -1
  93. package/dist/esm/artifacts/token-names.js +3 -1
  94. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +45 -3
  95. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +6792 -0
  96. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +6752 -0
  97. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +45 -3
  98. package/dist/esm/constants.js +6 -3
  99. package/dist/esm/get-token.js +1 -1
  100. package/dist/esm/palettes/legacy-palette.js +59 -34
  101. package/dist/esm/palettes/palette.js +18 -0
  102. package/dist/esm/tokens/atlassian-dark/opacity/opacity.js +11 -0
  103. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +289 -0
  104. package/dist/esm/tokens/atlassian-legacy-dark/color/background.js +243 -0
  105. package/dist/esm/tokens/atlassian-legacy-dark/color/border.js +46 -0
  106. package/dist/esm/tokens/atlassian-legacy-dark/color/icon.js +45 -0
  107. package/dist/esm/tokens/atlassian-legacy-dark/color/interaction.js +15 -0
  108. package/dist/esm/tokens/atlassian-legacy-dark/color/skeleton.js +13 -0
  109. package/dist/esm/tokens/atlassian-legacy-dark/color/text.js +56 -0
  110. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +525 -0
  111. package/dist/esm/tokens/atlassian-legacy-dark/elevation/shadow.js +82 -0
  112. package/dist/esm/tokens/atlassian-legacy-dark/elevation/surface.js +19 -0
  113. package/dist/esm/tokens/atlassian-legacy-dark/opacity/opacity.js +11 -0
  114. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +13 -0
  115. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +289 -0
  116. package/dist/esm/tokens/atlassian-legacy-light/color/background.js +242 -0
  117. package/dist/esm/tokens/atlassian-legacy-light/color/border.js +46 -0
  118. package/dist/esm/tokens/atlassian-legacy-light/color/icon.js +45 -0
  119. package/dist/esm/tokens/atlassian-legacy-light/color/interaction.js +15 -0
  120. package/dist/esm/tokens/atlassian-legacy-light/color/skeleton.js +13 -0
  121. package/dist/esm/tokens/atlassian-legacy-light/color/text.js +56 -0
  122. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +516 -0
  123. package/dist/esm/tokens/atlassian-legacy-light/elevation/shadow.js +64 -0
  124. package/dist/esm/tokens/atlassian-legacy-light/elevation/surface.js +19 -0
  125. package/dist/esm/tokens/atlassian-legacy-light/opacity/opacity.js +11 -0
  126. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +13 -0
  127. package/dist/esm/tokens/atlassian-light/opacity/opacity.js +11 -0
  128. package/dist/esm/tokens/default/elevation/shadow.js +1 -1
  129. package/dist/esm/tokens/default/opacity/opacity.js +21 -0
  130. package/dist/esm/utils/token-ids.js +6 -4
  131. package/dist/esm/version.json +1 -1
  132. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +20 -3
  133. package/dist/types/artifacts/palettes-raw/palette.d.ts +20 -3
  134. package/dist/types/artifacts/token-default-values.d.ts +3 -1
  135. package/dist/types/artifacts/token-names.d.ts +5 -1
  136. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +28 -1
  137. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +222 -0
  138. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +174 -0
  139. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +28 -1
  140. package/dist/types/artifacts/types-internal.d.ts +2 -2
  141. package/dist/types/artifacts/types.d.ts +2 -2
  142. package/dist/types/constants.d.ts +4 -1
  143. package/dist/types/palettes/legacy-palette.d.ts +1 -1
  144. package/dist/types/tokens/atlassian-dark/opacity/opacity.d.ts +3 -0
  145. package/dist/types/tokens/atlassian-legacy-dark/color/accent.d.ts +4 -0
  146. package/dist/types/tokens/atlassian-legacy-dark/color/background.d.ts +4 -0
  147. package/dist/types/tokens/atlassian-legacy-dark/color/border.d.ts +4 -0
  148. package/dist/types/tokens/atlassian-legacy-dark/color/icon.d.ts +4 -0
  149. package/dist/types/tokens/atlassian-legacy-dark/color/interaction.d.ts +4 -0
  150. package/dist/types/tokens/atlassian-legacy-dark/color/skeleton.d.ts +4 -0
  151. package/dist/types/tokens/atlassian-legacy-dark/color/text.d.ts +4 -0
  152. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +4 -0
  153. package/dist/types/tokens/atlassian-legacy-dark/elevation/shadow.d.ts +4 -0
  154. package/dist/types/tokens/atlassian-legacy-dark/elevation/surface.d.ts +4 -0
  155. package/dist/types/tokens/atlassian-legacy-dark/opacity/opacity.d.ts +3 -0
  156. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +5 -0
  157. package/dist/types/tokens/atlassian-legacy-light/color/accent.d.ts +4 -0
  158. package/dist/types/tokens/atlassian-legacy-light/color/background.d.ts +4 -0
  159. package/dist/types/tokens/atlassian-legacy-light/color/border.d.ts +4 -0
  160. package/dist/types/tokens/atlassian-legacy-light/color/icon.d.ts +4 -0
  161. package/dist/types/tokens/atlassian-legacy-light/color/interaction.d.ts +4 -0
  162. package/dist/types/tokens/atlassian-legacy-light/color/skeleton.d.ts +4 -0
  163. package/dist/types/tokens/atlassian-legacy-light/color/text.d.ts +4 -0
  164. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +4 -0
  165. package/dist/types/tokens/atlassian-legacy-light/elevation/shadow.d.ts +4 -0
  166. package/dist/types/tokens/atlassian-legacy-light/elevation/surface.d.ts +4 -0
  167. package/dist/types/tokens/atlassian-legacy-light/opacity/opacity.d.ts +3 -0
  168. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +5 -0
  169. package/dist/types/tokens/atlassian-light/opacity/opacity.d.ts +3 -0
  170. package/dist/types/tokens/default/opacity/opacity.d.ts +3 -0
  171. package/dist/types/types.d.ts +29 -8
  172. package/dist/types/utils/token-ids.d.ts +1 -3
  173. package/package.json +16 -14
@@ -1,9 +1,43 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::48a859c3e6fb79202e5702421d1b6254>>
3
+ * @codegen <<SignedSource::54a73caa5e11805075c57f698252b1e7>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
7
+ "value": 0.2,
8
+ "attributes": {
9
+ "group": "palette",
10
+ "category": "opacity"
11
+ },
12
+ "filePath": "src/palettes/palette.tsx",
13
+ "isSource": true,
14
+ "original": {
15
+ "value": 0.2,
16
+ "attributes": {
17
+ "group": "palette",
18
+ "category": "opacity"
19
+ }
20
+ },
21
+ "name": "value.opacity.Opacity20",
22
+ "path": ["value", "opacity", "Opacity20"]
23
+ }, {
24
+ "value": 0.4,
25
+ "attributes": {
26
+ "group": "palette",
27
+ "category": "opacity"
28
+ },
29
+ "filePath": "src/palettes/palette.tsx",
30
+ "isSource": true,
31
+ "original": {
32
+ "value": 0.4,
33
+ "attributes": {
34
+ "group": "palette",
35
+ "category": "opacity"
36
+ }
37
+ },
38
+ "name": "value.opacity.Opacity40",
39
+ "path": ["value", "opacity", "Opacity40"]
40
+ }, {
7
41
  "value": "#E9F2FF",
8
42
  "attributes": {
9
43
  "group": "palette",
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Token names mapped to their value in the default Atlassian theme ('light')
5
5
  *
6
- * @codegen <<SignedSource::bf85c12f621d58ae427a6fd99c62fd24>>
6
+ * @codegen <<SignedSource::d33654f7422a0d210f1d8a1bf4497a45>>
7
7
  * @codegenCommand yarn build tokens
8
8
  */
9
9
  const defaultTokenValues = {
@@ -288,6 +288,8 @@ const defaultTokenValues = {
288
288
  'elevation.surface.sunken': '#F7F8F9',
289
289
  'elevation.surface.raised': '#FFFFFF',
290
290
  'elevation.surface.overlay': '#FFFFFF',
291
+ 'opacity.disabled': '0.4',
292
+ 'opacity.loading': '0.2',
291
293
  'utility.UNSAFE_util.transparent': 'transparent',
292
294
  'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2'
293
295
  };
@@ -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::3acc6507214a2d925fd75bce0549f0ab>>
3
+ * @codegen <<SignedSource::e9fa17eebeaf3b2a8318f43c4f7e89c4>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
@@ -285,6 +285,8 @@ const tokens = {
285
285
  'elevation.surface.sunken': '--ds-surface-sunken',
286
286
  'elevation.surface.raised': '--ds-surface-raised',
287
287
  'elevation.surface.overlay': '--ds-surface-overlay',
288
+ 'opacity.disabled': '--ds-opacity-disabled',
289
+ 'opacity.loading': '--ds-opacity-loading',
288
290
  'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
289
291
  'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN'
290
292
  };
@@ -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::3fef3c7e03c920ccf46adb8e5016f1f9>>
3
+ * @codegen <<SignedSource::b756f5f6727c826e5f41b4d6b9d2b8e3>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -6499,7 +6499,7 @@ const tokens = [{
6499
6499
  "group": "shadow",
6500
6500
  "state": "active",
6501
6501
  "introduced": "0.6.0",
6502
- "description": "Use to create a shadow when content scolls under other content."
6502
+ "description": "Use to create a shadow when content scrolls under other content."
6503
6503
  },
6504
6504
  "value": [{
6505
6505
  "radius": 12,
@@ -6525,7 +6525,7 @@ const tokens = [{
6525
6525
  "group": "shadow",
6526
6526
  "state": "active",
6527
6527
  "introduced": "0.6.0",
6528
- "description": "Use to create a shadow when content scolls under other content."
6528
+ "description": "Use to create a shadow when content scrolls under other content."
6529
6529
  },
6530
6530
  "value": [{
6531
6531
  "radius": 12,
@@ -6704,6 +6704,48 @@ const tokens = [{
6704
6704
  },
6705
6705
  "name": "elevation.surface.overlay",
6706
6706
  "path": ["elevation", "surface", "overlay"]
6707
+ }, {
6708
+ "attributes": {
6709
+ "group": "opacity",
6710
+ "state": "active",
6711
+ "introduced": "0.10.13",
6712
+ "description": "Apply to images when in a disabled state."
6713
+ },
6714
+ "value": 0.4,
6715
+ "filePath": "src/tokens/atlassian-dark/opacity/opacity.tsx",
6716
+ "isSource": true,
6717
+ "original": {
6718
+ "attributes": {
6719
+ "group": "opacity",
6720
+ "state": "active",
6721
+ "introduced": "0.10.13",
6722
+ "description": "Apply to images when in a disabled state."
6723
+ },
6724
+ "value": "Opacity40"
6725
+ },
6726
+ "name": "opacity.disabled",
6727
+ "path": ["opacity", "disabled"]
6728
+ }, {
6729
+ "attributes": {
6730
+ "group": "opacity",
6731
+ "state": "active",
6732
+ "introduced": "0.10.13",
6733
+ "description": "Apply to content that sits under a loading spinner."
6734
+ },
6735
+ "value": 0.2,
6736
+ "filePath": "src/tokens/atlassian-dark/opacity/opacity.tsx",
6737
+ "isSource": true,
6738
+ "original": {
6739
+ "attributes": {
6740
+ "group": "opacity",
6741
+ "state": "active",
6742
+ "introduced": "0.10.13",
6743
+ "description": "Apply to content that sits under a loading spinner."
6744
+ },
6745
+ "value": "Opacity20"
6746
+ },
6747
+ "name": "opacity.loading",
6748
+ "path": ["opacity", "loading"]
6707
6749
  }, {
6708
6750
  "attributes": {
6709
6751
  "group": "raw",