@atlaskit/editor-palette 1.4.2 → 1.4.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.
@@ -1,3 +1,3 @@
1
- {
1
+ module.exports = {
2
2
  "plugins": ["@atlaskit/tokens/babel-plugin"]
3
- }
3
+ };
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 1.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`1add49b7bf7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1add49b7bf7) - Updated the babel config file extension to .cts to enable Parcel to support ts/tsx file extensions by default through parcel.
8
+
3
9
  ## 1.4.2
4
10
 
5
11
  ### Patch Changes
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "1.4.2",
3
+ "version": "1.4.3",
4
4
  "sideEffects": false
5
5
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "1.4.2",
3
+ "version": "1.4.3",
4
4
  "sideEffects": false
5
5
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "1.4.2",
3
+ "version": "1.4.3",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "1.4.2",
3
+ "version": "1.4.3",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -9,7 +9,7 @@
9
9
  },
10
10
  "atlassian": {
11
11
  "team": "Editor",
12
- "releaseModel": "scheduled",
12
+ "releaseModel": "continuous",
13
13
  "website": {
14
14
  "name": "Editor Palette"
15
15
  }
@@ -39,7 +39,7 @@
39
39
  "@atlaskit/docs": "*",
40
40
  "@atlaskit/section-message": "^6.4.0",
41
41
  "@atlaskit/ssr": "*",
42
- "@atlaskit/tokens": "^1.4.0",
42
+ "@atlaskit/tokens": "^1.5.0",
43
43
  "@atlaskit/visual-regression": "*",
44
44
  "@atlaskit/webdriver-runner": "*",
45
45
  "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
@@ -0,0 +1,331 @@
1
+ ## API Report File for "@atlaskit/editor-palette"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ // @public (undocumented)
8
+ type EditorBackgroundPalette = typeof editorBackgroundPalette;
9
+
10
+ // @public (undocumented)
11
+ const editorBackgroundPalette: {
12
+ "#DEEBFF": {
13
+ tokenName: "color.background.accent.blue.subtlest";
14
+ token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)";
15
+ };
16
+ "#B3D4FF": {
17
+ tokenName: "color.background.accent.blue.subtler";
18
+ token: "var(--ds-background-accent-blue-subtler, #B3D4FF)";
19
+ };
20
+ "#4C9AFF": {
21
+ tokenName: "color.background.accent.blue.subtle";
22
+ token: "var(--ds-background-accent-blue-subtle, #4C9AFF)";
23
+ };
24
+ "#E6FCFF": {
25
+ tokenName: "color.background.accent.teal.subtlest";
26
+ token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)";
27
+ };
28
+ "#B3F5FF": {
29
+ tokenName: "color.background.accent.teal.subtler";
30
+ token: "var(--ds-background-accent-teal-subtler, #B3F5FF)";
31
+ };
32
+ "#79E2F2": {
33
+ tokenName: "color.background.accent.teal.subtle";
34
+ token: "var(--ds-background-accent-teal-subtle, #79E2F2)";
35
+ };
36
+ "#E3FCEF": {
37
+ tokenName: "color.background.accent.green.subtlest";
38
+ token: "var(--ds-background-accent-green-subtlest, #E3FCEF)";
39
+ };
40
+ "#ABF5D1": {
41
+ tokenName: "color.background.accent.green.subtler";
42
+ token: "var(--ds-background-accent-green-subtler, #ABF5D1)";
43
+ };
44
+ "#57D9A3": {
45
+ tokenName: "color.background.accent.green.subtle";
46
+ token: "var(--ds-background-accent-green-subtle, #57D9A3)";
47
+ };
48
+ "#FFFAE6": {
49
+ tokenName: "color.background.accent.yellow.subtlest";
50
+ token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)";
51
+ };
52
+ "#FFF0B3": {
53
+ tokenName: "color.background.accent.yellow.subtler";
54
+ token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)";
55
+ };
56
+ "#FFC400": {
57
+ tokenName: "color.background.accent.orange.subtle";
58
+ token: "var(--ds-background-accent-orange-subtle, #FFC400)";
59
+ };
60
+ "#FFEBE6": {
61
+ tokenName: "color.background.accent.red.subtlest";
62
+ token: "var(--ds-background-accent-red-subtlest, #FFEBE6)";
63
+ };
64
+ "#FFBDAD": {
65
+ tokenName: "color.background.accent.red.subtler";
66
+ token: "var(--ds-background-accent-red-subtler, #FFBDAD)";
67
+ };
68
+ "#FF8F73": {
69
+ tokenName: "color.background.accent.red.subtle";
70
+ token: "var(--ds-background-accent-red-subtle, #FF8F73)";
71
+ };
72
+ "#EAE6FF": {
73
+ tokenName: "color.background.accent.purple.subtlest";
74
+ token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)";
75
+ };
76
+ "#C0B6F2": {
77
+ tokenName: "color.background.accent.purple.subtler";
78
+ token: "var(--ds-background-accent-purple-subtler, #C0B6F2)";
79
+ };
80
+ "#998DD9": {
81
+ tokenName: "color.background.accent.purple.subtle";
82
+ token: "var(--ds-background-accent-purple-subtle, #998DD9)";
83
+ };
84
+ "#FFFFFF": {
85
+ tokenName: "elevation.surface";
86
+ token: "var(--ds-surface, #FFFFFF)";
87
+ };
88
+ "#F4F5F7": {
89
+ tokenName: "color.background.accent.gray.subtlest";
90
+ token: "var(--ds-background-accent-gray-subtlest, #F4F5F7)";
91
+ };
92
+ "#B3BAC5": {
93
+ tokenName: "color.background.accent.gray.subtle";
94
+ token: "var(--ds-background-accent-gray-subtle, #B3BAC5)";
95
+ };
96
+ };
97
+
98
+ // @public (undocumented)
99
+ type EditorBackgroundPaletteKey = keyof EditorBackgroundPalette;
100
+
101
+ // @public (undocumented)
102
+ type EditorBackgroundPaletteTokenNames = (typeof tokenNames)[number];
103
+
104
+ // @public (undocumented)
105
+ type EditorBackgroundPaletteTokenNames_2 = (typeof tokenNames_2)[number];
106
+
107
+ // @public (undocumented)
108
+ type EditorBorderPalette = typeof editorBorderPalette;
109
+
110
+ // @public (undocumented)
111
+ const editorBorderPalette: {
112
+ "#091E4224": "var(--ds-border, #091E4224)";
113
+ "#758195": "var(--ds-border-bold, #758195)";
114
+ "#172B4D": "var(--ds-text, #172B4D)";
115
+ };
116
+
117
+ // @public (undocumented)
118
+ type EditorBorderPaletteKey = keyof EditorBorderPalette;
119
+
120
+ // @public (undocumented)
121
+ type EditorTableChartsPalette = typeof editorTableChartsPalette;
122
+
123
+ // @public
124
+ const editorTableChartsPalette: {
125
+ "#7AB2FF": {
126
+ tokenName: "color.background.accent.blue.subtle";
127
+ token: "var(--ds-background-accent-blue-subtle, #7AB2FF)";
128
+ };
129
+ "#60C6D2": {
130
+ tokenName: "color.background.accent.teal.subtle";
131
+ token: "var(--ds-background-accent-teal-subtle, #60C6D2)";
132
+ };
133
+ "#6BE1B0": {
134
+ tokenName: "color.background.accent.green.subtle";
135
+ token: "var(--ds-background-accent-green-subtle, #6BE1B0)";
136
+ };
137
+ "#FFDB57": {
138
+ tokenName: "color.background.accent.yellow.subtle";
139
+ token: "var(--ds-background-accent-yellow-subtle, #FFDB57)";
140
+ };
141
+ "#FAA53D": {
142
+ tokenName: "color.background.accent.orange.subtle";
143
+ token: "var(--ds-background-accent-orange-subtle, #FAA53D)";
144
+ };
145
+ "#FF8F73": {
146
+ tokenName: "color.background.accent.red.subtle";
147
+ token: "var(--ds-background-accent-red-subtle, #FF8F73)";
148
+ };
149
+ "#E774BB": {
150
+ tokenName: "color.background.accent.magenta.subtle";
151
+ token: "var(--ds-background-accent-magenta-subtle, #E774BB)";
152
+ };
153
+ "#B5A7FB": {
154
+ tokenName: "color.background.accent.purple.subtle";
155
+ token: "var(--ds-background-accent-purple-subtle, #B5A7FB)";
156
+ };
157
+ "#8993A5": {
158
+ tokenName: "color.background.accent.gray.subtler";
159
+ token: "var(--ds-background-accent-gray-subtler, #8993A5)";
160
+ };
161
+ "#247FFF": {
162
+ tokenName: "color.chart.blue.bold";
163
+ token: "var(--ds-chart-blue-bold, #247FFF)";
164
+ };
165
+ "#1D9AAA": {
166
+ tokenName: "color.chart.teal.bold";
167
+ token: "var(--ds-chart-teal-bold, #1D9AAA)";
168
+ };
169
+ "#23A971": {
170
+ tokenName: "color.chart.green.bold";
171
+ token: "var(--ds-chart-green-bold, #23A971)";
172
+ };
173
+ "#FFBE33": {
174
+ tokenName: "color.chart.yellow.bold";
175
+ token: "var(--ds-chart-yellow-bold, #FFBE33)";
176
+ };
177
+ "#D97008": {
178
+ tokenName: "color.chart.orange.bold";
179
+ token: "var(--ds-chart-orange-bold, #D97008)";
180
+ };
181
+ "#FC552C": {
182
+ tokenName: "color.chart.red.bold";
183
+ token: "var(--ds-chart-red-bold, #FC552C)";
184
+ };
185
+ "#DA62AC": {
186
+ tokenName: "color.chart.magenta.bold";
187
+ token: "var(--ds-chart-magenta-bold, #DA62AC)";
188
+ };
189
+ "#8B77EE": {
190
+ tokenName: "color.chart.purple.bold";
191
+ token: "var(--ds-chart-purple-bold, #8B77EE)";
192
+ };
193
+ "#8590A2": {
194
+ tokenName: "color.chart.gray.bold";
195
+ token: "var(--ds-chart-gray-bold, #8590A2)";
196
+ };
197
+ "#0055CC": {
198
+ tokenName: "color.chart.blue.bolder";
199
+ token: "var(--ds-chart-blue-bolder, #0055CC)";
200
+ };
201
+ "#1D7F8C": {
202
+ tokenName: "color.chart.teal.bolder";
203
+ token: "var(--ds-chart-teal-bolder, #1D7F8C)";
204
+ };
205
+ "#177D52": {
206
+ tokenName: "color.chart.green.bolder";
207
+ token: "var(--ds-chart-green-bolder, #177D52)";
208
+ };
209
+ "#FF9D00": {
210
+ tokenName: "color.chart.yellow.bolder";
211
+ token: "var(--ds-chart-yellow-bolder, #FF9D00)";
212
+ };
213
+ "#B65C02": {
214
+ tokenName: "color.chart.orange.bolder";
215
+ token: "var(--ds-chart-orange-bolder, #B65C02)";
216
+ };
217
+ "#D32D03": {
218
+ tokenName: "color.chart.red.bolder";
219
+ token: "var(--ds-chart-red-bolder, #D32D03)";
220
+ };
221
+ "#CD519D": {
222
+ tokenName: "color.chart.magenta.bolder";
223
+ token: "var(--ds-chart-magenta-bolder, #CD519D)";
224
+ };
225
+ "#5A43D0": {
226
+ tokenName: "color.chart.purple.bolder";
227
+ token: "var(--ds-chart-purple-bolder, #5A43D0)";
228
+ };
229
+ "#758195": {
230
+ tokenName: "color.chart.gray.bolder";
231
+ token: "var(--ds-chart-gray-bolder, #758195)";
232
+ };
233
+ "#003884": {
234
+ tokenName: "color.chart.blue.boldest";
235
+ token: "var(--ds-chart-blue-boldest, #003884)";
236
+ };
237
+ "#206B74": {
238
+ tokenName: "color.chart.teal.boldest";
239
+ token: "var(--ds-chart-teal-boldest, #206B74)";
240
+ };
241
+ "#055C3F": {
242
+ tokenName: "color.chart.green.boldest";
243
+ token: "var(--ds-chart-green-boldest, #055C3F)";
244
+ };
245
+ "#946104": {
246
+ tokenName: "color.chart.yellow.boldest";
247
+ token: "var(--ds-chart-yellow-boldest, #946104)";
248
+ };
249
+ "#974F0C": {
250
+ tokenName: "color.chart.orange.boldest";
251
+ token: "var(--ds-chart-orange-boldest, #974F0C)";
252
+ };
253
+ "#A32000": {
254
+ tokenName: "color.chart.red.boldest";
255
+ token: "var(--ds-chart-red-boldest, #A32000)";
256
+ };
257
+ "#943D73": {
258
+ tokenName: "color.chart.magenta.boldest";
259
+ token: "var(--ds-chart-magenta-boldest, #943D73)";
260
+ };
261
+ "#44368B": {
262
+ tokenName: "color.chart.purple.boldest";
263
+ token: "var(--ds-chart-purple-boldest, #44368B)";
264
+ };
265
+ "#44546F": {
266
+ tokenName: "color.chart.gray.boldest";
267
+ token: "var(--ds-chart-gray-boldest, #44546F)";
268
+ };
269
+ };
270
+
271
+ // @public (undocumented)
272
+ type EditorTableChartsPaletteKey = keyof EditorTableChartsPalette;
273
+
274
+ // @public (undocumented)
275
+ type EditorTextPalette = typeof editorTextPalette;
276
+
277
+ // @public (undocumented)
278
+ const editorTextPalette: {
279
+ "#B3D4FF": "var(--ds-background-accent-blue-subtler, #B3D4FF)";
280
+ "#4C9AFF": "var(--ds-icon-accent-blue, #4C9AFF)";
281
+ "#0747A6": "var(--ds-text-accent-blue, #0747A6)";
282
+ "#B3F5FF": "var(--ds-background-accent-teal-subtler, #B3F5FF)";
283
+ "#00B8D9": "var(--ds-icon-accent-teal, #00B8D9)";
284
+ "#008DA6": "var(--ds-text-accent-teal, #008DA6)";
285
+ "#ABF5D1": "var(--ds-background-accent-green-subtler, #ABF5D1)";
286
+ "#36B37E": "var(--ds-icon-accent-green, #36B37E)";
287
+ "#006644": "var(--ds-text-accent-green, #006644)";
288
+ "#FFF0B3": "var(--ds-background-accent-yellow-subtler, #FFF0B3)";
289
+ "#FFC400": "var(--ds-background-accent-orange-subtle, #FFC400)";
290
+ "#FF991F": "var(--ds-icon-accent-orange, #FF991F)";
291
+ "#FFBDAD": "var(--ds-background-accent-red-subtler, #FFBDAD)";
292
+ "#FF5630": "var(--ds-icon-accent-red, #FF5630)";
293
+ "#BF2600": "var(--ds-text-accent-red, #BF2600)";
294
+ "#EAE6FF": "var(--ds-background-accent-purple-subtler, #EAE6FF)";
295
+ "#6554C0": "var(--ds-icon-accent-purple, #6554C0)";
296
+ "#403294": "var(--ds-text-accent-purple, #403294)";
297
+ "#FFFFFF": "var(--ds-text-inverse, #FFFFFF)";
298
+ "#97A0AF": "var(--ds-icon-accent-gray, #97A0AF)";
299
+ "#172B4D": "var(--ds-text, #172B4D)";
300
+ };
301
+
302
+ // @public (undocumented)
303
+ type EditorTextPaletteKey = keyof EditorTextPalette;
304
+
305
+ // @public
306
+ export function hexToEditorBackgroundPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBackgroundPaletteKey ? EditorBackgroundPalette[HexColor]['token'] : string | undefined;
307
+
308
+ // @public (undocumented)
309
+ export function hexToEditorBackgroundPaletteColorTokenName<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBackgroundPaletteKey ? EditorBackgroundPalette[HexColor]['tokenName'] : EditorBackgroundPaletteTokenNames | undefined;
310
+
311
+ // @public
312
+ export function hexToEditorBorderPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorBorderPaletteKey ? EditorBorderPalette[HexColor] : string | undefined;
313
+
314
+ // @public
315
+ export function hexToEditorTableChartsPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTableChartsPaletteKey ? EditorTableChartsPalette[HexColor]['token'] : string | undefined;
316
+
317
+ // @public (undocumented)
318
+ export function hexToEditorTableChartsPaletteColorTokenName<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTableChartsPaletteKey ? EditorTableChartsPalette[HexColor]['tokenName'] : EditorBackgroundPaletteTokenNames_2 | undefined;
319
+
320
+ // @public
321
+ export function hexToEditorTextPaletteColor<HexColor extends string>(hexColor: HexColor): HexColor extends EditorTextPaletteKey ? EditorTextPalette[HexColor] : string | undefined;
322
+
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
+ // (No @packageDocumentation comment for this package)
330
+
331
+ ```