@atlaskit/tokens 0.1.1 → 0.4.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 (115) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/README.md +28 -0
  3. package/babel-plugin/package.json +7 -0
  4. package/css/atlassian-dark.css +89 -88
  5. package/css/atlassian-light.css +89 -88
  6. package/dist/cjs/artifacts/rename-mapping.js +23 -0
  7. package/dist/cjs/artifacts/token-default-values.js +105 -0
  8. package/dist/cjs/artifacts/token-names.js +101 -0
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1786 -0
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1766 -0
  11. package/dist/cjs/artifacts/types.js +5 -0
  12. package/dist/cjs/babel-plugin/index.js +15 -0
  13. package/dist/cjs/babel-plugin/plugin.js +176 -0
  14. package/dist/cjs/entry-points/rename-mapping.js +1 -1
  15. package/dist/cjs/entry-points/token-names.js +1 -1
  16. package/dist/cjs/figma/synchronize-figma-tokens.js +43 -41
  17. package/dist/cjs/get-token.js +1 -1
  18. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +3 -0
  19. package/dist/cjs/tokens/atlassian-light/utility/utility.js +3 -0
  20. package/dist/cjs/tokens/default/color/accent.js +26 -13
  21. package/dist/cjs/tokens/default/color/background.js +98 -49
  22. package/dist/cjs/tokens/default/color/border.js +4 -2
  23. package/dist/cjs/tokens/default/color/icon-border.js +10 -5
  24. package/dist/cjs/tokens/default/color/overlay.js +4 -2
  25. package/dist/cjs/tokens/default/color/text.js +28 -14
  26. package/dist/cjs/tokens/default/shadow/shadow.js +4 -2
  27. package/dist/cjs/tokens/default/utility/utility.js +10 -2
  28. package/dist/cjs/tokens/palette.js +145 -260
  29. package/dist/cjs/version.json +1 -1
  30. package/dist/es2019/artifacts/rename-mapping.js +16 -0
  31. package/dist/es2019/artifacts/token-default-values.js +98 -0
  32. package/dist/es2019/artifacts/token-names.js +94 -0
  33. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1779 -0
  34. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1759 -0
  35. package/dist/es2019/artifacts/types.js +1 -0
  36. package/dist/es2019/babel-plugin/index.js +1 -0
  37. package/dist/es2019/babel-plugin/plugin.js +151 -0
  38. package/dist/es2019/entry-points/rename-mapping.js +1 -1
  39. package/dist/es2019/entry-points/token-names.js +1 -1
  40. package/dist/es2019/figma/synchronize-figma-tokens.js +43 -41
  41. package/dist/es2019/get-token.js +1 -1
  42. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +3 -0
  43. package/dist/es2019/tokens/atlassian-light/utility/utility.js +3 -0
  44. package/dist/es2019/tokens/default/color/accent.js +26 -13
  45. package/dist/es2019/tokens/default/color/background.js +103 -49
  46. package/dist/es2019/tokens/default/color/border.js +4 -2
  47. package/dist/es2019/tokens/default/color/icon-border.js +28 -5
  48. package/dist/es2019/tokens/default/color/overlay.js +4 -2
  49. package/dist/es2019/tokens/default/color/text.js +35 -14
  50. package/dist/es2019/tokens/default/shadow/shadow.js +12 -2
  51. package/dist/es2019/tokens/default/utility/utility.js +10 -2
  52. package/dist/es2019/tokens/palette.js +145 -260
  53. package/dist/es2019/version.json +1 -1
  54. package/dist/esm/artifacts/rename-mapping.js +16 -0
  55. package/dist/esm/artifacts/token-default-values.js +98 -0
  56. package/dist/esm/artifacts/token-names.js +94 -0
  57. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1779 -0
  58. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1759 -0
  59. package/dist/esm/artifacts/types.js +1 -0
  60. package/dist/esm/babel-plugin/index.js +1 -0
  61. package/dist/esm/babel-plugin/plugin.js +158 -0
  62. package/dist/esm/entry-points/rename-mapping.js +1 -1
  63. package/dist/esm/entry-points/token-names.js +1 -1
  64. package/dist/esm/figma/synchronize-figma-tokens.js +43 -41
  65. package/dist/esm/get-token.js +1 -1
  66. package/dist/esm/tokens/atlassian-dark/utility/utility.js +3 -0
  67. package/dist/esm/tokens/atlassian-light/utility/utility.js +3 -0
  68. package/dist/esm/tokens/default/color/accent.js +26 -13
  69. package/dist/esm/tokens/default/color/background.js +98 -49
  70. package/dist/esm/tokens/default/color/border.js +4 -2
  71. package/dist/esm/tokens/default/color/icon-border.js +10 -5
  72. package/dist/esm/tokens/default/color/overlay.js +4 -2
  73. package/dist/esm/tokens/default/color/text.js +28 -14
  74. package/dist/esm/tokens/default/shadow/shadow.js +4 -2
  75. package/dist/esm/tokens/default/utility/utility.js +10 -2
  76. package/dist/esm/tokens/palette.js +145 -260
  77. package/dist/esm/version.json +1 -1
  78. package/dist/types/artifacts/rename-mapping.d.ts +17 -0
  79. package/dist/types/artifacts/token-default-values.d.ts +95 -0
  80. package/dist/types/artifacts/token-names.d.ts +184 -0
  81. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +80 -0
  82. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +56 -0
  83. package/dist/types/artifacts/types.d.ts +4 -0
  84. package/dist/types/babel-plugin/index.d.ts +1 -0
  85. package/dist/types/babel-plugin/plugin.d.ts +14 -0
  86. package/dist/types/entry-points/babel-plugin.d.ts +1 -0
  87. package/dist/types/entry-points/rename-mapping.d.ts +1 -1
  88. package/dist/types/entry-points/token-names.d.ts +2 -2
  89. package/dist/types/get-token.d.ts +1 -1
  90. package/dist/types/index.d.ts +1 -1
  91. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +10 -2
  92. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +10 -2
  93. package/dist/types/tokens/default/utility/utility.d.ts +138 -2
  94. package/dist/types/types.d.ts +49 -14
  95. package/package.json +17 -5
  96. package/tokens-browser-extension/README.md +28 -0
  97. package/tokens-browser-extension/atlassian-theme.css +375 -0
  98. package/tokens-browser-extension/background.js +75 -0
  99. package/tokens-browser-extension/content-script.js +75 -0
  100. package/tokens-browser-extension/devtools.html +1 -0
  101. package/tokens-browser-extension/devtools.js +14 -0
  102. package/tokens-browser-extension/manifest.json +36 -0
  103. package/tokens-browser-extension/messageback-script.js +10 -0
  104. package/tokens-browser-extension/messaging.js +36 -0
  105. package/tokens-browser-extension/panel.html +25 -0
  106. package/tokens-browser-extension/panel.js +46 -0
  107. package/tokens-browser-extension/toast.png +0 -0
  108. package/dist/cjs/tokens/rename-mapping.js +0 -29
  109. package/dist/cjs/tokens/token-names.js +0 -100
  110. package/dist/es2019/tokens/rename-mapping.js +0 -21
  111. package/dist/es2019/tokens/token-names.js +0 -93
  112. package/dist/esm/tokens/rename-mapping.js +0 -21
  113. package/dist/esm/tokens/token-names.js +0 -93
  114. package/dist/types/tokens/rename-mapping.d.ts +0 -24
  115. package/dist/types/tokens/token-names.d.ts +0 -182
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.1.1",
3
+ "version": "0.4.0",
4
4
  "sideEffects": false
5
5
  }
@@ -0,0 +1,16 @@
1
+ // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
+
3
+ /**
4
+ * This file is intended to help automate renaming of tokens.
5
+ *
6
+ * 1. Mark the old token's 'state' as deprecated
7
+ * 2. Add a 'rename' attribute to the token with the value 'my.new.token'
8
+ * 3. Create a new token matching the token above: 'my.new.token'
9
+ * 4. Run 'bolt build tokens' to have you changes reflected in this map
10
+ * 5. eslint and other tools will now use this to automate replacing tokens
11
+ *
12
+ * These changes will then be picked up by our tooling, which will attempt to
13
+ * migrate as many of these renames as possible
14
+ */
15
+ const renameMapper = {};
16
+ export default renameMapper;
@@ -0,0 +1,98 @@
1
+ // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
+ // Re-generate by running `yarn build tokens`.
3
+
4
+ /**
5
+ * A map of token names to their value in the default Atlassian theme ('light')
6
+ */
7
+ const defaultTokenValues = {
8
+ 'color.accent.boldBlue': '#579DFF',
9
+ 'color.accent.boldGreen': '#4BCE97',
10
+ 'color.accent.boldOrange': '#FAA53D',
11
+ 'color.accent.boldPurple': '#9F8FEF',
12
+ 'color.accent.boldRed': '#F87462',
13
+ 'color.accent.boldTeal': '#60C6D2',
14
+ 'color.accent.subtleBlue': '#CCE0FF',
15
+ 'color.accent.subtleGreen': '#BAF3DB',
16
+ 'color.accent.subtleMagenta': '#FDD0EC',
17
+ 'color.accent.subtleOrange': '#FFE2BD',
18
+ 'color.accent.subtlePurple': '#DFD8FD',
19
+ 'color.accent.subtleRed': '#FFD2CC',
20
+ 'color.accent.subtleTeal': '#C1F0F5',
21
+ 'color.background.sunken': '#091E4208',
22
+ 'color.background.default': '#FFFFFF',
23
+ 'color.background.card': '#FFFFFF',
24
+ 'color.background.overlay': '#FFFFFF',
25
+ 'color.background.selected.resting': '#E9F2FF',
26
+ 'color.background.selected.hover': '#CCE0FF',
27
+ 'color.background.selected.pressed': '#85B8FF',
28
+ 'color.background.blanket': '#091E427A',
29
+ 'color.background.disabled': '#091E420F',
30
+ 'color.background.boldBrand.resting': '#0C66E4',
31
+ 'color.background.boldBrand.hover': '#0055CC',
32
+ 'color.background.boldBrand.pressed': '#09326C',
33
+ 'color.background.subtleBrand.resting': '#E9F2FF',
34
+ 'color.background.subtleBrand.hover': '#CCE0FF',
35
+ 'color.background.subtleBrand.pressed': '#85B8FF',
36
+ 'color.background.boldDanger.resting': '#CA3521',
37
+ 'color.background.boldDanger.hover': '#AE2A19',
38
+ 'color.background.boldDanger.pressed': '#601E16',
39
+ 'color.background.subtleDanger.resting': '#FFEDEB',
40
+ 'color.background.subtleDanger.hover': '#FFD2CC',
41
+ 'color.background.subtleDanger.pressed': '#FF9C8F',
42
+ 'color.background.boldWarning.resting': '#E2B203',
43
+ 'color.background.boldWarning.hover': '#CF9F02',
44
+ 'color.background.boldWarning.pressed': '#B38600',
45
+ 'color.background.subtleWarning.resting': '#FFF7D6',
46
+ 'color.background.subtleWarning.hover': '#F8E6A0',
47
+ 'color.background.subtleWarning.pressed': '#F5CD47',
48
+ 'color.background.boldSuccess.resting': '#1F845A',
49
+ 'color.background.boldSuccess.hover': '#216E4E',
50
+ 'color.background.boldSuccess.pressed': '#164B35',
51
+ 'color.background.subtleSuccess.resting': '#DFFCF0',
52
+ 'color.background.subtleSuccess.hover': '#BAF3DB',
53
+ 'color.background.subtleSuccess.pressed': '#7EE2B8',
54
+ 'color.background.boldDiscovery.resting': '#6E5DC6',
55
+ 'color.background.boldDiscovery.hover': '#5E4DB2',
56
+ 'color.background.boldDiscovery.pressed': '#352C63',
57
+ 'color.background.subtleDiscovery.resting': '#F3F0FF',
58
+ 'color.background.subtleDiscovery.hover': '#DFD8FD',
59
+ 'color.background.subtleDiscovery.pressed': '#B8ACF6',
60
+ 'color.background.boldNeutral.resting': '#44546F',
61
+ 'color.background.boldNeutral.hover': '#2C3E5D',
62
+ 'color.background.boldNeutral.pressed': '#172B4D',
63
+ 'color.background.transparentNeutral.hover': '#091E420F',
64
+ 'color.background.transparentNeutral.pressed': '#091E4224',
65
+ 'color.background.subtleNeutral.resting': '#091E420F',
66
+ 'color.background.subtleNeutral.hover': '#091E4224',
67
+ 'color.background.subtleNeutral.pressed': '#091E424F',
68
+ 'color.background.subtleBorderedNeutral.resting': '#091E4208',
69
+ 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
70
+ 'color.border.focus': '#388BFF',
71
+ 'color.border.neutral': '#091E4224',
72
+ 'color.iconBorder.brand': '#1D7AFC',
73
+ 'color.iconBorder.danger': '#E34935',
74
+ 'color.iconBorder.warning': '#D97008',
75
+ 'color.iconBorder.success': '#22A06B',
76
+ 'color.iconBorder.discovery': '#8270DB',
77
+ 'color.overlay.hover': '#091E424F',
78
+ 'color.overlay.pressed': '#091E427A',
79
+ 'color.text.selected': '#0C66E4',
80
+ 'color.text.highEmphasis': '#172B4D',
81
+ 'color.text.mediumEmphasis': '#44546F',
82
+ 'color.text.lowEmphasis': '#626F86',
83
+ 'color.text.onBold': '#FFFFFF',
84
+ 'color.text.onBoldWarning': '#172B4D',
85
+ 'color.text.link.resting': '#0C66E4',
86
+ 'color.text.link.pressed': '#0055CC',
87
+ 'color.text.brand': '#0055CC',
88
+ 'color.text.warning': '#974F0C',
89
+ 'color.text.danger': '#AE2A19',
90
+ 'color.text.success': '#216E4E',
91
+ 'color.text.discovery': '#5E4DB2',
92
+ 'color.text.disabled': '#8993A5',
93
+ 'shadow.card': '0px 1px 1px #091E4240, 0px 0px 1px #091E424F',
94
+ 'shadow.overlay': '0px 8px 12px #091E4226, 0px 0px 1px #091E424F',
95
+ 'utility.UNSAFE_util.transparent': 'transparent',
96
+ 'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2'
97
+ };
98
+ export default defaultTokenValues;
@@ -0,0 +1,94 @@
1
+ // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
+ // Re-generate by running `yarn build tokens`.
3
+ const tokens = {
4
+ 'color.accent.boldBlue': '--ds-accent-boldBlue',
5
+ 'color.accent.boldGreen': '--ds-accent-boldGreen',
6
+ 'color.accent.boldOrange': '--ds-accent-boldOrange',
7
+ 'color.accent.boldPurple': '--ds-accent-boldPurple',
8
+ 'color.accent.boldRed': '--ds-accent-boldRed',
9
+ 'color.accent.boldTeal': '--ds-accent-boldTeal',
10
+ 'color.accent.subtleBlue': '--ds-accent-subtleBlue',
11
+ 'color.accent.subtleGreen': '--ds-accent-subtleGreen',
12
+ 'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
13
+ 'color.accent.subtleOrange': '--ds-accent-subtleOrange',
14
+ 'color.accent.subtlePurple': '--ds-accent-subtlePurple',
15
+ 'color.accent.subtleRed': '--ds-accent-subtleRed',
16
+ 'color.accent.subtleTeal': '--ds-accent-subtleTeal',
17
+ 'color.background.sunken': '--ds-background-sunken',
18
+ 'color.background.default': '--ds-background-default',
19
+ 'color.background.card': '--ds-background-card',
20
+ 'color.background.overlay': '--ds-background-overlay',
21
+ 'color.background.selected.resting': '--ds-background-selected-resting',
22
+ 'color.background.selected.hover': '--ds-background-selected-hover',
23
+ 'color.background.selected.pressed': '--ds-background-selected-pressed',
24
+ 'color.background.blanket': '--ds-background-blanket',
25
+ 'color.background.disabled': '--ds-background-disabled',
26
+ 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
27
+ 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
28
+ 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
29
+ 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
30
+ 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
31
+ 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
32
+ 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
33
+ 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
34
+ 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
35
+ 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
36
+ 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
37
+ 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
38
+ 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
39
+ 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
40
+ 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
41
+ 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
42
+ 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
43
+ 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
44
+ 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
45
+ 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
46
+ 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
47
+ 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
48
+ 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
49
+ 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
50
+ 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
51
+ 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
52
+ 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
53
+ 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
54
+ 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
55
+ 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
56
+ 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
57
+ 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
58
+ 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
59
+ 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
60
+ 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
61
+ 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
62
+ 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
63
+ 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
64
+ 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
65
+ 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
66
+ 'color.border.focus': '--ds-border-focus',
67
+ 'color.border.neutral': '--ds-border-neutral',
68
+ 'color.iconBorder.brand': '--ds-iconBorder-brand',
69
+ 'color.iconBorder.danger': '--ds-iconBorder-danger',
70
+ 'color.iconBorder.warning': '--ds-iconBorder-warning',
71
+ 'color.iconBorder.success': '--ds-iconBorder-success',
72
+ 'color.iconBorder.discovery': '--ds-iconBorder-discovery',
73
+ 'color.overlay.hover': '--ds-overlay-hover',
74
+ 'color.overlay.pressed': '--ds-overlay-pressed',
75
+ 'color.text.selected': '--ds-text-selected',
76
+ 'color.text.highEmphasis': '--ds-text-highEmphasis',
77
+ 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
78
+ 'color.text.lowEmphasis': '--ds-text-lowEmphasis',
79
+ 'color.text.onBold': '--ds-text-onBold',
80
+ 'color.text.onBoldWarning': '--ds-text-onBoldWarning',
81
+ 'color.text.link.resting': '--ds-text-link-resting',
82
+ 'color.text.link.pressed': '--ds-text-link-pressed',
83
+ 'color.text.brand': '--ds-text-brand',
84
+ 'color.text.warning': '--ds-text-warning',
85
+ 'color.text.danger': '--ds-text-danger',
86
+ 'color.text.success': '--ds-text-success',
87
+ 'color.text.discovery': '--ds-text-discovery',
88
+ 'color.text.disabled': '--ds-text-disabled',
89
+ 'shadow.card': '--ds-card',
90
+ 'shadow.overlay': '--ds-overlay',
91
+ 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
92
+ 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN'
93
+ };
94
+ export default tokens;