@atlaskit/editor-palette 1.4.3 → 1.5.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 (22) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/background.js +89 -37
  3. package/dist/cjs/index.js +4 -4
  4. package/dist/cjs/table-charts.js +128 -47
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/background.js +45 -33
  7. package/dist/es2019/index.js +2 -2
  8. package/dist/es2019/table-charts.js +54 -41
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/background.js +87 -34
  11. package/dist/esm/index.js +2 -2
  12. package/dist/esm/table-charts.js +126 -43
  13. package/dist/esm/version.json +1 -1
  14. package/dist/types/background.d.ts +41 -25
  15. package/dist/types/index.d.ts +2 -2
  16. package/dist/types/table-charts.d.ts +50 -39
  17. package/dist/types-ts4.5/background.d.ts +41 -25
  18. package/dist/types-ts4.5/index.d.ts +2 -2
  19. package/dist/types-ts4.5/table-charts.d.ts +50 -39
  20. package/package.json +2 -4
  21. package/report.api.md +64 -143
  22. package/tmp/api-report-tmp.d.ts +62 -74
package/tmp/api-report-tmp.d.ts CHANGED
@@ -7,90 +7,90 @@
7
7
  // @public (undocumented)
8
8
  type EditorBackgroundPalette = typeof editorBackgroundPalette;
9
9
 
10
- // @public (undocumented)
10
+ // @public
11
11
  const editorBackgroundPalette: {
12
12
  "#DEEBFF": {
13
- tokenName: "color.background.accent.blue.subtlest";
13
+ getValue: (fallback: string) => string;
14
14
  token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)";
15
15
  };
16
16
  "#B3D4FF": {
17
- tokenName: "color.background.accent.blue.subtler";
17
+ getValue: (fallback: string) => string;
18
18
  token: "var(--ds-background-accent-blue-subtler, #B3D4FF)";
19
19
  };
20
20
  "#4C9AFF": {
21
- tokenName: "color.background.accent.blue.subtle";
21
+ getValue: (fallback: string) => string;
22
22
  token: "var(--ds-background-accent-blue-subtle, #4C9AFF)";
23
23
  };
24
24
  "#E6FCFF": {
25
- tokenName: "color.background.accent.teal.subtlest";
25
+ getValue: (fallback: string) => string;
26
26
  token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)";
27
27
  };
28
28
  "#B3F5FF": {
29
- tokenName: "color.background.accent.teal.subtler";
29
+ getValue: (fallback: string) => string;
30
30
  token: "var(--ds-background-accent-teal-subtler, #B3F5FF)";
31
31
  };
32
32
  "#79E2F2": {
33
- tokenName: "color.background.accent.teal.subtle";
33
+ getValue: (fallback: string) => string;
34
34
  token: "var(--ds-background-accent-teal-subtle, #79E2F2)";
35
35
  };
36
36
  "#E3FCEF": {
37
- tokenName: "color.background.accent.green.subtlest";
37
+ getValue: (fallback: string) => string;
38
38
  token: "var(--ds-background-accent-green-subtlest, #E3FCEF)";
39
39
  };
40
40
  "#ABF5D1": {
41
- tokenName: "color.background.accent.green.subtler";
41
+ getValue: (fallback: string) => string;
42
42
  token: "var(--ds-background-accent-green-subtler, #ABF5D1)";
43
43
  };
44
44
  "#57D9A3": {
45
- tokenName: "color.background.accent.green.subtle";
45
+ getValue: (fallback: string) => string;
46
46
  token: "var(--ds-background-accent-green-subtle, #57D9A3)";
47
47
  };
48
48
  "#FFFAE6": {
49
- tokenName: "color.background.accent.yellow.subtlest";
49
+ getValue: (fallback: string) => string;
50
50
  token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)";
51
51
  };
52
52
  "#FFF0B3": {
53
- tokenName: "color.background.accent.yellow.subtler";
53
+ getValue: (fallback: string) => string;
54
54
  token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)";
55
55
  };
56
56
  "#FFC400": {
57
- tokenName: "color.background.accent.orange.subtle";
57
+ getValue: (fallback: string) => string;
58
58
  token: "var(--ds-background-accent-orange-subtle, #FFC400)";
59
59
  };
60
60
  "#FFEBE6": {
61
- tokenName: "color.background.accent.red.subtlest";
61
+ getValue: (fallback: string) => string;
62
62
  token: "var(--ds-background-accent-red-subtlest, #FFEBE6)";
63
63
  };
64
64
  "#FFBDAD": {
65
- tokenName: "color.background.accent.red.subtler";
65
+ getValue: (fallback: string) => string;
66
66
  token: "var(--ds-background-accent-red-subtler, #FFBDAD)";
67
67
  };
68
68
  "#FF8F73": {
69
- tokenName: "color.background.accent.red.subtle";
69
+ getValue: (fallback: string) => string;
70
70
  token: "var(--ds-background-accent-red-subtle, #FF8F73)";
71
71
  };
72
72
  "#EAE6FF": {
73
- tokenName: "color.background.accent.purple.subtlest";
73
+ getValue: (fallback: string) => string;
74
74
  token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)";
75
75
  };
76
76
  "#C0B6F2": {
77
- tokenName: "color.background.accent.purple.subtler";
77
+ getValue: (fallback: string) => string;
78
78
  token: "var(--ds-background-accent-purple-subtler, #C0B6F2)";
79
79
  };
80
80
  "#998DD9": {
81
- tokenName: "color.background.accent.purple.subtle";
81
+ getValue: (fallback: string) => string;
82
82
  token: "var(--ds-background-accent-purple-subtle, #998DD9)";
83
83
  };
84
84
  "#FFFFFF": {
85
- tokenName: "elevation.surface";
85
+ getValue: (fallback: string) => string;
86
86
  token: "var(--ds-surface, #FFFFFF)";
87
87
  };
88
88
  "#F4F5F7": {
89
- tokenName: "color.background.accent.gray.subtlest";
89
+ getValue: (fallback: string) => string;
90
90
  token: "var(--ds-background-accent-gray-subtlest, #F4F5F7)";
91
91
  };
92
92
  "#B3BAC5": {
93
- tokenName: "color.background.accent.gray.subtle";
93
+ getValue: (fallback: string) => string;
94
94
  token: "var(--ds-background-accent-gray-subtle, #B3BAC5)";
95
95
  };
96
96
  };
@@ -98,12 +98,6 @@ const editorBackgroundPalette: {
98
98
  // @public (undocumented)
99
99
  type EditorBackgroundPaletteKey = keyof EditorBackgroundPalette;
100
100
 
101
- // @public (undocumented)
102
- type EditorBackgroundPaletteTokenNames = (typeof tokenNames)[number];
103
-
104
- // @public (undocumented)
105
- type EditorBackgroundPaletteTokenNames_2 = (typeof tokenNames_2)[number];
106
-
107
101
  // @public (undocumented)
108
102
  type EditorBorderPalette = typeof editorBorderPalette;
109
103
 
@@ -123,147 +117,147 @@ type EditorTableChartsPalette = typeof editorTableChartsPalette;
123
117
  // @public
124
118
  const editorTableChartsPalette: {
125
119
  "#7AB2FF": {
126
- tokenName: "color.background.accent.blue.subtle";
120
+ getValue: (fallback: string) => string;
127
121
  token: "var(--ds-background-accent-blue-subtle, #7AB2FF)";
128
122
  };
129
123
  "#60C6D2": {
130
- tokenName: "color.background.accent.teal.subtle";
124
+ getValue: (fallback: string) => string;
131
125
  token: "var(--ds-background-accent-teal-subtle, #60C6D2)";
132
126
  };
133
127
  "#6BE1B0": {
134
- tokenName: "color.background.accent.green.subtle";
128
+ getValue: (fallback: string) => string;
135
129
  token: "var(--ds-background-accent-green-subtle, #6BE1B0)";
136
130
  };
137
131
  "#FFDB57": {
138
- tokenName: "color.background.accent.yellow.subtle";
132
+ getValue: (fallback: string) => string;
139
133
  token: "var(--ds-background-accent-yellow-subtle, #FFDB57)";
140
134
  };
141
135
  "#FAA53D": {
142
- tokenName: "color.background.accent.orange.subtle";
136
+ getValue: (fallback: string) => string;
143
137
  token: "var(--ds-background-accent-orange-subtle, #FAA53D)";
144
138
  };
145
139
  "#FF8F73": {
146
- tokenName: "color.background.accent.red.subtle";
140
+ getValue: (fallback: string) => string;
147
141
  token: "var(--ds-background-accent-red-subtle, #FF8F73)";
148
142
  };
149
143
  "#E774BB": {
150
- tokenName: "color.background.accent.magenta.subtle";
144
+ getValue: (fallback: string) => string;
151
145
  token: "var(--ds-background-accent-magenta-subtle, #E774BB)";
152
146
  };
153
147
  "#B5A7FB": {
154
- tokenName: "color.background.accent.purple.subtle";
148
+ getValue: (fallback: string) => string;
155
149
  token: "var(--ds-background-accent-purple-subtle, #B5A7FB)";
156
150
  };
157
151
  "#8993A5": {
158
- tokenName: "color.background.accent.gray.subtler";
152
+ getValue: (fallback: string) => string;
159
153
  token: "var(--ds-background-accent-gray-subtler, #8993A5)";
160
154
  };
161
155
  "#247FFF": {
162
- tokenName: "color.chart.blue.bold";
156
+ getValue: (fallback: string) => string;
163
157
  token: "var(--ds-chart-blue-bold, #247FFF)";
164
158
  };
165
159
  "#1D9AAA": {
166
- tokenName: "color.chart.teal.bold";
160
+ getValue: (fallback: string) => string;
167
161
  token: "var(--ds-chart-teal-bold, #1D9AAA)";
168
162
  };
169
163
  "#23A971": {
170
- tokenName: "color.chart.green.bold";
164
+ getValue: (fallback: string) => string;
171
165
  token: "var(--ds-chart-green-bold, #23A971)";
172
166
  };
173
167
  "#FFBE33": {
174
- tokenName: "color.chart.yellow.bold";
168
+ getValue: (fallback: string) => string;
175
169
  token: "var(--ds-chart-yellow-bold, #FFBE33)";
176
170
  };
177
171
  "#D97008": {
178
- tokenName: "color.chart.orange.bold";
172
+ getValue: (fallback: string) => string;
179
173
  token: "var(--ds-chart-orange-bold, #D97008)";
180
174
  };
181
175
  "#FC552C": {
182
- tokenName: "color.chart.red.bold";
176
+ getValue: (fallback: string) => string;
183
177
  token: "var(--ds-chart-red-bold, #FC552C)";
184
178
  };
185
179
  "#DA62AC": {
186
- tokenName: "color.chart.magenta.bold";
180
+ getValue: (fallback: string) => string;
187
181
  token: "var(--ds-chart-magenta-bold, #DA62AC)";
188
182
  };
189
183
  "#8B77EE": {
190
- tokenName: "color.chart.purple.bold";
184
+ getValue: (fallback: string) => string;
191
185
  token: "var(--ds-chart-purple-bold, #8B77EE)";
192
186
  };
193
187
  "#8590A2": {
194
- tokenName: "color.chart.gray.bold";
188
+ getValue: (fallback: string) => string;
195
189
  token: "var(--ds-chart-gray-bold, #8590A2)";
196
190
  };
197
191
  "#0055CC": {
198
- tokenName: "color.chart.blue.bolder";
192
+ getValue: (fallback: string) => string;
199
193
  token: "var(--ds-chart-blue-bolder, #0055CC)";
200
194
  };
201
195
  "#1D7F8C": {
202
- tokenName: "color.chart.teal.bolder";
196
+ getValue: (fallback: string) => string;
203
197
  token: "var(--ds-chart-teal-bolder, #1D7F8C)";
204
198
  };
205
199
  "#177D52": {
206
- tokenName: "color.chart.green.bolder";
200
+ getValue: (fallback: string) => string;
207
201
  token: "var(--ds-chart-green-bolder, #177D52)";
208
202
  };
209
203
  "#FF9D00": {
210
- tokenName: "color.chart.yellow.bolder";
204
+ getValue: (fallback: string) => string;
211
205
  token: "var(--ds-chart-yellow-bolder, #FF9D00)";
212
206
  };
213
207
  "#B65C02": {
214
- tokenName: "color.chart.orange.bolder";
208
+ getValue: (fallback: string) => string;
215
209
  token: "var(--ds-chart-orange-bolder, #B65C02)";
216
210
  };
217
211
  "#D32D03": {
218
- tokenName: "color.chart.red.bolder";
212
+ getValue: (fallback: string) => string;
219
213
  token: "var(--ds-chart-red-bolder, #D32D03)";
220
214
  };
221
215
  "#CD519D": {
222
- tokenName: "color.chart.magenta.bolder";
216
+ getValue: (fallback: string) => string;
223
217
  token: "var(--ds-chart-magenta-bolder, #CD519D)";
224
218
  };
225
219
  "#5A43D0": {
226
- tokenName: "color.chart.purple.bolder";
220
+ getValue: (fallback: string) => string;
227
221
  token: "var(--ds-chart-purple-bolder, #5A43D0)";
228
222
  };
229
223
  "#758195": {
230
- tokenName: "color.chart.gray.bolder";
224
+ getValue: (fallback: string) => string;
231
225
  token: "var(--ds-chart-gray-bolder, #758195)";
232
226
  };
233
227
  "#003884": {
234
- tokenName: "color.chart.blue.boldest";
228
+ getValue: (fallback: string) => string;
235
229
  token: "var(--ds-chart-blue-boldest, #003884)";
236
230
  };
237
231
  "#206B74": {
238
- tokenName: "color.chart.teal.boldest";
232
+ getValue: (fallback: string) => string;
239
233
  token: "var(--ds-chart-teal-boldest, #206B74)";
240
234
  };
241
235
  "#055C3F": {
242
- tokenName: "color.chart.green.boldest";
236
+ getValue: (fallback: string) => string;
243
237
  token: "var(--ds-chart-green-boldest, #055C3F)";
244
238
  };
245
239
  "#946104": {
246
- tokenName: "color.chart.yellow.boldest";
240
+ getValue: (fallback: string) => string;
247
241
  token: "var(--ds-chart-yellow-boldest, #946104)";
248
242
  };
249
243
  "#974F0C": {
250
- tokenName: "color.chart.orange.boldest";
244
+ getValue: (fallback: string) => string;
251
245
  token: "var(--ds-chart-orange-boldest, #974F0C)";
252
246
  };
253
247
  "#A32000": {
254
- tokenName: "color.chart.red.boldest";
248
+ getValue: (fallback: string) => string;
255
249
  token: "var(--ds-chart-red-boldest, #A32000)";
256
250
  };
257
251
  "#943D73": {
258
- tokenName: "color.chart.magenta.boldest";
252
+ getValue: (fallback: string) => string;
259
253
  token: "var(--ds-chart-magenta-boldest, #943D73)";
260
254
  };
261
255
  "#44368B": {
262
- tokenName: "color.chart.purple.boldest";
256
+ getValue: (fallback: string) => string;
263
257
  token: "var(--ds-chart-purple-boldest, #44368B)";
264
258
  };
265
259
  "#44546F": {
266
- tokenName: "color.chart.gray.boldest";
260
+ getValue: (fallback: string) => string;
267
261
  token: "var(--ds-chart-gray-boldest, #44546F)";
268
262
  };
269
263
  };
@@ -305,8 +299,8 @@ type EditorTextPaletteKey = keyof EditorTextPalette;
305
299
  // @public
306
300
  export function hexToEditorBackgroundPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBackgroundPaletteKey ? EditorBackgroundPalette[HexColor]['token'] : string | undefined;
307
301
 
308
- // @public (undocumented)
309
- export function hexToEditorBackgroundPaletteColorTokenName<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBackgroundPaletteKey ? EditorBackgroundPalette[HexColor]['tokenName'] : EditorBackgroundPaletteTokenNames | undefined;
302
+ // @public
303
+ export function hexToEditorBackgroundPaletteRawValue<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBackgroundPaletteKey ? string : undefined;
310
304
 
311
305
  // @public
312
306
  export function hexToEditorBorderPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBorderPaletteKey ? EditorBorderPalette[HexColor] : string | undefined;
@@ -314,18 +308,12 @@ export function hexToEditorBorderPaletteColor<HexColor extends string>(hexColor:
314
308
  // @public
315
309
  export function hexToEditorTableChartsPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTableChartsPaletteKey ? EditorTableChartsPalette[HexColor]['token'] : string | undefined;
316
310
 
317
- // @public (undocumented)
318
- export function hexToEditorTableChartsPaletteColorTokenName<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTableChartsPaletteKey ? EditorTableChartsPalette[HexColor]['tokenName'] : EditorBackgroundPaletteTokenNames_2 | undefined;
311
+ // @public
312
+ export function hexToEditorTableChartsPaletteRawValue<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTableChartsPaletteKey ? string : undefined;
319
313
 
320
314
  // @public
321
315
  export function hexToEditorTextPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTextPaletteKey ? EditorTextPalette[HexColor] : string | undefined;
322
316
 
323
- // @public (undocumented)
324
- const tokenNames: ("color.background.accent.blue.subtle" | "color.background.accent.blue.subtler" | "color.background.accent.blue.subtlest" | "color.background.accent.gray.subtle" | "color.background.accent.gray.subtlest" | "color.background.accent.green.subtle" | "color.background.accent.green.subtler" | "color.background.accent.green.subtlest" | "color.background.accent.orange.subtle" | "color.background.accent.purple.subtle" | "color.background.accent.purple.subtler" | "color.background.accent.purple.subtlest" | "color.background.accent.red.subtle" | "color.background.accent.red.subtler" | "color.background.accent.red.subtlest" | "color.background.accent.teal.subtle" | "color.background.accent.teal.subtler" | "color.background.accent.teal.subtlest" | "color.background.accent.yellow.subtler" | "color.background.accent.yellow.subtlest" | "elevation.surface")[];
325
-
326
- // @public (undocumented)
327
- const tokenNames_2: ("color.background.accent.blue.subtle" | "color.background.accent.gray.subtler" | "color.background.accent.green.subtle" | "color.background.accent.magenta.subtle" | "color.background.accent.orange.subtle" | "color.background.accent.purple.subtle" | "color.background.accent.red.subtle" | "color.background.accent.teal.subtle" | "color.background.accent.yellow.subtle" | "color.chart.blue.bold" | "color.chart.blue.bolder" | "color.chart.blue.boldest" | "color.chart.gray.bold" | "color.chart.gray.bolder" | "color.chart.gray.boldest" | "color.chart.green.bold" | "color.chart.green.bolder" | "color.chart.green.boldest" | "color.chart.magenta.bold" | "color.chart.magenta.bolder" | "color.chart.magenta.boldest" | "color.chart.orange.bold" | "color.chart.orange.bolder" | "color.chart.orange.boldest" | "color.chart.purple.bold" | "color.chart.purple.bolder" | "color.chart.purple.boldest" | "color.chart.red.bold" | "color.chart.red.bolder" | "color.chart.red.boldest" | "color.chart.teal.bold" | "color.chart.teal.bolder" | "color.chart.teal.boldest" | "color.chart.yellow.bold" | "color.chart.yellow.bolder" | "color.chart.yellow.boldest")[];
328
-
329
317
  // (No @packageDocumentation comment for this package)
330
318
 
331
319
  ```