@atlaskit/editor-palette 3.1.1 → 3.1.3

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 +13 -0
  2. package/compass.yml +41 -0
  3. package/dist/cjs/background.js +22 -22
  4. package/dist/cjs/table-charts.js +37 -37
  5. package/dist/cjs/text.js +8 -5
  6. package/dist/es2019/background.js +2 -1
  7. package/dist/es2019/table-charts.js +2 -1
  8. package/dist/es2019/text.js +7 -4
  9. package/dist/esm/background.js +2 -1
  10. package/dist/esm/table-charts.js +2 -1
  11. package/dist/esm/text.js +8 -4
  12. package/dist/types/text.d.ts +1 -1
  13. package/package.json +9 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 3.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.1.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`6949db5856550`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6949db5856550) -
14
+ Fixed in dark theme the bold yellow and yellow were the same color
15
+
3
16
  ## 3.1.1
4
17
 
5
18
  ### Patch Changes
package/compass.yml ADDED
@@ -0,0 +1,41 @@
1
+ configVersion: 1
2
+ id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/932b508b-c12f-4767-9281-24dbacdc62d3
3
+ name: '@atlaskit/editor-palette'
4
+ ownerId: ari:cloud:identity::team/ce353f56-2a90-491b-b272-b90dca4fffa2 # Editor FE Platform
5
+ labels:
6
+ - platform-code
7
+ - platform-afm
8
+ typeId: OTHER
9
+ fields:
10
+ tier: 4
11
+ lifecycle: Active
12
+ isMonorepoProject: true
13
+ links:
14
+ - name: Root Repository
15
+ type: REPOSITORY
16
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
17
+ - name: Slack Channel
18
+ type: CHAT_CHANNEL
19
+ url: https://atlassian.enterprise.slack.com/archives/C03SD6QJWPP # #cc-editor-lego
20
+ - name: Editor Palette
21
+ type: REPOSITORY
22
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/editor/editor-palette
23
+ customFields:
24
+ - name: Department
25
+ type: text
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
30
+ - name: Technical Owner
31
+ type: user
32
+ value: ari:cloud:identity::user/5ea93c14a4c57d0b8bd65a16 # Anand Raj
33
+ - name: Required Reviewers Opt In
34
+ type: boolean
35
+ value: true
36
+ - name: Reviewer Selection Mechanism
37
+ type: text
38
+ value: random(2)
39
+ - name: Required Reviewer Approvals
40
+ type: number
41
+ value: 1
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.js CHANGED
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.editorTextPalette = void 0;
8
8
  exports.hexToEditorTextPaletteColor = hexToEditorTextPaletteColor;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
10
11
  var _editorTextPalette;
11
- // This import will be stripped on build
12
-
12
+ function _defineAccessor(e, r, n, t) { var c = { configurable: !0, enumerable: !0 }; return c[e] = t, Object.defineProperty(r, n, c); } // This import will be stripped on build
13
13
  /**
14
14
  * This takes an adf hex color and returns a matching text palette color.
15
15
  *
@@ -27,14 +27,17 @@ var _editorTextPalette;
27
27
  * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
28
28
  * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
29
29
  */
30
-
31
30
  function hexToEditorTextPaletteColor(hexColor) {
31
+ var normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
32
+
32
33
  // Ts ignore used to allow use of conditional return type
33
34
  // (preferencing better type on consumption over safety in implementation)
34
35
  // @ts-ignore
35
- return editorTextPalette[hexColor.toUpperCase()];
36
+ return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
36
37
  }
37
38
  // Colors taken from
38
39
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
39
40
  // values are asserted to improve generated type declarations
40
- var editorTextPalette = exports.editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), (0, _defineProperty2.default)((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, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), (0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B38600', "var(--ds-icon-accent-yellow, #B38600)"), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
41
+ var editorTextPalette = exports.editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), (0, _defineProperty2.default)((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, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), (0, _defineProperty2.default)(_defineAccessor("get", _editorTextPalette, '#B38600', function () {
42
+ return (0, _platformFeatureFlags.fg)('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-border-accent-yellow, #B38600)" : "var(--ds-icon-accent-yellow, #B38600)";
43
+ }), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
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.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // This import will be stripped on build
2
-
2
+ import { fg } from '@atlaskit/platform-feature-flags';
3
3
  /**
4
4
  * This takes an adf hex color and returns a matching text palette color.
5
5
  *
@@ -17,12 +17,13 @@
17
17
  * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
18
18
  * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
19
19
  */
20
-
21
20
  export function hexToEditorTextPaletteColor(hexColor) {
21
+ const normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
22
+
22
23
  // Ts ignore used to allow use of conditional return type
23
24
  // (preferencing better type on consumption over safety in implementation)
24
25
  // @ts-ignore
25
- return editorTextPalette[hexColor.toUpperCase()];
26
+ return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
26
27
  }
27
28
  // Colors taken from
28
29
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
@@ -128,7 +129,9 @@ export const editorTextPalette = {
128
129
  ['#943D73']: "var(--ds-text-accent-magenta, #943D73)",
129
130
  // yellow
130
131
  /** yellow - medium */
131
- ['#B38600']: "var(--ds-icon-accent-yellow, #B38600)",
132
+ get ['#B38600']() {
133
+ return fg('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-border-accent-yellow, #B38600)" : "var(--ds-icon-accent-yellow, #B38600)";
134
+ },
132
135
  /** yellow - strong */
133
136
  ['#7F5F01']: "var(--ds-text-accent-yellow, #7F5F01)"
134
137
  };
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.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  var _editorTextPalette;
3
+ function _defineAccessor(e, r, n, t) { var c = { configurable: !0, enumerable: !0 }; return c[e] = t, Object.defineProperty(r, n, c); }
3
4
  // This import will be stripped on build
4
-
5
+ import { fg } from '@atlaskit/platform-feature-flags';
5
6
  /**
6
7
  * This takes an adf hex color and returns a matching text palette color.
7
8
  *
@@ -19,14 +20,17 @@ var _editorTextPalette;
19
20
  * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
20
21
  * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
21
22
  */
22
-
23
23
  export function hexToEditorTextPaletteColor(hexColor) {
24
+ var normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
25
+
24
26
  // Ts ignore used to allow use of conditional return type
25
27
  // (preferencing better type on consumption over safety in implementation)
26
28
  // @ts-ignore
27
- return editorTextPalette[hexColor.toUpperCase()];
29
+ return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
28
30
  }
29
31
  // Colors taken from
30
32
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
31
33
  // values are asserted to improve generated type declarations
32
- export var editorTextPalette = (_editorTextPalette = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), _defineProperty(_defineProperty(_editorTextPalette, '#B38600', "var(--ds-icon-accent-yellow, #B38600)"), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
34
+ export var editorTextPalette = (_editorTextPalette = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), _defineProperty(_defineAccessor("get", _editorTextPalette, '#B38600', function () {
35
+ return fg('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-border-accent-yellow, #B38600)" : "var(--ds-icon-accent-yellow, #B38600)";
36
+ }), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
package/dist/types/text.d.ts CHANGED
@@ -80,7 +80,7 @@ export declare const editorTextPalette: {
80
80
  /** magenta - strong */
81
81
  "#943D73": "var(--ds-text-accent-magenta, #943D73)";
82
82
  /** yellow - medium */
83
- "#B38600": "var(--ds-icon-accent-yellow, #B38600)";
83
+ readonly "#B38600": "var(--ds-border-accent-yellow, #B38600)" | "var(--ds-icon-accent-yellow, #B38600)";
84
84
  /** yellow - strong */
85
85
  "#7F5F01": "var(--ds-text-accent-yellow, #7F5F01)";
86
86
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "3.1.1",
3
+ "version": "3.1.3",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -21,10 +21,17 @@
21
21
  "sideEffects": false,
22
22
  "atlaskit:src": "src/index.ts",
23
23
  "dependencies": {
24
- "@atlaskit/tokens": "^15.0.0",
24
+ "@atlaskit/platform-feature-flags": "^2.0.0",
25
+ "@atlaskit/tokens": "^16.0.0",
25
26
  "@babel/runtime": "^7.0.0"
26
27
  },
28
+ "platform-feature-flags": {
29
+ "platform_editor_lovability_text_bg_color_patch_1": {
30
+ "type": "boolean"
31
+ }
32
+ },
27
33
  "devDependencies": {
34
+ "@atlassian/feature-flags-test-utils": "^1.2.0",
28
35
  "@testing-library/react": "^16.3.0",
29
36
  "react": "^18.2.0",
30
37
  "react-dom": "^18.2.0",