@atlaskit/tokens 0.4.1 → 0.6.1

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 (179) hide show
  1. package/CHANGELOG.md +31 -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 +322 -2
  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/tokens/atlassian-dark/color/accent.js +150 -39
  12. package/dist/cjs/tokens/atlassian-dark/color/background.js +178 -154
  13. package/dist/cjs/tokens/atlassian-dark/color/border.js +26 -2
  14. package/dist/cjs/tokens/atlassian-dark/color/icon.js +49 -0
  15. package/dist/cjs/tokens/atlassian-dark/color/interaction.js +32 -0
  16. package/dist/cjs/tokens/atlassian-dark/color/text.js +25 -23
  17. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +344 -0
  18. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +66 -0
  19. package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +26 -0
  20. package/dist/cjs/tokens/atlassian-light/color/accent.js +150 -39
  21. package/dist/cjs/tokens/atlassian-light/color/background.js +178 -154
  22. package/dist/cjs/tokens/atlassian-light/color/border.js +26 -2
  23. package/dist/cjs/tokens/atlassian-light/color/icon.js +49 -0
  24. package/dist/cjs/tokens/atlassian-light/color/interaction.js +32 -0
  25. package/dist/cjs/tokens/atlassian-light/color/text.js +25 -23
  26. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +330 -0
  27. package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +52 -0
  28. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +26 -0
  29. package/dist/cjs/tokens/default/color/accent.js +306 -87
  30. package/dist/cjs/tokens/default/color/background.js +339 -309
  31. package/dist/cjs/tokens/default/color/border.js +60 -4
  32. package/dist/cjs/tokens/default/color/icon.js +93 -0
  33. package/dist/cjs/tokens/default/color/interaction.js +44 -0
  34. package/dist/cjs/tokens/default/color/text.js +37 -35
  35. package/dist/cjs/tokens/default/deprecated/deprecated.js +698 -0
  36. package/dist/cjs/tokens/default/elevation/shadow.js +28 -0
  37. package/dist/cjs/tokens/default/elevation/surface.js +42 -0
  38. package/dist/cjs/version.json +1 -1
  39. package/dist/es2019/artifacts/rename-mapping.js +322 -2
  40. package/dist/es2019/artifacts/token-default-values.js +196 -67
  41. package/dist/es2019/artifacts/token-names.js +196 -67
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  43. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3296 -621
  44. package/dist/es2019/artifacts/types-internal.js +1 -0
  45. package/dist/es2019/get-token.js +8 -3
  46. package/dist/es2019/tokens/atlassian-dark/color/accent.js +150 -39
  47. package/dist/es2019/tokens/atlassian-dark/color/background.js +178 -154
  48. package/dist/es2019/tokens/atlassian-dark/color/border.js +26 -2
  49. package/dist/es2019/tokens/atlassian-dark/color/icon.js +42 -0
  50. package/dist/es2019/tokens/atlassian-dark/color/interaction.js +25 -0
  51. package/dist/es2019/tokens/atlassian-dark/color/text.js +25 -23
  52. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  53. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +59 -0
  54. package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +19 -0
  55. package/dist/es2019/tokens/atlassian-light/color/accent.js +150 -39
  56. package/dist/es2019/tokens/atlassian-light/color/background.js +178 -154
  57. package/dist/es2019/tokens/atlassian-light/color/border.js +26 -2
  58. package/dist/es2019/tokens/atlassian-light/color/icon.js +42 -0
  59. package/dist/es2019/tokens/atlassian-light/color/interaction.js +25 -0
  60. package/dist/es2019/tokens/atlassian-light/color/text.js +25 -23
  61. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  62. package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +45 -0
  63. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +19 -0
  64. package/dist/es2019/tokens/default/color/accent.js +306 -87
  65. package/dist/es2019/tokens/default/color/background.js +339 -314
  66. package/dist/es2019/tokens/default/color/border.js +60 -4
  67. package/dist/es2019/tokens/default/color/icon.js +86 -0
  68. package/dist/es2019/tokens/default/color/interaction.js +37 -0
  69. package/dist/es2019/tokens/default/color/text.js +37 -42
  70. package/dist/es2019/tokens/default/deprecated/deprecated.js +729 -0
  71. package/dist/es2019/tokens/default/elevation/shadow.js +23 -0
  72. package/dist/es2019/tokens/default/elevation/surface.js +37 -0
  73. package/dist/es2019/version.json +1 -1
  74. package/dist/esm/artifacts/rename-mapping.js +322 -2
  75. package/dist/esm/artifacts/token-default-values.js +196 -67
  76. package/dist/esm/artifacts/token-names.js +196 -67
  77. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3311 -616
  78. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3296 -621
  79. package/dist/esm/artifacts/types-internal.js +1 -0
  80. package/dist/esm/get-token.js +8 -3
  81. package/dist/esm/tokens/atlassian-dark/color/accent.js +150 -39
  82. package/dist/esm/tokens/atlassian-dark/color/background.js +178 -154
  83. package/dist/esm/tokens/atlassian-dark/color/border.js +26 -2
  84. package/dist/esm/tokens/atlassian-dark/color/icon.js +42 -0
  85. package/dist/esm/tokens/atlassian-dark/color/interaction.js +25 -0
  86. package/dist/esm/tokens/atlassian-dark/color/text.js +25 -23
  87. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +337 -0
  88. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +59 -0
  89. package/dist/esm/tokens/atlassian-dark/elevation/surface.js +19 -0
  90. package/dist/esm/tokens/atlassian-light/color/accent.js +150 -39
  91. package/dist/esm/tokens/atlassian-light/color/background.js +178 -154
  92. package/dist/esm/tokens/atlassian-light/color/border.js +26 -2
  93. package/dist/esm/tokens/atlassian-light/color/icon.js +42 -0
  94. package/dist/esm/tokens/atlassian-light/color/interaction.js +25 -0
  95. package/dist/esm/tokens/atlassian-light/color/text.js +25 -23
  96. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +323 -0
  97. package/dist/esm/tokens/atlassian-light/elevation/shadow.js +45 -0
  98. package/dist/esm/tokens/atlassian-light/elevation/surface.js +19 -0
  99. package/dist/esm/tokens/default/color/accent.js +306 -87
  100. package/dist/esm/tokens/default/color/background.js +339 -309
  101. package/dist/esm/tokens/default/color/border.js +60 -4
  102. package/dist/esm/tokens/default/color/icon.js +86 -0
  103. package/dist/esm/tokens/default/color/interaction.js +37 -0
  104. package/dist/esm/tokens/default/color/text.js +37 -35
  105. package/dist/esm/tokens/default/deprecated/deprecated.js +691 -0
  106. package/dist/esm/tokens/default/elevation/shadow.js +21 -0
  107. package/dist/esm/tokens/default/elevation/surface.js +35 -0
  108. package/dist/esm/version.json +1 -1
  109. package/dist/types/artifacts/rename-mapping.d.ts +7 -3
  110. package/dist/types/artifacts/token-default-values.d.ts +196 -67
  111. package/dist/types/artifacts/token-names.d.ts +392 -134
  112. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +86 -0
  113. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +62 -0
  114. package/dist/types/artifacts/types-internal.d.ts +4 -0
  115. package/dist/types/artifacts/types.d.ts +1 -1
  116. package/dist/types/get-token.d.ts +2 -2
  117. package/dist/types/tokens/atlassian-dark/color/icon.d.ts +3 -0
  118. package/dist/types/tokens/atlassian-dark/color/interaction.d.ts +3 -0
  119. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +3 -0
  120. package/dist/types/tokens/atlassian-dark/{shadow → elevation}/shadow.d.ts +0 -0
  121. package/dist/types/tokens/atlassian-dark/elevation/surface.d.ts +3 -0
  122. package/dist/types/tokens/atlassian-light/color/icon.d.ts +3 -0
  123. package/dist/types/tokens/atlassian-light/color/interaction.d.ts +3 -0
  124. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +3 -0
  125. package/dist/types/tokens/atlassian-light/{shadow → elevation}/shadow.d.ts +0 -0
  126. package/dist/types/tokens/atlassian-light/elevation/surface.d.ts +3 -0
  127. package/dist/types/tokens/default/color/icon.d.ts +3 -0
  128. package/dist/types/tokens/default/color/interaction.d.ts +3 -0
  129. package/dist/types/tokens/default/deprecated/deprecated.d.ts +3 -0
  130. package/dist/types/tokens/default/{shadow → elevation}/shadow.d.ts +0 -0
  131. package/dist/types/tokens/default/elevation/surface.d.ts +3 -0
  132. package/dist/types/tokens/default/utility/utility.d.ts +72 -72
  133. package/dist/types/types.d.ts +294 -54
  134. package/package.json +18 -8
  135. package/dist/cjs/tokens/atlassian-dark/color/icon-border.js +0 -29
  136. package/dist/cjs/tokens/atlassian-dark/color/overlay.js +0 -20
  137. package/dist/cjs/tokens/atlassian-dark/shadow/shadow.js +0 -64
  138. package/dist/cjs/tokens/atlassian-light/color/icon-border.js +0 -29
  139. package/dist/cjs/tokens/atlassian-light/color/overlay.js +0 -20
  140. package/dist/cjs/tokens/atlassian-light/shadow/shadow.js +0 -50
  141. package/dist/cjs/tokens/default/color/icon-border.js +0 -49
  142. package/dist/cjs/tokens/default/color/overlay.js +0 -28
  143. package/dist/cjs/tokens/default/shadow/shadow.js +0 -26
  144. package/dist/es2019/tokens/atlassian-dark/color/icon-border.js +0 -22
  145. package/dist/es2019/tokens/atlassian-dark/color/overlay.js +0 -13
  146. package/dist/es2019/tokens/atlassian-dark/shadow/shadow.js +0 -57
  147. package/dist/es2019/tokens/atlassian-light/color/icon-border.js +0 -22
  148. package/dist/es2019/tokens/atlassian-light/color/overlay.js +0 -13
  149. package/dist/es2019/tokens/atlassian-light/shadow/shadow.js +0 -43
  150. package/dist/es2019/tokens/default/color/icon-border.js +0 -60
  151. package/dist/es2019/tokens/default/color/overlay.js +0 -21
  152. package/dist/es2019/tokens/default/shadow/shadow.js +0 -27
  153. package/dist/esm/tokens/atlassian-dark/color/icon-border.js +0 -22
  154. package/dist/esm/tokens/atlassian-dark/color/overlay.js +0 -13
  155. package/dist/esm/tokens/atlassian-dark/shadow/shadow.js +0 -57
  156. package/dist/esm/tokens/atlassian-light/color/icon-border.js +0 -22
  157. package/dist/esm/tokens/atlassian-light/color/overlay.js +0 -13
  158. package/dist/esm/tokens/atlassian-light/shadow/shadow.js +0 -43
  159. package/dist/esm/tokens/default/color/icon-border.js +0 -42
  160. package/dist/esm/tokens/default/color/overlay.js +0 -21
  161. package/dist/esm/tokens/default/shadow/shadow.js +0 -19
  162. package/dist/types/tokens/atlassian-dark/color/icon-border.d.ts +0 -3
  163. package/dist/types/tokens/atlassian-dark/color/overlay.d.ts +0 -3
  164. package/dist/types/tokens/atlassian-light/color/icon-border.d.ts +0 -3
  165. package/dist/types/tokens/atlassian-light/color/overlay.d.ts +0 -3
  166. package/dist/types/tokens/default/color/icon-border.d.ts +0 -3
  167. package/dist/types/tokens/default/color/overlay.d.ts +0 -3
  168. package/tokens-browser-extension/README.md +0 -28
  169. package/tokens-browser-extension/atlassian-theme.css +0 -449
  170. package/tokens-browser-extension/background.js +0 -75
  171. package/tokens-browser-extension/content-script.js +0 -75
  172. package/tokens-browser-extension/devtools.html +0 -1
  173. package/tokens-browser-extension/devtools.js +0 -14
  174. package/tokens-browser-extension/manifest.json +0 -36
  175. package/tokens-browser-extension/messageback-script.js +0 -10
  176. package/tokens-browser-extension/messaging.js +0 -36
  177. package/tokens-browser-extension/panel.html +0 -25
  178. package/tokens-browser-extension/panel.js +0 -46
  179. package/tokens-browser-extension/toast.png +0 -0
package/tokens-browser-extension/messaging.js DELETED
@@ -1,36 +0,0 @@
1
- /* eslint-disable no-param-reassign */
2
- /* eslint-disable func-names */
3
- /* eslint-disable no-undef */
4
- /* eslint-disable no-unused-vars */
5
-
6
- // This creates and maintains the communication channel between
7
- // the inspectedPage and the dev tools panel.
8
- //
9
- // In this example, messages are JSON objects
10
- // {
11
- // action: ['code'|'script'|'message'], // What action to perform on the inspected page
12
- // content: [String|Path to script|Object], // data to be passed through
13
- // tabId: [Automatically added]
14
- // }
15
-
16
- (function createChannel() {
17
- // Create a port with background page for continous message communication
18
- const port = chrome.runtime.connect({
19
- name: 'Theming Communication',
20
- });
21
-
22
- // Listen to messages from the background page
23
- port.onMessage.addListener(function (message) {
24
- // the theme value from local storage in the inspected page
25
- const theme = message.theme || 'none';
26
- // update the extension panel.html with the theme value
27
- document.querySelector('#selected-theme').innerHTML = theme;
28
- });
29
- })();
30
-
31
- // This sends an object to the background page
32
- // where it can be relayed to the inspected page
33
- function sendObjectToInspectedPage(message) {
34
- message.tabId = chrome.devtools.inspectedWindow.tabId;
35
- chrome.runtime.sendMessage(message);
36
- }
package/tokens-browser-extension/panel.html DELETED
@@ -1,25 +0,0 @@
1
- <!DOCTYPE html>
2
- <html style="background: white">
3
- <head>
4
- <style>
5
- button {
6
- margin: 1rem 0;
7
- padding: 0.5rem 1rem;
8
- }
9
- p {
10
- font-size: 1rem;
11
- }
12
- </style>
13
- </head>
14
- <body>
15
- <div style="display: flex; flex-direction: column">
16
- <h1>Settings</h1>
17
- <p>Theme: <span id="selected-theme">none</span></p>
18
- <button id="disable-theme">Disable theme</button>
19
- <button id="enable-light-theme">Enable Atlassian light theme</button>
20
- <button id="enable-dark-theme">Enable Atlassian dark theme</button>
21
- </div>
22
- <script src="messaging.js"></script>
23
- <script src="panel.js"></script>
24
- </body>
25
- </html>
package/tokens-browser-extension/panel.js DELETED
@@ -1,46 +0,0 @@
1
- /* eslint-disable func-names */
2
- /* eslint-disable no-console */
3
- /* eslint-disable no-undef */
4
- /* eslint-disable no-unused-vars */
5
-
6
- // This one acts in the context of the panel in the Dev Tools
7
- //
8
- // Can use
9
- // chrome.devtools.*
10
- // chrome.extension.*
11
-
12
- // handle interactivity for panel.html
13
- const themeValue = document.querySelector('#selected-theme');
14
-
15
- document.querySelector('#disable-theme').addEventListener(
16
- 'click',
17
- function () {
18
- sendObjectToInspectedPage({
19
- action: 'removeTheme',
20
- });
21
- themeValue.innerText = 'none';
22
- },
23
- false,
24
- );
25
-
26
- document.querySelector('#enable-light-theme').addEventListener(
27
- 'click',
28
- function () {
29
- sendObjectToInspectedPage({
30
- action: 'setTheme-light',
31
- });
32
- themeValue.innerText = 'light';
33
- },
34
- false,
35
- );
36
-
37
- document.querySelector('#enable-dark-theme').addEventListener(
38
- 'click',
39
- function () {
40
- sendObjectToInspectedPage({
41
- action: 'setTheme-dark',
42
- });
43
- themeValue.innerText = 'dark';
44
- },
45
- false,
46
- );
package/tokens-browser-extension/toast.png DELETED
Binary file