@atlaskit/editor-palette 1.0.0 → 1.2.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 (25) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/background.js +83 -8
  3. package/dist/cjs/border.js +39 -0
  4. package/dist/cjs/index.js +21 -3
  5. package/dist/cjs/table-charts.js +52 -0
  6. package/dist/cjs/text.js +1 -5
  7. package/dist/cjs/version.json +1 -1
  8. package/dist/es2019/background.js +107 -50
  9. package/dist/es2019/border.js +36 -0
  10. package/dist/es2019/index.js +4 -2
  11. package/dist/es2019/table-charts.js +80 -0
  12. package/dist/es2019/text.js +7 -22
  13. package/dist/es2019/version.json +1 -1
  14. package/dist/esm/background.js +81 -4
  15. package/dist/esm/border.js +30 -0
  16. package/dist/esm/index.js +4 -2
  17. package/dist/esm/table-charts.js +45 -0
  18. package/dist/esm/text.js +1 -2
  19. package/dist/esm/version.json +1 -1
  20. package/dist/types/background.d.ts +88 -22
  21. package/dist/types/border.d.ts +29 -0
  22. package/dist/types/index.d.ts +3 -1
  23. package/dist/types/table-charts.d.ts +71 -0
  24. package/package.json +5 -3
  25. package/report.api.md +195 -22
package/report.api.md CHANGED
@@ -20,32 +20,157 @@ 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 EditorBorderPalette = typeof editorBorderPalette;
117
+
118
+ // @public (undocumented)
119
+ const editorBorderPalette: {
120
+ '#091E4224': 'var(--ds-border, #091E4224)';
121
+ '#758195': 'var(--ds-border-bold, #758195)';
122
+ '#172B4D': 'var(--ds-text, #172B4D)';
123
+ };
124
+
125
+ // @public (undocumented)
126
+ type EditorBorderPaletteKey = keyof EditorBorderPalette;
127
+
128
+ // @public (undocumented)
129
+ type EditorTableChartsPalette = typeof editorTableChartsPalette;
130
+
131
+ // @public
132
+ const editorTableChartsPalette: {
133
+ '#7AB2FF': 'var(--ds-background-accent-blue-subtle, #7AB2FF)';
134
+ '#60C6D2': 'var(--ds-background-accent-teal-subtle, #60C6D2)';
135
+ '#6BE1B0': 'var(--ds-background-accent-green-subtle, #6BE1B0)';
136
+ '#FFDB57': 'var(--ds-background-accent-yellow-subtle, #FFDB57)';
137
+ '#FAA53D': 'var(--ds-background-accent-orange-subtle, #FAA53D)';
138
+ '#FF8F73': 'var(--ds-background-accent-red-subtle, #FF8F73)';
139
+ '#E774BB': 'var(--ds-background-accent-magenta-subtle, #E774BB)';
140
+ '#B5A7FB': 'var(--ds-background-accent-purple-subtle, #B5A7FB)';
141
+ '#8993A5': 'var(--ds-background-accent-gray-subtler, #8993A5)';
142
+ '#247FFF': 'var(--ds-chart-blue-bold, #247FFF)';
143
+ '#1D9AAA': 'var(--ds-chart-teal-bold, #1D9AAA)';
144
+ '#23A971': 'var(--ds-chart-green-bold, #23A971)';
145
+ '#FFBE33': 'var(--ds-chart-yellow-bold, #FFBE33)';
146
+ '#D97008': 'var(--ds-chart-orange-bold, #D97008)';
147
+ '#FC552C': 'var(--ds-chart-red-bold, #FC552C)';
148
+ '#DA62AC': 'var(--ds-chart-magenta-bold, #DA62AC)';
149
+ '#8B77EE': 'var(--ds-chart-purple-bold, #8B77EE)';
150
+ '#8590A2': 'var(--ds-chart-gray-bold, #8590A2)';
151
+ '#0055CC': 'var(--ds-chart-blue-bolder, #0055CC)';
152
+ '#1D7F8C': 'var(--ds-chart-teal-bolder, #1D7F8C)';
153
+ '#177D52': 'var(--ds-chart-green-bolder, #177D52)';
154
+ '#FF9D00': 'var(--ds-chart-yellow-bolder, #FF9D00)';
155
+ '#B65C02': 'var(--ds-chart-orange-bolder, #B65C02)';
156
+ '#D32D03': 'var(--ds-chart-red-bolder, #D32D03)';
157
+ '#CD519D': 'var(--ds-chart-magenta-bolder, #CD519D)';
158
+ '#5A43D0': 'var(--ds-chart-purple-bolder, #5A43D0)';
159
+ '#758195': 'var(--ds-chart-gray-bolder, #758195)';
160
+ '#003884': 'var(--ds-chart-blue-boldest, #003884)';
161
+ '#206B74': 'var(--ds-chart-teal-boldest, #206B74)';
162
+ '#055C3F': 'var(--ds-chart-green-boldest, #055C3F)';
163
+ '#946104': 'var(--ds-chart-yellow-boldest, #946104)';
164
+ '#974F0C': 'var(--ds-chart-orange-boldest, #974F0C)';
165
+ '#A32000': 'var(--ds-chart-red-boldest, #A32000)';
166
+ '#943D73': 'var(--ds-chart-magenta-boldest, #943D73)';
167
+ '#44368B': 'var(--ds-chart-purple-boldest, #44368B)';
168
+ '#44546F': 'var(--ds-chart-gray-boldest, #44546F)';
169
+ };
170
+
171
+ // @public (undocumented)
172
+ type EditorTableChartsPaletteKey = keyof EditorTableChartsPalette;
173
+
49
174
  // @public (undocumented)
50
175
  type EditorTextPalette = typeof editorTextPalette;
51
176
 
@@ -81,7 +206,30 @@ type EditorTextPaletteKey = keyof EditorTextPalette;
81
206
  export function hexToEditorBackgroundPaletteColor<HexColor extends string>(
82
207
  hexColor: HexColor,
83
208
  ): HexColor extends EditorBackgroundPaletteKey
84
- ? EditorBackgroundPalette[HexColor]
209
+ ? EditorBackgroundPalette[HexColor]['token']
210
+ : string | undefined;
211
+
212
+ // @public (undocumented)
213
+ export function hexToEditorBackgroundPaletteColorTokenName<
214
+ HexColor extends string,
215
+ >(
216
+ hexColor: HexColor,
217
+ ): HexColor extends EditorBackgroundPaletteKey
218
+ ? EditorBackgroundPalette[HexColor]['tokenName']
219
+ : EditorBackgroundPaletteTokenNames | undefined;
220
+
221
+ // @public
222
+ export function hexToEditorBorderPaletteColor<HexColor extends string>(
223
+ hexColor: HexColor,
224
+ ): HexColor extends EditorBorderPaletteKey
225
+ ? EditorBorderPalette[HexColor]
226
+ : string | undefined;
227
+
228
+ // @public
229
+ export function hexToEditorTableChartsPaletteColor<HexColor extends string>(
230
+ hexColor: HexColor,
231
+ ): HexColor extends EditorTableChartsPaletteKey
232
+ ? EditorTableChartsPalette[HexColor]
85
233
  : string | undefined;
86
234
 
87
235
  // @public
@@ -91,6 +239,31 @@ export function hexToEditorTextPaletteColor<HexColor extends string>(
91
239
  ? EditorTextPalette[HexColor]
92
240
  : string | undefined;
93
241
 
242
+ // @public (undocumented)
243
+ const tokenNames: (
244
+ | 'color.background.accent.blue.subtle'
245
+ | 'color.background.accent.blue.subtler'
246
+ | 'color.background.accent.blue.subtlest'
247
+ | 'color.background.accent.gray.subtle'
248
+ | 'color.background.accent.gray.subtlest'
249
+ | 'color.background.accent.green.subtle'
250
+ | 'color.background.accent.green.subtler'
251
+ | 'color.background.accent.green.subtlest'
252
+ | 'color.background.accent.orange.subtle'
253
+ | 'color.background.accent.purple.subtle'
254
+ | 'color.background.accent.purple.subtler'
255
+ | 'color.background.accent.purple.subtlest'
256
+ | 'color.background.accent.red.subtle'
257
+ | 'color.background.accent.red.subtler'
258
+ | 'color.background.accent.red.subtlest'
259
+ | 'color.background.accent.teal.subtle'
260
+ | 'color.background.accent.teal.subtler'
261
+ | 'color.background.accent.teal.subtlest'
262
+ | 'color.background.accent.yellow.subtler'
263
+ | 'color.background.accent.yellow.subtlest'
264
+ | 'elevation.surface'
265
+ )[];
266
+
94
267
  // (No @packageDocumentation comment for this package)
95
268
  ```
96
269