@atlaskit/editor-palette 3.1.2 → 3.1.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.
Files changed (13) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/compass.yml +3 -0
  3. package/dist/cjs/background.js +22 -22
  4. package/dist/cjs/table-charts.js +37 -37
  5. package/dist/cjs/text-background-color.js +1 -1
  6. package/dist/es2019/background.js +2 -1
  7. package/dist/es2019/table-charts.js +2 -1
  8. package/dist/es2019/text-background-color.js +2 -0
  9. package/dist/esm/background.js +2 -1
  10. package/dist/esm/table-charts.js +2 -1
  11. package/dist/esm/text-background-color.js +1 -1
  12. package/dist/types/text-background-color.d.ts +2 -0
  13. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 3.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`245230d12da8d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/245230d12da8d) -
8
+ [ux] [EDITOR-8142] add red highlight color and filter out the transparent/ default highlight color
9
+ behind platform_editor_lovability_text_bg_color_patch_1
10
+
11
+ ## 3.1.3
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 3.1.2
4
18
 
5
19
  ### Patch Changes
package/compass.yml CHANGED
@@ -24,6 +24,9 @@ customFields:
24
24
  - name: Department
25
25
  type: text
26
26
  value: Eng - Editor Frontend Platform
27
+ - name: Trusted Reviewer Teams
28
+ type: text
29
+ value: ari:cloud:identity::team/cf6a670b-5252-4c68-a769-9207de366beb
27
30
  - name: Technical Owner
28
31
  type: user
29
32
  value: ari:cloud:identity::user/5ea93c14a4c57d0b8bd65a16 # Anand Raj
package/dist/cjs/background.js CHANGED
@@ -8,7 +8,7 @@ exports.editorBackgroundPalette = void 0;
8
8
  exports.hexToEditorBackgroundPaletteColor = hexToEditorBackgroundPaletteColor;
9
9
  exports.hexToEditorBackgroundPaletteRawValue = hexToEditorBackgroundPaletteRawValue;
10
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
- var _tokens = require("@atlaskit/tokens");
11
+ var _getTokenValue = require("@atlaskit/tokens/get-token-value");
12
12
  var _editorBackgroundPale; // This import will be stripped on build
13
13
  /**
14
14
  * This takes an adf hex color and returns a matching background palette
@@ -69,107 +69,107 @@ function hexToEditorBackgroundPaletteRawValue(hexColor) {
69
69
  */
70
70
  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', {
71
71
  getValue: function getValue(fallback) {
72
- return (0, _tokens.getTokenValue)('color.background.accent.blue.subtlest', fallback);
72
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.blue.subtlest', fallback);
73
73
  },
74
74
  token: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
75
75
  }), '#B3D4FF', {
76
76
  getValue: function getValue(fallback) {
77
- return (0, _tokens.getTokenValue)('color.background.accent.blue.subtler', fallback);
77
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.blue.subtler', fallback);
78
78
  },
79
79
  token: "var(--ds-background-accent-blue-subtler, #CFE1FD)"
80
80
  }), '#4C9AFF', {
81
81
  getValue: function getValue(fallback) {
82
- return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
82
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.blue.subtle', fallback);
83
83
  },
84
84
  token: "var(--ds-background-accent-blue-subtle, #669DF1)"
85
85
  }), '#E6FCFF', {
86
86
  getValue: function getValue(fallback) {
87
- return (0, _tokens.getTokenValue)('color.background.accent.teal.subtlest', fallback);
87
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtlest', fallback);
88
88
  },
89
89
  token: "var(--ds-background-accent-teal-subtlest, #E7F9FF)" // source for hex code was legacy token T50,
90
90
  }), '#B3F5FF', {
91
91
  getValue: function getValue(fallback) {
92
- return (0, _tokens.getTokenValue)('color.background.accent.teal.subtler', fallback);
92
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtler', fallback);
93
93
  },
94
94
  token: "var(--ds-background-accent-teal-subtler, #C6EDFB)" // source for hex code was legacy token T75,
95
95
  }), '#79E2F2', {
96
96
  getValue: function getValue(fallback) {
97
- return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
97
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtle', fallback);
98
98
  },
99
99
  token: "var(--ds-background-accent-teal-subtle, #6CC3E0)" // source for hex code was legacy token T100,
100
100
  }), '#E3FCEF', {
101
101
  getValue: function getValue(fallback) {
102
- return (0, _tokens.getTokenValue)('color.background.accent.green.subtlest', fallback);
102
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtlest', fallback);
103
103
  },
104
104
  token: "var(--ds-background-accent-green-subtlest, #DCFFF1)" // source for hex code was legacy token G50,
105
105
  }), '#ABF5D1', {
106
106
  getValue: function getValue(fallback) {
107
- return (0, _tokens.getTokenValue)('color.background.accent.green.subtler', fallback);
107
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtler', fallback);
108
108
  },
109
109
  token: "var(--ds-background-accent-green-subtler, #BAF3DB)" // source for hex code was legacy token G75,
110
110
  }), '#57D9A3', {
111
111
  getValue: function getValue(fallback) {
112
- return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
112
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtle', fallback);
113
113
  },
114
114
  token: "var(--ds-background-accent-green-subtle, #4BCE97)" // source for hex code was legacy token G200,
115
115
  }), '#FFFAE6', {
116
116
  getValue: function getValue(fallback) {
117
- return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtlest', fallback);
117
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtlest', fallback);
118
118
  },
119
119
  token: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)" // source for hex code was legacy token Y50,
120
120
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorBackgroundPale, '#FFF0B3', {
121
121
  getValue: function getValue(fallback) {
122
- return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtler', fallback);
122
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtler', fallback);
123
123
  },
124
124
  token: "var(--ds-background-accent-yellow-subtler, #F5E989)" // source for hex code was legacy token Y75,
125
125
  }), '#FFC400', {
126
126
  getValue: function getValue(fallback) {
127
- return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
127
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.orange.subtle', fallback);
128
128
  },
129
129
  token: "var(--ds-background-accent-orange-subtle, #FCA700)" // source for hex code was legacy token Y200,
130
130
  }), '#FFEBE6', {
131
131
  getValue: function getValue(fallback) {
132
- return (0, _tokens.getTokenValue)('color.background.accent.red.subtlest', fallback);
132
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtlest', fallback);
133
133
  },
134
134
  token: "var(--ds-background-accent-red-subtlest, #FFECEB)" // source for hex code was legacy token R50,
135
135
  }), '#FFBDAD', {
136
136
  getValue: function getValue(fallback) {
137
- return (0, _tokens.getTokenValue)('color.background.accent.red.subtler', fallback);
137
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtler', fallback);
138
138
  },
139
139
  token: "var(--ds-background-accent-red-subtler, #FFD5D2)" // source for hex code was legacy token R75,
140
140
  }), '#FF8F73', {
141
141
  getValue: function getValue(fallback) {
142
- return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
142
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtle', fallback);
143
143
  },
144
144
  token: "var(--ds-background-accent-red-subtle, #F87168)" // source for hex code was legacy token R100,
145
145
  }), '#EAE6FF', {
146
146
  getValue: function getValue(fallback) {
147
- return (0, _tokens.getTokenValue)('color.background.accent.purple.subtlest', fallback);
147
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtlest', fallback);
148
148
  },
149
149
  token: "var(--ds-background-accent-purple-subtlest, #F8EEFE)" // source for hex code was legacy token P50,
150
150
  }), '#C0B6F2', {
151
151
  getValue: function getValue(fallback) {
152
- return (0, _tokens.getTokenValue)('color.background.accent.purple.subtler', fallback);
152
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtler', fallback);
153
153
  },
154
154
  token: "var(--ds-background-accent-purple-subtler, #EED7FC)" // source for hex code was legacy token P75,
155
155
  }), '#998DD9', {
156
156
  getValue: function getValue(fallback) {
157
- return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
157
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtle', fallback);
158
158
  },
159
159
  token: "var(--ds-background-accent-purple-subtle, #C97CF4)" // source for hex code was legacy token P100,
160
160
  }), '#FFFFFF', {
161
161
  getValue: function getValue(fallback) {
162
- return (0, _tokens.getTokenValue)('elevation.surface', fallback);
162
+ return (0, _getTokenValue.getTokenValue)('elevation.surface', fallback);
163
163
  },
164
164
  token: "var(--ds-surface, #FFFFFF)" // source for hex code was legacy token N0,
165
165
  }), '#F4F5F7', {
166
166
  getValue: function getValue(fallback) {
167
- return (0, _tokens.getTokenValue)('color.background.accent.gray.subtlest', fallback);
167
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtlest', fallback);
168
168
  },
169
169
  token: "var(--ds-background-accent-gray-subtlest, #F0F1F2)" // source for hex code was legacy token N20,
170
170
  }), (0, _defineProperty2.default)(_editorBackgroundPale, '#B3BAC5', {
171
171
  getValue: function getValue(fallback) {
172
- return (0, _tokens.getTokenValue)('color.background.accent.gray.subtle', fallback);
172
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtle', fallback);
173
173
  },
174
174
  token: "var(--ds-background-accent-gray-subtle, #8C8F97)" // source for hex code was legacy token N60,
175
175
  }));
package/dist/cjs/table-charts.js CHANGED
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.hexToEditorTableChartsPaletteColor = hexToEditorTableChartsPaletteColor;
8
8
  exports.hexToEditorTableChartsPaletteRawValue = hexToEditorTableChartsPaletteRawValue;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _tokens = require("@atlaskit/tokens");
10
+ var _getTokenValue = require("@atlaskit/tokens/get-token-value");
11
11
  var _editorTableChartsPal; // This import will be stripped on build
12
12
  /**
13
13
  * This takes an adf hex color and returns a matching chart palette
@@ -74,182 +74,182 @@ function hexToEditorTableChartsPaletteRawValue(hexColor) {
74
74
  */
75
75
  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', {
76
76
  getValue: function getValue(fallback) {
77
- return (0, _tokens.getTokenValue)('color.background.accent.blue.subtle', fallback);
77
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.blue.subtle', fallback);
78
78
  },
79
79
  token: "var(--ds-background-accent-blue-subtle, #669DF1)"
80
80
  }), '#60C6D2', {
81
81
  getValue: function getValue(fallback) {
82
- return (0, _tokens.getTokenValue)('color.background.accent.teal.subtle', fallback);
82
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.teal.subtle', fallback);
83
83
  },
84
84
  token: "var(--ds-background-accent-teal-subtle, #6CC3E0)"
85
85
  }), '#6BE1B0', {
86
86
  getValue: function getValue(fallback) {
87
- return (0, _tokens.getTokenValue)('color.background.accent.green.subtle', fallback);
87
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.green.subtle', fallback);
88
88
  },
89
89
  token: "var(--ds-background-accent-green-subtle, #4BCE97)"
90
90
  }), '#FFDB57', {
91
91
  getValue: function getValue(fallback) {
92
- return (0, _tokens.getTokenValue)('color.background.accent.yellow.subtle', fallback);
92
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.yellow.subtle', fallback);
93
93
  },
94
94
  token: "var(--ds-background-accent-yellow-subtle, #EED12B)"
95
95
  }), '#FAA53D', {
96
96
  getValue: function getValue(fallback) {
97
- return (0, _tokens.getTokenValue)('color.background.accent.orange.subtle', fallback);
97
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.orange.subtle', fallback);
98
98
  },
99
99
  token: "var(--ds-background-accent-orange-subtle, #FCA700)"
100
100
  }), '#FF8F73', {
101
101
  getValue: function getValue(fallback) {
102
- return (0, _tokens.getTokenValue)('color.background.accent.red.subtle', fallback);
102
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.red.subtle', fallback);
103
103
  },
104
104
  token: "var(--ds-background-accent-red-subtle, #F87168)"
105
105
  }), '#E774BB', {
106
106
  getValue: function getValue(fallback) {
107
- return (0, _tokens.getTokenValue)('color.background.accent.magenta.subtle', fallback);
107
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.magenta.subtle', fallback);
108
108
  },
109
109
  token: "var(--ds-background-accent-magenta-subtle, #E774BB)"
110
110
  }), '#B5A7FB', {
111
111
  getValue: function getValue(fallback) {
112
- return (0, _tokens.getTokenValue)('color.background.accent.purple.subtle', fallback);
112
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.purple.subtle', fallback);
113
113
  },
114
114
  token: "var(--ds-background-accent-purple-subtle, #C97CF4)"
115
115
  }), '#8993A5', {
116
116
  getValue: function getValue(fallback) {
117
- return (0, _tokens.getTokenValue)('color.background.accent.gray.subtler', fallback);
117
+ return (0, _getTokenValue.getTokenValue)('color.background.accent.gray.subtler', fallback);
118
118
  },
119
119
  token: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
120
120
  }), '#247FFF', {
121
121
  getValue: function getValue(fallback) {
122
- return (0, _tokens.getTokenValue)('color.chart.blue.bold', fallback);
122
+ return (0, _getTokenValue.getTokenValue)('color.chart.blue.bold', fallback);
123
123
  },
124
124
  token: "var(--ds-chart-blue-bold, #4688EC)"
125
125
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTableChartsPal, '#1D9AAA', {
126
126
  getValue: function getValue(fallback) {
127
- return (0, _tokens.getTokenValue)('color.chart.teal.bold', fallback);
127
+ return (0, _getTokenValue.getTokenValue)('color.chart.teal.bold', fallback);
128
128
  },
129
129
  token: "var(--ds-chart-teal-bold, #2898BD)"
130
130
  }), '#23A971', {
131
131
  getValue: function getValue(fallback) {
132
- return (0, _tokens.getTokenValue)('color.chart.green.bold', fallback);
132
+ return (0, _getTokenValue.getTokenValue)('color.chart.green.bold', fallback);
133
133
  },
134
134
  token: "var(--ds-chart-green-bold, #22A06B)"
135
135
  }), '#FFBE33', {
136
136
  getValue: function getValue(fallback) {
137
- return (0, _tokens.getTokenValue)('color.chart.yellow.bold', fallback);
137
+ return (0, _getTokenValue.getTokenValue)('color.chart.yellow.bold', fallback);
138
138
  },
139
139
  token: "var(--ds-chart-yellow-bold, #B38600)"
140
140
  }), '#D97008', {
141
141
  getValue: function getValue(fallback) {
142
- return (0, _tokens.getTokenValue)('color.chart.orange.bold', fallback);
142
+ return (0, _getTokenValue.getTokenValue)('color.chart.orange.bold', fallback);
143
143
  },
144
144
  token: "var(--ds-chart-orange-bold, #E06C00)"
145
145
  }), '#FC552C', {
146
146
  getValue: function getValue(fallback) {
147
- return (0, _tokens.getTokenValue)('color.chart.red.bold', fallback);
147
+ return (0, _getTokenValue.getTokenValue)('color.chart.red.bold', fallback);
148
148
  },
149
149
  token: "var(--ds-chart-red-bold, #F15B50)"
150
150
  }), '#DA62AC', {
151
151
  getValue: function getValue(fallback) {
152
- return (0, _tokens.getTokenValue)('color.chart.magenta.bold', fallback);
152
+ return (0, _getTokenValue.getTokenValue)('color.chart.magenta.bold', fallback);
153
153
  },
154
154
  token: "var(--ds-chart-magenta-bold, #DA62AC)"
155
155
  }), '#8B77EE', {
156
156
  getValue: function getValue(fallback) {
157
- return (0, _tokens.getTokenValue)('color.chart.purple.bold', fallback);
157
+ return (0, _getTokenValue.getTokenValue)('color.chart.purple.bold', fallback);
158
158
  },
159
159
  token: "var(--ds-chart-purple-bold, #BF63F3)"
160
160
  }), '#8590A2', {
161
161
  getValue: function getValue(fallback) {
162
- return (0, _tokens.getTokenValue)('color.chart.gray.bold', fallback);
162
+ return (0, _getTokenValue.getTokenValue)('color.chart.gray.bold', fallback);
163
163
  },
164
164
  token: "var(--ds-chart-gray-bold, #8C8F97)"
165
165
  }), '#0055CC', {
166
166
  getValue: function getValue(fallback) {
167
- return (0, _tokens.getTokenValue)('color.chart.blue.bolder', fallback);
167
+ return (0, _getTokenValue.getTokenValue)('color.chart.blue.bolder', fallback);
168
168
  },
169
169
  token: "var(--ds-chart-blue-bolder, #357DE8)"
170
170
  }), '#1D7F8C', {
171
171
  getValue: function getValue(fallback) {
172
- return (0, _tokens.getTokenValue)('color.chart.teal.bolder', fallback);
172
+ return (0, _getTokenValue.getTokenValue)('color.chart.teal.bolder', fallback);
173
173
  },
174
174
  token: "var(--ds-chart-teal-bolder, #227D9B)"
175
175
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTableChartsPal, '#177D52', {
176
176
  getValue: function getValue(fallback) {
177
- return (0, _tokens.getTokenValue)('color.chart.green.bolder', fallback);
177
+ return (0, _getTokenValue.getTokenValue)('color.chart.green.bolder', fallback);
178
178
  },
179
179
  token: "var(--ds-chart-green-bolder, #1F845A)"
180
180
  }), '#FF9D00', {
181
181
  getValue: function getValue(fallback) {
182
- return (0, _tokens.getTokenValue)('color.chart.yellow.bolder', fallback);
182
+ return (0, _getTokenValue.getTokenValue)('color.chart.yellow.bolder', fallback);
183
183
  },
184
184
  token: "var(--ds-chart-yellow-bolder, #946F00)"
185
185
  }), '#B65C02', {
186
186
  getValue: function getValue(fallback) {
187
- return (0, _tokens.getTokenValue)('color.chart.orange.bolder', fallback);
187
+ return (0, _getTokenValue.getTokenValue)('color.chart.orange.bolder', fallback);
188
188
  },
189
189
  token: "var(--ds-chart-orange-bolder, #BD5B00)"
190
190
  }), '#D32D03', {
191
191
  getValue: function getValue(fallback) {
192
- return (0, _tokens.getTokenValue)('color.chart.red.bolder', fallback);
192
+ return (0, _getTokenValue.getTokenValue)('color.chart.red.bolder', fallback);
193
193
  },
194
194
  token: "var(--ds-chart-red-bolder, #E2483D)"
195
195
  }), '#CD519D', {
196
196
  getValue: function getValue(fallback) {
197
- return (0, _tokens.getTokenValue)('color.chart.magenta.bolder', fallback);
197
+ return (0, _getTokenValue.getTokenValue)('color.chart.magenta.bolder', fallback);
198
198
  },
199
199
  token: "var(--ds-chart-magenta-bolder, #CD519D)"
200
200
  }), '#5A43D0', {
201
201
  getValue: function getValue(fallback) {
202
- return (0, _tokens.getTokenValue)('color.chart.purple.bolder', fallback);
202
+ return (0, _getTokenValue.getTokenValue)('color.chart.purple.bolder', fallback);
203
203
  },
204
204
  token: "var(--ds-chart-purple-bolder, #AF59E1)"
205
205
  }), '#758195', {
206
206
  getValue: function getValue(fallback) {
207
- return (0, _tokens.getTokenValue)('color.chart.gray.bolder', fallback);
207
+ return (0, _getTokenValue.getTokenValue)('color.chart.gray.bolder', fallback);
208
208
  },
209
209
  token: "var(--ds-chart-gray-bolder, #7D818A)"
210
210
  }), '#003884', {
211
211
  getValue: function getValue(fallback) {
212
- return (0, _tokens.getTokenValue)('color.chart.blue.boldest', fallback);
212
+ return (0, _getTokenValue.getTokenValue)('color.chart.blue.boldest', fallback);
213
213
  },
214
214
  token: "var(--ds-chart-blue-boldest, #1558BC)"
215
215
  }), '#206B74', {
216
216
  getValue: function getValue(fallback) {
217
- return (0, _tokens.getTokenValue)('color.chart.teal.boldest', fallback);
217
+ return (0, _getTokenValue.getTokenValue)('color.chart.teal.boldest', fallback);
218
218
  },
219
219
  token: "var(--ds-chart-teal-boldest, #206A83)"
220
220
  }), '#055C3F', {
221
221
  getValue: function getValue(fallback) {
222
- return (0, _tokens.getTokenValue)('color.chart.green.boldest', fallback);
222
+ return (0, _getTokenValue.getTokenValue)('color.chart.green.boldest', fallback);
223
223
  },
224
224
  token: "var(--ds-chart-green-boldest, #216E4E)"
225
225
  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTableChartsPal, '#946104', {
226
226
  getValue: function getValue(fallback) {
227
- return (0, _tokens.getTokenValue)('color.chart.yellow.boldest', fallback);
227
+ return (0, _getTokenValue.getTokenValue)('color.chart.yellow.boldest', fallback);
228
228
  },
229
229
  token: "var(--ds-chart-yellow-boldest, #7F5F01)"
230
230
  }), '#974F0C', {
231
231
  getValue: function getValue(fallback) {
232
- return (0, _tokens.getTokenValue)('color.chart.orange.boldest', fallback);
232
+ return (0, _getTokenValue.getTokenValue)('color.chart.orange.boldest', fallback);
233
233
  },
234
234
  token: "var(--ds-chart-orange-boldest, #7A3B00)"
235
235
  }), '#A32000', {
236
236
  getValue: function getValue(fallback) {
237
- return (0, _tokens.getTokenValue)('color.chart.red.boldest', fallback);
237
+ return (0, _getTokenValue.getTokenValue)('color.chart.red.boldest', fallback);
238
238
  },
239
239
  token: "var(--ds-chart-red-boldest, #AE2E24)"
240
240
  }), '#943D73', {
241
241
  getValue: function getValue(fallback) {
242
- return (0, _tokens.getTokenValue)('color.chart.magenta.boldest', fallback);
242
+ return (0, _getTokenValue.getTokenValue)('color.chart.magenta.boldest', fallback);
243
243
  },
244
244
  token: "var(--ds-chart-magenta-boldest, #943D73)"
245
245
  }), '#44368B', {
246
246
  getValue: function getValue(fallback) {
247
- return (0, _tokens.getTokenValue)('color.chart.purple.boldest', fallback);
247
+ return (0, _getTokenValue.getTokenValue)('color.chart.purple.boldest', fallback);
248
248
  },
249
249
  token: "var(--ds-chart-purple-boldest, #803FA5)"
250
250
  }), '#44546F', {
251
251
  getValue: function getValue(fallback) {
252
- return (0, _tokens.getTokenValue)('color.chart.gray.boldest', fallback);
252
+ return (0, _getTokenValue.getTokenValue)('color.chart.gray.boldest', fallback);
253
253
  },
254
254
  token: "var(--ds-chart-gray-boldest, #505258)"
255
255
  }));
package/dist/cjs/text-background-color.js CHANGED
@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
11
11
 
12
12
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
13
13
  // values are asserted to improve generated type declarations
14
- var textBackgroundColorPalette = exports.textBackgroundColorPalette = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)");
14
+ var textBackgroundColorPalette = exports.textBackgroundColorPalette = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FFD5D2', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)");
15
15
  /**
16
16
  * This takes an ADF hex color and returns a matching text background palette color.
17
17
  *
package/dist/es2019/background.js CHANGED
@@ -1,5 +1,6 @@
1
1
  // This import will be stripped on build
2
- import { getTokenValue } from '@atlaskit/tokens';
2
+
3
+ import { getTokenValue } from '@atlaskit/tokens/get-token-value';
3
4
 
4
5
  /**
5
6
  * This takes an adf hex color and returns a matching background palette
package/dist/es2019/table-charts.js CHANGED
@@ -1,5 +1,6 @@
1
1
  // This import will be stripped on build
2
- import { getTokenValue } from '@atlaskit/tokens';
2
+
3
+ import { getTokenValue } from '@atlaskit/tokens/get-token-value';
3
4
 
4
5
  /**
5
6
  * This takes an adf hex color and returns a matching chart palette
package/dist/es2019/text-background-color.js CHANGED
@@ -13,6 +13,8 @@ export const textBackgroundColorPalette = {
13
13
  ['#F8E6A0']: "var(--ds-background-accent-yellow-subtler, #F5E989)",
14
14
  /** Orange - light */
15
15
  ['#FEDEC8']: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
16
+ /** Red - light */
17
+ ['#FFD5D2']: "var(--ds-background-accent-red-subtler, #FFD5D2)",
16
18
  /** Magenta - light */
17
19
  ['#FDD0EC']: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
18
20
  /** Purple - light */
package/dist/esm/background.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  var _editorBackgroundPale;
3
3
  // This import will be stripped on build
4
- import { getTokenValue } from '@atlaskit/tokens';
4
+
5
+ import { getTokenValue } from '@atlaskit/tokens/get-token-value';
5
6
 
6
7
  /**
7
8
  * This takes an adf hex color and returns a matching background palette
package/dist/esm/table-charts.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  var _editorTableChartsPal;
3
3
  // This import will be stripped on build
4
- import { getTokenValue } from '@atlaskit/tokens';
4
+
5
+ import { getTokenValue } from '@atlaskit/tokens/get-token-value';
5
6
 
6
7
  /**
7
8
  * This takes an adf hex color and returns a matching chart palette
package/dist/esm/text-background-color.js CHANGED
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
 
4
4
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
5
5
  // values are asserted to improve generated type declarations
6
- export var textBackgroundColorPalette = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)");
6
+ export var textBackgroundColorPalette = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FFD5D2', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)");
7
7
  /**
8
8
  * This takes an ADF hex color and returns a matching text background palette color.
9
9
  *
package/dist/types/text-background-color.d.ts CHANGED
@@ -9,6 +9,8 @@ export declare const textBackgroundColorPalette: {
9
9
  "#F8E6A0": "var(--ds-background-accent-yellow-subtler, #F8E6A0)";
10
10
  /** Orange - light */
11
11
  "#FEDEC8": "var(--ds-background-accent-orange-subtler, #FEDEC8)";
12
+ /** Red - light */
13
+ "#FFD5D2": "var(--ds-background-accent-red-subtler, #FFD5D2)";
12
14
  /** Magenta - light */
13
15
  "#FDD0EC": "var(--ds-background-accent-magenta-subtler, #FDD0EC)";
14
16
  /** Purple - light */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "3.1.2",
3
+ "version": "3.1.4",
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.0.0",
25
- "@atlaskit/tokens": "^15.3.0",
25
+ "@atlaskit/tokens": "^16.0.0",
26
26
  "@babel/runtime": "^7.0.0"
27
27
  },
28
28
  "platform-feature-flags": {
@@ -31,7 +31,7 @@
31
31
  }
32
32
  },
33
33
  "devDependencies": {
34
- "@atlassian/feature-flags-test-utils": "^1.1.0",
34
+ "@atlassian/feature-flags-test-utils": "^1.2.0",
35
35
  "@testing-library/react": "^16.3.0",
36
36
  "react": "^18.2.0",
37
37
  "react-dom": "^18.2.0",