@atlaskit/editor-palette 3.4.6 → 3.4.8

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 (6) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/background.js +84 -4
  3. package/dist/es2019/background.js +83 -1
  4. package/dist/esm/background.js +84 -4
  5. package/dist/types/background.d.ts +80 -0
  6. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 3.4.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.4.7
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b0682afb9fdf1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b0682afb9fdf1) -
14
+ Add lime, orange and magenta colours to the table cell background colour palette.
15
+ - Updated dependencies
16
+
3
17
  ## 3.4.6
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/background.js CHANGED
@@ -82,6 +82,11 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
82
82
  return (0, _getTokenValue.getTokenValue)('color.background.accent.blue.subtle', fallback);
83
83
  },
84
84
  token: "var(--ds-background-accent-blue-subtle, #669DF1)"
85
+ }), '#ADCBFB', {
86
+ getValue: function getValue(fallback) {
87
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.blue.subtler.hovered', fallback);
88
+ },
89
+ token: "var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)"
85
90
  }), '#E6FCFF', {
86
91
  getValue: function getValue(fallback) {
87
92
  return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtlest', fallback);
@@ -97,6 +102,11 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
97
102
  return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtle', fallback);
98
103
  },
99
104
  token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
105
+ }), '#B1E4F7', {
106
+ getValue: function getValue(fallback) {
107
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtler.hovered', fallback);
108
+ },
109
+ token: "var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)"
100
110
  }), '#E3FCEF', {
101
111
  getValue: function getValue(fallback) {
102
112
  return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtlest', fallback);
@@ -107,17 +117,37 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
107
117
  return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtler', fallback);
108
118
  },
109
119
  token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
110
- }), '#57D9A3', {
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, '#57D9A3', {
111
121
  getValue: function getValue(fallback) {
112
122
  return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtle', fallback);
113
123
  },
114
124
  token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
125
+ }), '#97EDC9', {
126
+ getValue: function getValue(fallback) {
127
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtler.hovered', fallback);
128
+ },
129
+ token: "var(--ds-background-accent-green-subtler-hovered, #97EDC9)"
130
+ }), '#EFFFD6', {
131
+ getValue: function getValue(fallback) {
132
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.lime.subtlest', fallback);
133
+ },
134
+ token: "var(--ds-background-accent-lime-subtlest, #EFFFD6)"
135
+ }), '#D3F1A7', {
136
+ getValue: function getValue(fallback) {
137
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.lime.subtler', fallback);
138
+ },
139
+ token: "var(--ds-background-accent-lime-subtler, #D3F1A7)"
140
+ }), '#BDE97C', {
141
+ getValue: function getValue(fallback) {
142
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.lime.subtler.hovered', fallback);
143
+ },
144
+ token: "var(--ds-background-accent-lime-subtler-hovered, #BDE97C)"
115
145
  }), '#FFFAE6', {
116
146
  getValue: function getValue(fallback) {
117
147
  return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtlest', fallback);
118
148
  },
119
149
  token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
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', {
150
+ }), '#FFF0B3', {
121
151
  getValue: function getValue(fallback) {
122
152
  return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtler', fallback);
123
153
  },
@@ -127,6 +157,26 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
127
157
  return (0, _getTokenValue.getTokenValue)('color.background.accent.orange.subtle', fallback);
128
158
  },
129
159
  token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
160
+ }), '#EFDD4E', {
161
+ getValue: function getValue(fallback) {
162
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtler.hovered', fallback);
163
+ },
164
+ token: "var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)"
165
+ }), '#FFF5DB', {
166
+ getValue: function getValue(fallback) {
167
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.orange.subtlest', fallback);
168
+ },
169
+ token: "var(--ds-background-accent-orange-subtlest, #FFF5DB)"
170
+ }), (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, '#FCE4A6', {
171
+ getValue: function getValue(fallback) {
172
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.orange.subtler', fallback);
173
+ },
174
+ token: "var(--ds-background-accent-orange-subtler, #FCE4A6)"
175
+ }), '#FBD779', {
176
+ getValue: function getValue(fallback) {
177
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.orange.subtler.hovered', fallback);
178
+ },
179
+ token: "var(--ds-background-accent-orange-subtler-hovered, #FBD779)"
130
180
  }), '#FFEBE6', {
131
181
  getValue: function getValue(fallback) {
132
182
  return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtlest', fallback);
@@ -142,12 +192,32 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
142
192
  return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtle', fallback);
143
193
  },
144
194
  token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
195
+ }), '#FFB8B2', {
196
+ getValue: function getValue(fallback) {
197
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtler.hovered', fallback);
198
+ },
199
+ token: "var(--ds-background-accent-red-subtler-hovered, #FFB8B2)"
200
+ }), '#FFECF8', {
201
+ getValue: function getValue(fallback) {
202
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.magenta.subtlest', fallback);
203
+ },
204
+ token: "var(--ds-background-accent-magenta-subtlest, #FFECF8)"
205
+ }), '#FDD0EC', {
206
+ getValue: function getValue(fallback) {
207
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.magenta.subtler', fallback);
208
+ },
209
+ token: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
210
+ }), '#FCB6E1', {
211
+ getValue: function getValue(fallback) {
212
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.magenta.subtler.hovered', fallback);
213
+ },
214
+ token: "var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)"
145
215
  }), '#EAE6FF', {
146
216
  getValue: function getValue(fallback) {
147
217
  return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtlest', fallback);
148
218
  },
149
219
  token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
150
- }), '#C0B6F2', {
220
+ }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorBackgroundPale, '#C0B6F2', {
151
221
  getValue: function getValue(fallback) {
152
222
  return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtler', fallback);
153
223
  },
@@ -157,6 +227,11 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
157
227
  return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtle', fallback);
158
228
  },
159
229
  token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
230
+ }), '#E3BDFA', {
231
+ getValue: function getValue(fallback) {
232
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtler.hovered', fallback);
233
+ },
234
+ token: "var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)"
160
235
  }), '#FFFFFF', {
161
236
  getValue: function getValue(fallback) {
162
237
  return (0, _getTokenValue.getTokenValue)('elevation.surface', fallback);
@@ -167,9 +242,14 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
167
242
  return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtlest', fallback);
168
243
  },
169
244
  token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
170
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3BAC5', {
245
+ }), '#B3BAC5', {
171
246
  getValue: function getValue(fallback) {
172
247
  return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtle', fallback);
173
248
  },
174
249
  token: "var(--ds-background-accent-gray-subtle, #8C8F97)" // source for hex code was legacy token N60,
250
+ }), '#B7B9BE', {
251
+ getValue: function getValue(fallback) {
252
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtler.hovered', fallback);
253
+ },
254
+ token: "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)"
175
255
  }));
package/dist/es2019/background.js CHANGED
@@ -79,7 +79,11 @@ export const editorBackgroundPalette = {
79
79
  token: "var(--ds-background-accent-blue-subtle, #669DF1)"
80
80
  },
81
81
  // source for hex code was legacy token B100
82
-
82
+ /** blue - bold */
83
+ ['#ADCBFB']: {
84
+ getValue: fallback => getTokenValue('color.background.accent.blue.subtler.hovered', fallback),
85
+ token: "var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)"
86
+ },
83
87
  // teal
84
88
  /** teal - light */
85
89
  ['#E6FCFF']: {
@@ -96,6 +100,11 @@ export const editorBackgroundPalette = {
96
100
  getValue: fallback => getTokenValue('color.background.accent.teal.subtle', fallback),
97
101
  token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
98
102
  },
103
+ /** teal - bold */
104
+ ['#B1E4F7']: {
105
+ getValue: fallback => getTokenValue('color.background.accent.teal.subtler.hovered', fallback),
106
+ token: "var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)"
107
+ },
99
108
  // green
100
109
  /** green - light */
101
110
  ['#E3FCEF']: {
@@ -112,6 +121,27 @@ export const editorBackgroundPalette = {
112
121
  getValue: fallback => getTokenValue('color.background.accent.green.subtle', fallback),
113
122
  token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
114
123
  },
124
+ /** green - bold */
125
+ ['#97EDC9']: {
126
+ getValue: fallback => getTokenValue('color.background.accent.green.subtler.hovered', fallback),
127
+ token: "var(--ds-background-accent-green-subtler-hovered, #97EDC9)"
128
+ },
129
+ // lime
130
+ /** lime - light */
131
+ ['#EFFFD6']: {
132
+ getValue: fallback => getTokenValue('color.background.accent.lime.subtlest', fallback),
133
+ token: "var(--ds-background-accent-lime-subtlest, #EFFFD6)"
134
+ },
135
+ /** lime - medium */
136
+ ['#D3F1A7']: {
137
+ getValue: fallback => getTokenValue('color.background.accent.lime.subtler', fallback),
138
+ token: "var(--ds-background-accent-lime-subtler, #D3F1A7)"
139
+ },
140
+ /** lime - bold */
141
+ ['#BDE97C']: {
142
+ getValue: fallback => getTokenValue('color.background.accent.lime.subtler.hovered', fallback),
143
+ token: "var(--ds-background-accent-lime-subtler-hovered, #BDE97C)"
144
+ },
115
145
  // yellowOrange
116
146
  /** yellowOrange - light */
117
147
  ['#FFFAE6']: {
@@ -128,6 +158,27 @@ export const editorBackgroundPalette = {
128
158
  getValue: fallback => getTokenValue('color.background.accent.orange.subtle', fallback),
129
159
  token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
130
160
  },
161
+ /** yellow - bold */
162
+ ['#EFDD4E']: {
163
+ getValue: fallback => getTokenValue('color.background.accent.yellow.subtler.hovered', fallback),
164
+ token: "var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)"
165
+ },
166
+ // orange
167
+ /** orange - light */
168
+ ['#FFF5DB']: {
169
+ getValue: fallback => getTokenValue('color.background.accent.orange.subtlest', fallback),
170
+ token: "var(--ds-background-accent-orange-subtlest, #FFF5DB)"
171
+ },
172
+ /** orange - medium */
173
+ ['#FCE4A6']: {
174
+ getValue: fallback => getTokenValue('color.background.accent.orange.subtler', fallback),
175
+ token: "var(--ds-background-accent-orange-subtler, #FCE4A6)"
176
+ },
177
+ /** orange - bold */
178
+ ['#FBD779']: {
179
+ getValue: fallback => getTokenValue('color.background.accent.orange.subtler.hovered', fallback),
180
+ token: "var(--ds-background-accent-orange-subtler-hovered, #FBD779)"
181
+ },
131
182
  // red
132
183
  /** red - light */
133
184
  ['#FFEBE6']: {
@@ -144,6 +195,27 @@ export const editorBackgroundPalette = {
144
195
  getValue: fallback => getTokenValue('color.background.accent.red.subtle', fallback),
145
196
  token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
146
197
  },
198
+ /** red - bold */
199
+ ['#FFB8B2']: {
200
+ getValue: fallback => getTokenValue('color.background.accent.red.subtler.hovered', fallback),
201
+ token: "var(--ds-background-accent-red-subtler-hovered, #FFB8B2)"
202
+ },
203
+ // magenta
204
+ /** magenta - light */
205
+ ['#FFECF8']: {
206
+ getValue: fallback => getTokenValue('color.background.accent.magenta.subtlest', fallback),
207
+ token: "var(--ds-background-accent-magenta-subtlest, #FFECF8)"
208
+ },
209
+ /** magenta - medium */
210
+ ['#FDD0EC']: {
211
+ getValue: fallback => getTokenValue('color.background.accent.magenta.subtler', fallback),
212
+ token: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
213
+ },
214
+ /** magenta - bold */
215
+ ['#FCB6E1']: {
216
+ getValue: fallback => getTokenValue('color.background.accent.magenta.subtler.hovered', fallback),
217
+ token: "var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)"
218
+ },
147
219
  // purple
148
220
  /** purple - light */
149
221
  ['#EAE6FF']: {
@@ -160,6 +232,11 @@ export const editorBackgroundPalette = {
160
232
  getValue: fallback => getTokenValue('color.background.accent.purple.subtle', fallback),
161
233
  token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
162
234
  },
235
+ /** purple - bold */
236
+ ['#E3BDFA']: {
237
+ getValue: fallback => getTokenValue('color.background.accent.purple.subtler.hovered', fallback),
238
+ token: "var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)"
239
+ },
163
240
  // whiteGray
164
241
  /** whiteGray - light */
165
242
  ['#FFFFFF']: {
@@ -175,5 +252,10 @@ export const editorBackgroundPalette = {
175
252
  ['#B3BAC5']: {
176
253
  getValue: fallback => getTokenValue('color.background.accent.gray.subtle', fallback),
177
254
  token: "var(--ds-background-accent-gray-subtle, #8C8F97)" // source for hex code was legacy token N60,
255
+ },
256
+ /** gray - bold */
257
+ ['#B7B9BE']: {
258
+ getValue: fallback => getTokenValue('color.background.accent.gray.subtler.hovered', fallback),
259
+ token: "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)"
178
260
  }
179
261
  };
package/dist/esm/background.js CHANGED
@@ -76,6 +76,11 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
76
76
  return getTokenValue('color.background.accent.blue.subtle', fallback);
77
77
  },
78
78
  token: "var(--ds-background-accent-blue-subtle, #669DF1)"
79
+ }), '#ADCBFB', {
80
+ getValue: function getValue(fallback) {
81
+ return getTokenValue('color.background.accent.blue.subtler.hovered', fallback);
82
+ },
83
+ token: "var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)"
79
84
  }), '#E6FCFF', {
80
85
  getValue: function getValue(fallback) {
81
86
  return getTokenValue('color.background.accent.teal.subtlest', fallback);
@@ -91,6 +96,11 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
91
96
  return getTokenValue('color.background.accent.teal.subtle', fallback);
92
97
  },
93
98
  token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
99
+ }), '#B1E4F7', {
100
+ getValue: function getValue(fallback) {
101
+ return getTokenValue('color.background.accent.teal.subtler.hovered', fallback);
102
+ },
103
+ token: "var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)"
94
104
  }), '#E3FCEF', {
95
105
  getValue: function getValue(fallback) {
96
106
  return getTokenValue('color.background.accent.green.subtlest', fallback);
@@ -101,17 +111,37 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
101
111
  return getTokenValue('color.background.accent.green.subtler', fallback);
102
112
  },
103
113
  token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
104
- }), '#57D9A3', {
114
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#57D9A3', {
105
115
  getValue: function getValue(fallback) {
106
116
  return getTokenValue('color.background.accent.green.subtle', fallback);
107
117
  },
108
118
  token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
119
+ }), '#97EDC9', {
120
+ getValue: function getValue(fallback) {
121
+ return getTokenValue('color.background.accent.green.subtler.hovered', fallback);
122
+ },
123
+ token: "var(--ds-background-accent-green-subtler-hovered, #97EDC9)"
124
+ }), '#EFFFD6', {
125
+ getValue: function getValue(fallback) {
126
+ return getTokenValue('color.background.accent.lime.subtlest', fallback);
127
+ },
128
+ token: "var(--ds-background-accent-lime-subtlest, #EFFFD6)"
129
+ }), '#D3F1A7', {
130
+ getValue: function getValue(fallback) {
131
+ return getTokenValue('color.background.accent.lime.subtler', fallback);
132
+ },
133
+ token: "var(--ds-background-accent-lime-subtler, #D3F1A7)"
134
+ }), '#BDE97C', {
135
+ getValue: function getValue(fallback) {
136
+ return getTokenValue('color.background.accent.lime.subtler.hovered', fallback);
137
+ },
138
+ token: "var(--ds-background-accent-lime-subtler-hovered, #BDE97C)"
109
139
  }), '#FFFAE6', {
110
140
  getValue: function getValue(fallback) {
111
141
  return getTokenValue('color.background.accent.yellow.subtlest', fallback);
112
142
  },
113
143
  token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
114
- }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#FFF0B3', {
144
+ }), '#FFF0B3', {
115
145
  getValue: function getValue(fallback) {
116
146
  return getTokenValue('color.background.accent.yellow.subtler', fallback);
117
147
  },
@@ -121,6 +151,26 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
121
151
  return getTokenValue('color.background.accent.orange.subtle', fallback);
122
152
  },
123
153
  token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
154
+ }), '#EFDD4E', {
155
+ getValue: function getValue(fallback) {
156
+ return getTokenValue('color.background.accent.yellow.subtler.hovered', fallback);
157
+ },
158
+ token: "var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)"
159
+ }), '#FFF5DB', {
160
+ getValue: function getValue(fallback) {
161
+ return getTokenValue('color.background.accent.orange.subtlest', fallback);
162
+ },
163
+ token: "var(--ds-background-accent-orange-subtlest, #FFF5DB)"
164
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#FCE4A6', {
165
+ getValue: function getValue(fallback) {
166
+ return getTokenValue('color.background.accent.orange.subtler', fallback);
167
+ },
168
+ token: "var(--ds-background-accent-orange-subtler, #FCE4A6)"
169
+ }), '#FBD779', {
170
+ getValue: function getValue(fallback) {
171
+ return getTokenValue('color.background.accent.orange.subtler.hovered', fallback);
172
+ },
173
+ token: "var(--ds-background-accent-orange-subtler-hovered, #FBD779)"
124
174
  }), '#FFEBE6', {
125
175
  getValue: function getValue(fallback) {
126
176
  return getTokenValue('color.background.accent.red.subtlest', fallback);
@@ -136,12 +186,32 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
136
186
  return getTokenValue('color.background.accent.red.subtle', fallback);
137
187
  },
138
188
  token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
189
+ }), '#FFB8B2', {
190
+ getValue: function getValue(fallback) {
191
+ return getTokenValue('color.background.accent.red.subtler.hovered', fallback);
192
+ },
193
+ token: "var(--ds-background-accent-red-subtler-hovered, #FFB8B2)"
194
+ }), '#FFECF8', {
195
+ getValue: function getValue(fallback) {
196
+ return getTokenValue('color.background.accent.magenta.subtlest', fallback);
197
+ },
198
+ token: "var(--ds-background-accent-magenta-subtlest, #FFECF8)"
199
+ }), '#FDD0EC', {
200
+ getValue: function getValue(fallback) {
201
+ return getTokenValue('color.background.accent.magenta.subtler', fallback);
202
+ },
203
+ token: "var(--ds-background-accent-magenta-subtler, #FDD0EC)"
204
+ }), '#FCB6E1', {
205
+ getValue: function getValue(fallback) {
206
+ return getTokenValue('color.background.accent.magenta.subtler.hovered', fallback);
207
+ },
208
+ token: "var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)"
139
209
  }), '#EAE6FF', {
140
210
  getValue: function getValue(fallback) {
141
211
  return getTokenValue('color.background.accent.purple.subtlest', fallback);
142
212
  },
143
213
  token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
144
- }), '#C0B6F2', {
214
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#C0B6F2', {
145
215
  getValue: function getValue(fallback) {
146
216
  return getTokenValue('color.background.accent.purple.subtler', fallback);
147
217
  },
@@ -151,6 +221,11 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
151
221
  return getTokenValue('color.background.accent.purple.subtle', fallback);
152
222
  },
153
223
  token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
224
+ }), '#E3BDFA', {
225
+ getValue: function getValue(fallback) {
226
+ return getTokenValue('color.background.accent.purple.subtler.hovered', fallback);
227
+ },
228
+ token: "var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)"
154
229
  }), '#FFFFFF', {
155
230
  getValue: function getValue(fallback) {
156
231
  return getTokenValue('elevation.surface', fallback);
@@ -161,9 +236,14 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
161
236
  return getTokenValue('color.background.accent.gray.subtlest', fallback);
162
237
  },
163
238
  token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
164
- }), _defineProperty(_editorBackgroundPale, '#B3BAC5', {
239
+ }), '#B3BAC5', {
165
240
  getValue: function getValue(fallback) {
166
241
  return getTokenValue('color.background.accent.gray.subtle', fallback);
167
242
  },
168
243
  token: "var(--ds-background-accent-gray-subtle, #8C8F97)" // source for hex code was legacy token N60,
244
+ }), '#B7B9BE', {
245
+ getValue: function getValue(fallback) {
246
+ return getTokenValue('color.background.accent.gray.subtler.hovered', fallback);
247
+ },
248
+ token: "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)"
169
249
  }));
package/dist/types/background.d.ts CHANGED
@@ -55,6 +55,11 @@ export declare const editorBackgroundPalette: {
55
55
  getValue: (fallback: string) => string;
56
56
  token: 'var(--ds-background-accent-blue-subtle, #4C9AFF)';
57
57
  };
58
+ /** blue - bold */
59
+ "#ADCBFB": {
60
+ getValue: (fallback: string) => string;
61
+ token: 'var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)';
62
+ };
58
63
  /** teal - light */
59
64
  "#E6FCFF": {
60
65
  getValue: (fallback: string) => string;
@@ -70,6 +75,11 @@ export declare const editorBackgroundPalette: {
70
75
  getValue: (fallback: string) => string;
71
76
  token: 'var(--ds-background-accent-teal-subtle, #79E2F2)';
72
77
  };
78
+ /** teal - bold */
79
+ "#B1E4F7": {
80
+ getValue: (fallback: string) => string;
81
+ token: 'var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)';
82
+ };
73
83
  /** green - light */
74
84
  "#E3FCEF": {
75
85
  getValue: (fallback: string) => string;
@@ -85,6 +95,26 @@ export declare const editorBackgroundPalette: {
85
95
  getValue: (fallback: string) => string;
86
96
  token: 'var(--ds-background-accent-green-subtle, #57D9A3)';
87
97
  };
98
+ /** green - bold */
99
+ "#97EDC9": {
100
+ getValue: (fallback: string) => string;
101
+ token: 'var(--ds-background-accent-green-subtler-hovered, #97EDC9)';
102
+ };
103
+ /** lime - light */
104
+ "#EFFFD6": {
105
+ getValue: (fallback: string) => string;
106
+ token: 'var(--ds-background-accent-lime-subtlest, #EFFFD6)';
107
+ };
108
+ /** lime - medium */
109
+ "#D3F1A7": {
110
+ getValue: (fallback: string) => string;
111
+ token: 'var(--ds-background-accent-lime-subtler, #D3F1A7)';
112
+ };
113
+ /** lime - bold */
114
+ "#BDE97C": {
115
+ getValue: (fallback: string) => string;
116
+ token: 'var(--ds-background-accent-lime-subtler-hovered, #BDE97C)';
117
+ };
88
118
  /** yellowOrange - light */
89
119
  "#FFFAE6": {
90
120
  getValue: (fallback: string) => string;
@@ -100,6 +130,26 @@ export declare const editorBackgroundPalette: {
100
130
  getValue: (fallback: string) => string;
101
131
  token: 'var(--ds-background-accent-orange-subtle, #FFC400)';
102
132
  };
133
+ /** yellow - bold */
134
+ "#EFDD4E": {
135
+ getValue: (fallback: string) => string;
136
+ token: 'var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)';
137
+ };
138
+ /** orange - light */
139
+ "#FFF5DB": {
140
+ getValue: (fallback: string) => string;
141
+ token: 'var(--ds-background-accent-orange-subtlest, #FFF5DB)';
142
+ };
143
+ /** orange - medium */
144
+ "#FCE4A6": {
145
+ getValue: (fallback: string) => string;
146
+ token: 'var(--ds-background-accent-orange-subtler, #FCE4A6)';
147
+ };
148
+ /** orange - bold */
149
+ "#FBD779": {
150
+ getValue: (fallback: string) => string;
151
+ token: 'var(--ds-background-accent-orange-subtler-hovered, #FBD779)';
152
+ };
103
153
  /** red - light */
104
154
  "#FFEBE6": {
105
155
  getValue: (fallback: string) => string;
@@ -115,6 +165,26 @@ export declare const editorBackgroundPalette: {
115
165
  getValue: (fallback: string) => string;
116
166
  token: 'var(--ds-background-accent-red-subtle, #FF8F73)';
117
167
  };
168
+ /** red - bold */
169
+ "#FFB8B2": {
170
+ getValue: (fallback: string) => string;
171
+ token: 'var(--ds-background-accent-red-subtler-hovered, #FFB8B2)';
172
+ };
173
+ /** magenta - light */
174
+ "#FFECF8": {
175
+ getValue: (fallback: string) => string;
176
+ token: 'var(--ds-background-accent-magenta-subtlest, #FFECF8)';
177
+ };
178
+ /** magenta - medium */
179
+ "#FDD0EC": {
180
+ getValue: (fallback: string) => string;
181
+ token: 'var(--ds-background-accent-magenta-subtler, #FDD0EC)';
182
+ };
183
+ /** magenta - bold */
184
+ "#FCB6E1": {
185
+ getValue: (fallback: string) => string;
186
+ token: 'var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)';
187
+ };
118
188
  /** purple - light */
119
189
  "#EAE6FF": {
120
190
  getValue: (fallback: string) => string;
@@ -130,6 +200,11 @@ export declare const editorBackgroundPalette: {
130
200
  getValue: (fallback: string) => string;
131
201
  token: 'var(--ds-background-accent-purple-subtle, #998DD9)';
132
202
  };
203
+ /** purple - bold */
204
+ "#E3BDFA": {
205
+ getValue: (fallback: string) => string;
206
+ token: 'var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)';
207
+ };
133
208
  /** whiteGray - light */
134
209
  "#FFFFFF": {
135
210
  getValue: (fallback: string) => string;
@@ -145,5 +220,10 @@ export declare const editorBackgroundPalette: {
145
220
  getValue: (fallback: string) => string;
146
221
  token: 'var(--ds-background-accent-gray-subtle, #B3BAC5)';
147
222
  };
223
+ /** gray - bold */
224
+ "#B7B9BE": {
225
+ getValue: (fallback: string) => string;
226
+ token: 'var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)';
227
+ };
148
228
  };
149
229
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "3.4.6",
3
+ "version": "3.4.8",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -22,8 +22,8 @@
22
22
  "atlaskit:src": "src/index.ts",
23
23
  "dependencies": {
24
24
  "@atlaskit/platform-feature-flags": "^2.1.0",
25
- "@atlaskit/tmp-editor-statsig": "^141.0.0",
26
- "@atlaskit/tokens": "^16.3.0",
25
+ "@atlaskit/tmp-editor-statsig": "^142.0.0",
26
+ "@atlaskit/tokens": "^16.4.0",
27
27
  "@babel/runtime": "^7.0.0"
28
28
  },
29
29
  "platform-feature-flags": {