@atlaskit/tokens 0.10.16 → 0.10.17

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