@atlaskit/tokens 0.10.15 → 0.10.18

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 (118) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-legacy-dark.css +290 -0
  3. package/css/atlassian-legacy-light.css +290 -0
  4. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +86 -69
  5. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +6758 -0
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +6718 -0
  7. package/dist/cjs/constants.js +4 -2
  8. package/dist/cjs/get-token.js +1 -1
  9. package/dist/cjs/palettes/legacy-palette.js +41 -34
  10. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +296 -0
  11. package/dist/cjs/tokens/atlassian-legacy-dark/color/background.js +250 -0
  12. package/dist/cjs/tokens/atlassian-legacy-dark/color/border.js +53 -0
  13. package/dist/cjs/tokens/atlassian-legacy-dark/color/icon.js +52 -0
  14. package/dist/cjs/tokens/atlassian-legacy-dark/color/interaction.js +22 -0
  15. package/dist/cjs/tokens/atlassian-legacy-dark/color/skeleton.js +20 -0
  16. package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +63 -0
  17. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +532 -0
  18. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +89 -0
  19. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/surface.js +26 -0
  20. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +20 -0
  21. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +296 -0
  22. package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +249 -0
  23. package/dist/cjs/tokens/atlassian-legacy-light/color/border.js +53 -0
  24. package/dist/cjs/tokens/atlassian-legacy-light/color/icon.js +52 -0
  25. package/dist/cjs/tokens/atlassian-legacy-light/color/interaction.js +22 -0
  26. package/dist/cjs/tokens/atlassian-legacy-light/color/skeleton.js +20 -0
  27. package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +63 -0
  28. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +523 -0
  29. package/dist/cjs/tokens/atlassian-legacy-light/elevation/shadow.js +71 -0
  30. package/dist/cjs/tokens/atlassian-legacy-light/elevation/surface.js +26 -0
  31. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +20 -0
  32. package/dist/cjs/version.json +1 -1
  33. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +86 -69
  34. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +6750 -0
  35. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +6710 -0
  36. package/dist/es2019/constants.js +4 -2
  37. package/dist/es2019/get-token.js +1 -1
  38. package/dist/es2019/palettes/legacy-palette.js +41 -34
  39. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +289 -0
  40. package/dist/es2019/tokens/atlassian-legacy-dark/color/background.js +243 -0
  41. package/dist/es2019/tokens/atlassian-legacy-dark/color/border.js +46 -0
  42. package/dist/es2019/tokens/atlassian-legacy-dark/color/icon.js +45 -0
  43. package/dist/es2019/tokens/atlassian-legacy-dark/color/interaction.js +15 -0
  44. package/dist/es2019/tokens/atlassian-legacy-dark/color/skeleton.js +13 -0
  45. package/dist/es2019/tokens/atlassian-legacy-dark/color/text.js +56 -0
  46. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +525 -0
  47. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/shadow.js +82 -0
  48. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/surface.js +19 -0
  49. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +13 -0
  50. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +289 -0
  51. package/dist/es2019/tokens/atlassian-legacy-light/color/background.js +242 -0
  52. package/dist/es2019/tokens/atlassian-legacy-light/color/border.js +46 -0
  53. package/dist/es2019/tokens/atlassian-legacy-light/color/icon.js +45 -0
  54. package/dist/es2019/tokens/atlassian-legacy-light/color/interaction.js +15 -0
  55. package/dist/es2019/tokens/atlassian-legacy-light/color/skeleton.js +13 -0
  56. package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +56 -0
  57. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +516 -0
  58. package/dist/es2019/tokens/atlassian-legacy-light/elevation/shadow.js +64 -0
  59. package/dist/es2019/tokens/atlassian-legacy-light/elevation/surface.js +19 -0
  60. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +13 -0
  61. package/dist/es2019/version.json +1 -1
  62. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +86 -69
  63. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +6750 -0
  64. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +6710 -0
  65. package/dist/esm/constants.js +4 -2
  66. package/dist/esm/get-token.js +1 -1
  67. package/dist/esm/palettes/legacy-palette.js +41 -34
  68. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +289 -0
  69. package/dist/esm/tokens/atlassian-legacy-dark/color/background.js +243 -0
  70. package/dist/esm/tokens/atlassian-legacy-dark/color/border.js +46 -0
  71. package/dist/esm/tokens/atlassian-legacy-dark/color/icon.js +45 -0
  72. package/dist/esm/tokens/atlassian-legacy-dark/color/interaction.js +15 -0
  73. package/dist/esm/tokens/atlassian-legacy-dark/color/skeleton.js +13 -0
  74. package/dist/esm/tokens/atlassian-legacy-dark/color/text.js +56 -0
  75. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +525 -0
  76. package/dist/esm/tokens/atlassian-legacy-dark/elevation/shadow.js +82 -0
  77. package/dist/esm/tokens/atlassian-legacy-dark/elevation/surface.js +19 -0
  78. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +13 -0
  79. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +289 -0
  80. package/dist/esm/tokens/atlassian-legacy-light/color/background.js +242 -0
  81. package/dist/esm/tokens/atlassian-legacy-light/color/border.js +46 -0
  82. package/dist/esm/tokens/atlassian-legacy-light/color/icon.js +45 -0
  83. package/dist/esm/tokens/atlassian-legacy-light/color/interaction.js +15 -0
  84. package/dist/esm/tokens/atlassian-legacy-light/color/skeleton.js +13 -0
  85. package/dist/esm/tokens/atlassian-legacy-light/color/text.js +56 -0
  86. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +516 -0
  87. package/dist/esm/tokens/atlassian-legacy-light/elevation/shadow.js +64 -0
  88. package/dist/esm/tokens/atlassian-legacy-light/elevation/surface.js +19 -0
  89. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +13 -0
  90. package/dist/esm/version.json +1 -1
  91. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +1 -1
  92. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +195 -0
  93. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +147 -0
  94. package/dist/types/constants.d.ts +3 -1
  95. package/dist/types/palettes/legacy-palette.d.ts +1 -1
  96. package/dist/types/tokens/atlassian-legacy-dark/color/accent.d.ts +4 -0
  97. package/dist/types/tokens/atlassian-legacy-dark/color/background.d.ts +4 -0
  98. package/dist/types/tokens/atlassian-legacy-dark/color/border.d.ts +4 -0
  99. package/dist/types/tokens/atlassian-legacy-dark/color/icon.d.ts +4 -0
  100. package/dist/types/tokens/atlassian-legacy-dark/color/interaction.d.ts +4 -0
  101. package/dist/types/tokens/atlassian-legacy-dark/color/skeleton.d.ts +4 -0
  102. package/dist/types/tokens/atlassian-legacy-dark/color/text.d.ts +4 -0
  103. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +4 -0
  104. package/dist/types/tokens/atlassian-legacy-dark/elevation/shadow.d.ts +4 -0
  105. package/dist/types/tokens/atlassian-legacy-dark/elevation/surface.d.ts +4 -0
  106. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +5 -0
  107. package/dist/types/tokens/atlassian-legacy-light/color/accent.d.ts +4 -0
  108. package/dist/types/tokens/atlassian-legacy-light/color/background.d.ts +4 -0
  109. package/dist/types/tokens/atlassian-legacy-light/color/border.d.ts +4 -0
  110. package/dist/types/tokens/atlassian-legacy-light/color/icon.d.ts +4 -0
  111. package/dist/types/tokens/atlassian-legacy-light/color/interaction.d.ts +4 -0
  112. package/dist/types/tokens/atlassian-legacy-light/color/skeleton.d.ts +4 -0
  113. package/dist/types/tokens/atlassian-legacy-light/color/text.d.ts +4 -0
  114. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +4 -0
  115. package/dist/types/tokens/atlassian-legacy-light/elevation/shadow.d.ts +4 -0
  116. package/dist/types/tokens/atlassian-legacy-light/elevation/surface.d.ts +4 -0
  117. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +5 -0
  118. package/package.json +18 -16
@@ -0,0 +1,243 @@
1
+ const color = {
2
+ color: {
3
+ blanket: {
4
+ '[default]': {
5
+ value: 'DN90A'
6
+ },
7
+ // @ts-ignore temporary value (B600 8% opacity)
8
+ selected: {
9
+ value: '#1D7AFC14'
10
+ },
11
+ // @ts-ignore temporary value (R600 8% opacity)
12
+ danger: {
13
+ value: '#E3493514'
14
+ }
15
+ },
16
+ background: {
17
+ disabled: {
18
+ value: 'DN70'
19
+ },
20
+ inverse: {
21
+ subtle: {
22
+ // @ts-ignore temporary value (#FFFFFF 16% opacity)
23
+ '[default]': {
24
+ value: '#FFFFFF29'
25
+ },
26
+ // @ts-ignore temporary value (#FFFFFF 24% opacity)
27
+ hovered: {
28
+ value: '#FFFFFF3D'
29
+ },
30
+ // @ts-ignore temporary value (#FFFFFF 32% opacity)
31
+ pressed: {
32
+ value: '#FFFFFF52'
33
+ }
34
+ }
35
+ },
36
+ input: {
37
+ '[default]': {
38
+ value: 'DN10'
39
+ },
40
+ hovered: {
41
+ value: 'DN30'
42
+ },
43
+ pressed: {
44
+ value: 'DN0'
45
+ }
46
+ },
47
+ neutral: {
48
+ '[default]': {
49
+ '[default]': {
50
+ value: 'DN70'
51
+ },
52
+ hovered: {
53
+ value: 'DN60'
54
+ },
55
+ pressed: {
56
+ value: 'B75'
57
+ }
58
+ },
59
+ subtle: {
60
+ //@ts-ignore temporary value
61
+ '[default]': {
62
+ value: 'transparent'
63
+ },
64
+ hovered: {
65
+ value: 'DN60'
66
+ },
67
+ pressed: {
68
+ value: 'B75'
69
+ }
70
+ },
71
+ bold: {
72
+ '[default]': {
73
+ value: 'DN700'
74
+ },
75
+ hovered: {
76
+ value: 'DN600'
77
+ },
78
+ pressed: {
79
+ value: 'DN800'
80
+ }
81
+ }
82
+ },
83
+ brand: {
84
+ bold: {
85
+ '[default]': {
86
+ value: 'B400'
87
+ },
88
+ hovered: {
89
+ value: 'B300'
90
+ },
91
+ pressed: {
92
+ value: 'B500'
93
+ }
94
+ }
95
+ },
96
+ selected: {
97
+ '[default]': {
98
+ '[default]': {
99
+ value: 'B50'
100
+ },
101
+ hovered: {
102
+ value: 'B75'
103
+ },
104
+ pressed: {
105
+ value: 'B100'
106
+ }
107
+ },
108
+ bold: {
109
+ '[default]': {
110
+ value: 'B400'
111
+ },
112
+ hovered: {
113
+ value: 'B300'
114
+ },
115
+ pressed: {
116
+ value: 'B500'
117
+ }
118
+ }
119
+ },
120
+ danger: {
121
+ '[default]': {
122
+ '[default]': {
123
+ value: 'R50'
124
+ },
125
+ hovered: {
126
+ value: 'R75'
127
+ },
128
+ pressed: {
129
+ value: 'R100'
130
+ }
131
+ },
132
+ bold: {
133
+ '[default]': {
134
+ value: 'R300'
135
+ },
136
+ hovered: {
137
+ value: 'R200'
138
+ },
139
+ pressed: {
140
+ value: 'R400'
141
+ }
142
+ }
143
+ },
144
+ warning: {
145
+ '[default]': {
146
+ '[default]': {
147
+ value: 'Y50'
148
+ },
149
+ hovered: {
150
+ value: 'Y75'
151
+ },
152
+ pressed: {
153
+ value: 'Y100'
154
+ }
155
+ },
156
+ bold: {
157
+ '[default]': {
158
+ value: 'Y300'
159
+ },
160
+ hovered: {
161
+ value: 'Y200'
162
+ },
163
+ pressed: {
164
+ value: 'Y400'
165
+ }
166
+ }
167
+ },
168
+ success: {
169
+ '[default]': {
170
+ '[default]': {
171
+ value: 'G50'
172
+ },
173
+ hovered: {
174
+ value: 'G75'
175
+ },
176
+ pressed: {
177
+ value: 'G100'
178
+ }
179
+ },
180
+ bold: {
181
+ '[default]': {
182
+ value: 'G400'
183
+ },
184
+ hovered: {
185
+ value: 'G300'
186
+ },
187
+ pressed: {
188
+ value: 'G500'
189
+ }
190
+ }
191
+ },
192
+ discovery: {
193
+ '[default]': {
194
+ '[default]': {
195
+ value: 'P50'
196
+ },
197
+ hovered: {
198
+ value: 'P75'
199
+ },
200
+ pressed: {
201
+ value: 'P100'
202
+ }
203
+ },
204
+ bold: {
205
+ '[default]': {
206
+ value: 'P400'
207
+ },
208
+ hovered: {
209
+ value: 'P300'
210
+ },
211
+ pressed: {
212
+ value: 'P500'
213
+ }
214
+ }
215
+ },
216
+ information: {
217
+ '[default]': {
218
+ '[default]': {
219
+ value: 'B50'
220
+ },
221
+ hovered: {
222
+ value: 'B75'
223
+ },
224
+ pressed: {
225
+ value: 'B100'
226
+ }
227
+ },
228
+ bold: {
229
+ '[default]': {
230
+ value: 'B400'
231
+ },
232
+ hovered: {
233
+ value: 'B300'
234
+ },
235
+ pressed: {
236
+ value: 'B500'
237
+ }
238
+ }
239
+ }
240
+ }
241
+ }
242
+ };
243
+ export default color;
@@ -0,0 +1,46 @@
1
+ const color = {
2
+ color: {
3
+ border: {
4
+ '[default]': {
5
+ value: 'DN40'
6
+ },
7
+ bold: {
8
+ value: 'DN200'
9
+ },
10
+ inverse: {
11
+ value: 'DN0'
12
+ },
13
+ focused: {
14
+ value: 'B75'
15
+ },
16
+ input: {
17
+ value: 'DN40'
18
+ },
19
+ disabled: {
20
+ value: 'DN10'
21
+ },
22
+ brand: {
23
+ value: 'B400'
24
+ },
25
+ selected: {
26
+ value: 'B400'
27
+ },
28
+ danger: {
29
+ value: 'R400'
30
+ },
31
+ warning: {
32
+ value: 'Y500'
33
+ },
34
+ success: {
35
+ value: 'G500'
36
+ },
37
+ discovery: {
38
+ value: 'P500'
39
+ },
40
+ information: {
41
+ value: 'B500'
42
+ }
43
+ }
44
+ }
45
+ };
46
+ export default color;
@@ -0,0 +1,45 @@
1
+ const color = {
2
+ color: {
3
+ icon: {
4
+ '[default]': {
5
+ value: 'DN800'
6
+ },
7
+ subtle: {
8
+ value: 'DN40'
9
+ },
10
+ inverse: {
11
+ value: 'DN40'
12
+ },
13
+ disabled: {
14
+ value: 'DN400A'
15
+ },
16
+ brand: {
17
+ value: 'B100'
18
+ },
19
+ selected: {
20
+ value: 'B100'
21
+ },
22
+ danger: {
23
+ value: 'R100'
24
+ },
25
+ warning: {
26
+ '[default]': {
27
+ value: 'Y75'
28
+ },
29
+ inverse: {
30
+ value: 'DN40'
31
+ }
32
+ },
33
+ success: {
34
+ value: 'G200'
35
+ },
36
+ discovery: {
37
+ value: 'P100'
38
+ },
39
+ information: {
40
+ value: 'B75'
41
+ }
42
+ }
43
+ }
44
+ };
45
+ export default color;
@@ -0,0 +1,15 @@
1
+ const color = {
2
+ color: {
3
+ interaction: {
4
+ hovered: {
5
+ // @ts-ignore temporary values
6
+ value: '#ffffff33'
7
+ },
8
+ pressed: {
9
+ // @ts-ignore temporary values
10
+ value: '#ffffff5c'
11
+ }
12
+ }
13
+ }
14
+ };
15
+ export default color;
@@ -0,0 +1,13 @@
1
+ const color = {
2
+ color: {
3
+ skeleton: {
4
+ '[default]': {
5
+ value: 'DN20A'
6
+ },
7
+ subtle: {
8
+ value: 'DN10A'
9
+ }
10
+ }
11
+ }
12
+ };
13
+ export default color;
@@ -0,0 +1,56 @@
1
+ const color = {
2
+ color: {
3
+ text: {
4
+ '[default]': {
5
+ value: 'DN900'
6
+ },
7
+ subtle: {
8
+ value: 'DN400'
9
+ },
10
+ subtlest: {
11
+ value: 'DN200'
12
+ },
13
+ inverse: {
14
+ value: 'DN0'
15
+ },
16
+ disabled: {
17
+ value: 'DN30'
18
+ },
19
+ brand: {
20
+ value: 'B400'
21
+ },
22
+ selected: {
23
+ value: 'B400'
24
+ },
25
+ danger: {
26
+ value: 'R300'
27
+ },
28
+ warning: {
29
+ '[default]': {
30
+ value: 'N800'
31
+ },
32
+ inverse: {
33
+ value: 'DN0'
34
+ }
35
+ },
36
+ success: {
37
+ value: 'G300'
38
+ },
39
+ information: {
40
+ value: 'B300'
41
+ },
42
+ discovery: {
43
+ value: 'P300'
44
+ }
45
+ },
46
+ link: {
47
+ '[default]': {
48
+ value: 'B400'
49
+ },
50
+ pressed: {
51
+ value: 'B300'
52
+ }
53
+ }
54
+ }
55
+ };
56
+ export default color;