@atlaskit/editor-palette 1.6.2 → 1.6.4

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 1.6.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 1.6.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [#157011](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157011)
14
+ [`83a8620f8dee5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/83a8620f8dee5) -
15
+ ENGHEALTH-17808: upgrade editor-palette react 18 peer deps
16
+
3
17
  ## 1.6.2
4
18
 
5
19
  ### Patch Changes
@@ -65,102 +65,102 @@ function hexToEditorBackgroundPaletteRawValue(hexColor) {
65
65
  * Using object structure as getValue() function needed for table values, and other
66
66
  * properties may be needed in the future.
67
67
  */
68
- var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgroundPale = {}, (0, _defineProperty2.default)(_editorBackgroundPale, '#DEEBFF', {
68
+ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgroundPale = {}, (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, '#DEEBFF', {
69
69
  getValue: function getValue(fallback) {
70
70
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtlest', fallback);
71
71
  },
72
72
  token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)"
73
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3D4FF', {
73
+ }), '#B3D4FF', {
74
74
  getValue: function getValue(fallback) {
75
75
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtler', fallback);
76
76
  },
77
77
  token: "var(--ds-background-accent-blue-subtler, #B3D4FF)"
78
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#4C9AFF', {
78
+ }), '#4C9AFF', {
79
79
  getValue: function getValue(fallback) {
80
80
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
81
81
  },
82
82
  token: "var(--ds-background-accent-blue-subtle, #4C9AFF)"
83
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#E6FCFF', {
83
+ }), '#E6FCFF', {
84
84
  getValue: function getValue(fallback) {
85
85
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtlest', fallback);
86
86
  },
87
87
  token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)" // source for hex code was legacy token T50,
88
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3F5FF', {
88
+ }), '#B3F5FF', {
89
89
  getValue: function getValue(fallback) {
90
90
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtler', fallback);
91
91
  },
92
92
  token: "var(--ds-background-accent-teal-subtler, #B3F5FF)" // source for hex code was legacy token T75,
93
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#79E2F2', {
93
+ }), '#79E2F2', {
94
94
  getValue: function getValue(fallback) {
95
95
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
96
96
  },
97
97
  token: "var(--ds-background-accent-teal-subtle, #79E2F2)" // source for hex code was legacy token T100,
98
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#E3FCEF', {
98
+ }), '#E3FCEF', {
99
99
  getValue: function getValue(fallback) {
100
100
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtlest', fallback);
101
101
  },
102
102
  token: "var(--ds-background-accent-green-subtlest, #E3FCEF)" // source for hex code was legacy token G50,
103
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#ABF5D1', {
103
+ }), '#ABF5D1', {
104
104
  getValue: function getValue(fallback) {
105
105
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtler', fallback);
106
106
  },
107
107
  token: "var(--ds-background-accent-green-subtler, #ABF5D1)" // source for hex code was legacy token G75,
108
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#57D9A3', {
108
+ }), '#57D9A3', {
109
109
  getValue: function getValue(fallback) {
110
110
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
111
111
  },
112
112
  token: "var(--ds-background-accent-green-subtle, #57D9A3)" // source for hex code was legacy token G200,
113
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFFAE6', {
113
+ }), '#FFFAE6', {
114
114
  getValue: function getValue(fallback) {
115
115
  return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtlest', fallback);
116
116
  },
117
117
  token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)" // source for hex code was legacy token Y50,
118
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFF0B3', {
118
+ }), (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', {
119
119
  getValue: function getValue(fallback) {
120
120
  return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtler', fallback);
121
121
  },
122
122
  token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)" // source for hex code was legacy token Y75,
123
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFC400', {
123
+ }), '#FFC400', {
124
124
  getValue: function getValue(fallback) {
125
125
  return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
126
126
  },
127
127
  token: "var(--ds-background-accent-orange-subtle, #FFC400)" // source for hex code was legacy token Y200,
128
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFEBE6', {
128
+ }), '#FFEBE6', {
129
129
  getValue: function getValue(fallback) {
130
130
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtlest', fallback);
131
131
  },
132
132
  token: "var(--ds-background-accent-red-subtlest, #FFEBE6)" // source for hex code was legacy token R50,
133
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFBDAD', {
133
+ }), '#FFBDAD', {
134
134
  getValue: function getValue(fallback) {
135
135
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtler', fallback);
136
136
  },
137
137
  token: "var(--ds-background-accent-red-subtler, #FFBDAD)" // source for hex code was legacy token R75,
138
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FF8F73', {
138
+ }), '#FF8F73', {
139
139
  getValue: function getValue(fallback) {
140
140
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
141
141
  },
142
142
  token: "var(--ds-background-accent-red-subtle, #FF8F73)" // source for hex code was legacy token R100,
143
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#EAE6FF', {
143
+ }), '#EAE6FF', {
144
144
  getValue: function getValue(fallback) {
145
145
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtlest', fallback);
146
146
  },
147
147
  token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)" // source for hex code was legacy token P50,
148
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#C0B6F2', {
148
+ }), '#C0B6F2', {
149
149
  getValue: function getValue(fallback) {
150
150
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtler', fallback);
151
151
  },
152
152
  token: "var(--ds-background-accent-purple-subtler, #C0B6F2)" // source for hex code was legacy token P75,
153
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#998DD9', {
153
+ }), '#998DD9', {
154
154
  getValue: function getValue(fallback) {
155
155
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
156
156
  },
157
157
  token: "var(--ds-background-accent-purple-subtle, #998DD9)" // source for hex code was legacy token P100,
158
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#FFFFFF', {
158
+ }), '#FFFFFF', {
159
159
  getValue: function getValue(fallback) {
160
160
  return (0, _tokens.getTokenValue)('elevation.surface', fallback);
161
161
  },
162
162
  token: "var(--ds-surface, #FFFFFF)" // source for hex code was legacy token N0,
163
- }), (0, _defineProperty2.default)(_editorBackgroundPale, '#F4F5F7', {
163
+ }), '#F4F5F7', {
164
164
  getValue: function getValue(fallback) {
165
165
  return (0, _tokens.getTokenValue)('color.background.accent.gray.subtlest', fallback);
166
166
  },
@@ -170,4 +170,4 @@ var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgrou
170
170
  return (0, _tokens.getTokenValue)('color.background.accent.gray.subtle', fallback);
171
171
  },
172
172
  token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60,
173
- }), _editorBackgroundPale);
173
+ }));
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.editorBorderPalette = void 0;
8
8
  exports.hexToEditorBorderPaletteColor = hexToEditorBorderPaletteColor;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _editorBorderPalette;
11
10
  // This import will be stripped on build
12
11
 
13
12
  /**
@@ -34,4 +33,4 @@ function hexToEditorBorderPaletteColor(hexColor) {
34
33
  // @ts-ignore
35
34
  return editorBorderPalette[hexColor.toUpperCase()];
36
35
  }
37
- var editorBorderPalette = exports.editorBorderPalette = (_editorBorderPalette = {}, (0, _defineProperty2.default)(_editorBorderPalette, '#091E4224', "var(--ds-border, #091E4224)"), (0, _defineProperty2.default)(_editorBorderPalette, '#758195', "var(--ds-border-bold, #758195)"), (0, _defineProperty2.default)(_editorBorderPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorBorderPalette);
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)");
@@ -70,184 +70,184 @@ function hexToEditorTableChartsPaletteRawValue(hexColor) {
70
70
  *
71
71
  * https://product-fabric.atlassian.net/browse/ED-17042
72
72
  */
73
- var editorTableChartsPalette = (_editorTableChartsPal = {}, (0, _defineProperty2.default)(_editorTableChartsPal, '#7AB2FF', {
73
+ var editorTableChartsPalette = (_editorTableChartsPal = {}, (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, '#7AB2FF', {
74
74
  getValue: function getValue(fallback) {
75
75
  return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
76
76
  },
77
77
  token: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
78
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#60C6D2', {
78
+ }), '#60C6D2', {
79
79
  getValue: function getValue(fallback) {
80
80
  return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
81
81
  },
82
82
  token: "var(--ds-background-accent-teal-subtle, #60C6D2)"
83
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#6BE1B0', {
83
+ }), '#6BE1B0', {
84
84
  getValue: function getValue(fallback) {
85
85
  return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
86
86
  },
87
87
  token: "var(--ds-background-accent-green-subtle, #6BE1B0)"
88
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FFDB57', {
88
+ }), '#FFDB57', {
89
89
  getValue: function getValue(fallback) {
90
90
  return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtle', fallback);
91
91
  },
92
92
  token: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
93
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FAA53D', {
93
+ }), '#FAA53D', {
94
94
  getValue: function getValue(fallback) {
95
95
  return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
96
96
  },
97
97
  token: "var(--ds-background-accent-orange-subtle, #FAA53D)"
98
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FF8F73', {
98
+ }), '#FF8F73', {
99
99
  getValue: function getValue(fallback) {
100
100
  return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
101
101
  },
102
102
  token: "var(--ds-background-accent-red-subtle, #FF8F73)"
103
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#E774BB', {
103
+ }), '#E774BB', {
104
104
  getValue: function getValue(fallback) {
105
105
  return (0, _tokens.getTokenValue)('color.background.accent.magenta.subtle', fallback);
106
106
  },
107
107
  token: "var(--ds-background-accent-magenta-subtle, #E774BB)"
108
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#B5A7FB', {
108
+ }), '#B5A7FB', {
109
109
  getValue: function getValue(fallback) {
110
110
  return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
111
111
  },
112
112
  token: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
113
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#8993A5', {
113
+ }), '#8993A5', {
114
114
  getValue: function getValue(fallback) {
115
115
  return (0, _tokens.getTokenValue)('color.background.accent.gray.subtler', fallback);
116
116
  },
117
117
  token: "var(--ds-background-accent-gray-subtler, #8993A5)"
118
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#247FFF', {
118
+ }), '#247FFF', {
119
119
  getValue: function getValue(fallback) {
120
120
  return (0, _tokens.getTokenValue)('color.chart.blue.bold', fallback);
121
121
  },
122
122
  token: "var(--ds-chart-blue-bold, #247FFF)"
123
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#1D9AAA', {
123
+ }), (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', {
124
124
  getValue: function getValue(fallback) {
125
125
  return (0, _tokens.getTokenValue)('color.chart.teal.bold', fallback);
126
126
  },
127
127
  token: "var(--ds-chart-teal-bold, #1D9AAA)"
128
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#23A971', {
128
+ }), '#23A971', {
129
129
  getValue: function getValue(fallback) {
130
130
  return (0, _tokens.getTokenValue)('color.chart.green.bold', fallback);
131
131
  },
132
132
  token: "var(--ds-chart-green-bold, #23A971)"
133
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FFBE33', {
133
+ }), '#FFBE33', {
134
134
  getValue: function getValue(fallback) {
135
135
  return (0, _tokens.getTokenValue)('color.chart.yellow.bold', fallback);
136
136
  },
137
137
  token: "var(--ds-chart-yellow-bold, #FFBE33)"
138
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#D97008', {
138
+ }), '#D97008', {
139
139
  getValue: function getValue(fallback) {
140
140
  return (0, _tokens.getTokenValue)('color.chart.orange.bold', fallback);
141
141
  },
142
142
  token: "var(--ds-chart-orange-bold, #D97008)"
143
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FC552C', {
143
+ }), '#FC552C', {
144
144
  getValue: function getValue(fallback) {
145
145
  return (0, _tokens.getTokenValue)('color.chart.red.bold', fallback);
146
146
  },
147
147
  token: "var(--ds-chart-red-bold, #FC552C)"
148
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#DA62AC', {
148
+ }), '#DA62AC', {
149
149
  getValue: function getValue(fallback) {
150
150
  return (0, _tokens.getTokenValue)('color.chart.magenta.bold', fallback);
151
151
  },
152
152
  token: "var(--ds-chart-magenta-bold, #DA62AC)"
153
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#8B77EE', {
153
+ }), '#8B77EE', {
154
154
  getValue: function getValue(fallback) {
155
155
  return (0, _tokens.getTokenValue)('color.chart.purple.bold', fallback);
156
156
  },
157
157
  token: "var(--ds-chart-purple-bold, #8B77EE)"
158
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#8590A2', {
158
+ }), '#8590A2', {
159
159
  getValue: function getValue(fallback) {
160
160
  return (0, _tokens.getTokenValue)('color.chart.gray.bold', fallback);
161
161
  },
162
162
  token: "var(--ds-chart-gray-bold, #8590A2)"
163
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#0055CC', {
163
+ }), '#0055CC', {
164
164
  getValue: function getValue(fallback) {
165
165
  return (0, _tokens.getTokenValue)('color.chart.blue.bolder', fallback);
166
166
  },
167
167
  token: "var(--ds-chart-blue-bolder, #0055CC)"
168
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#1D7F8C', {
168
+ }), '#1D7F8C', {
169
169
  getValue: function getValue(fallback) {
170
170
  return (0, _tokens.getTokenValue)('color.chart.teal.bolder', fallback);
171
171
  },
172
172
  token: "var(--ds-chart-teal-bolder, #1D7F8C)"
173
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#177D52', {
173
+ }), (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', {
174
174
  getValue: function getValue(fallback) {
175
175
  return (0, _tokens.getTokenValue)('color.chart.green.bolder', fallback);
176
176
  },
177
177
  token: "var(--ds-chart-green-bolder, #177D52)"
178
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#FF9D00', {
178
+ }), '#FF9D00', {
179
179
  getValue: function getValue(fallback) {
180
180
  return (0, _tokens.getTokenValue)('color.chart.yellow.bolder', fallback);
181
181
  },
182
182
  token: "var(--ds-chart-yellow-bolder, #FF9D00)"
183
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#B65C02', {
183
+ }), '#B65C02', {
184
184
  getValue: function getValue(fallback) {
185
185
  return (0, _tokens.getTokenValue)('color.chart.orange.bolder', fallback);
186
186
  },
187
187
  token: "var(--ds-chart-orange-bolder, #B65C02)"
188
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#D32D03', {
188
+ }), '#D32D03', {
189
189
  getValue: function getValue(fallback) {
190
190
  return (0, _tokens.getTokenValue)('color.chart.red.bolder', fallback);
191
191
  },
192
192
  token: "var(--ds-chart-red-bolder, #D32D03)"
193
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#CD519D', {
193
+ }), '#CD519D', {
194
194
  getValue: function getValue(fallback) {
195
195
  return (0, _tokens.getTokenValue)('color.chart.magenta.bolder', fallback);
196
196
  },
197
197
  token: "var(--ds-chart-magenta-bolder, #CD519D)"
198
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#5A43D0', {
198
+ }), '#5A43D0', {
199
199
  getValue: function getValue(fallback) {
200
200
  return (0, _tokens.getTokenValue)('color.chart.purple.bolder', fallback);
201
201
  },
202
202
  token: "var(--ds-chart-purple-bolder, #5A43D0)"
203
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#758195', {
203
+ }), '#758195', {
204
204
  getValue: function getValue(fallback) {
205
205
  return (0, _tokens.getTokenValue)('color.chart.gray.bolder', fallback);
206
206
  },
207
207
  token: "var(--ds-chart-gray-bolder, #758195)"
208
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#003884', {
208
+ }), '#003884', {
209
209
  getValue: function getValue(fallback) {
210
210
  return (0, _tokens.getTokenValue)('color.chart.blue.boldest', fallback);
211
211
  },
212
212
  token: "var(--ds-chart-blue-boldest, #003884)"
213
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#206B74', {
213
+ }), '#206B74', {
214
214
  getValue: function getValue(fallback) {
215
215
  return (0, _tokens.getTokenValue)('color.chart.teal.boldest', fallback);
216
216
  },
217
217
  token: "var(--ds-chart-teal-boldest, #206B74)"
218
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#055C3F', {
218
+ }), '#055C3F', {
219
219
  getValue: function getValue(fallback) {
220
220
  return (0, _tokens.getTokenValue)('color.chart.green.boldest', fallback);
221
221
  },
222
222
  token: "var(--ds-chart-green-boldest, #055C3F)"
223
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#946104', {
223
+ }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTableChartsPal, '#946104', {
224
224
  getValue: function getValue(fallback) {
225
225
  return (0, _tokens.getTokenValue)('color.chart.yellow.boldest', fallback);
226
226
  },
227
227
  token: "var(--ds-chart-yellow-boldest, #946104)"
228
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#974F0C', {
228
+ }), '#974F0C', {
229
229
  getValue: function getValue(fallback) {
230
230
  return (0, _tokens.getTokenValue)('color.chart.orange.boldest', fallback);
231
231
  },
232
232
  token: "var(--ds-chart-orange-boldest, #974F0C)"
233
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#A32000', {
233
+ }), '#A32000', {
234
234
  getValue: function getValue(fallback) {
235
235
  return (0, _tokens.getTokenValue)('color.chart.red.boldest', fallback);
236
236
  },
237
237
  token: "var(--ds-chart-red-boldest, #A32000)"
238
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#943D73', {
238
+ }), '#943D73', {
239
239
  getValue: function getValue(fallback) {
240
240
  return (0, _tokens.getTokenValue)('color.chart.magenta.boldest', fallback);
241
241
  },
242
242
  token: "var(--ds-chart-magenta-boldest, #943D73)"
243
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#44368B', {
243
+ }), '#44368B', {
244
244
  getValue: function getValue(fallback) {
245
245
  return (0, _tokens.getTokenValue)('color.chart.purple.boldest', fallback);
246
246
  },
247
247
  token: "var(--ds-chart-purple-boldest, #44368B)"
248
- }), (0, _defineProperty2.default)(_editorTableChartsPal, '#44546F', {
248
+ }), '#44546F', {
249
249
  getValue: function getValue(fallback) {
250
250
  return (0, _tokens.getTokenValue)('color.chart.gray.boldest', fallback);
251
251
  },
252
252
  token: "var(--ds-chart-gray-boldest, #44546F)"
253
- }), _editorTableChartsPal);
253
+ }));
@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.hexToEditorTextBackgroundPaletteColor = hexToEditorTextBackgroundPaletteColor;
8
8
  exports.textBackgroundColorPalette = void 0;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _textBackgroundColorP;
11
10
  // This import will be stripped on build
12
11
 
13
12
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
14
13
  // values are asserted to improve generated type declarations
15
- var textBackgroundColorPalette = exports.textBackgroundColorPalette = (_textBackgroundColorP = {}, (0, _defineProperty2.default)(_textBackgroundColorP, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DCDFE4)"), (0, _defineProperty2.default)(_textBackgroundColorP, '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), (0, _defineProperty2.default)(_textBackgroundColorP, '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), (0, _defineProperty2.default)(_textBackgroundColorP, '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FEDEC8)"), (0, _defineProperty2.default)(_textBackgroundColorP, '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), (0, _defineProperty2.default)(_textBackgroundColorP, '#DFD8FD', "var(--ds-background-accent-purple-subtler, #DFD8FD)"), _textBackgroundColorP);
14
+ var textBackgroundColorPalette = exports.textBackgroundColorPalette = (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)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FEDEC8)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #DFD8FD)");
16
15
  /**
17
16
  * This takes an ADF hex color and returns a matching text background palette color.
18
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)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #B3D4FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#4C9AFF', "var(--ds-icon-accent-blue, #4C9AFF)"), (0, _defineProperty2.default)(_editorTextPalette, '#0747A6', "var(--ds-text-accent-blue, #0747A6)"), (0, _defineProperty2.default)(_editorTextPalette, '#B3F5FF', "var(--ds-background-accent-teal-subtler, #B3F5FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#00B8D9', "var(--ds-icon-accent-teal, #00B8D9)"), (0, _defineProperty2.default)(_editorTextPalette, '#008DA6', "var(--ds-text-accent-teal, #008DA6)"), (0, _defineProperty2.default)(_editorTextPalette, '#ABF5D1', "var(--ds-background-accent-green-subtler, #ABF5D1)"), (0, _defineProperty2.default)(_editorTextPalette, '#36B37E', "var(--ds-icon-accent-green, #36B37E)"), (0, _defineProperty2.default)(_editorTextPalette, '#006644', "var(--ds-text-accent-green, #006644)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #FFF0B3)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FFC400)"), (0, _defineProperty2.default)(_editorTextPalette, '#FF991F', "var(--ds-icon-accent-orange, #FF991F)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFBDAD)"), (0, _defineProperty2.default)(_editorTextPalette, '#FF5630', "var(--ds-icon-accent-red, #FF5630)"), (0, _defineProperty2.default)(_editorTextPalette, '#BF2600', "var(--ds-text-accent-red, #BF2600)"), (0, _defineProperty2.default)(_editorTextPalette, '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EAE6FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#6554C0', "var(--ds-icon-accent-purple, #6554C0)"), (0, _defineProperty2.default)(_editorTextPalette, '#403294', "var(--ds-text-accent-purple, #403294)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), (0, _defineProperty2.default)(_editorTextPalette, '#97A0AF', "var(--ds-icon-accent-gray, #97A0AF)"), (0, _defineProperty2.default)(_editorTextPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorTextPalette);
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)"));
@@ -1,3 +1,6 @@
1
+ // Disable no-re-export rule for entry point files
2
+ /* eslint-disable @atlaskit/editor/no-re-export */
3
+
1
4
  export { hexToEditorBackgroundPaletteColor, hexToEditorBackgroundPaletteRawValue } from './background';
2
5
  export { hexToEditorBorderPaletteColor } from './border';
3
6
  export { hexToEditorTextPaletteColor } from './text';
@@ -58,102 +58,102 @@ export function hexToEditorBackgroundPaletteRawValue(hexColor) {
58
58
  * Using object structure as getValue() function needed for table values, and other
59
59
  * properties may be needed in the future.
60
60
  */
61
- export var editorBackgroundPalette = (_editorBackgroundPale = {}, _defineProperty(_editorBackgroundPale, '#DEEBFF', {
61
+ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#DEEBFF', {
62
62
  getValue: function getValue(fallback) {
63
63
  return getTokenValue('color.background.accent.blue.subtlest', fallback);
64
64
  },
65
65
  token: "var(--ds-background-accent-blue-subtlest, #DEEBFF)"
66
- }), _defineProperty(_editorBackgroundPale, '#B3D4FF', {
66
+ }), '#B3D4FF', {
67
67
  getValue: function getValue(fallback) {
68
68
  return getTokenValue('color.background.accent.blue.subtler', fallback);
69
69
  },
70
70
  token: "var(--ds-background-accent-blue-subtler, #B3D4FF)"
71
- }), _defineProperty(_editorBackgroundPale, '#4C9AFF', {
71
+ }), '#4C9AFF', {
72
72
  getValue: function getValue(fallback) {
73
73
  return getTokenValue('color.background.accent.blue.subtle', fallback);
74
74
  },
75
75
  token: "var(--ds-background-accent-blue-subtle, #4C9AFF)"
76
- }), _defineProperty(_editorBackgroundPale, '#E6FCFF', {
76
+ }), '#E6FCFF', {
77
77
  getValue: function getValue(fallback) {
78
78
  return getTokenValue('color.background.accent.teal.subtlest', fallback);
79
79
  },
80
80
  token: "var(--ds-background-accent-teal-subtlest, #E6FCFF)" // source for hex code was legacy token T50,
81
- }), _defineProperty(_editorBackgroundPale, '#B3F5FF', {
81
+ }), '#B3F5FF', {
82
82
  getValue: function getValue(fallback) {
83
83
  return getTokenValue('color.background.accent.teal.subtler', fallback);
84
84
  },
85
85
  token: "var(--ds-background-accent-teal-subtler, #B3F5FF)" // source for hex code was legacy token T75,
86
- }), _defineProperty(_editorBackgroundPale, '#79E2F2', {
86
+ }), '#79E2F2', {
87
87
  getValue: function getValue(fallback) {
88
88
  return getTokenValue('color.background.accent.teal.subtle', fallback);
89
89
  },
90
90
  token: "var(--ds-background-accent-teal-subtle, #79E2F2)" // source for hex code was legacy token T100,
91
- }), _defineProperty(_editorBackgroundPale, '#E3FCEF', {
91
+ }), '#E3FCEF', {
92
92
  getValue: function getValue(fallback) {
93
93
  return getTokenValue('color.background.accent.green.subtlest', fallback);
94
94
  },
95
95
  token: "var(--ds-background-accent-green-subtlest, #E3FCEF)" // source for hex code was legacy token G50,
96
- }), _defineProperty(_editorBackgroundPale, '#ABF5D1', {
96
+ }), '#ABF5D1', {
97
97
  getValue: function getValue(fallback) {
98
98
  return getTokenValue('color.background.accent.green.subtler', fallback);
99
99
  },
100
100
  token: "var(--ds-background-accent-green-subtler, #ABF5D1)" // source for hex code was legacy token G75,
101
- }), _defineProperty(_editorBackgroundPale, '#57D9A3', {
101
+ }), '#57D9A3', {
102
102
  getValue: function getValue(fallback) {
103
103
  return getTokenValue('color.background.accent.green.subtle', fallback);
104
104
  },
105
105
  token: "var(--ds-background-accent-green-subtle, #57D9A3)" // source for hex code was legacy token G200,
106
- }), _defineProperty(_editorBackgroundPale, '#FFFAE6', {
106
+ }), '#FFFAE6', {
107
107
  getValue: function getValue(fallback) {
108
108
  return getTokenValue('color.background.accent.yellow.subtlest', fallback);
109
109
  },
110
110
  token: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)" // source for hex code was legacy token Y50,
111
- }), _defineProperty(_editorBackgroundPale, '#FFF0B3', {
111
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorBackgroundPale, '#FFF0B3', {
112
112
  getValue: function getValue(fallback) {
113
113
  return getTokenValue('color.background.accent.yellow.subtler', fallback);
114
114
  },
115
115
  token: "var(--ds-background-accent-yellow-subtler, #FFF0B3)" // source for hex code was legacy token Y75,
116
- }), _defineProperty(_editorBackgroundPale, '#FFC400', {
116
+ }), '#FFC400', {
117
117
  getValue: function getValue(fallback) {
118
118
  return getTokenValue('color.background.accent.orange.subtle', fallback);
119
119
  },
120
120
  token: "var(--ds-background-accent-orange-subtle, #FFC400)" // source for hex code was legacy token Y200,
121
- }), _defineProperty(_editorBackgroundPale, '#FFEBE6', {
121
+ }), '#FFEBE6', {
122
122
  getValue: function getValue(fallback) {
123
123
  return getTokenValue('color.background.accent.red.subtlest', fallback);
124
124
  },
125
125
  token: "var(--ds-background-accent-red-subtlest, #FFEBE6)" // source for hex code was legacy token R50,
126
- }), _defineProperty(_editorBackgroundPale, '#FFBDAD', {
126
+ }), '#FFBDAD', {
127
127
  getValue: function getValue(fallback) {
128
128
  return getTokenValue('color.background.accent.red.subtler', fallback);
129
129
  },
130
130
  token: "var(--ds-background-accent-red-subtler, #FFBDAD)" // source for hex code was legacy token R75,
131
- }), _defineProperty(_editorBackgroundPale, '#FF8F73', {
131
+ }), '#FF8F73', {
132
132
  getValue: function getValue(fallback) {
133
133
  return getTokenValue('color.background.accent.red.subtle', fallback);
134
134
  },
135
135
  token: "var(--ds-background-accent-red-subtle, #FF8F73)" // source for hex code was legacy token R100,
136
- }), _defineProperty(_editorBackgroundPale, '#EAE6FF', {
136
+ }), '#EAE6FF', {
137
137
  getValue: function getValue(fallback) {
138
138
  return getTokenValue('color.background.accent.purple.subtlest', fallback);
139
139
  },
140
140
  token: "var(--ds-background-accent-purple-subtlest, #EAE6FF)" // source for hex code was legacy token P50,
141
- }), _defineProperty(_editorBackgroundPale, '#C0B6F2', {
141
+ }), '#C0B6F2', {
142
142
  getValue: function getValue(fallback) {
143
143
  return getTokenValue('color.background.accent.purple.subtler', fallback);
144
144
  },
145
145
  token: "var(--ds-background-accent-purple-subtler, #C0B6F2)" // source for hex code was legacy token P75,
146
- }), _defineProperty(_editorBackgroundPale, '#998DD9', {
146
+ }), '#998DD9', {
147
147
  getValue: function getValue(fallback) {
148
148
  return getTokenValue('color.background.accent.purple.subtle', fallback);
149
149
  },
150
150
  token: "var(--ds-background-accent-purple-subtle, #998DD9)" // source for hex code was legacy token P100,
151
- }), _defineProperty(_editorBackgroundPale, '#FFFFFF', {
151
+ }), '#FFFFFF', {
152
152
  getValue: function getValue(fallback) {
153
153
  return getTokenValue('elevation.surface', fallback);
154
154
  },
155
155
  token: "var(--ds-surface, #FFFFFF)" // source for hex code was legacy token N0,
156
- }), _defineProperty(_editorBackgroundPale, '#F4F5F7', {
156
+ }), '#F4F5F7', {
157
157
  getValue: function getValue(fallback) {
158
158
  return getTokenValue('color.background.accent.gray.subtlest', fallback);
159
159
  },
@@ -163,4 +163,4 @@ export var editorBackgroundPalette = (_editorBackgroundPale = {}, _definePropert
163
163
  return getTokenValue('color.background.accent.gray.subtle', fallback);
164
164
  },
165
165
  token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60,
166
- }), _editorBackgroundPale);
166
+ }));
@@ -1,5 +1,4 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _editorBorderPalette;
3
2
  // This import will be stripped on build
4
3
 
5
4
  /**
@@ -26,4 +25,4 @@ export function hexToEditorBorderPaletteColor(hexColor) {
26
25
  // @ts-ignore
27
26
  return editorBorderPalette[hexColor.toUpperCase()];
28
27
  }
29
- export var editorBorderPalette = (_editorBorderPalette = {}, _defineProperty(_editorBorderPalette, '#091E4224', "var(--ds-border, #091E4224)"), _defineProperty(_editorBorderPalette, '#758195', "var(--ds-border-bold, #758195)"), _defineProperty(_editorBorderPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorBorderPalette);
28
+ export var editorBorderPalette = _defineProperty(_defineProperty(_defineProperty({}, '#091E4224', "var(--ds-border, #091E4224)"), '#758195', "var(--ds-border-bold, #758195)"), '#172B4D', "var(--ds-text, #172B4D)");
package/dist/esm/index.js CHANGED
@@ -1,3 +1,6 @@
1
+ // Disable no-re-export rule for entry point files
2
+ /* eslint-disable @atlaskit/editor/no-re-export */
3
+
1
4
  export { hexToEditorBackgroundPaletteColor, hexToEditorBackgroundPaletteRawValue } from './background';
2
5
  export { hexToEditorBorderPaletteColor } from './border';
3
6
  export { hexToEditorTextPaletteColor } from './text';
@@ -64,184 +64,184 @@ export function hexToEditorTableChartsPaletteRawValue(hexColor) {
64
64
  *
65
65
  * https://product-fabric.atlassian.net/browse/ED-17042
66
66
  */
67
- var editorTableChartsPalette = (_editorTableChartsPal = {}, _defineProperty(_editorTableChartsPal, '#7AB2FF', {
67
+ var editorTableChartsPalette = (_editorTableChartsPal = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTableChartsPal, '#7AB2FF', {
68
68
  getValue: function getValue(fallback) {
69
69
  return getTokenValue('color.background.accent.blue.subtle', fallback);
70
70
  },
71
71
  token: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
72
- }), _defineProperty(_editorTableChartsPal, '#60C6D2', {
72
+ }), '#60C6D2', {
73
73
  getValue: function getValue(fallback) {
74
74
  return getTokenValue('color.background.accent.teal.subtle', fallback);
75
75
  },
76
76
  token: "var(--ds-background-accent-teal-subtle, #60C6D2)"
77
- }), _defineProperty(_editorTableChartsPal, '#6BE1B0', {
77
+ }), '#6BE1B0', {
78
78
  getValue: function getValue(fallback) {
79
79
  return getTokenValue('color.background.accent.green.subtle', fallback);
80
80
  },
81
81
  token: "var(--ds-background-accent-green-subtle, #6BE1B0)"
82
- }), _defineProperty(_editorTableChartsPal, '#FFDB57', {
82
+ }), '#FFDB57', {
83
83
  getValue: function getValue(fallback) {
84
84
  return getTokenValue('color.background.accent.yellow.subtle', fallback);
85
85
  },
86
86
  token: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
87
- }), _defineProperty(_editorTableChartsPal, '#FAA53D', {
87
+ }), '#FAA53D', {
88
88
  getValue: function getValue(fallback) {
89
89
  return getTokenValue('color.background.accent.orange.subtle', fallback);
90
90
  },
91
91
  token: "var(--ds-background-accent-orange-subtle, #FAA53D)"
92
- }), _defineProperty(_editorTableChartsPal, '#FF8F73', {
92
+ }), '#FF8F73', {
93
93
  getValue: function getValue(fallback) {
94
94
  return getTokenValue('color.background.accent.red.subtle', fallback);
95
95
  },
96
96
  token: "var(--ds-background-accent-red-subtle, #FF8F73)"
97
- }), _defineProperty(_editorTableChartsPal, '#E774BB', {
97
+ }), '#E774BB', {
98
98
  getValue: function getValue(fallback) {
99
99
  return getTokenValue('color.background.accent.magenta.subtle', fallback);
100
100
  },
101
101
  token: "var(--ds-background-accent-magenta-subtle, #E774BB)"
102
- }), _defineProperty(_editorTableChartsPal, '#B5A7FB', {
102
+ }), '#B5A7FB', {
103
103
  getValue: function getValue(fallback) {
104
104
  return getTokenValue('color.background.accent.purple.subtle', fallback);
105
105
  },
106
106
  token: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
107
- }), _defineProperty(_editorTableChartsPal, '#8993A5', {
107
+ }), '#8993A5', {
108
108
  getValue: function getValue(fallback) {
109
109
  return getTokenValue('color.background.accent.gray.subtler', fallback);
110
110
  },
111
111
  token: "var(--ds-background-accent-gray-subtler, #8993A5)"
112
- }), _defineProperty(_editorTableChartsPal, '#247FFF', {
112
+ }), '#247FFF', {
113
113
  getValue: function getValue(fallback) {
114
114
  return getTokenValue('color.chart.blue.bold', fallback);
115
115
  },
116
116
  token: "var(--ds-chart-blue-bold, #247FFF)"
117
- }), _defineProperty(_editorTableChartsPal, '#1D9AAA', {
117
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTableChartsPal, '#1D9AAA', {
118
118
  getValue: function getValue(fallback) {
119
119
  return getTokenValue('color.chart.teal.bold', fallback);
120
120
  },
121
121
  token: "var(--ds-chart-teal-bold, #1D9AAA)"
122
- }), _defineProperty(_editorTableChartsPal, '#23A971', {
122
+ }), '#23A971', {
123
123
  getValue: function getValue(fallback) {
124
124
  return getTokenValue('color.chart.green.bold', fallback);
125
125
  },
126
126
  token: "var(--ds-chart-green-bold, #23A971)"
127
- }), _defineProperty(_editorTableChartsPal, '#FFBE33', {
127
+ }), '#FFBE33', {
128
128
  getValue: function getValue(fallback) {
129
129
  return getTokenValue('color.chart.yellow.bold', fallback);
130
130
  },
131
131
  token: "var(--ds-chart-yellow-bold, #FFBE33)"
132
- }), _defineProperty(_editorTableChartsPal, '#D97008', {
132
+ }), '#D97008', {
133
133
  getValue: function getValue(fallback) {
134
134
  return getTokenValue('color.chart.orange.bold', fallback);
135
135
  },
136
136
  token: "var(--ds-chart-orange-bold, #D97008)"
137
- }), _defineProperty(_editorTableChartsPal, '#FC552C', {
137
+ }), '#FC552C', {
138
138
  getValue: function getValue(fallback) {
139
139
  return getTokenValue('color.chart.red.bold', fallback);
140
140
  },
141
141
  token: "var(--ds-chart-red-bold, #FC552C)"
142
- }), _defineProperty(_editorTableChartsPal, '#DA62AC', {
142
+ }), '#DA62AC', {
143
143
  getValue: function getValue(fallback) {
144
144
  return getTokenValue('color.chart.magenta.bold', fallback);
145
145
  },
146
146
  token: "var(--ds-chart-magenta-bold, #DA62AC)"
147
- }), _defineProperty(_editorTableChartsPal, '#8B77EE', {
147
+ }), '#8B77EE', {
148
148
  getValue: function getValue(fallback) {
149
149
  return getTokenValue('color.chart.purple.bold', fallback);
150
150
  },
151
151
  token: "var(--ds-chart-purple-bold, #8B77EE)"
152
- }), _defineProperty(_editorTableChartsPal, '#8590A2', {
152
+ }), '#8590A2', {
153
153
  getValue: function getValue(fallback) {
154
154
  return getTokenValue('color.chart.gray.bold', fallback);
155
155
  },
156
156
  token: "var(--ds-chart-gray-bold, #8590A2)"
157
- }), _defineProperty(_editorTableChartsPal, '#0055CC', {
157
+ }), '#0055CC', {
158
158
  getValue: function getValue(fallback) {
159
159
  return getTokenValue('color.chart.blue.bolder', fallback);
160
160
  },
161
161
  token: "var(--ds-chart-blue-bolder, #0055CC)"
162
- }), _defineProperty(_editorTableChartsPal, '#1D7F8C', {
162
+ }), '#1D7F8C', {
163
163
  getValue: function getValue(fallback) {
164
164
  return getTokenValue('color.chart.teal.bolder', fallback);
165
165
  },
166
166
  token: "var(--ds-chart-teal-bolder, #1D7F8C)"
167
- }), _defineProperty(_editorTableChartsPal, '#177D52', {
167
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTableChartsPal, '#177D52', {
168
168
  getValue: function getValue(fallback) {
169
169
  return getTokenValue('color.chart.green.bolder', fallback);
170
170
  },
171
171
  token: "var(--ds-chart-green-bolder, #177D52)"
172
- }), _defineProperty(_editorTableChartsPal, '#FF9D00', {
172
+ }), '#FF9D00', {
173
173
  getValue: function getValue(fallback) {
174
174
  return getTokenValue('color.chart.yellow.bolder', fallback);
175
175
  },
176
176
  token: "var(--ds-chart-yellow-bolder, #FF9D00)"
177
- }), _defineProperty(_editorTableChartsPal, '#B65C02', {
177
+ }), '#B65C02', {
178
178
  getValue: function getValue(fallback) {
179
179
  return getTokenValue('color.chart.orange.bolder', fallback);
180
180
  },
181
181
  token: "var(--ds-chart-orange-bolder, #B65C02)"
182
- }), _defineProperty(_editorTableChartsPal, '#D32D03', {
182
+ }), '#D32D03', {
183
183
  getValue: function getValue(fallback) {
184
184
  return getTokenValue('color.chart.red.bolder', fallback);
185
185
  },
186
186
  token: "var(--ds-chart-red-bolder, #D32D03)"
187
- }), _defineProperty(_editorTableChartsPal, '#CD519D', {
187
+ }), '#CD519D', {
188
188
  getValue: function getValue(fallback) {
189
189
  return getTokenValue('color.chart.magenta.bolder', fallback);
190
190
  },
191
191
  token: "var(--ds-chart-magenta-bolder, #CD519D)"
192
- }), _defineProperty(_editorTableChartsPal, '#5A43D0', {
192
+ }), '#5A43D0', {
193
193
  getValue: function getValue(fallback) {
194
194
  return getTokenValue('color.chart.purple.bolder', fallback);
195
195
  },
196
196
  token: "var(--ds-chart-purple-bolder, #5A43D0)"
197
- }), _defineProperty(_editorTableChartsPal, '#758195', {
197
+ }), '#758195', {
198
198
  getValue: function getValue(fallback) {
199
199
  return getTokenValue('color.chart.gray.bolder', fallback);
200
200
  },
201
201
  token: "var(--ds-chart-gray-bolder, #758195)"
202
- }), _defineProperty(_editorTableChartsPal, '#003884', {
202
+ }), '#003884', {
203
203
  getValue: function getValue(fallback) {
204
204
  return getTokenValue('color.chart.blue.boldest', fallback);
205
205
  },
206
206
  token: "var(--ds-chart-blue-boldest, #003884)"
207
- }), _defineProperty(_editorTableChartsPal, '#206B74', {
207
+ }), '#206B74', {
208
208
  getValue: function getValue(fallback) {
209
209
  return getTokenValue('color.chart.teal.boldest', fallback);
210
210
  },
211
211
  token: "var(--ds-chart-teal-boldest, #206B74)"
212
- }), _defineProperty(_editorTableChartsPal, '#055C3F', {
212
+ }), '#055C3F', {
213
213
  getValue: function getValue(fallback) {
214
214
  return getTokenValue('color.chart.green.boldest', fallback);
215
215
  },
216
216
  token: "var(--ds-chart-green-boldest, #055C3F)"
217
- }), _defineProperty(_editorTableChartsPal, '#946104', {
217
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTableChartsPal, '#946104', {
218
218
  getValue: function getValue(fallback) {
219
219
  return getTokenValue('color.chart.yellow.boldest', fallback);
220
220
  },
221
221
  token: "var(--ds-chart-yellow-boldest, #946104)"
222
- }), _defineProperty(_editorTableChartsPal, '#974F0C', {
222
+ }), '#974F0C', {
223
223
  getValue: function getValue(fallback) {
224
224
  return getTokenValue('color.chart.orange.boldest', fallback);
225
225
  },
226
226
  token: "var(--ds-chart-orange-boldest, #974F0C)"
227
- }), _defineProperty(_editorTableChartsPal, '#A32000', {
227
+ }), '#A32000', {
228
228
  getValue: function getValue(fallback) {
229
229
  return getTokenValue('color.chart.red.boldest', fallback);
230
230
  },
231
231
  token: "var(--ds-chart-red-boldest, #A32000)"
232
- }), _defineProperty(_editorTableChartsPal, '#943D73', {
232
+ }), '#943D73', {
233
233
  getValue: function getValue(fallback) {
234
234
  return getTokenValue('color.chart.magenta.boldest', fallback);
235
235
  },
236
236
  token: "var(--ds-chart-magenta-boldest, #943D73)"
237
- }), _defineProperty(_editorTableChartsPal, '#44368B', {
237
+ }), '#44368B', {
238
238
  getValue: function getValue(fallback) {
239
239
  return getTokenValue('color.chart.purple.boldest', fallback);
240
240
  },
241
241
  token: "var(--ds-chart-purple-boldest, #44368B)"
242
- }), _defineProperty(_editorTableChartsPal, '#44546F', {
242
+ }), '#44546F', {
243
243
  getValue: function getValue(fallback) {
244
244
  return getTokenValue('color.chart.gray.boldest', fallback);
245
245
  },
246
246
  token: "var(--ds-chart-gray-boldest, #44546F)"
247
- }), _editorTableChartsPal);
247
+ }));
@@ -1,10 +1,9 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _textBackgroundColorP;
3
2
  // This import will be stripped on build
4
3
 
5
4
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
6
5
  // values are asserted to improve generated type declarations
7
- export var textBackgroundColorPalette = (_textBackgroundColorP = {}, _defineProperty(_textBackgroundColorP, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DCDFE4)"), _defineProperty(_textBackgroundColorP, '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), _defineProperty(_textBackgroundColorP, '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), _defineProperty(_textBackgroundColorP, '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FEDEC8)"), _defineProperty(_textBackgroundColorP, '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), _defineProperty(_textBackgroundColorP, '#DFD8FD', "var(--ds-background-accent-purple-subtler, #DFD8FD)"), _textBackgroundColorP);
6
+ export var textBackgroundColorPalette = _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)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FEDEC8)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #DFD8FD)");
8
7
  /**
9
8
  * This takes an ADF hex color and returns a matching text background palette color.
10
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(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #B3D4FF)"), _defineProperty(_editorTextPalette, '#4C9AFF', "var(--ds-icon-accent-blue, #4C9AFF)"), _defineProperty(_editorTextPalette, '#0747A6', "var(--ds-text-accent-blue, #0747A6)"), _defineProperty(_editorTextPalette, '#B3F5FF', "var(--ds-background-accent-teal-subtler, #B3F5FF)"), _defineProperty(_editorTextPalette, '#00B8D9', "var(--ds-icon-accent-teal, #00B8D9)"), _defineProperty(_editorTextPalette, '#008DA6', "var(--ds-text-accent-teal, #008DA6)"), _defineProperty(_editorTextPalette, '#ABF5D1', "var(--ds-background-accent-green-subtler, #ABF5D1)"), _defineProperty(_editorTextPalette, '#36B37E', "var(--ds-icon-accent-green, #36B37E)"), _defineProperty(_editorTextPalette, '#006644', "var(--ds-text-accent-green, #006644)"), _defineProperty(_editorTextPalette, '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #FFF0B3)"), _defineProperty(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FFC400)"), _defineProperty(_editorTextPalette, '#FF991F', "var(--ds-icon-accent-orange, #FF991F)"), _defineProperty(_editorTextPalette, '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFBDAD)"), _defineProperty(_editorTextPalette, '#FF5630', "var(--ds-icon-accent-red, #FF5630)"), _defineProperty(_editorTextPalette, '#BF2600', "var(--ds-text-accent-red, #BF2600)"), _defineProperty(_editorTextPalette, '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EAE6FF)"), _defineProperty(_editorTextPalette, '#6554C0', "var(--ds-icon-accent-purple, #6554C0)"), _defineProperty(_editorTextPalette, '#403294', "var(--ds-text-accent-purple, #403294)"), _defineProperty(_editorTextPalette, '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), _defineProperty(_editorTextPalette, '#97A0AF', "var(--ds-icon-accent-gray, #97A0AF)"), _defineProperty(_editorTextPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorTextPalette);
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)"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "1.6.2",
3
+ "version": "1.6.4",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,16 +33,18 @@
33
33
  ".": "./src/index.ts"
34
34
  },
35
35
  "dependencies": {
36
- "@atlaskit/tokens": "^2.0.0",
37
- "@babel/runtime": "^7.0.0",
38
- "react": "^16.8.0",
39
- "react-dom": "^16.8.0"
36
+ "@atlaskit/tokens": "^3.0.0",
37
+ "@babel/runtime": "^7.0.0"
40
38
  },
41
39
  "devDependencies": {
42
40
  "@testing-library/react": "^12.1.5",
43
41
  "typescript": "~5.4.2",
44
42
  "wait-for-expect": "^1.2.0"
45
43
  },
44
+ "peerDependencies": {
45
+ "react": "^16.8.0 || ^17.0.0 || ^18.2.0",
46
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.2.0"
47
+ },
46
48
  "techstack": {
47
49
  "@atlassian/frontend": {
48
50
  "import-structure": [