@atlaskit/tokens 0.8.0 → 0.8.3

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 (91) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-dark.css +7 -4
  3. package/css/atlassian-light.css +7 -4
  4. package/dist/cjs/artifacts/rename-mapping.js +4 -0
  5. package/dist/cjs/artifacts/token-default-values.js +7 -4
  6. package/dist/cjs/artifacts/token-names.js +3 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +623 -18
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +621 -16
  9. package/dist/cjs/constants.js +18 -0
  10. package/dist/cjs/entry-points/token-ids.js +25 -0
  11. package/dist/cjs/get-token.js +1 -1
  12. package/dist/cjs/token-ids.js +75 -0
  13. package/dist/cjs/tokens/atlassian-dark/color/background.js +17 -5
  14. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
  15. package/dist/cjs/tokens/atlassian-light/color/background.js +17 -5
  16. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +6 -0
  17. package/dist/cjs/tokens/default/color/accent.js +65 -1
  18. package/dist/cjs/tokens/default/color/background.js +82 -6
  19. package/dist/cjs/tokens/default/color/border.js +11 -0
  20. package/dist/cjs/tokens/default/color/icon.js +13 -1
  21. package/dist/cjs/tokens/default/color/interaction.js +4 -0
  22. package/dist/cjs/tokens/default/color/skeleton.js +2 -0
  23. package/dist/cjs/tokens/default/color/text.js +15 -0
  24. package/dist/cjs/tokens/default/deprecated/deprecated.js +108 -0
  25. package/dist/cjs/tokens/default/elevation/shadow.js +3 -0
  26. package/dist/cjs/tokens/default/elevation/surface.js +4 -0
  27. package/dist/cjs/tokens/default/utility/utility.js +2 -0
  28. package/dist/cjs/version.json +4 -2
  29. package/dist/es2019/artifacts/rename-mapping.js +4 -0
  30. package/dist/es2019/artifacts/token-default-values.js +7 -4
  31. package/dist/es2019/artifacts/token-names.js +3 -0
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +623 -18
  33. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +621 -16
  34. package/dist/es2019/constants.js +8 -0
  35. package/dist/es2019/entry-points/token-ids.js +1 -0
  36. package/dist/es2019/get-token.js +1 -1
  37. package/dist/es2019/token-ids.js +51 -0
  38. package/dist/es2019/tokens/atlassian-dark/color/background.js +17 -5
  39. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
  40. package/dist/es2019/tokens/atlassian-light/color/background.js +17 -5
  41. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +6 -0
  42. package/dist/es2019/tokens/default/color/accent.js +65 -1
  43. package/dist/es2019/tokens/default/color/background.js +82 -6
  44. package/dist/es2019/tokens/default/color/border.js +11 -0
  45. package/dist/es2019/tokens/default/color/icon.js +13 -1
  46. package/dist/es2019/tokens/default/color/interaction.js +4 -0
  47. package/dist/es2019/tokens/default/color/skeleton.js +2 -0
  48. package/dist/es2019/tokens/default/color/text.js +15 -0
  49. package/dist/es2019/tokens/default/deprecated/deprecated.js +108 -0
  50. package/dist/es2019/tokens/default/elevation/shadow.js +3 -0
  51. package/dist/es2019/tokens/default/elevation/surface.js +4 -0
  52. package/dist/es2019/tokens/default/utility/utility.js +2 -0
  53. package/dist/es2019/version.json +4 -2
  54. package/dist/esm/artifacts/rename-mapping.js +4 -0
  55. package/dist/esm/artifacts/token-default-values.js +7 -4
  56. package/dist/esm/artifacts/token-names.js +3 -0
  57. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +623 -18
  58. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +621 -16
  59. package/dist/esm/constants.js +8 -0
  60. package/dist/esm/entry-points/token-ids.js +1 -0
  61. package/dist/esm/get-token.js +1 -1
  62. package/dist/esm/token-ids.js +58 -0
  63. package/dist/esm/tokens/atlassian-dark/color/background.js +17 -5
  64. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +6 -0
  65. package/dist/esm/tokens/atlassian-light/color/background.js +17 -5
  66. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +6 -0
  67. package/dist/esm/tokens/default/color/accent.js +65 -1
  68. package/dist/esm/tokens/default/color/background.js +82 -6
  69. package/dist/esm/tokens/default/color/border.js +11 -0
  70. package/dist/esm/tokens/default/color/icon.js +13 -1
  71. package/dist/esm/tokens/default/color/interaction.js +4 -0
  72. package/dist/esm/tokens/default/color/skeleton.js +2 -0
  73. package/dist/esm/tokens/default/color/text.js +15 -0
  74. package/dist/esm/tokens/default/deprecated/deprecated.js +108 -0
  75. package/dist/esm/tokens/default/elevation/shadow.js +3 -0
  76. package/dist/esm/tokens/default/elevation/surface.js +4 -0
  77. package/dist/esm/tokens/default/utility/utility.js +2 -0
  78. package/dist/esm/version.json +4 -2
  79. package/dist/types/artifacts/token-default-values.d.ts +7 -4
  80. package/dist/types/artifacts/token-names.d.ts +6 -0
  81. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +8 -0
  82. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +8 -0
  83. package/dist/types/artifacts/types-internal.d.ts +1 -1
  84. package/dist/types/artifacts/types.d.ts +1 -1
  85. package/dist/types/constants.d.ts +4 -0
  86. package/dist/types/entry-points/token-ids.d.ts +1 -0
  87. package/dist/types/token-ids.d.ts +43 -0
  88. package/dist/types/tokens/default/utility/utility.d.ts +14 -10
  89. package/dist/types/types.d.ts +12 -1
  90. package/package.json +5 -2
  91. package/token-ids/package.json +7 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 0.8.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`530455156a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/530455156a8) - Deprecating color.background.inverse in favour of the new color.background.inverse.subtle token instead. Also introduced color.background.inverse.subtle.hovered and color.background.inverse.subtle.pressed tokens to supplement it.
8
+
9
+ ## 0.8.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b170565a618`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b170565a618) - [ux] Update to input token colors: `color.background.input`, `color.background.input.hovered`, `color.background.input.pressed`.
14
+
15
+ ## 0.8.1
16
+
17
+ ### Patch Changes
18
+
19
+ - [`a66253fc6a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a66253fc6a5) - Export token ID utility functions with new entrypoint `@atlaskit/tokens/token-ids`
20
+
3
21
  ## 0.8.0
4
22
 
5
23
  ### Minor Changes
package/css/atlassian-dark.css CHANGED
@@ -127,10 +127,13 @@ html[data-theme="dark"] {
127
127
  --ds-background-accent-magenta: #50253F;
128
128
  --ds-background-accent-magenta-bold: #AE4787;
129
129
  --ds-background-disabled: #A1BDD914;
130
- --ds-background-inverse: #ffffff33;
131
- --ds-background-input: #BCD6F00A;
132
- --ds-background-input-hovered: #161A1D;
133
- --ds-background-input-pressed: #A1BDD914;
130
+ --ds-background-inverse-subtle: #FFFFFF29;
131
+ --ds-background-inverse-subtle-hovered: #FFFFFF3D;
132
+ --ds-background-inverse-subtle-pressed: #FFFFFF52;
133
+ --ds-background-inverse: #00000029;
134
+ --ds-background-input: #1D2125;
135
+ --ds-background-input-hovered: #22272B;
136
+ --ds-background-input-pressed: #1D2125;
134
137
  --ds-background-neutral: #A1BDD914;
135
138
  --ds-background-neutral-hovered: #A6C5E229;
136
139
  --ds-background-neutral-pressed: #BFDBF847;
package/css/atlassian-light.css CHANGED
@@ -127,10 +127,13 @@
127
127
  --ds-background-accent-magenta: #FDD0EC;
128
128
  --ds-background-accent-magenta-bold: #E774BB;
129
129
  --ds-background-disabled: #091E420F;
130
- --ds-background-inverse: #00000029;
131
- --ds-background-input: #091E4208;
132
- --ds-background-input-hovered: #FFFFFF;
133
- --ds-background-input-pressed: #091E420F;
130
+ --ds-background-inverse-subtle: #00000029;
131
+ --ds-background-inverse-subtle-hovered: #0000003D;
132
+ --ds-background-inverse-subtle-pressed: #00000052;
133
+ --ds-background-inverse: #FFFFFF29;
134
+ --ds-background-input: #FFFFFF;
135
+ --ds-background-input-hovered: #F7F8F9;
136
+ --ds-background-input-pressed: #FFFFFF;
134
137
  --ds-background-neutral: #091E420F;
135
138
  --ds-background-neutral-hovered: #091E4224;
136
139
  --ds-background-neutral-pressed: #091E424F;
package/dist/cjs/artifacts/rename-mapping.js CHANGED
@@ -118,6 +118,10 @@ var renameMapper = [{
118
118
  "path": "color.background.accent.magenta.bold",
119
119
  "state": "deleted",
120
120
  "replacement": "color.background.accent.magenta.subtle"
121
+ }, {
122
+ "path": "color.background.inverse.[default]",
123
+ "state": "deprecated",
124
+ "replacement": "color.background.inverse.subtle.[default]"
121
125
  }, {
122
126
  "path": "color.background.brand.[default].[default]",
123
127
  "state": "deprecated",
package/dist/cjs/artifacts/token-default-values.js CHANGED
@@ -137,10 +137,13 @@ var defaultTokenValues = {
137
137
  'color.background.accent.magenta': '#FDD0EC',
138
138
  'color.background.accent.magenta.bold': '#E774BB',
139
139
  'color.background.disabled': '#091E420F',
140
- 'color.background.inverse': '#00000029',
141
- 'color.background.input': '#091E4208',
142
- 'color.background.input.hovered': '#FFFFFF',
143
- 'color.background.input.pressed': '#091E420F',
140
+ 'color.background.inverse.subtle': '#00000029',
141
+ 'color.background.inverse.subtle.hovered': '#0000003D',
142
+ 'color.background.inverse.subtle.pressed': '#00000052',
143
+ 'color.background.inverse': '#FFFFFF29',
144
+ 'color.background.input': '#FFFFFF',
145
+ 'color.background.input.hovered': '#F7F8F9',
146
+ 'color.background.input.pressed': '#FFFFFF',
144
147
  'color.background.neutral': '#091E420F',
145
148
  'color.background.neutral.hovered': '#091E4224',
146
149
  'color.background.neutral.pressed': '#091E424F',
package/dist/cjs/artifacts/token-names.js CHANGED
@@ -133,6 +133,9 @@ var tokens = {
133
133
  'color.background.accent.magenta': '--ds-background-accent-magenta',
134
134
  'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
135
135
  'color.background.disabled': '--ds-background-disabled',
136
+ 'color.background.inverse.subtle': '--ds-background-inverse-subtle',
137
+ 'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
138
+ 'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
136
139
  'color.background.inverse': '--ds-background-inverse',
137
140
  'color.background.input': '--ds-background-input',
138
141
  'color.background.input.hovered': '--ds-background-input-hovered',