@atlaskit/editor-palette 1.0.0 → 1.1.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 (21) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/background.js +83 -8
  3. package/dist/cjs/index.js +14 -3
  4. package/dist/cjs/table-charts.js +52 -0
  5. package/dist/cjs/text.js +1 -5
  6. package/dist/cjs/version.json +1 -1
  7. package/dist/es2019/background.js +107 -50
  8. package/dist/es2019/index.js +3 -2
  9. package/dist/es2019/table-charts.js +80 -0
  10. package/dist/es2019/text.js +7 -22
  11. package/dist/es2019/version.json +1 -1
  12. package/dist/esm/background.js +81 -4
  13. package/dist/esm/index.js +3 -2
  14. package/dist/esm/table-charts.js +45 -0
  15. package/dist/esm/text.js +1 -2
  16. package/dist/esm/version.json +1 -1
  17. package/dist/types/background.d.ts +88 -22
  18. package/dist/types/index.d.ts +2 -1
  19. package/dist/types/table-charts.d.ts +71 -0
  20. package/package.json +5 -3
  21. package/report.api.md +175 -22
package/report.api.md CHANGED
@@ -20,32 +20,144 @@ type EditorBackgroundPalette = typeof editorBackgroundPalette;
20
20
 
21
21
  // @public (undocumented)
22
22
  const editorBackgroundPalette: {
23
- '#DEEBFF': 'var(--ds-background-accent-blue-subtlest, #DEEBFF)';
24
- '#B3D4FF': 'var(--ds-background-accent-blue-subtler, #B3D4FF)';
25
- '#4C9AFF': 'var(--ds-background-accent-blue-subtle, #4C9AFF)';
26
- '#E6FCFF': 'var(--ds-background-accent-teal-subtlest, #E6FCFF)';
27
- '#B3F5FF': 'var(--ds-background-accent-teal-subtler, #B3F5FF)';
28
- '#79E2F2': 'var(--ds-background-accent-teal-subtle, #79E2F2)';
29
- '#E3FCEF': 'var(--ds-background-accent-green-subtlest, #E3FCEF)';
30
- '#ABF5D1': 'var(--ds-background-accent-green-subtler, #ABF5D1)';
31
- '#57D9A3': 'var(--ds-background-accent-green-subtle, #57D9A3)';
32
- '#FFFAE6': 'var(--ds-background-accent-yellow-subtlest, #FFFAE6)';
33
- '#FFF0B3': 'var(--ds-background-accent-yellow-subtler, #FFF0B3)';
34
- '#FFC400': 'var(--ds-background-accent-orange-subtle, #FFC400)';
35
- '#FFEBE6': 'var(--ds-background-accent-red-subtlest, #FFEBE6)';
36
- '#FFBDAD': 'var(--ds-background-accent-red-subtler, #FFBDAD)';
37
- '#FF8F73': 'var(--ds-background-accent-red-subtle, #FF8F73)';
38
- '#EAE6FF': 'var(--ds-background-accent-purple-subtlest, #EAE6FF)';
39
- '#C0B6F2': 'var(--ds-background-accent-purple-subtler, #C0B6F2)';
40
- '#998DD9': 'var(--ds-background-accent-purple-subtle, #998DD9)';
41
- '#FFFFFF': 'var(--ds-surface, #FFFFFF)';
42
- '#F4F5F7': 'var(--ds-background-accent-gray-subtlest, #F4F5F7)';
43
- '#B3BAC5': 'var(--ds-background-accent-gray-subtle, #B3BAC5)';
23
+ '#DEEBFF': {
24
+ tokenName: 'color.background.accent.blue.subtlest';
25
+ token: 'var(--ds-background-accent-blue-subtlest, #DEEBFF)';
26
+ };
27
+ '#B3D4FF': {
28
+ tokenName: 'color.background.accent.blue.subtler';
29
+ token: 'var(--ds-background-accent-blue-subtler, #B3D4FF)';
30
+ };
31
+ '#4C9AFF': {
32
+ tokenName: 'color.background.accent.blue.subtle';
33
+ token: 'var(--ds-background-accent-blue-subtle, #4C9AFF)';
34
+ };
35
+ '#E6FCFF': {
36
+ tokenName: 'color.background.accent.teal.subtlest';
37
+ token: 'var(--ds-background-accent-teal-subtlest, #E6FCFF)';
38
+ };
39
+ '#B3F5FF': {
40
+ tokenName: 'color.background.accent.teal.subtler';
41
+ token: 'var(--ds-background-accent-teal-subtler, #B3F5FF)';
42
+ };
43
+ '#79E2F2': {
44
+ tokenName: 'color.background.accent.teal.subtle';
45
+ token: 'var(--ds-background-accent-teal-subtle, #79E2F2)';
46
+ };
47
+ '#E3FCEF': {
48
+ tokenName: 'color.background.accent.green.subtlest';
49
+ token: 'var(--ds-background-accent-green-subtlest, #E3FCEF)';
50
+ };
51
+ '#ABF5D1': {
52
+ tokenName: 'color.background.accent.green.subtler';
53
+ token: 'var(--ds-background-accent-green-subtler, #ABF5D1)';
54
+ };
55
+ '#57D9A3': {
56
+ tokenName: 'color.background.accent.green.subtle';
57
+ token: 'var(--ds-background-accent-green-subtle, #57D9A3)';
58
+ };
59
+ '#FFFAE6': {
60
+ tokenName: 'color.background.accent.yellow.subtlest';
61
+ token: 'var(--ds-background-accent-yellow-subtlest, #FFFAE6)';
62
+ };
63
+ '#FFF0B3': {
64
+ tokenName: 'color.background.accent.yellow.subtler';
65
+ token: 'var(--ds-background-accent-yellow-subtler, #FFF0B3)';
66
+ };
67
+ '#FFC400': {
68
+ tokenName: 'color.background.accent.orange.subtle';
69
+ token: 'var(--ds-background-accent-orange-subtle, #FFC400)';
70
+ };
71
+ '#FFEBE6': {
72
+ tokenName: 'color.background.accent.red.subtlest';
73
+ token: 'var(--ds-background-accent-red-subtlest, #FFEBE6)';
74
+ };
75
+ '#FFBDAD': {
76
+ tokenName: 'color.background.accent.red.subtler';
77
+ token: 'var(--ds-background-accent-red-subtler, #FFBDAD)';
78
+ };
79
+ '#FF8F73': {
80
+ tokenName: 'color.background.accent.red.subtle';
81
+ token: 'var(--ds-background-accent-red-subtle, #FF8F73)';
82
+ };
83
+ '#EAE6FF': {
84
+ tokenName: 'color.background.accent.purple.subtlest';
85
+ token: 'var(--ds-background-accent-purple-subtlest, #EAE6FF)';
86
+ };
87
+ '#C0B6F2': {
88
+ tokenName: 'color.background.accent.purple.subtler';
89
+ token: 'var(--ds-background-accent-purple-subtler, #C0B6F2)';
90
+ };
91
+ '#998DD9': {
92
+ tokenName: 'color.background.accent.purple.subtle';
93
+ token: 'var(--ds-background-accent-purple-subtle, #998DD9)';
94
+ };
95
+ '#FFFFFF': {
96
+ tokenName: 'elevation.surface';
97
+ token: 'var(--ds-surface, #FFFFFF)';
98
+ };
99
+ '#F4F5F7': {
100
+ tokenName: 'color.background.accent.gray.subtlest';
101
+ token: 'var(--ds-background-accent-gray-subtlest, #F4F5F7)';
102
+ };
103
+ '#B3BAC5': {
104
+ tokenName: 'color.background.accent.gray.subtle';
105
+ token: 'var(--ds-background-accent-gray-subtle, #B3BAC5)';
106
+ };
44
107
  };
45
108
 
46
109
  // @public (undocumented)
47
110
  type EditorBackgroundPaletteKey = keyof EditorBackgroundPalette;
48
111
 
112
+ // @public (undocumented)
113
+ type EditorBackgroundPaletteTokenNames = typeof tokenNames[number];
114
+
115
+ // @public (undocumented)
116
+ type EditorTableChartsPalette = typeof editorTableChartsPalette;
117
+
118
+ // @public
119
+ const editorTableChartsPalette: {
120
+ '#7AB2FF': 'var(--ds-background-accent-blue-subtle, #7AB2FF)';
121
+ '#60C6D2': 'var(--ds-background-accent-teal-subtle, #60C6D2)';
122
+ '#6BE1B0': 'var(--ds-background-accent-green-subtle, #6BE1B0)';
123
+ '#FFDB57': 'var(--ds-background-accent-yellow-subtle, #FFDB57)';
124
+ '#FAA53D': 'var(--ds-background-accent-orange-subtle, #FAA53D)';
125
+ '#FF8F73': 'var(--ds-background-accent-red-subtle, #FF8F73)';
126
+ '#E774BB': 'var(--ds-background-accent-magenta-subtle, #E774BB)';
127
+ '#B5A7FB': 'var(--ds-background-accent-purple-subtle, #B5A7FB)';
128
+ '#8993A5': 'var(--ds-background-accent-gray-subtler, #8993A5)';
129
+ '#247FFF': 'var(--ds-chart-blue-bold, #247FFF)';
130
+ '#1D9AAA': 'var(--ds-chart-teal-bold, #1D9AAA)';
131
+ '#23A971': 'var(--ds-chart-green-bold, #23A971)';
132
+ '#FFBE33': 'var(--ds-chart-yellow-bold, #FFBE33)';
133
+ '#D97008': 'var(--ds-chart-orange-bold, #D97008)';
134
+ '#FC552C': 'var(--ds-chart-red-bold, #FC552C)';
135
+ '#DA62AC': 'var(--ds-chart-magenta-bold, #DA62AC)';
136
+ '#8B77EE': 'var(--ds-chart-purple-bold, #8B77EE)';
137
+ '#8590A2': 'var(--ds-chart-gray-bold, #8590A2)';
138
+ '#0055CC': 'var(--ds-chart-blue-bolder, #0055CC)';
139
+ '#1D7F8C': 'var(--ds-chart-teal-bolder, #1D7F8C)';
140
+ '#177D52': 'var(--ds-chart-green-bolder, #177D52)';
141
+ '#FF9D00': 'var(--ds-chart-yellow-bolder, #FF9D00)';
142
+ '#B65C02': 'var(--ds-chart-orange-bolder, #B65C02)';
143
+ '#D32D03': 'var(--ds-chart-red-bolder, #D32D03)';
144
+ '#CD519D': 'var(--ds-chart-magenta-bolder, #CD519D)';
145
+ '#5A43D0': 'var(--ds-chart-purple-bolder, #5A43D0)';
146
+ '#758195': 'var(--ds-chart-gray-bolder, #758195)';
147
+ '#003884': 'var(--ds-chart-blue-boldest, #003884)';
148
+ '#206B74': 'var(--ds-chart-teal-boldest, #206B74)';
149
+ '#055C3F': 'var(--ds-chart-green-boldest, #055C3F)';
150
+ '#946104': 'var(--ds-chart-yellow-boldest, #946104)';
151
+ '#974F0C': 'var(--ds-chart-orange-boldest, #974F0C)';
152
+ '#A32000': 'var(--ds-chart-red-boldest, #A32000)';
153
+ '#943D73': 'var(--ds-chart-magenta-boldest, #943D73)';
154
+ '#44368B': 'var(--ds-chart-purple-boldest, #44368B)';
155
+ '#44546F': 'var(--ds-chart-gray-boldest, #44546F)';
156
+ };
157
+
158
+ // @public (undocumented)
159
+ type EditorTableChartsPaletteKey = keyof EditorTableChartsPalette;
160
+
49
161
  // @public (undocumented)
50
162
  type EditorTextPalette = typeof editorTextPalette;
51
163
 
@@ -81,7 +193,23 @@ type EditorTextPaletteKey = keyof EditorTextPalette;
81
193
  export function hexToEditorBackgroundPaletteColor<HexColor extends string>(
82
194
  hexColor: HexColor,
83
195
  ): HexColor extends EditorBackgroundPaletteKey
84
- ? EditorBackgroundPalette[HexColor]
196
+ ? EditorBackgroundPalette[HexColor]['token']
197
+ : string | undefined;
198
+
199
+ // @public (undocumented)
200
+ export function hexToEditorBackgroundPaletteColorTokenName<
201
+ HexColor extends string,
202
+ >(
203
+ hexColor: HexColor,
204
+ ): HexColor extends EditorBackgroundPaletteKey
205
+ ? EditorBackgroundPalette[HexColor]['tokenName']
206
+ : EditorBackgroundPaletteTokenNames | undefined;
207
+
208
+ // @public
209
+ export function hexToEditorTableChartsPaletteColor<HexColor extends string>(
210
+ hexColor: HexColor,
211
+ ): HexColor extends EditorTableChartsPaletteKey
212
+ ? EditorTableChartsPalette[HexColor]
85
213
  : string | undefined;
86
214
 
87
215
  // @public
@@ -91,6 +219,31 @@ export function hexToEditorTextPaletteColor<HexColor extends string>(
91
219
  ? EditorTextPalette[HexColor]
92
220
  : string | undefined;
93
221
 
222
+ // @public (undocumented)
223
+ const tokenNames: (
224
+ | 'color.background.accent.blue.subtle'
225
+ | 'color.background.accent.blue.subtler'
226
+ | 'color.background.accent.blue.subtlest'
227
+ | 'color.background.accent.gray.subtle'
228
+ | 'color.background.accent.gray.subtlest'
229
+ | 'color.background.accent.green.subtle'
230
+ | 'color.background.accent.green.subtler'
231
+ | 'color.background.accent.green.subtlest'
232
+ | 'color.background.accent.orange.subtle'
233
+ | 'color.background.accent.purple.subtle'
234
+ | 'color.background.accent.purple.subtler'
235
+ | 'color.background.accent.purple.subtlest'
236
+ | 'color.background.accent.red.subtle'
237
+ | 'color.background.accent.red.subtler'
238
+ | 'color.background.accent.red.subtlest'
239
+ | 'color.background.accent.teal.subtle'
240
+ | 'color.background.accent.teal.subtler'
241
+ | 'color.background.accent.teal.subtlest'
242
+ | 'color.background.accent.yellow.subtler'
243
+ | 'color.background.accent.yellow.subtlest'
244
+ | 'elevation.surface'
245
+ )[];
246
+
94
247
  // (No @packageDocumentation comment for this package)
95
248
  ```
96
249