@atlaskit/editor-palette 3.3.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/background.js +4 -84
  3. package/dist/es2019/background.js +1 -83
  4. package/dist/esm/background.js +4 -84
  5. package/dist/types/background.d.ts +0 -80
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 3.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`7cecf41634d18`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7cecf41634d18) -
8
+ Revert the lime, orange, and magenta table cell background color options.
9
+
10
+ ## 3.3.1
11
+
12
+ ### Patch Changes
13
+
14
+ - [`7a9ec6f1fa018`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7a9ec6f1fa018) -
15
+ [EDITOR-7592] Add a new panel background color palette with expanded colors behind the lovability
16
+ experiment and patch gate.
17
+ - Updated dependencies
18
+
3
19
  ## 3.3.0
4
20
 
5
21
  ### Minor Changes
package/dist/cjs/background.js CHANGED
@@ -82,11 +82,6 @@ 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)"
90
85
  }), '#E6FCFF', {
91
86
  getValue: function getValue(fallback) {
92
87
  return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtlest', fallback);
@@ -102,11 +97,6 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
102
97
  return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtle', fallback);
103
98
  },
104
99
  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)"
110
100
  }), '#E3FCEF', {
111
101
  getValue: function getValue(fallback) {
112
102
  return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtlest', fallback);
@@ -117,37 +107,17 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
117
107
  return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtler', fallback);
118
108
  },
119
109
  token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
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', {
110
+ }), '#57D9A3', {
121
111
  getValue: function getValue(fallback) {
122
112
  return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtle', fallback);
123
113
  },
124
114
  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)"
145
115
  }), '#FFFAE6', {
146
116
  getValue: function getValue(fallback) {
147
117
  return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtlest', fallback);
148
118
  },
149
119
  token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
150
- }), '#FFF0B3', {
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', {
151
121
  getValue: function getValue(fallback) {
152
122
  return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtler', fallback);
153
123
  },
@@ -157,26 +127,6 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
157
127
  return (0, _getTokenValue.getTokenValue)('color.background.accent.orange.subtle', fallback);
158
128
  },
159
129
  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)"
180
130
  }), '#FFEBE6', {
181
131
  getValue: function getValue(fallback) {
182
132
  return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtlest', fallback);
@@ -192,32 +142,12 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
192
142
  return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtle', fallback);
193
143
  },
194
144
  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)"
215
145
  }), '#EAE6FF', {
216
146
  getValue: function getValue(fallback) {
217
147
  return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtlest', fallback);
218
148
  },
219
149
  token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
220
- }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorBackgroundPale, '#C0B6F2', {
150
+ }), '#C0B6F2', {
221
151
  getValue: function getValue(fallback) {
222
152
  return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtler', fallback);
223
153
  },
@@ -227,11 +157,6 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
227
157
  return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtle', fallback);
228
158
  },
229
159
  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)"
235
160
  }), '#FFFFFF', {
236
161
  getValue: function getValue(fallback) {
237
162
  return (0, _getTokenValue.getTokenValue)('elevation.surface', fallback);
@@ -242,14 +167,9 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
242
167
  return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtlest', fallback);
243
168
  },
244
169
  token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
245
- }), '#B3BAC5', {
170
+ }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3BAC5', {
246
171
  getValue: function getValue(fallback) {
247
172
  return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtle', fallback);
248
173
  },
249
174
  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)"
255
175
  }));
package/dist/es2019/background.js CHANGED
@@ -79,11 +79,7 @@ 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
- /** 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
- },
82
+
87
83
  // teal
88
84
  /** teal - light */
89
85
  ['#E6FCFF']: {
@@ -100,11 +96,6 @@ export const editorBackgroundPalette = {
100
96
  getValue: fallback => getTokenValue('color.background.accent.teal.subtle', fallback),
101
97
  token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
102
98
  },
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
- },
108
99
  // green
109
100
  /** green - light */
110
101
  ['#E3FCEF']: {
@@ -121,27 +112,6 @@ export const editorBackgroundPalette = {
121
112
  getValue: fallback => getTokenValue('color.background.accent.green.subtle', fallback),
122
113
  token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
123
114
  },
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
- },
145
115
  // yellowOrange
146
116
  /** yellowOrange - light */
147
117
  ['#FFFAE6']: {
@@ -158,27 +128,6 @@ export const editorBackgroundPalette = {
158
128
  getValue: fallback => getTokenValue('color.background.accent.orange.subtle', fallback),
159
129
  token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
160
130
  },
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
- },
182
131
  // red
183
132
  /** red - light */
184
133
  ['#FFEBE6']: {
@@ -195,27 +144,6 @@ export const editorBackgroundPalette = {
195
144
  getValue: fallback => getTokenValue('color.background.accent.red.subtle', fallback),
196
145
  token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
197
146
  },
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
- },
219
147
  // purple
220
148
  /** purple - light */
221
149
  ['#EAE6FF']: {
@@ -232,11 +160,6 @@ export const editorBackgroundPalette = {
232
160
  getValue: fallback => getTokenValue('color.background.accent.purple.subtle', fallback),
233
161
  token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
234
162
  },
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
- },
240
163
  // whiteGray
241
164
  /** whiteGray - light */
242
165
  ['#FFFFFF']: {
@@ -252,10 +175,5 @@ export const editorBackgroundPalette = {
252
175
  ['#B3BAC5']: {
253
176
  getValue: fallback => getTokenValue('color.background.accent.gray.subtle', fallback),
254
177
  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)"
260
178
  }
261
179
  };
package/dist/esm/background.js CHANGED
@@ -76,11 +76,6 @@ 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)"
84
79
  }), '#E6FCFF', {
85
80
  getValue: function getValue(fallback) {
86
81
  return getTokenValue('color.background.accent.teal.subtlest', fallback);
@@ -96,11 +91,6 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
96
91
  return getTokenValue('color.background.accent.teal.subtle', fallback);
97
92
  },
98
93
  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)"
104
94
  }), '#E3FCEF', {
105
95
  getValue: function getValue(fallback) {
106
96
  return getTokenValue('color.background.accent.green.subtlest', fallback);
@@ -111,37 +101,17 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
111
101
  return getTokenValue('color.background.accent.green.subtler', fallback);
112
102
  },
113
103
  token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
114
- }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#57D9A3', {
104
+ }), '#57D9A3', {
115
105
  getValue: function getValue(fallback) {
116
106
  return getTokenValue('color.background.accent.green.subtle', fallback);
117
107
  },
118
108
  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)"
139
109
  }), '#FFFAE6', {
140
110
  getValue: function getValue(fallback) {
141
111
  return getTokenValue('color.background.accent.yellow.subtlest', fallback);
142
112
  },
143
113
  token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
144
- }), '#FFF0B3', {
114
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#FFF0B3', {
145
115
  getValue: function getValue(fallback) {
146
116
  return getTokenValue('color.background.accent.yellow.subtler', fallback);
147
117
  },
@@ -151,26 +121,6 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
151
121
  return getTokenValue('color.background.accent.orange.subtle', fallback);
152
122
  },
153
123
  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)"
174
124
  }), '#FFEBE6', {
175
125
  getValue: function getValue(fallback) {
176
126
  return getTokenValue('color.background.accent.red.subtlest', fallback);
@@ -186,32 +136,12 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
186
136
  return getTokenValue('color.background.accent.red.subtle', fallback);
187
137
  },
188
138
  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)"
209
139
  }), '#EAE6FF', {
210
140
  getValue: function getValue(fallback) {
211
141
  return getTokenValue('color.background.accent.purple.subtlest', fallback);
212
142
  },
213
143
  token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
214
- }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#C0B6F2', {
144
+ }), '#C0B6F2', {
215
145
  getValue: function getValue(fallback) {
216
146
  return getTokenValue('color.background.accent.purple.subtler', fallback);
217
147
  },
@@ -221,11 +151,6 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
221
151
  return getTokenValue('color.background.accent.purple.subtle', fallback);
222
152
  },
223
153
  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)"
229
154
  }), '#FFFFFF', {
230
155
  getValue: function getValue(fallback) {
231
156
  return getTokenValue('elevation.surface', fallback);
@@ -236,14 +161,9 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
236
161
  return getTokenValue('color.background.accent.gray.subtlest', fallback);
237
162
  },
238
163
  token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
239
- }), '#B3BAC5', {
164
+ }), _defineProperty(_editorBackgroundPale, '#B3BAC5', {
240
165
  getValue: function getValue(fallback) {
241
166
  return getTokenValue('color.background.accent.gray.subtle', fallback);
242
167
  },
243
168
  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)"
249
169
  }));
package/dist/types/background.d.ts CHANGED
@@ -55,11 +55,6 @@ 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
- };
63
58
  /** teal - light */
64
59
  "#E6FCFF": {
65
60
  getValue: (fallback: string) => string;
@@ -75,11 +70,6 @@ export declare const editorBackgroundPalette: {
75
70
  getValue: (fallback: string) => string;
76
71
  token: 'var(--ds-background-accent-teal-subtle, #79E2F2)';
77
72
  };
78
- /** teal - bold */
79
- "#B1E4F7": {
80
- getValue: (fallback: string) => string;
81
- token: 'var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)';
82
- };
83
73
  /** green - light */
84
74
  "#E3FCEF": {
85
75
  getValue: (fallback: string) => string;
@@ -95,26 +85,6 @@ export declare const editorBackgroundPalette: {
95
85
  getValue: (fallback: string) => string;
96
86
  token: 'var(--ds-background-accent-green-subtle, #57D9A3)';
97
87
  };
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
- };
118
88
  /** yellowOrange - light */
119
89
  "#FFFAE6": {
120
90
  getValue: (fallback: string) => string;
@@ -130,26 +100,6 @@ export declare const editorBackgroundPalette: {
130
100
  getValue: (fallback: string) => string;
131
101
  token: 'var(--ds-background-accent-orange-subtle, #FFC400)';
132
102
  };
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
- };
153
103
  /** red - light */
154
104
  "#FFEBE6": {
155
105
  getValue: (fallback: string) => string;
@@ -165,26 +115,6 @@ export declare const editorBackgroundPalette: {
165
115
  getValue: (fallback: string) => string;
166
116
  token: 'var(--ds-background-accent-red-subtle, #FF8F73)';
167
117
  };
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
- };
188
118
  /** purple - light */
189
119
  "#EAE6FF": {
190
120
  getValue: (fallback: string) => string;
@@ -200,11 +130,6 @@ export declare const editorBackgroundPalette: {
200
130
  getValue: (fallback: string) => string;
201
131
  token: 'var(--ds-background-accent-purple-subtle, #998DD9)';
202
132
  };
203
- /** purple - bold */
204
- "#E3BDFA": {
205
- getValue: (fallback: string) => string;
206
- token: 'var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)';
207
- };
208
133
  /** whiteGray - light */
209
134
  "#FFFFFF": {
210
135
  getValue: (fallback: string) => string;
@@ -220,10 +145,5 @@ export declare const editorBackgroundPalette: {
220
145
  getValue: (fallback: string) => string;
221
146
  token: 'var(--ds-background-accent-gray-subtle, #B3BAC5)';
222
147
  };
223
- /** gray - bold */
224
- "#B7B9BE": {
225
- getValue: (fallback: string) => string;
226
- token: 'var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)';
227
- };
228
148
  };
229
149
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "3.3.0",
3
+ "version": "3.4.0",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -22,7 +22,7 @@
22
22
  "atlaskit:src": "src/index.ts",
23
23
  "dependencies": {
24
24
  "@atlaskit/platform-feature-flags": "^2.1.0",
25
- "@atlaskit/tmp-editor-statsig": "^135.8.0",
25
+ "@atlaskit/tmp-editor-statsig": "^135.10.0",
26
26
  "@atlaskit/tokens": "^16.3.0",
27
27
  "@babel/runtime": "^7.0.0"
28
28
  },