@atlaskit/editor-palette 2.1.22 → 2.1.24

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 (18) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/background.js +20 -20
  3. package/dist/cjs/border.js +1 -1
  4. package/dist/cjs/table-charts.js +32 -32
  5. package/dist/cjs/text-background-color.js +1 -1
  6. package/dist/cjs/text.js +1 -1
  7. package/dist/es2019/background.js +20 -20
  8. package/dist/es2019/border.js +3 -3
  9. package/dist/es2019/table-charts.js +32 -32
  10. package/dist/es2019/text-background-color.js +4 -4
  11. package/dist/es2019/text.js +20 -20
  12. package/dist/esm/background.js +20 -20
  13. package/dist/esm/border.js +1 -1
  14. package/dist/esm/table-charts.js +32 -32
  15. package/dist/esm/text-background-color.js +1 -1
  16. package/dist/esm/text.js +1 -1
  17. package/docs/0-intro.tsx +4 -2
  18. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 2.1.24
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d497cbb2d150f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d497cbb2d150f) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+
10
+ ## 2.1.23
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 2.1.22
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/background.js CHANGED
@@ -71,92 +71,92 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
71
71
  getValue: function getValue(fallback) {
72
72
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtlest', fallback);
73
73
  },
74
- token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)"
74
+ token: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
75
75
  }), '#B3D4FF', {
76
76
  getValue: function getValue(fallback) {
77
77
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtler', fallback);
78
78
  },
79
- token: "var(--ds-background-accent-blue-subtler, #B3D4FF)"
79
+ token: "var(--ds-background-accent-blue-subtler, #CFE1FD)"
80
80
  }), '#4C9AFF', {
81
81
  getValue: function getValue(fallback) {
82
82
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
83
83
  },
84
- token: "var(--ds-background-accent-blue-subtle, #4C9AFF)"
84
+ token: "var(--ds-background-accent-blue-subtle, #669DF1)"
85
85
  }), '#E6FCFF', {
86
86
  getValue: function getValue(fallback) {
87
87
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtlest', fallback);
88
88
  },
89
- token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)" // source for hex code was legacy token T50,
89
+ token: "var(--ds-background-accent-teal-subtlest, #E7F9FF)" // source for hex code was legacy token T50,
90
90
  }), '#B3F5FF', {
91
91
  getValue: function getValue(fallback) {
92
92
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtler', fallback);
93
93
  },
94
- token: "var(--ds-background-accent-teal-subtler, #B3F5FF)" // source for hex code was legacy token T75,
94
+ token: "var(--ds-background-accent-teal-subtler, #C6EDFB)" // source for hex code was legacy token T75,
95
95
  }), '#79E2F2', {
96
96
  getValue: function getValue(fallback) {
97
97
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
98
98
  },
99
- token: "var(--ds-background-accent-teal-subtle, #79E2F2)" // source for hex code was legacy token T100,
99
+ token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
100
100
  }), '#E3FCEF', {
101
101
  getValue: function getValue(fallback) {
102
102
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtlest', fallback);
103
103
  },
104
- token: "var(--ds-background-accent-green-subtlest, #E3FCEF)" // source for hex code was legacy token G50,
104
+ token: "var(--ds-background-accent-green-subtlest, #DCFFF1)" // source for hex code was legacy token G50,
105
105
  }), '#ABF5D1', {
106
106
  getValue: function getValue(fallback) {
107
107
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtler', fallback);
108
108
  },
109
- token: "var(--ds-background-accent-green-subtler, #ABF5D1)" // source for hex code was legacy token G75,
109
+ token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
110
110
  }), '#57D9A3', {
111
111
  getValue: function getValue(fallback) {
112
112
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
113
113
  },
114
- token: "var(--ds-background-accent-green-subtle, #57D9A3)" // source for hex code was legacy token G200,
114
+ token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
115
115
  }), '#FFFAE6', {
116
116
  getValue: function getValue(fallback) {
117
117
  return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtlest', fallback);
118
118
  },
119
- token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)" // source for hex code was legacy token Y50,
119
+ token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
120
120
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorBackgroundPale, '#FFF0B3', {
121
121
  getValue: function getValue(fallback) {
122
122
  return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtler', fallback);
123
123
  },
124
- token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)" // source for hex code was legacy token Y75,
124
+ token: "var(--ds-background-accent-yellow-subtler, #F5E989)" // source for hex code was legacy token Y75,
125
125
  }), '#FFC400', {
126
126
  getValue: function getValue(fallback) {
127
127
  return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
128
128
  },
129
- token: "var(--ds-background-accent-orange-subtle, #FFC400)" // source for hex code was legacy token Y200,
129
+ token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
130
130
  }), '#FFEBE6', {
131
131
  getValue: function getValue(fallback) {
132
132
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtlest', fallback);
133
133
  },
134
- token: "var(--ds-background-accent-red-subtlest, #FFEBE6)" // source for hex code was legacy token R50,
134
+ token: "var(--ds-background-accent-red-subtlest, #FFECEB)" // source for hex code was legacy token R50,
135
135
  }), '#FFBDAD', {
136
136
  getValue: function getValue(fallback) {
137
137
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtler', fallback);
138
138
  },
139
- token: "var(--ds-background-accent-red-subtler, #FFBDAD)" // source for hex code was legacy token R75,
139
+ token: "var(--ds-background-accent-red-subtler, #FFD5D2)" // source for hex code was legacy token R75,
140
140
  }), '#FF8F73', {
141
141
  getValue: function getValue(fallback) {
142
142
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
143
143
  },
144
- token: "var(--ds-background-accent-red-subtle, #FF8F73)" // source for hex code was legacy token R100,
144
+ token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
145
145
  }), '#EAE6FF', {
146
146
  getValue: function getValue(fallback) {
147
147
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtlest', fallback);
148
148
  },
149
- token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)" // source for hex code was legacy token P50,
149
+ token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
150
150
  }), '#C0B6F2', {
151
151
  getValue: function getValue(fallback) {
152
152
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtler', fallback);
153
153
  },
154
- token: "var(--ds-background-accent-purple-subtler, #C0B6F2)" // source for hex code was legacy token P75,
154
+ token: "var(--ds-background-accent-purple-subtler, #EED7FC)" // source for hex code was legacy token P75,
155
155
  }), '#998DD9', {
156
156
  getValue: function getValue(fallback) {
157
157
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
158
158
  },
159
- token: "var(--ds-background-accent-purple-subtle, #998DD9)" // source for hex code was legacy token P100,
159
+ token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
160
160
  }), '#FFFFFF', {
161
161
  getValue: function getValue(fallback) {
162
162
  return (0, _tokens.getTokenValue)('elevation.surface', fallback);
@@ -166,10 +166,10 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
166
166
  getValue: function getValue(fallback) {
167
167
  return (0, _tokens.getTokenValue)('color.background.accent.gray.subtlest', fallback);
168
168
  },
169
- token: "var(--ds-background-accent-gray-subtlest, #F4F5F7)" // source for hex code was legacy token N20,
169
+ token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
170
170
  }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3BAC5', {
171
171
  getValue: function getValue(fallback) {
172
172
  return (0, _tokens.getTokenValue)('color.background.accent.gray.subtle', fallback);
173
173
  },
174
- token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60,
174
+ token: "var(--ds-background-accent-gray-subtle, #8C8F97)" // source for hex code was legacy token N60,
175
175
  }));
package/dist/cjs/border.js CHANGED
@@ -33,4 +33,4 @@ function hexToEditorBorderPaletteColor(hexColor) {
33
33
  // @ts-ignore
34
34
  return editorBorderPalette[hexColor.toUpperCase()];
35
35
  }
36
- var editorBorderPalette = exports.editorBorderPalette = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '#091E4224', "var(--ds-border, #091E4224)"), '#758195', "var(--ds-border-bold, #758195)"), '#172B4D', "var(--ds-text, #172B4D)");
36
+ var editorBorderPalette = exports.editorBorderPalette = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '#091E4224', "var(--ds-border, #0B120E24)"), '#758195', "var(--ds-border-bold, #7D818A)"), '#172B4D', "var(--ds-text, #292A2E)");
package/dist/cjs/table-charts.js CHANGED
@@ -76,32 +76,32 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, (0, _defineProperty2
76
76
  getValue: function getValue(fallback) {
77
77
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
78
78
  },
79
- token: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
79
+ token: "var(--ds-background-accent-blue-subtle, #669DF1)"
80
80
  }), '#60C6D2', {
81
81
  getValue: function getValue(fallback) {
82
82
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
83
83
  },
84
- token: "var(--ds-background-accent-teal-subtle, #60C6D2)"
84
+ token: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
85
85
  }), '#6BE1B0', {
86
86
  getValue: function getValue(fallback) {
87
87
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
88
88
  },
89
- token: "var(--ds-background-accent-green-subtle, #6BE1B0)"
89
+ token: "var(--ds-background-accent-green-subtle, #4BCE97)"
90
90
  }), '#FFDB57', {
91
91
  getValue: function getValue(fallback) {
92
92
  return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtle', fallback);
93
93
  },
94
- token: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
94
+ token: "var(--ds-background-accent-yellow-subtle, #EED12B)"
95
95
  }), '#FAA53D', {
96
96
  getValue: function getValue(fallback) {
97
97
  return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
98
98
  },
99
- token: "var(--ds-background-accent-orange-subtle, #FAA53D)"
99
+ token: "var(--ds-background-accent-orange-subtle, #FCA700)"
100
100
  }), '#FF8F73', {
101
101
  getValue: function getValue(fallback) {
102
102
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
103
103
  },
104
- token: "var(--ds-background-accent-red-subtle, #FF8F73)"
104
+ token: "var(--ds-background-accent-red-subtle, #F87168)"
105
105
  }), '#E774BB', {
106
106
  getValue: function getValue(fallback) {
107
107
  return (0, _tokens.getTokenValue)('color.background.accent.magenta.subtle', fallback);
@@ -111,42 +111,42 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, (0, _defineProperty2
111
111
  getValue: function getValue(fallback) {
112
112
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
113
113
  },
114
- token: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
114
+ token: "var(--ds-background-accent-purple-subtle, #C97CF4)"
115
115
  }), '#8993A5', {
116
116
  getValue: function getValue(fallback) {
117
117
  return (0, _tokens.getTokenValue)('color.background.accent.gray.subtler', fallback);
118
118
  },
119
- token: "var(--ds-background-accent-gray-subtler, #8993A5)"
119
+ token: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
120
120
  }), '#247FFF', {
121
121
  getValue: function getValue(fallback) {
122
122
  return (0, _tokens.getTokenValue)('color.chart.blue.bold', fallback);
123
123
  },
124
- token: "var(--ds-chart-blue-bold, #247FFF)"
124
+ token: "var(--ds-chart-blue-bold, #4688EC)"
125
125
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTableChartsPal, '#1D9AAA', {
126
126
  getValue: function getValue(fallback) {
127
127
  return (0, _tokens.getTokenValue)('color.chart.teal.bold', fallback);
128
128
  },
129
- token: "var(--ds-chart-teal-bold, #1D9AAA)"
129
+ token: "var(--ds-chart-teal-bold, #2898BD)"
130
130
  }), '#23A971', {
131
131
  getValue: function getValue(fallback) {
132
132
  return (0, _tokens.getTokenValue)('color.chart.green.bold', fallback);
133
133
  },
134
- token: "var(--ds-chart-green-bold, #23A971)"
134
+ token: "var(--ds-chart-green-bold, #22A06B)"
135
135
  }), '#FFBE33', {
136
136
  getValue: function getValue(fallback) {
137
137
  return (0, _tokens.getTokenValue)('color.chart.yellow.bold', fallback);
138
138
  },
139
- token: "var(--ds-chart-yellow-bold, #FFBE33)"
139
+ token: "var(--ds-chart-yellow-bold, #B38600)"
140
140
  }), '#D97008', {
141
141
  getValue: function getValue(fallback) {
142
142
  return (0, _tokens.getTokenValue)('color.chart.orange.bold', fallback);
143
143
  },
144
- token: "var(--ds-chart-orange-bold, #D97008)"
144
+ token: "var(--ds-chart-orange-bold, #E06C00)"
145
145
  }), '#FC552C', {
146
146
  getValue: function getValue(fallback) {
147
147
  return (0, _tokens.getTokenValue)('color.chart.red.bold', fallback);
148
148
  },
149
- token: "var(--ds-chart-red-bold, #FC552C)"
149
+ token: "var(--ds-chart-red-bold, #F15B50)"
150
150
  }), '#DA62AC', {
151
151
  getValue: function getValue(fallback) {
152
152
  return (0, _tokens.getTokenValue)('color.chart.magenta.bold', fallback);
@@ -156,42 +156,42 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, (0, _defineProperty2
156
156
  getValue: function getValue(fallback) {
157
157
  return (0, _tokens.getTokenValue)('color.chart.purple.bold', fallback);
158
158
  },
159
- token: "var(--ds-chart-purple-bold, #8B77EE)"
159
+ token: "var(--ds-chart-purple-bold, #BF63F3)"
160
160
  }), '#8590A2', {
161
161
  getValue: function getValue(fallback) {
162
162
  return (0, _tokens.getTokenValue)('color.chart.gray.bold', fallback);
163
163
  },
164
- token: "var(--ds-chart-gray-bold, #8590A2)"
164
+ token: "var(--ds-chart-gray-bold, #8C8F97)"
165
165
  }), '#0055CC', {
166
166
  getValue: function getValue(fallback) {
167
167
  return (0, _tokens.getTokenValue)('color.chart.blue.bolder', fallback);
168
168
  },
169
- token: "var(--ds-chart-blue-bolder, #0055CC)"
169
+ token: "var(--ds-chart-blue-bolder, #357DE8)"
170
170
  }), '#1D7F8C', {
171
171
  getValue: function getValue(fallback) {
172
172
  return (0, _tokens.getTokenValue)('color.chart.teal.bolder', fallback);
173
173
  },
174
- token: "var(--ds-chart-teal-bolder, #1D7F8C)"
174
+ token: "var(--ds-chart-teal-bolder, #227D9B)"
175
175
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTableChartsPal, '#177D52', {
176
176
  getValue: function getValue(fallback) {
177
177
  return (0, _tokens.getTokenValue)('color.chart.green.bolder', fallback);
178
178
  },
179
- token: "var(--ds-chart-green-bolder, #177D52)"
179
+ token: "var(--ds-chart-green-bolder, #1F845A)"
180
180
  }), '#FF9D00', {
181
181
  getValue: function getValue(fallback) {
182
182
  return (0, _tokens.getTokenValue)('color.chart.yellow.bolder', fallback);
183
183
  },
184
- token: "var(--ds-chart-yellow-bolder, #FF9D00)"
184
+ token: "var(--ds-chart-yellow-bolder, #946F00)"
185
185
  }), '#B65C02', {
186
186
  getValue: function getValue(fallback) {
187
187
  return (0, _tokens.getTokenValue)('color.chart.orange.bolder', fallback);
188
188
  },
189
- token: "var(--ds-chart-orange-bolder, #B65C02)"
189
+ token: "var(--ds-chart-orange-bolder, #BD5B00)"
190
190
  }), '#D32D03', {
191
191
  getValue: function getValue(fallback) {
192
192
  return (0, _tokens.getTokenValue)('color.chart.red.bolder', fallback);
193
193
  },
194
- token: "var(--ds-chart-red-bolder, #D32D03)"
194
+ token: "var(--ds-chart-red-bolder, #E2483D)"
195
195
  }), '#CD519D', {
196
196
  getValue: function getValue(fallback) {
197
197
  return (0, _tokens.getTokenValue)('color.chart.magenta.bolder', fallback);
@@ -201,42 +201,42 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, (0, _defineProperty2
201
201
  getValue: function getValue(fallback) {
202
202
  return (0, _tokens.getTokenValue)('color.chart.purple.bolder', fallback);
203
203
  },
204
- token: "var(--ds-chart-purple-bolder, #5A43D0)"
204
+ token: "var(--ds-chart-purple-bolder, #AF59E1)"
205
205
  }), '#758195', {
206
206
  getValue: function getValue(fallback) {
207
207
  return (0, _tokens.getTokenValue)('color.chart.gray.bolder', fallback);
208
208
  },
209
- token: "var(--ds-chart-gray-bolder, #758195)"
209
+ token: "var(--ds-chart-gray-bolder, #7D818A)"
210
210
  }), '#003884', {
211
211
  getValue: function getValue(fallback) {
212
212
  return (0, _tokens.getTokenValue)('color.chart.blue.boldest', fallback);
213
213
  },
214
- token: "var(--ds-chart-blue-boldest, #003884)"
214
+ token: "var(--ds-chart-blue-boldest, #1558BC)"
215
215
  }), '#206B74', {
216
216
  getValue: function getValue(fallback) {
217
217
  return (0, _tokens.getTokenValue)('color.chart.teal.boldest', fallback);
218
218
  },
219
- token: "var(--ds-chart-teal-boldest, #206B74)"
219
+ token: "var(--ds-chart-teal-boldest, #206A83)"
220
220
  }), '#055C3F', {
221
221
  getValue: function getValue(fallback) {
222
222
  return (0, _tokens.getTokenValue)('color.chart.green.boldest', fallback);
223
223
  },
224
- token: "var(--ds-chart-green-boldest, #055C3F)"
224
+ token: "var(--ds-chart-green-boldest, #216E4E)"
225
225
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTableChartsPal, '#946104', {
226
226
  getValue: function getValue(fallback) {
227
227
  return (0, _tokens.getTokenValue)('color.chart.yellow.boldest', fallback);
228
228
  },
229
- token: "var(--ds-chart-yellow-boldest, #946104)"
229
+ token: "var(--ds-chart-yellow-boldest, #7F5F01)"
230
230
  }), '#974F0C', {
231
231
  getValue: function getValue(fallback) {
232
232
  return (0, _tokens.getTokenValue)('color.chart.orange.boldest', fallback);
233
233
  },
234
- token: "var(--ds-chart-orange-boldest, #974F0C)"
234
+ token: "var(--ds-chart-orange-boldest, #7A3B00)"
235
235
  }), '#A32000', {
236
236
  getValue: function getValue(fallback) {
237
237
  return (0, _tokens.getTokenValue)('color.chart.red.boldest', fallback);
238
238
  },
239
- token: "var(--ds-chart-red-boldest, #A32000)"
239
+ token: "var(--ds-chart-red-boldest, #AE2E24)"
240
240
  }), '#943D73', {
241
241
  getValue: function getValue(fallback) {
242
242
  return (0, _tokens.getTokenValue)('color.chart.magenta.boldest', fallback);
@@ -246,10 +246,10 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, (0, _defineProperty2
246
246
  getValue: function getValue(fallback) {
247
247
  return (0, _tokens.getTokenValue)('color.chart.purple.boldest', fallback);
248
248
  },
249
- token: "var(--ds-chart-purple-boldest, #44368B)"
249
+ token: "var(--ds-chart-purple-boldest, #803FA5)"
250
250
  }), '#44546F', {
251
251
  getValue: function getValue(fallback) {
252
252
  return (0, _tokens.getTokenValue)('color.chart.gray.boldest', fallback);
253
253
  },
254
- token: "var(--ds-chart-gray-boldest, #44546F)"
254
+ token: "var(--ds-chart-gray-boldest, #505258)"
255
255
  }));
package/dist/cjs/text-background-color.js CHANGED
@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
11
11
 
12
12
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
13
13
  // values are asserted to improve generated type declarations
14
- var textBackgroundColorPalette = exports.textBackgroundColorPalette = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DCDFE4)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F8E6A0)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FEDEC8)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #DFD8FD)");
14
+ var textBackgroundColorPalette = exports.textBackgroundColorPalette = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)");
15
15
  /**
16
16
  * This takes an ADF hex color and returns a matching text background palette color.
17
17
  *
package/dist/cjs/text.js CHANGED
@@ -37,4 +37,4 @@ function hexToEditorTextPaletteColor(hexColor) {
37
37
  // Colors taken from
38
38
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
39
39
  // values are asserted to improve generated type declarations
40
- var editorTextPalette = exports.editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #B3D4FF)"), '#4C9AFF', "var(--ds-icon-accent-blue, #4C9AFF)"), '#0747A6', "var(--ds-text-accent-blue, #0747A6)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #B3F5FF)"), '#00B8D9', "var(--ds-icon-accent-teal, #00B8D9)"), '#008DA6', "var(--ds-text-accent-teal, #008DA6)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #ABF5D1)"), '#36B37E', "var(--ds-icon-accent-green, #36B37E)"), '#006644', "var(--ds-text-accent-green, #006644)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #FFF0B3)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FFC400)"), '#FF991F', "var(--ds-icon-accent-orange, #FF991F)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFBDAD)"), '#FF5630', "var(--ds-icon-accent-red, #FF5630)"), '#BF2600', "var(--ds-text-accent-red, #BF2600)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EAE6FF)"), '#6554C0', "var(--ds-icon-accent-purple, #6554C0)"), '#403294', "var(--ds-text-accent-purple, #403294)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #97A0AF)"), (0, _defineProperty2.default)(_editorTextPalette, '#172B4D', "var(--ds-text, #172B4D)"));
40
+ var editorTextPalette = exports.editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), (0, _defineProperty2.default)(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"));
package/dist/es2019/background.js CHANGED
@@ -63,19 +63,19 @@ export const editorBackgroundPalette = {
63
63
  /** blue - light */
64
64
  ['#DEEBFF']: {
65
65
  getValue: fallback => getTokenValue('color.background.accent.blue.subtlest', fallback),
66
- token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)"
66
+ token: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
67
67
  },
68
68
  // source for hex code was legacy token B50
69
69
  /** blue - medium */
70
70
  ['#B3D4FF']: {
71
71
  getValue: fallback => getTokenValue('color.background.accent.blue.subtler', fallback),
72
- token: "var(--ds-background-accent-blue-subtler, #B3D4FF)"
72
+ token: "var(--ds-background-accent-blue-subtler, #CFE1FD)"
73
73
  },
74
74
  // source for hex code was legacy token B75
75
75
  /** blue - strong */
76
76
  ['#4C9AFF']: {
77
77
  getValue: fallback => getTokenValue('color.background.accent.blue.subtle', fallback),
78
- token: "var(--ds-background-accent-blue-subtle, #4C9AFF)"
78
+ token: "var(--ds-background-accent-blue-subtle, #669DF1)"
79
79
  },
80
80
  // source for hex code was legacy token B100
81
81
 
@@ -83,81 +83,81 @@ export const editorBackgroundPalette = {
83
83
  /** teal - light */
84
84
  ['#E6FCFF']: {
85
85
  getValue: fallback => getTokenValue('color.background.accent.teal.subtlest', fallback),
86
- token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)" // source for hex code was legacy token T50,
86
+ token: "var(--ds-background-accent-teal-subtlest, #E7F9FF)" // source for hex code was legacy token T50,
87
87
  },
88
88
  /** teal - medium */
89
89
  ['#B3F5FF']: {
90
90
  getValue: fallback => getTokenValue('color.background.accent.teal.subtler', fallback),
91
- token: "var(--ds-background-accent-teal-subtler, #B3F5FF)" // source for hex code was legacy token T75,
91
+ token: "var(--ds-background-accent-teal-subtler, #C6EDFB)" // source for hex code was legacy token T75,
92
92
  },
93
93
  /** teal - strong */
94
94
  ['#79E2F2']: {
95
95
  getValue: fallback => getTokenValue('color.background.accent.teal.subtle', fallback),
96
- token: "var(--ds-background-accent-teal-subtle, #79E2F2)" // source for hex code was legacy token T100,
96
+ token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
97
97
  },
98
98
  // green
99
99
  /** green - light */
100
100
  ['#E3FCEF']: {
101
101
  getValue: fallback => getTokenValue('color.background.accent.green.subtlest', fallback),
102
- token: "var(--ds-background-accent-green-subtlest, #E3FCEF)" // source for hex code was legacy token G50,
102
+ token: "var(--ds-background-accent-green-subtlest, #DCFFF1)" // source for hex code was legacy token G50,
103
103
  },
104
104
  /** green - medium */
105
105
  ['#ABF5D1']: {
106
106
  getValue: fallback => getTokenValue('color.background.accent.green.subtler', fallback),
107
- token: "var(--ds-background-accent-green-subtler, #ABF5D1)" // source for hex code was legacy token G75,
107
+ token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
108
108
  },
109
109
  /** green - strong */
110
110
  ['#57D9A3']: {
111
111
  getValue: fallback => getTokenValue('color.background.accent.green.subtle', fallback),
112
- token: "var(--ds-background-accent-green-subtle, #57D9A3)" // source for hex code was legacy token G200,
112
+ token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
113
113
  },
114
114
  // yellowOrange
115
115
  /** yellowOrange - light */
116
116
  ['#FFFAE6']: {
117
117
  getValue: fallback => getTokenValue('color.background.accent.yellow.subtlest', fallback),
118
- token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)" // source for hex code was legacy token Y50,
118
+ token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
119
119
  },
120
120
  /** yellowOrange - medium */
121
121
  ['#FFF0B3']: {
122
122
  getValue: fallback => getTokenValue('color.background.accent.yellow.subtler', fallback),
123
- token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)" // source for hex code was legacy token Y75,
123
+ token: "var(--ds-background-accent-yellow-subtler, #F5E989)" // source for hex code was legacy token Y75,
124
124
  },
125
125
  /** yellowOrange - strong */
126
126
  ['#FFC400']: {
127
127
  getValue: fallback => getTokenValue('color.background.accent.orange.subtle', fallback),
128
- token: "var(--ds-background-accent-orange-subtle, #FFC400)" // source for hex code was legacy token Y200,
128
+ token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
129
129
  },
130
130
  // red
131
131
  /** red - light */
132
132
  ['#FFEBE6']: {
133
133
  getValue: fallback => getTokenValue('color.background.accent.red.subtlest', fallback),
134
- token: "var(--ds-background-accent-red-subtlest, #FFEBE6)" // source for hex code was legacy token R50,
134
+ token: "var(--ds-background-accent-red-subtlest, #FFECEB)" // source for hex code was legacy token R50,
135
135
  },
136
136
  /** red - medium */
137
137
  ['#FFBDAD']: {
138
138
  getValue: fallback => getTokenValue('color.background.accent.red.subtler', fallback),
139
- token: "var(--ds-background-accent-red-subtler, #FFBDAD)" // source for hex code was legacy token R75,
139
+ token: "var(--ds-background-accent-red-subtler, #FFD5D2)" // source for hex code was legacy token R75,
140
140
  },
141
141
  /** red - strong */
142
142
  ['#FF8F73']: {
143
143
  getValue: fallback => getTokenValue('color.background.accent.red.subtle', fallback),
144
- token: "var(--ds-background-accent-red-subtle, #FF8F73)" // source for hex code was legacy token R100,
144
+ token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
145
145
  },
146
146
  // purple
147
147
  /** purple - light */
148
148
  ['#EAE6FF']: {
149
149
  getValue: fallback => getTokenValue('color.background.accent.purple.subtlest', fallback),
150
- token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)" // source for hex code was legacy token P50,
150
+ token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
151
151
  },
152
152
  /** purple - medium */
153
153
  ['#C0B6F2']: {
154
154
  getValue: fallback => getTokenValue('color.background.accent.purple.subtler', fallback),
155
- token: "var(--ds-background-accent-purple-subtler, #C0B6F2)" // source for hex code was legacy token P75,
155
+ token: "var(--ds-background-accent-purple-subtler, #EED7FC)" // source for hex code was legacy token P75,
156
156
  },
157
157
  /** purple - strong */
158
158
  ['#998DD9']: {
159
159
  getValue: fallback => getTokenValue('color.background.accent.purple.subtle', fallback),
160
- token: "var(--ds-background-accent-purple-subtle, #998DD9)" // source for hex code was legacy token P100,
160
+ token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
161
161
  },
162
162
  // whiteGray
163
163
  /** whiteGray - light */
@@ -168,11 +168,11 @@ export const editorBackgroundPalette = {
168
168
  /** whiteGray - medium */
169
169
  ['#F4F5F7']: {
170
170
  getValue: fallback => getTokenValue('color.background.accent.gray.subtlest', fallback),
171
- token: "var(--ds-background-accent-gray-subtlest, #F4F5F7)" // source for hex code was legacy token N20,
171
+ token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
172
172
  },
173
173
  /** whiteGray - strong */
174
174
  ['#B3BAC5']: {
175
175
  getValue: fallback => getTokenValue('color.background.accent.gray.subtle', fallback),
176
- token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60,
176
+ token: "var(--ds-background-accent-gray-subtle, #8C8F97)" // source for hex code was legacy token N60,
177
177
  }
178
178
  };
package/dist/es2019/border.js CHANGED
@@ -27,9 +27,9 @@ export function hexToEditorBorderPaletteColor(hexColor) {
27
27
  export const editorBorderPalette = {
28
28
  // gray
29
29
  /** gray - subtle */
30
- ['#091E4224']: "var(--ds-border, #091E4224)",
30
+ ['#091E4224']: "var(--ds-border, #0B120E24)",
31
31
  /** gray */
32
- ['#758195']: "var(--ds-border-bold, #758195)",
32
+ ['#758195']: "var(--ds-border-bold, #7D818A)",
33
33
  /** gray - bold */
34
- ['#172B4D']: "var(--ds-text, #172B4D)"
34
+ ['#172B4D']: "var(--ds-text, #292A2E)"
35
35
  };
package/dist/es2019/table-charts.js CHANGED
@@ -67,27 +67,27 @@ export function hexToEditorTableChartsPaletteRawValue(hexColor) {
67
67
  const editorTableChartsPalette = {
68
68
  ['#7AB2FF']: {
69
69
  getValue: fallback => getTokenValue('color.background.accent.blue.subtle', fallback),
70
- token: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
70
+ token: "var(--ds-background-accent-blue-subtle, #669DF1)"
71
71
  },
72
72
  ['#60C6D2']: {
73
73
  getValue: fallback => getTokenValue('color.background.accent.teal.subtle', fallback),
74
- token: "var(--ds-background-accent-teal-subtle, #60C6D2)"
74
+ token: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
75
75
  },
76
76
  ['#6BE1B0']: {
77
77
  getValue: fallback => getTokenValue('color.background.accent.green.subtle', fallback),
78
- token: "var(--ds-background-accent-green-subtle, #6BE1B0)"
78
+ token: "var(--ds-background-accent-green-subtle, #4BCE97)"
79
79
  },
80
80
  ['#FFDB57']: {
81
81
  getValue: fallback => getTokenValue('color.background.accent.yellow.subtle', fallback),
82
- token: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
82
+ token: "var(--ds-background-accent-yellow-subtle, #EED12B)"
83
83
  },
84
84
  ['#FAA53D']: {
85
85
  getValue: fallback => getTokenValue('color.background.accent.orange.subtle', fallback),
86
- token: "var(--ds-background-accent-orange-subtle, #FAA53D)"
86
+ token: "var(--ds-background-accent-orange-subtle, #FCA700)"
87
87
  },
88
88
  ['#FF8F73']: {
89
89
  getValue: fallback => getTokenValue('color.background.accent.red.subtle', fallback),
90
- token: "var(--ds-background-accent-red-subtle, #FF8F73)"
90
+ token: "var(--ds-background-accent-red-subtle, #F87168)"
91
91
  },
92
92
  ['#E774BB']: {
93
93
  getValue: fallback => getTokenValue('color.background.accent.magenta.subtle', fallback),
@@ -95,35 +95,35 @@ const editorTableChartsPalette = {
95
95
  },
96
96
  ['#B5A7FB']: {
97
97
  getValue: fallback => getTokenValue('color.background.accent.purple.subtle', fallback),
98
- token: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
98
+ token: "var(--ds-background-accent-purple-subtle, #C97CF4)"
99
99
  },
100
100
  ['#8993A5']: {
101
101
  getValue: fallback => getTokenValue('color.background.accent.gray.subtler', fallback),
102
- token: "var(--ds-background-accent-gray-subtler, #8993A5)"
102
+ token: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
103
103
  },
104
104
  ['#247FFF']: {
105
105
  getValue: fallback => getTokenValue('color.chart.blue.bold', fallback),
106
- token: "var(--ds-chart-blue-bold, #247FFF)"
106
+ token: "var(--ds-chart-blue-bold, #4688EC)"
107
107
  },
108
108
  ['#1D9AAA']: {
109
109
  getValue: fallback => getTokenValue('color.chart.teal.bold', fallback),
110
- token: "var(--ds-chart-teal-bold, #1D9AAA)"
110
+ token: "var(--ds-chart-teal-bold, #2898BD)"
111
111
  },
112
112
  ['#23A971']: {
113
113
  getValue: fallback => getTokenValue('color.chart.green.bold', fallback),
114
- token: "var(--ds-chart-green-bold, #23A971)"
114
+ token: "var(--ds-chart-green-bold, #22A06B)"
115
115
  },
116
116
  ['#FFBE33']: {
117
117
  getValue: fallback => getTokenValue('color.chart.yellow.bold', fallback),
118
- token: "var(--ds-chart-yellow-bold, #FFBE33)"
118
+ token: "var(--ds-chart-yellow-bold, #B38600)"
119
119
  },
120
120
  ['#D97008']: {
121
121
  getValue: fallback => getTokenValue('color.chart.orange.bold', fallback),
122
- token: "var(--ds-chart-orange-bold, #D97008)"
122
+ token: "var(--ds-chart-orange-bold, #E06C00)"
123
123
  },
124
124
  ['#FC552C']: {
125
125
  getValue: fallback => getTokenValue('color.chart.red.bold', fallback),
126
- token: "var(--ds-chart-red-bold, #FC552C)"
126
+ token: "var(--ds-chart-red-bold, #F15B50)"
127
127
  },
128
128
  ['#DA62AC']: {
129
129
  getValue: fallback => getTokenValue('color.chart.magenta.bold', fallback),
@@ -131,35 +131,35 @@ const editorTableChartsPalette = {
131
131
  },
132
132
  ['#8B77EE']: {
133
133
  getValue: fallback => getTokenValue('color.chart.purple.bold', fallback),
134
- token: "var(--ds-chart-purple-bold, #8B77EE)"
134
+ token: "var(--ds-chart-purple-bold, #BF63F3)"
135
135
  },
136
136
  ['#8590A2']: {
137
137
  getValue: fallback => getTokenValue('color.chart.gray.bold', fallback),
138
- token: "var(--ds-chart-gray-bold, #8590A2)"
138
+ token: "var(--ds-chart-gray-bold, #8C8F97)"
139
139
  },
140
140
  ['#0055CC']: {
141
141
  getValue: fallback => getTokenValue('color.chart.blue.bolder', fallback),
142
- token: "var(--ds-chart-blue-bolder, #0055CC)"
142
+ token: "var(--ds-chart-blue-bolder, #357DE8)"
143
143
  },
144
144
  ['#1D7F8C']: {
145
145
  getValue: fallback => getTokenValue('color.chart.teal.bolder', fallback),
146
- token: "var(--ds-chart-teal-bolder, #1D7F8C)"
146
+ token: "var(--ds-chart-teal-bolder, #227D9B)"
147
147
  },
148
148
  ['#177D52']: {
149
149
  getValue: fallback => getTokenValue('color.chart.green.bolder', fallback),
150
- token: "var(--ds-chart-green-bolder, #177D52)"
150
+ token: "var(--ds-chart-green-bolder, #1F845A)"
151
151
  },
152
152
  ['#FF9D00']: {
153
153
  getValue: fallback => getTokenValue('color.chart.yellow.bolder', fallback),
154
- token: "var(--ds-chart-yellow-bolder, #FF9D00)"
154
+ token: "var(--ds-chart-yellow-bolder, #946F00)"
155
155
  },
156
156
  ['#B65C02']: {
157
157
  getValue: fallback => getTokenValue('color.chart.orange.bolder', fallback),
158
- token: "var(--ds-chart-orange-bolder, #B65C02)"
158
+ token: "var(--ds-chart-orange-bolder, #BD5B00)"
159
159
  },
160
160
  ['#D32D03']: {
161
161
  getValue: fallback => getTokenValue('color.chart.red.bolder', fallback),
162
- token: "var(--ds-chart-red-bolder, #D32D03)"
162
+ token: "var(--ds-chart-red-bolder, #E2483D)"
163
163
  },
164
164
  ['#CD519D']: {
165
165
  getValue: fallback => getTokenValue('color.chart.magenta.bolder', fallback),
@@ -167,35 +167,35 @@ const editorTableChartsPalette = {
167
167
  },
168
168
  ['#5A43D0']: {
169
169
  getValue: fallback => getTokenValue('color.chart.purple.bolder', fallback),
170
- token: "var(--ds-chart-purple-bolder, #5A43D0)"
170
+ token: "var(--ds-chart-purple-bolder, #AF59E1)"
171
171
  },
172
172
  ['#758195']: {
173
173
  getValue: fallback => getTokenValue('color.chart.gray.bolder', fallback),
174
- token: "var(--ds-chart-gray-bolder, #758195)"
174
+ token: "var(--ds-chart-gray-bolder, #7D818A)"
175
175
  },
176
176
  ['#003884']: {
177
177
  getValue: fallback => getTokenValue('color.chart.blue.boldest', fallback),
178
- token: "var(--ds-chart-blue-boldest, #003884)"
178
+ token: "var(--ds-chart-blue-boldest, #1558BC)"
179
179
  },
180
180
  ['#206B74']: {
181
181
  getValue: fallback => getTokenValue('color.chart.teal.boldest', fallback),
182
- token: "var(--ds-chart-teal-boldest, #206B74)"
182
+ token: "var(--ds-chart-teal-boldest, #206A83)"
183
183
  },
184
184
  ['#055C3F']: {
185
185
  getValue: fallback => getTokenValue('color.chart.green.boldest', fallback),
186
- token: "var(--ds-chart-green-boldest, #055C3F)"
186
+ token: "var(--ds-chart-green-boldest, #216E4E)"
187
187
  },
188
188
  ['#946104']: {
189
189
  getValue: fallback => getTokenValue('color.chart.yellow.boldest', fallback),
190
- token: "var(--ds-chart-yellow-boldest, #946104)"
190
+ token: "var(--ds-chart-yellow-boldest, #7F5F01)"
191
191
  },
192
192
  ['#974F0C']: {
193
193
  getValue: fallback => getTokenValue('color.chart.orange.boldest', fallback),
194
- token: "var(--ds-chart-orange-boldest, #974F0C)"
194
+ token: "var(--ds-chart-orange-boldest, #7A3B00)"
195
195
  },
196
196
  ['#A32000']: {
197
197
  getValue: fallback => getTokenValue('color.chart.red.boldest', fallback),
198
- token: "var(--ds-chart-red-boldest, #A32000)"
198
+ token: "var(--ds-chart-red-boldest, #AE2E24)"
199
199
  },
200
200
  ['#943D73']: {
201
201
  getValue: fallback => getTokenValue('color.chart.magenta.boldest', fallback),
@@ -203,10 +203,10 @@ const editorTableChartsPalette = {
203
203
  },
204
204
  ['#44368B']: {
205
205
  getValue: fallback => getTokenValue('color.chart.purple.boldest', fallback),
206
- token: "var(--ds-chart-purple-boldest, #44368B)"
206
+ token: "var(--ds-chart-purple-boldest, #803FA5)"
207
207
  },
208
208
  ['#44546F']: {
209
209
  getValue: fallback => getTokenValue('color.chart.gray.boldest', fallback),
210
- token: "var(--ds-chart-gray-boldest, #44546F)"
210
+ token: "var(--ds-chart-gray-boldest, #505258)"
211
211
  }
212
212
  };
package/dist/es2019/text-background-color.js CHANGED
@@ -4,19 +4,19 @@
4
4
  // values are asserted to improve generated type declarations
5
5
  export const textBackgroundColorPalette = {
6
6
  /** Gray - light */
7
- ['#DCDFE4']: "var(--ds-background-accent-gray-subtler, #DCDFE4)",
7
+ ['#DCDFE4']: "var(--ds-background-accent-gray-subtler, #DDDEE1)",
8
8
  /** Teal - light */
9
9
  ['#C6EDFB']: "var(--ds-background-accent-teal-subtler, #C6EDFB)",
10
10
  /** Lime - light */
11
11
  ['#D3F1A7']: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
12
12
  /** Yellow - light */
13
- ['#F8E6A0']: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
13
+ ['#F8E6A0']: "var(--ds-background-accent-yellow-subtler, #F5E989)",
14
14
  /** Orange - light */
15
- ['#FEDEC8']: "var(--ds-background-accent-orange-subtler, #FEDEC8)",
15
+ ['#FEDEC8']: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
16
16
  /** Magenta - light */
17
17
  ['#FDD0EC']: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
18
18
  /** Purple - light */
19
- ['#DFD8FD']: "var(--ds-background-accent-purple-subtler, #DFD8FD)"
19
+ ['#DFD8FD']: "var(--ds-background-accent-purple-subtler, #EED7FC)"
20
20
  };
21
21
  /**
22
22
  * This takes an ADF hex color and returns a matching text background palette color.
package/dist/es2019/text.js CHANGED
@@ -30,68 +30,68 @@ export function hexToEditorTextPaletteColor(hexColor) {
30
30
  export const editorTextPalette = {
31
31
  // blue
32
32
  /** blue - light */
33
- ['#B3D4FF']: "var(--ds-background-accent-blue-subtler, #B3D4FF)",
33
+ ['#B3D4FF']: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
34
34
  // source for hex code was legacy token B75
35
35
  /** blue - medium */
36
- ['#4C9AFF']: "var(--ds-icon-accent-blue, #4C9AFF)",
36
+ ['#4C9AFF']: "var(--ds-icon-accent-blue, #357DE8)",
37
37
  // source for hex code was legacy token B100
38
38
  /** blue - strong */
39
- ['#0747A6']: "var(--ds-text-accent-blue, #0747A6)",
39
+ ['#0747A6']: "var(--ds-text-accent-blue, #1558BC)",
40
40
  // source for hex code was legacy token B500
41
41
 
42
42
  // teal
43
43
  /** teal - light */
44
- ['#B3F5FF']: "var(--ds-background-accent-teal-subtler, #B3F5FF)",
44
+ ['#B3F5FF']: "var(--ds-background-accent-teal-subtler, #C6EDFB)",
45
45
  // source for hex code was legacy token T75
46
46
  /** teal - medium */
47
- ['#00B8D9']: "var(--ds-icon-accent-teal, #00B8D9)",
47
+ ['#00B8D9']: "var(--ds-icon-accent-teal, #2898BD)",
48
48
  // source for hex code was legacy token T300
49
49
  /** teal - strong */
50
- ['#008DA6']: "var(--ds-text-accent-teal, #008DA6)",
50
+ ['#008DA6']: "var(--ds-text-accent-teal, #206A83)",
51
51
  // source for hex code was legacy token T500
52
52
 
53
53
  // green
54
54
  /** green - light */
55
- ['#ABF5D1']: "var(--ds-background-accent-green-subtler, #ABF5D1)",
55
+ ['#ABF5D1']: "var(--ds-background-accent-green-subtler, #BAF3DB)",
56
56
  // source for hex code was legacy token G75
57
57
  /** green - medium */
58
- ['#36B37E']: "var(--ds-icon-accent-green, #36B37E)",
58
+ ['#36B37E']: "var(--ds-icon-accent-green, #22A06B)",
59
59
  // source for hex code was legacy token G300
60
60
  /** green - strong */
61
- ['#006644']: "var(--ds-text-accent-green, #006644)",
61
+ ['#006644']: "var(--ds-text-accent-green, #216E4E)",
62
62
  // source for hex code was legacy token G500
63
63
 
64
64
  // yellowOrange
65
65
  /** yellowOrange - light */
66
- ['#FFF0B3']: "var(--ds-background-accent-yellow-subtler, #FFF0B3)",
66
+ ['#FFF0B3']: "var(--ds-background-accent-yellow-subtler, #F5E989)",
67
67
  // source for hex code was legacy token Y75
68
68
  /** yellowOrange - medium */
69
- ['#FFC400']: "var(--ds-background-accent-orange-subtle, #FFC400)",
69
+ ['#FFC400']: "var(--ds-background-accent-orange-subtle, #FCA700)",
70
70
  // source for hex code was legacy token Y200
71
71
  /** yellowOrange - strong */
72
- ['#FF991F']: "var(--ds-icon-accent-orange, #FF991F)",
72
+ ['#FF991F']: "var(--ds-icon-accent-orange, #E06C00)",
73
73
  // source for hex code was legacy token Y400
74
74
 
75
75
  // red
76
76
  /** red - light */
77
- ['#FFBDAD']: "var(--ds-background-accent-red-subtler, #FFBDAD)",
77
+ ['#FFBDAD']: "var(--ds-background-accent-red-subtler, #FFD5D2)",
78
78
  // source for hex code was legacy token R75
79
79
  /** red - medium */
80
- ['#FF5630']: "var(--ds-icon-accent-red, #FF5630)",
80
+ ['#FF5630']: "var(--ds-icon-accent-red, #C9372C)",
81
81
  // source for hex code was legacy token R300
82
82
  /** red - strong */
83
- ['#BF2600']: "var(--ds-text-accent-red, #BF2600)",
83
+ ['#BF2600']: "var(--ds-text-accent-red, #AE2E24)",
84
84
  // source for hex code was legacy token R500
85
85
 
86
86
  // purple
87
87
  /** purple - light */
88
- ['#EAE6FF']: "var(--ds-background-accent-purple-subtler, #EAE6FF)",
88
+ ['#EAE6FF']: "var(--ds-background-accent-purple-subtler, #EED7FC)",
89
89
  // source for hex code was legacy token P50
90
90
  /** purple - medium */
91
- ['#6554C0']: "var(--ds-icon-accent-purple, #6554C0)",
91
+ ['#6554C0']: "var(--ds-icon-accent-purple, #AF59E1)",
92
92
  // source for hex code was legacy token P300
93
93
  /** purple - strong */
94
- ['#403294']: "var(--ds-text-accent-purple, #403294)",
94
+ ['#403294']: "var(--ds-text-accent-purple, #803FA5)",
95
95
  // source for hex code was legacy token P500
96
96
 
97
97
  // whiteGray
@@ -99,8 +99,8 @@ export const editorTextPalette = {
99
99
  ['#FFFFFF']: "var(--ds-text-inverse, #FFFFFF)",
100
100
  // source for hex code was legacy token N0
101
101
  /** whiteGray - medium */
102
- ['#97A0AF']: "var(--ds-icon-accent-gray, #97A0AF)",
102
+ ['#97A0AF']: "var(--ds-icon-accent-gray, #7D818A)",
103
103
  // source for hex code was legacy token N80
104
104
  /** whiteGray - strong */
105
- ['#172B4D']: "var(--ds-text, #172B4D)" // source for hex code was legacy token N800
105
+ ['#172B4D']: "var(--ds-text, #292A2E)" // source for hex code was legacy token N800
106
106
  };
package/dist/esm/background.js CHANGED
@@ -64,92 +64,92 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
64
64
  getValue: function getValue(fallback) {
65
65
  return getTokenValue('color.background.accent.blue.subtlest', fallback);
66
66
  },
67
- token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)"
67
+ token: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
68
68
  }), '#B3D4FF', {
69
69
  getValue: function getValue(fallback) {
70
70
  return getTokenValue('color.background.accent.blue.subtler', fallback);
71
71
  },
72
- token: "var(--ds-background-accent-blue-subtler, #B3D4FF)"
72
+ token: "var(--ds-background-accent-blue-subtler, #CFE1FD)"
73
73
  }), '#4C9AFF', {
74
74
  getValue: function getValue(fallback) {
75
75
  return getTokenValue('color.background.accent.blue.subtle', fallback);
76
76
  },
77
- token: "var(--ds-background-accent-blue-subtle, #4C9AFF)"
77
+ token: "var(--ds-background-accent-blue-subtle, #669DF1)"
78
78
  }), '#E6FCFF', {
79
79
  getValue: function getValue(fallback) {
80
80
  return getTokenValue('color.background.accent.teal.subtlest', fallback);
81
81
  },
82
- token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)" // source for hex code was legacy token T50,
82
+ token: "var(--ds-background-accent-teal-subtlest, #E7F9FF)" // source for hex code was legacy token T50,
83
83
  }), '#B3F5FF', {
84
84
  getValue: function getValue(fallback) {
85
85
  return getTokenValue('color.background.accent.teal.subtler', fallback);
86
86
  },
87
- token: "var(--ds-background-accent-teal-subtler, #B3F5FF)" // source for hex code was legacy token T75,
87
+ token: "var(--ds-background-accent-teal-subtler, #C6EDFB)" // source for hex code was legacy token T75,
88
88
  }), '#79E2F2', {
89
89
  getValue: function getValue(fallback) {
90
90
  return getTokenValue('color.background.accent.teal.subtle', fallback);
91
91
  },
92
- token: "var(--ds-background-accent-teal-subtle, #79E2F2)" // source for hex code was legacy token T100,
92
+ token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
93
93
  }), '#E3FCEF', {
94
94
  getValue: function getValue(fallback) {
95
95
  return getTokenValue('color.background.accent.green.subtlest', fallback);
96
96
  },
97
- token: "var(--ds-background-accent-green-subtlest, #E3FCEF)" // source for hex code was legacy token G50,
97
+ token: "var(--ds-background-accent-green-subtlest, #DCFFF1)" // source for hex code was legacy token G50,
98
98
  }), '#ABF5D1', {
99
99
  getValue: function getValue(fallback) {
100
100
  return getTokenValue('color.background.accent.green.subtler', fallback);
101
101
  },
102
- token: "var(--ds-background-accent-green-subtler, #ABF5D1)" // source for hex code was legacy token G75,
102
+ token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
103
103
  }), '#57D9A3', {
104
104
  getValue: function getValue(fallback) {
105
105
  return getTokenValue('color.background.accent.green.subtle', fallback);
106
106
  },
107
- token: "var(--ds-background-accent-green-subtle, #57D9A3)" // source for hex code was legacy token G200,
107
+ token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
108
108
  }), '#FFFAE6', {
109
109
  getValue: function getValue(fallback) {
110
110
  return getTokenValue('color.background.accent.yellow.subtlest', fallback);
111
111
  },
112
- token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)" // source for hex code was legacy token Y50,
112
+ token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
113
113
  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#FFF0B3', {
114
114
  getValue: function getValue(fallback) {
115
115
  return getTokenValue('color.background.accent.yellow.subtler', fallback);
116
116
  },
117
- token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)" // source for hex code was legacy token Y75,
117
+ token: "var(--ds-background-accent-yellow-subtler, #F5E989)" // source for hex code was legacy token Y75,
118
118
  }), '#FFC400', {
119
119
  getValue: function getValue(fallback) {
120
120
  return getTokenValue('color.background.accent.orange.subtle', fallback);
121
121
  },
122
- token: "var(--ds-background-accent-orange-subtle, #FFC400)" // source for hex code was legacy token Y200,
122
+ token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
123
123
  }), '#FFEBE6', {
124
124
  getValue: function getValue(fallback) {
125
125
  return getTokenValue('color.background.accent.red.subtlest', fallback);
126
126
  },
127
- token: "var(--ds-background-accent-red-subtlest, #FFEBE6)" // source for hex code was legacy token R50,
127
+ token: "var(--ds-background-accent-red-subtlest, #FFECEB)" // source for hex code was legacy token R50,
128
128
  }), '#FFBDAD', {
129
129
  getValue: function getValue(fallback) {
130
130
  return getTokenValue('color.background.accent.red.subtler', fallback);
131
131
  },
132
- token: "var(--ds-background-accent-red-subtler, #FFBDAD)" // source for hex code was legacy token R75,
132
+ token: "var(--ds-background-accent-red-subtler, #FFD5D2)" // source for hex code was legacy token R75,
133
133
  }), '#FF8F73', {
134
134
  getValue: function getValue(fallback) {
135
135
  return getTokenValue('color.background.accent.red.subtle', fallback);
136
136
  },
137
- token: "var(--ds-background-accent-red-subtle, #FF8F73)" // source for hex code was legacy token R100,
137
+ token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
138
138
  }), '#EAE6FF', {
139
139
  getValue: function getValue(fallback) {
140
140
  return getTokenValue('color.background.accent.purple.subtlest', fallback);
141
141
  },
142
- token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)" // source for hex code was legacy token P50,
142
+ token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
143
143
  }), '#C0B6F2', {
144
144
  getValue: function getValue(fallback) {
145
145
  return getTokenValue('color.background.accent.purple.subtler', fallback);
146
146
  },
147
- token: "var(--ds-background-accent-purple-subtler, #C0B6F2)" // source for hex code was legacy token P75,
147
+ token: "var(--ds-background-accent-purple-subtler, #EED7FC)" // source for hex code was legacy token P75,
148
148
  }), '#998DD9', {
149
149
  getValue: function getValue(fallback) {
150
150
  return getTokenValue('color.background.accent.purple.subtle', fallback);
151
151
  },
152
- token: "var(--ds-background-accent-purple-subtle, #998DD9)" // source for hex code was legacy token P100,
152
+ token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
153
153
  }), '#FFFFFF', {
154
154
  getValue: function getValue(fallback) {
155
155
  return getTokenValue('elevation.surface', fallback);
@@ -159,10 +159,10 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
159
159
  getValue: function getValue(fallback) {
160
160
  return getTokenValue('color.background.accent.gray.subtlest', fallback);
161
161
  },
162
- token: "var(--ds-background-accent-gray-subtlest, #F4F5F7)" // source for hex code was legacy token N20,
162
+ token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
163
163
  }), _defineProperty(_editorBackgroundPale, '#B3BAC5', {
164
164
  getValue: function getValue(fallback) {
165
165
  return getTokenValue('color.background.accent.gray.subtle', fallback);
166
166
  },
167
- token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60,
167
+ token: "var(--ds-background-accent-gray-subtle, #8C8F97)" // source for hex code was legacy token N60,
168
168
  }));
package/dist/esm/border.js CHANGED
@@ -25,4 +25,4 @@ export function hexToEditorBorderPaletteColor(hexColor) {
25
25
  // @ts-ignore
26
26
  return editorBorderPalette[hexColor.toUpperCase()];
27
27
  }
28
- export var editorBorderPalette = _defineProperty(_defineProperty(_defineProperty({}, '#091E4224', "var(--ds-border, #091E4224)"), '#758195', "var(--ds-border-bold, #758195)"), '#172B4D', "var(--ds-text, #172B4D)");
28
+ export var editorBorderPalette = _defineProperty(_defineProperty(_defineProperty({}, '#091E4224', "var(--ds-border, #0B120E24)"), '#758195', "var(--ds-border-bold, #7D818A)"), '#172B4D', "var(--ds-text, #292A2E)");
package/dist/esm/table-charts.js CHANGED
@@ -70,32 +70,32 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, _defineProperty(_def
70
70
  getValue: function getValue(fallback) {
71
71
  return getTokenValue('color.background.accent.blue.subtle', fallback);
72
72
  },
73
- token: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
73
+ token: "var(--ds-background-accent-blue-subtle, #669DF1)"
74
74
  }), '#60C6D2', {
75
75
  getValue: function getValue(fallback) {
76
76
  return getTokenValue('color.background.accent.teal.subtle', fallback);
77
77
  },
78
- token: "var(--ds-background-accent-teal-subtle, #60C6D2)"
78
+ token: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
79
79
  }), '#6BE1B0', {
80
80
  getValue: function getValue(fallback) {
81
81
  return getTokenValue('color.background.accent.green.subtle', fallback);
82
82
  },
83
- token: "var(--ds-background-accent-green-subtle, #6BE1B0)"
83
+ token: "var(--ds-background-accent-green-subtle, #4BCE97)"
84
84
  }), '#FFDB57', {
85
85
  getValue: function getValue(fallback) {
86
86
  return getTokenValue('color.background.accent.yellow.subtle', fallback);
87
87
  },
88
- token: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
88
+ token: "var(--ds-background-accent-yellow-subtle, #EED12B)"
89
89
  }), '#FAA53D', {
90
90
  getValue: function getValue(fallback) {
91
91
  return getTokenValue('color.background.accent.orange.subtle', fallback);
92
92
  },
93
- token: "var(--ds-background-accent-orange-subtle, #FAA53D)"
93
+ token: "var(--ds-background-accent-orange-subtle, #FCA700)"
94
94
  }), '#FF8F73', {
95
95
  getValue: function getValue(fallback) {
96
96
  return getTokenValue('color.background.accent.red.subtle', fallback);
97
97
  },
98
- token: "var(--ds-background-accent-red-subtle, #FF8F73)"
98
+ token: "var(--ds-background-accent-red-subtle, #F87168)"
99
99
  }), '#E774BB', {
100
100
  getValue: function getValue(fallback) {
101
101
  return getTokenValue('color.background.accent.magenta.subtle', fallback);
@@ -105,42 +105,42 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, _defineProperty(_def
105
105
  getValue: function getValue(fallback) {
106
106
  return getTokenValue('color.background.accent.purple.subtle', fallback);
107
107
  },
108
- token: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
108
+ token: "var(--ds-background-accent-purple-subtle, #C97CF4)"
109
109
  }), '#8993A5', {
110
110
  getValue: function getValue(fallback) {
111
111
  return getTokenValue('color.background.accent.gray.subtler', fallback);
112
112
  },
113
- token: "var(--ds-background-accent-gray-subtler, #8993A5)"
113
+ token: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
114
114
  }), '#247FFF', {
115
115
  getValue: function getValue(fallback) {
116
116
  return getTokenValue('color.chart.blue.bold', fallback);
117
117
  },
118
- token: "var(--ds-chart-blue-bold, #247FFF)"
118
+ token: "var(--ds-chart-blue-bold, #4688EC)"
119
119
  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTableChartsPal, '#1D9AAA', {
120
120
  getValue: function getValue(fallback) {
121
121
  return getTokenValue('color.chart.teal.bold', fallback);
122
122
  },
123
- token: "var(--ds-chart-teal-bold, #1D9AAA)"
123
+ token: "var(--ds-chart-teal-bold, #2898BD)"
124
124
  }), '#23A971', {
125
125
  getValue: function getValue(fallback) {
126
126
  return getTokenValue('color.chart.green.bold', fallback);
127
127
  },
128
- token: "var(--ds-chart-green-bold, #23A971)"
128
+ token: "var(--ds-chart-green-bold, #22A06B)"
129
129
  }), '#FFBE33', {
130
130
  getValue: function getValue(fallback) {
131
131
  return getTokenValue('color.chart.yellow.bold', fallback);
132
132
  },
133
- token: "var(--ds-chart-yellow-bold, #FFBE33)"
133
+ token: "var(--ds-chart-yellow-bold, #B38600)"
134
134
  }), '#D97008', {
135
135
  getValue: function getValue(fallback) {
136
136
  return getTokenValue('color.chart.orange.bold', fallback);
137
137
  },
138
- token: "var(--ds-chart-orange-bold, #D97008)"
138
+ token: "var(--ds-chart-orange-bold, #E06C00)"
139
139
  }), '#FC552C', {
140
140
  getValue: function getValue(fallback) {
141
141
  return getTokenValue('color.chart.red.bold', fallback);
142
142
  },
143
- token: "var(--ds-chart-red-bold, #FC552C)"
143
+ token: "var(--ds-chart-red-bold, #F15B50)"
144
144
  }), '#DA62AC', {
145
145
  getValue: function getValue(fallback) {
146
146
  return getTokenValue('color.chart.magenta.bold', fallback);
@@ -150,42 +150,42 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, _defineProperty(_def
150
150
  getValue: function getValue(fallback) {
151
151
  return getTokenValue('color.chart.purple.bold', fallback);
152
152
  },
153
- token: "var(--ds-chart-purple-bold, #8B77EE)"
153
+ token: "var(--ds-chart-purple-bold, #BF63F3)"
154
154
  }), '#8590A2', {
155
155
  getValue: function getValue(fallback) {
156
156
  return getTokenValue('color.chart.gray.bold', fallback);
157
157
  },
158
- token: "var(--ds-chart-gray-bold, #8590A2)"
158
+ token: "var(--ds-chart-gray-bold, #8C8F97)"
159
159
  }), '#0055CC', {
160
160
  getValue: function getValue(fallback) {
161
161
  return getTokenValue('color.chart.blue.bolder', fallback);
162
162
  },
163
- token: "var(--ds-chart-blue-bolder, #0055CC)"
163
+ token: "var(--ds-chart-blue-bolder, #357DE8)"
164
164
  }), '#1D7F8C', {
165
165
  getValue: function getValue(fallback) {
166
166
  return getTokenValue('color.chart.teal.bolder', fallback);
167
167
  },
168
- token: "var(--ds-chart-teal-bolder, #1D7F8C)"
168
+ token: "var(--ds-chart-teal-bolder, #227D9B)"
169
169
  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTableChartsPal, '#177D52', {
170
170
  getValue: function getValue(fallback) {
171
171
  return getTokenValue('color.chart.green.bolder', fallback);
172
172
  },
173
- token: "var(--ds-chart-green-bolder, #177D52)"
173
+ token: "var(--ds-chart-green-bolder, #1F845A)"
174
174
  }), '#FF9D00', {
175
175
  getValue: function getValue(fallback) {
176
176
  return getTokenValue('color.chart.yellow.bolder', fallback);
177
177
  },
178
- token: "var(--ds-chart-yellow-bolder, #FF9D00)"
178
+ token: "var(--ds-chart-yellow-bolder, #946F00)"
179
179
  }), '#B65C02', {
180
180
  getValue: function getValue(fallback) {
181
181
  return getTokenValue('color.chart.orange.bolder', fallback);
182
182
  },
183
- token: "var(--ds-chart-orange-bolder, #B65C02)"
183
+ token: "var(--ds-chart-orange-bolder, #BD5B00)"
184
184
  }), '#D32D03', {
185
185
  getValue: function getValue(fallback) {
186
186
  return getTokenValue('color.chart.red.bolder', fallback);
187
187
  },
188
- token: "var(--ds-chart-red-bolder, #D32D03)"
188
+ token: "var(--ds-chart-red-bolder, #E2483D)"
189
189
  }), '#CD519D', {
190
190
  getValue: function getValue(fallback) {
191
191
  return getTokenValue('color.chart.magenta.bolder', fallback);
@@ -195,42 +195,42 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, _defineProperty(_def
195
195
  getValue: function getValue(fallback) {
196
196
  return getTokenValue('color.chart.purple.bolder', fallback);
197
197
  },
198
- token: "var(--ds-chart-purple-bolder, #5A43D0)"
198
+ token: "var(--ds-chart-purple-bolder, #AF59E1)"
199
199
  }), '#758195', {
200
200
  getValue: function getValue(fallback) {
201
201
  return getTokenValue('color.chart.gray.bolder', fallback);
202
202
  },
203
- token: "var(--ds-chart-gray-bolder, #758195)"
203
+ token: "var(--ds-chart-gray-bolder, #7D818A)"
204
204
  }), '#003884', {
205
205
  getValue: function getValue(fallback) {
206
206
  return getTokenValue('color.chart.blue.boldest', fallback);
207
207
  },
208
- token: "var(--ds-chart-blue-boldest, #003884)"
208
+ token: "var(--ds-chart-blue-boldest, #1558BC)"
209
209
  }), '#206B74', {
210
210
  getValue: function getValue(fallback) {
211
211
  return getTokenValue('color.chart.teal.boldest', fallback);
212
212
  },
213
- token: "var(--ds-chart-teal-boldest, #206B74)"
213
+ token: "var(--ds-chart-teal-boldest, #206A83)"
214
214
  }), '#055C3F', {
215
215
  getValue: function getValue(fallback) {
216
216
  return getTokenValue('color.chart.green.boldest', fallback);
217
217
  },
218
- token: "var(--ds-chart-green-boldest, #055C3F)"
218
+ token: "var(--ds-chart-green-boldest, #216E4E)"
219
219
  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTableChartsPal, '#946104', {
220
220
  getValue: function getValue(fallback) {
221
221
  return getTokenValue('color.chart.yellow.boldest', fallback);
222
222
  },
223
- token: "var(--ds-chart-yellow-boldest, #946104)"
223
+ token: "var(--ds-chart-yellow-boldest, #7F5F01)"
224
224
  }), '#974F0C', {
225
225
  getValue: function getValue(fallback) {
226
226
  return getTokenValue('color.chart.orange.boldest', fallback);
227
227
  },
228
- token: "var(--ds-chart-orange-boldest, #974F0C)"
228
+ token: "var(--ds-chart-orange-boldest, #7A3B00)"
229
229
  }), '#A32000', {
230
230
  getValue: function getValue(fallback) {
231
231
  return getTokenValue('color.chart.red.boldest', fallback);
232
232
  },
233
- token: "var(--ds-chart-red-boldest, #A32000)"
233
+ token: "var(--ds-chart-red-boldest, #AE2E24)"
234
234
  }), '#943D73', {
235
235
  getValue: function getValue(fallback) {
236
236
  return getTokenValue('color.chart.magenta.boldest', fallback);
@@ -240,10 +240,10 @@ var editorTableChartsPalette = (_editorTableChartsPal = {}, _defineProperty(_def
240
240
  getValue: function getValue(fallback) {
241
241
  return getTokenValue('color.chart.purple.boldest', fallback);
242
242
  },
243
- token: "var(--ds-chart-purple-boldest, #44368B)"
243
+ token: "var(--ds-chart-purple-boldest, #803FA5)"
244
244
  }), '#44546F', {
245
245
  getValue: function getValue(fallback) {
246
246
  return getTokenValue('color.chart.gray.boldest', fallback);
247
247
  },
248
- token: "var(--ds-chart-gray-boldest, #44546F)"
248
+ token: "var(--ds-chart-gray-boldest, #505258)"
249
249
  }));
package/dist/esm/text-background-color.js CHANGED
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
 
4
4
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
5
5
  // values are asserted to improve generated type declarations
6
- export var textBackgroundColorPalette = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DCDFE4)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F8E6A0)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FEDEC8)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #DFD8FD)");
6
+ export var textBackgroundColorPalette = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)");
7
7
  /**
8
8
  * This takes an ADF hex color and returns a matching text background palette color.
9
9
  *
package/dist/esm/text.js CHANGED
@@ -29,4 +29,4 @@ export function hexToEditorTextPaletteColor(hexColor) {
29
29
  // Colors taken from
30
30
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
31
31
  // values are asserted to improve generated type declarations
32
- export var editorTextPalette = (_editorTextPalette = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #B3D4FF)"), '#4C9AFF', "var(--ds-icon-accent-blue, #4C9AFF)"), '#0747A6', "var(--ds-text-accent-blue, #0747A6)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #B3F5FF)"), '#00B8D9', "var(--ds-icon-accent-teal, #00B8D9)"), '#008DA6', "var(--ds-text-accent-teal, #008DA6)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #ABF5D1)"), '#36B37E', "var(--ds-icon-accent-green, #36B37E)"), '#006644', "var(--ds-text-accent-green, #006644)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #FFF0B3)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FFC400)"), '#FF991F', "var(--ds-icon-accent-orange, #FF991F)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFBDAD)"), '#FF5630', "var(--ds-icon-accent-red, #FF5630)"), '#BF2600', "var(--ds-text-accent-red, #BF2600)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EAE6FF)"), '#6554C0', "var(--ds-icon-accent-purple, #6554C0)"), '#403294', "var(--ds-text-accent-purple, #403294)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #97A0AF)"), _defineProperty(_editorTextPalette, '#172B4D', "var(--ds-text, #172B4D)"));
32
+ export var editorTextPalette = (_editorTextPalette = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), _defineProperty(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"));
package/docs/0-intro.tsx CHANGED
@@ -4,7 +4,8 @@ import { AtlassianInternalWarning, code, md } from '@atlaskit/docs';
4
4
  import SectionMessage from '@atlaskit/section-message';
5
5
  import { token } from '@atlaskit/tokens';
6
6
 
7
- export default md`
7
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any -- md template from @atlaskit/docs
8
+ const _default_1: any = md`
8
9
  ${(<AtlassianInternalWarning />)}
9
10
 
10
11
  # Editor Palettes:
@@ -39,7 +40,7 @@ or reach out to the Design System Team via the [Atlassian Developer Community fo
39
40
  ${
40
41
  (
41
42
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
42
- <div style={{ marginTop: token('space.100', '8px') }}>
43
+ <div style={{ marginTop: token('space.100') }}>
43
44
  <SectionMessage
44
45
  title="Design token names and values are an implementation detail."
45
46
  appearance="warning"
@@ -126,3 +127,4 @@ ${code`
126
127
  `}
127
128
 
128
129
  `;
130
+ export default _default_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "2.1.22",
3
+ "version": "2.1.24",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -29,7 +29,7 @@
29
29
  "sideEffects": false,
30
30
  "atlaskit:src": "src/index.ts",
31
31
  "dependencies": {
32
- "@atlaskit/tokens": "^10.1.0",
32
+ "@atlaskit/tokens": "^11.1.0",
33
33
  "@babel/runtime": "^7.0.0"
34
34
  },
35
35
  "devDependencies": {