@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/dist/cjs/tokens/default/elevation/shadow.js CHANGED
@@ -11,6 +11,7 @@ var shadow = {
11
11
  attributes: {
12
12
  group: 'shadow',
13
13
  state: 'active',
14
+ introduced: '0.6.0',
14
15
  description: "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
15
16
  }
16
17
  },
@@ -18,6 +19,7 @@ var shadow = {
18
19
  attributes: {
19
20
  group: 'shadow',
20
21
  state: 'active',
22
+ introduced: '0.6.0',
21
23
  description: "Use to create a shadow when content scolls under other content."
22
24
  }
23
25
  },
@@ -25,6 +27,7 @@ var shadow = {
25
27
  attributes: {
26
28
  group: 'shadow',
27
29
  state: 'active',
30
+ introduced: '0.6.0',
28
31
  description: "Use for the box shadow of elements that sit on top of the UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.surface.overlay\n\nAlso use for the box shadow of raised cards in a dragged state."
29
32
  }
30
33
  }
package/dist/cjs/tokens/default/elevation/surface.js CHANGED
@@ -11,6 +11,7 @@ var shadow = {
11
11
  attributes: {
12
12
  group: 'paint',
13
13
  state: 'active',
14
+ introduced: '0.6.0',
14
15
  description: 'Use as the primary background for the UI.'
15
16
  }
16
17
  },
@@ -18,6 +19,7 @@ var shadow = {
18
19
  attributes: {
19
20
  group: 'paint',
20
21
  state: 'active',
22
+ introduced: '0.6.0',
21
23
  description: 'A secondary background for the UI commonly used for grouping items, such as Jira cards in columns.'
22
24
  }
23
25
  },
@@ -25,6 +27,7 @@ var shadow = {
25
27
  attributes: {
26
28
  group: 'paint',
27
29
  state: 'active',
30
+ introduced: '0.6.0',
28
31
  description: 'Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised'
29
32
  }
30
33
  },
@@ -32,6 +35,7 @@ var shadow = {
32
35
  attributes: {
33
36
  group: 'paint',
34
37
  state: 'active',
38
+ introduced: '0.6.0',
35
39
  description: "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
36
40
  }
37
41
  }
package/dist/cjs/tokens/default/utility/utility.js CHANGED
@@ -10,6 +10,7 @@ var utility = {
10
10
  attributes: {
11
11
  group: 'raw',
12
12
  state: 'active',
13
+ introduced: '0.1.1',
13
14
  description: 'Transparent token used for backwards compatibility between new and old theming solutions'
14
15
  }
15
16
  },
@@ -17,6 +18,7 @@ var utility = {
17
18
  attributes: {
18
19
  group: 'raw',
19
20
  state: 'active',
21
+ introduced: '0.4.0',
20
22
  description: 'Used as a placeholder when a suitable token does not exist'
21
23
  }
22
24
  }
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,7 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.8.0",
4
- "sideEffects": false
3
+ "version": "0.8.3",
4
+ "sideEffects": [
5
+ "**/*.css"
6
+ ]
5
7
  }
package/dist/es2019/artifacts/rename-mapping.js CHANGED
@@ -112,6 +112,10 @@ const renameMapper = [{
112
112
  "path": "color.background.accent.magenta.bold",
113
113
  "state": "deleted",
114
114
  "replacement": "color.background.accent.magenta.subtle"
115
+ }, {
116
+ "path": "color.background.inverse.[default]",
117
+ "state": "deprecated",
118
+ "replacement": "color.background.inverse.subtle.[default]"
115
119
  }, {
116
120
  "path": "color.background.brand.[default].[default]",
117
121
  "state": "deprecated",
package/dist/es2019/artifacts/token-default-values.js CHANGED
@@ -131,10 +131,13 @@ const defaultTokenValues = {
131
131
  'color.background.accent.magenta': '#FDD0EC',
132
132
  'color.background.accent.magenta.bold': '#E774BB',
133
133
  'color.background.disabled': '#091E420F',
134
- 'color.background.inverse': '#00000029',
135
- 'color.background.input': '#091E4208',
136
- 'color.background.input.hovered': '#FFFFFF',
137
- 'color.background.input.pressed': '#091E420F',
134
+ 'color.background.inverse.subtle': '#00000029',
135
+ 'color.background.inverse.subtle.hovered': '#0000003D',
136
+ 'color.background.inverse.subtle.pressed': '#00000052',
137
+ 'color.background.inverse': '#FFFFFF29',
138
+ 'color.background.input': '#FFFFFF',
139
+ 'color.background.input.hovered': '#F7F8F9',
140
+ 'color.background.input.pressed': '#FFFFFF',
138
141
  'color.background.neutral': '#091E420F',
139
142
  'color.background.neutral.hovered': '#091E4224',
140
143
  'color.background.neutral.pressed': '#091E424F',
package/dist/es2019/artifacts/token-names.js CHANGED
@@ -127,6 +127,9 @@ const tokens = {
127
127
  'color.background.accent.magenta': '--ds-background-accent-magenta',
128
128
  'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
129
129
  'color.background.disabled': '--ds-background-disabled',
130
+ 'color.background.inverse.subtle': '--ds-background-inverse-subtle',
131
+ 'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
132
+ 'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
130
133
  'color.background.inverse': '--ds-background-inverse',
131
134
  'color.background.input': '--ds-background-input',
132
135
  'color.background.input.hovered': '--ds-background-input-hovered',