@atlaskit/tokens 0.4.0 → 0.6.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 (170) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/css/atlassian-dark.css +196 -67
  3. package/css/atlassian-light.css +196 -67
  4. package/dist/cjs/artifacts/rename-mapping.js +321 -1
  5. package/dist/cjs/artifacts/token-default-values.js +196 -67
  6. package/dist/cjs/artifacts/token-names.js +196 -67
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3296 -621
  9. package/dist/cjs/artifacts/types-internal.js +5 -0
  10. package/dist/cjs/get-token.js +10 -3
  11. package/dist/cjs/index.js +4 -4
  12. package/dist/cjs/tokens/atlassian-dark/color/accent.js +150 -39
  13. package/dist/cjs/tokens/atlassian-dark/color/background.js +178 -154
  14. package/dist/cjs/tokens/atlassian-dark/color/border.js +26 -2
  15. package/dist/cjs/tokens/atlassian-dark/color/icon.js +49 -0
  16. package/dist/cjs/tokens/atlassian-dark/color/interaction.js +32 -0
  17. package/dist/cjs/tokens/atlassian-dark/color/text.js +25 -23
  18. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +344 -0
  19. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +66 -0
  20. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +26 -0
  21. package/dist/cjs/tokens/atlassian-light/color/accent.js +150 -39
  22. package/dist/cjs/tokens/atlassian-light/color/background.js +178 -154
  23. package/dist/cjs/tokens/atlassian-light/color/border.js +26 -2
  24. package/dist/cjs/tokens/atlassian-light/color/icon.js +49 -0
  25. package/dist/cjs/tokens/atlassian-light/color/interaction.js +32 -0
  26. package/dist/cjs/tokens/atlassian-light/color/text.js +25 -23
  27. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +330 -0
  28. package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +52 -0
  29. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +26 -0
  30. package/dist/cjs/tokens/default/color/accent.js +306 -87
  31. package/dist/cjs/tokens/default/color/background.js +339 -309
  32. package/dist/cjs/tokens/default/color/border.js +60 -4
  33. package/dist/cjs/tokens/default/color/icon.js +93 -0
  34. package/dist/cjs/tokens/default/color/interaction.js +44 -0
  35. package/dist/cjs/tokens/default/color/text.js +37 -35
  36. package/dist/cjs/tokens/default/deprecated/deprecated.js +698 -0
  37. package/dist/cjs/tokens/default/elevation/shadow.js +28 -0
  38. package/dist/cjs/tokens/default/elevation/surface.js +42 -0
  39. package/dist/cjs/version.json +1 -1
  40. package/dist/es2019/artifacts/rename-mapping.js +321 -1
  41. package/dist/es2019/artifacts/token-default-values.js +196 -67
  42. package/dist/es2019/artifacts/token-names.js +196 -67
  43. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  44. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3296 -621
  45. package/dist/es2019/artifacts/types-internal.js +1 -0
  46. package/dist/es2019/get-token.js +8 -3
  47. package/dist/es2019/tokens/atlassian-dark/color/accent.js +150 -39
  48. package/dist/es2019/tokens/atlassian-dark/color/background.js +178 -154
  49. package/dist/es2019/tokens/atlassian-dark/color/border.js +26 -2
  50. package/dist/es2019/tokens/atlassian-dark/color/icon.js +42 -0
  51. package/dist/es2019/tokens/atlassian-dark/color/interaction.js +25 -0
  52. package/dist/es2019/tokens/atlassian-dark/color/text.js +25 -23
  53. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  54. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +59 -0
  55. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +19 -0
  56. package/dist/es2019/tokens/atlassian-light/color/accent.js +150 -39
  57. package/dist/es2019/tokens/atlassian-light/color/background.js +178 -154
  58. package/dist/es2019/tokens/atlassian-light/color/border.js +26 -2
  59. package/dist/es2019/tokens/atlassian-light/color/icon.js +42 -0
  60. package/dist/es2019/tokens/atlassian-light/color/interaction.js +25 -0
  61. package/dist/es2019/tokens/atlassian-light/color/text.js +25 -23
  62. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  63. package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +45 -0
  64. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +19 -0
  65. package/dist/es2019/tokens/default/color/accent.js +306 -87
  66. package/dist/es2019/tokens/default/color/background.js +339 -314
  67. package/dist/es2019/tokens/default/color/border.js +60 -4
  68. package/dist/es2019/tokens/default/color/icon.js +86 -0
  69. package/dist/es2019/tokens/default/color/interaction.js +37 -0
  70. package/dist/es2019/tokens/default/color/text.js +37 -42
  71. package/dist/es2019/tokens/default/deprecated/deprecated.js +729 -0
  72. package/dist/es2019/tokens/default/elevation/shadow.js +23 -0
  73. package/dist/es2019/tokens/default/elevation/surface.js +37 -0
  74. package/dist/es2019/version.json +1 -1
  75. package/dist/esm/artifacts/rename-mapping.js +321 -1
  76. package/dist/esm/artifacts/token-default-values.js +196 -67
  77. package/dist/esm/artifacts/token-names.js +196 -67
  78. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  79. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3296 -621
  80. package/dist/esm/artifacts/types-internal.js +1 -0
  81. package/dist/esm/get-token.js +8 -3
  82. package/dist/esm/tokens/atlassian-dark/color/accent.js +150 -39
  83. package/dist/esm/tokens/atlassian-dark/color/background.js +178 -154
  84. package/dist/esm/tokens/atlassian-dark/color/border.js +26 -2
  85. package/dist/esm/tokens/atlassian-dark/color/icon.js +42 -0
  86. package/dist/esm/tokens/atlassian-dark/color/interaction.js +25 -0
  87. package/dist/esm/tokens/atlassian-dark/color/text.js +25 -23
  88. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  89. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +59 -0
  90. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +19 -0
  91. package/dist/esm/tokens/atlassian-light/color/accent.js +150 -39
  92. package/dist/esm/tokens/atlassian-light/color/background.js +178 -154
  93. package/dist/esm/tokens/atlassian-light/color/border.js +26 -2
  94. package/dist/esm/tokens/atlassian-light/color/icon.js +42 -0
  95. package/dist/esm/tokens/atlassian-light/color/interaction.js +25 -0
  96. package/dist/esm/tokens/atlassian-light/color/text.js +25 -23
  97. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  98. package/dist/esm/tokens/atlassian-light/elevation/shadow.js +45 -0
  99. package/dist/esm/tokens/atlassian-light/elevation/surface.js +19 -0
  100. package/dist/esm/tokens/default/color/accent.js +306 -87
  101. package/dist/esm/tokens/default/color/background.js +339 -309
  102. package/dist/esm/tokens/default/color/border.js +60 -4
  103. package/dist/esm/tokens/default/color/icon.js +86 -0
  104. package/dist/esm/tokens/default/color/interaction.js +37 -0
  105. package/dist/esm/tokens/default/color/text.js +37 -35
  106. package/dist/esm/tokens/default/deprecated/deprecated.js +691 -0
  107. package/dist/esm/tokens/default/elevation/shadow.js +21 -0
  108. package/dist/esm/tokens/default/elevation/surface.js +35 -0
  109. package/dist/esm/version.json +1 -1
  110. package/dist/types/artifacts/rename-mapping.d.ts +6 -2
  111. package/dist/types/artifacts/token-default-values.d.ts +196 -67
  112. package/dist/types/artifacts/token-names.d.ts +392 -134
  113. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +86 -0
  114. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +62 -0
  115. package/dist/types/artifacts/types-internal.d.ts +4 -0
  116. package/dist/types/artifacts/types.d.ts +1 -1
  117. package/dist/types/get-token.d.ts +2 -2
  118. package/dist/types/tokens/atlassian-dark/color/icon.d.ts +3 -0
  119. package/dist/types/tokens/atlassian-dark/color/interaction.d.ts +3 -0
  120. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +3 -0
  121. package/dist/types/tokens/atlassian-dark/{shadow → elevation}/shadow.d.ts +0 -0
  122. package/dist/types/tokens/atlassian-dark/elevation/surface.d.ts +3 -0
  123. package/dist/types/tokens/atlassian-light/color/icon.d.ts +3 -0
  124. package/dist/types/tokens/atlassian-light/color/interaction.d.ts +3 -0
  125. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +3 -0
  126. package/dist/types/tokens/atlassian-light/{shadow → elevation}/shadow.d.ts +0 -0
  127. package/dist/types/tokens/atlassian-light/elevation/surface.d.ts +3 -0
  128. package/dist/types/tokens/default/color/icon.d.ts +3 -0
  129. package/dist/types/tokens/default/color/interaction.d.ts +3 -0
  130. package/dist/types/tokens/default/deprecated/deprecated.d.ts +3 -0
  131. package/dist/types/tokens/default/{shadow → elevation}/shadow.d.ts +0 -0
  132. package/dist/types/tokens/default/elevation/surface.d.ts +3 -0
  133. package/dist/types/tokens/default/utility/utility.d.ts +72 -72
  134. package/dist/types/types.d.ts +294 -54
  135. package/package.json +6 -4
  136. package/tokens-browser-extension/atlassian-theme.css +434 -360
  137. package/tokens-browser-extension/manifest.json +1 -2
  138. package/dist/cjs/tokens/atlassian-dark/color/icon-border.js +0 -29
  139. package/dist/cjs/tokens/atlassian-dark/color/overlay.js +0 -20
  140. package/dist/cjs/tokens/atlassian-dark/shadow/shadow.js +0 -64
  141. package/dist/cjs/tokens/atlassian-light/color/icon-border.js +0 -29
  142. package/dist/cjs/tokens/atlassian-light/color/overlay.js +0 -20
  143. package/dist/cjs/tokens/atlassian-light/shadow/shadow.js +0 -50
  144. package/dist/cjs/tokens/default/color/icon-border.js +0 -49
  145. package/dist/cjs/tokens/default/color/overlay.js +0 -28
  146. package/dist/cjs/tokens/default/shadow/shadow.js +0 -26
  147. package/dist/es2019/tokens/atlassian-dark/color/icon-border.js +0 -22
  148. package/dist/es2019/tokens/atlassian-dark/color/overlay.js +0 -13
  149. package/dist/es2019/tokens/atlassian-dark/shadow/shadow.js +0 -57
  150. package/dist/es2019/tokens/atlassian-light/color/icon-border.js +0 -22
  151. package/dist/es2019/tokens/atlassian-light/color/overlay.js +0 -13
  152. package/dist/es2019/tokens/atlassian-light/shadow/shadow.js +0 -43
  153. package/dist/es2019/tokens/default/color/icon-border.js +0 -60
  154. package/dist/es2019/tokens/default/color/overlay.js +0 -21
  155. package/dist/es2019/tokens/default/shadow/shadow.js +0 -27
  156. package/dist/esm/tokens/atlassian-dark/color/icon-border.js +0 -22
  157. package/dist/esm/tokens/atlassian-dark/color/overlay.js +0 -13
  158. package/dist/esm/tokens/atlassian-dark/shadow/shadow.js +0 -57
  159. package/dist/esm/tokens/atlassian-light/color/icon-border.js +0 -22
  160. package/dist/esm/tokens/atlassian-light/color/overlay.js +0 -13
  161. package/dist/esm/tokens/atlassian-light/shadow/shadow.js +0 -43
  162. package/dist/esm/tokens/default/color/icon-border.js +0 -42
  163. package/dist/esm/tokens/default/color/overlay.js +0 -21
  164. package/dist/esm/tokens/default/shadow/shadow.js +0 -19
  165. package/dist/types/tokens/atlassian-dark/color/icon-border.d.ts +0 -3
  166. package/dist/types/tokens/atlassian-dark/color/overlay.d.ts +0 -3
  167. package/dist/types/tokens/atlassian-light/color/icon-border.d.ts +0 -3
  168. package/dist/types/tokens/atlassian-light/color/overlay.d.ts +0 -3
  169. package/dist/types/tokens/default/color/icon-border.d.ts +0 -3
  170. package/dist/types/tokens/default/color/overlay.d.ts +0 -3
@@ -1,57 +0,0 @@
1
- var shadow = {
2
- shadow: {
3
- card: {
4
- value: [{
5
- radius: 1,
6
- offset: {
7
- x: 0,
8
- y: 1
9
- },
10
- color: 'DN-100A',
11
- // This opacity overrides the color alpha.
12
- opacity: 0.5
13
- }, {
14
- radius: 1,
15
- offset: {
16
- x: 0,
17
- y: 0
18
- },
19
- color: 'DN-100A',
20
- // This opacity overrides the color alpha.
21
- opacity: 0.5
22
- }]
23
- },
24
- overlay: {
25
- value: [{
26
- radius: 0,
27
- spread: 1,
28
- color: 'DN100A',
29
- offset: {
30
- x: 0,
31
- y: 0
32
- },
33
- opacity: 0.04,
34
- inset: true
35
- }, {
36
- radius: 12,
37
- offset: {
38
- x: 0,
39
- y: 8
40
- },
41
- color: 'DN-100A',
42
- // This opacity overrides the color alpha.
43
- opacity: 0.36
44
- }, {
45
- radius: 1,
46
- offset: {
47
- x: 0,
48
- y: 0
49
- },
50
- color: 'DN-100A',
51
- // This opacity overrides the color alpha.
52
- opacity: 0.5
53
- }]
54
- }
55
- }
56
- };
57
- export default shadow;
@@ -1,22 +0,0 @@
1
- var color = {
2
- color: {
3
- iconBorder: {
4
- brand: {
5
- value: 'B600'
6
- },
7
- danger: {
8
- value: 'R600'
9
- },
10
- warning: {
11
- value: 'O600'
12
- },
13
- success: {
14
- value: 'G600'
15
- },
16
- discovery: {
17
- value: 'P600'
18
- }
19
- }
20
- }
21
- };
22
- export default color;
@@ -1,13 +0,0 @@
1
- var color = {
2
- color: {
3
- overlay: {
4
- hover: {
5
- value: 'N400A'
6
- },
7
- pressed: {
8
- value: 'N500A'
9
- }
10
- }
11
- }
12
- };
13
- export default color;
@@ -1,43 +0,0 @@
1
- var shadow = {
2
- shadow: {
3
- card: {
4
- value: [{
5
- radius: 1,
6
- offset: {
7
- x: 0,
8
- y: 1
9
- },
10
- color: 'N1100',
11
- opacity: 0.25
12
- }, {
13
- radius: 1,
14
- offset: {
15
- x: 0,
16
- y: 0
17
- },
18
- color: 'N1100',
19
- opacity: 0.31
20
- }]
21
- },
22
- overlay: {
23
- value: [{
24
- radius: 12,
25
- offset: {
26
- x: 0,
27
- y: 8
28
- },
29
- color: 'N1100',
30
- opacity: 0.15
31
- }, {
32
- radius: 1,
33
- offset: {
34
- x: 0,
35
- y: 0
36
- },
37
- color: 'N1100',
38
- opacity: 0.31
39
- }]
40
- }
41
- }
42
- };
43
- export default shadow;
@@ -1,42 +0,0 @@
1
- var color = {
2
- color: {
3
- iconBorder: {
4
- brand: {
5
- attributes: {
6
- group: 'paint',
7
- state: 'active',
8
- description: "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons."
9
- }
10
- },
11
- danger: {
12
- attributes: {
13
- group: 'paint',
14
- state: 'active',
15
- description: "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons."
16
- }
17
- },
18
- warning: {
19
- attributes: {
20
- group: 'paint',
21
- state: 'active',
22
- description: "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n"
23
- }
24
- },
25
- success: {
26
- attributes: {
27
- group: 'paint',
28
- state: 'active',
29
- description: "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n"
30
- }
31
- },
32
- discovery: {
33
- attributes: {
34
- group: 'paint',
35
- state: 'active',
36
- description: "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n"
37
- }
38
- }
39
- }
40
- }
41
- };
42
- export default color;
@@ -1,21 +0,0 @@
1
- var color = {
2
- color: {
3
- overlay: {
4
- hover: {
5
- attributes: {
6
- group: 'paint',
7
- state: 'active',
8
- description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
9
- }
10
- },
11
- pressed: {
12
- attributes: {
13
- group: 'paint',
14
- state: 'active',
15
- description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
16
- }
17
- }
18
- }
19
- }
20
- };
21
- export default color;
@@ -1,19 +0,0 @@
1
- var shadow = {
2
- shadow: {
3
- card: {
4
- attributes: {
5
- group: 'shadow',
6
- state: 'active',
7
- description: "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
8
- }
9
- },
10
- overlay: {
11
- attributes: {
12
- group: 'shadow',
13
- state: 'active',
14
- description: "\nUse for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
15
- }
16
- }
17
- }
18
- };
19
- export default shadow;
@@ -1,3 +0,0 @@
1
- import type { IconBorderColorTokenSchema, ValueSchema } from '../../../types';
2
- declare const color: ValueSchema<IconBorderColorTokenSchema>;
3
- export default color;
@@ -1,3 +0,0 @@
1
- import type { OverlayColorTokenSchema, ValueSchema } from '../../../types';
2
- declare const color: ValueSchema<OverlayColorTokenSchema>;
3
- export default color;
@@ -1,3 +0,0 @@
1
- import type { IconBorderColorTokenSchema, ValueSchema } from '../../../types';
2
- declare const color: ValueSchema<IconBorderColorTokenSchema>;
3
- export default color;
@@ -1,3 +0,0 @@
1
- import type { OverlayColorTokenSchema, ValueSchema } from '../../../types';
2
- declare const color: ValueSchema<OverlayColorTokenSchema>;
3
- export default color;
@@ -1,3 +0,0 @@
1
- import type { AttributeSchema, IconBorderColorTokenSchema } from '../../../types';
2
- declare const color: AttributeSchema<IconBorderColorTokenSchema>;
3
- export default color;
@@ -1,3 +0,0 @@
1
- import type { AttributeSchema, OverlayColorTokenSchema } from '../../../types';
2
- declare const color: AttributeSchema<OverlayColorTokenSchema>;
3
- export default color;