@atlaskit/editor-palette 1.6.3 → 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 +6 -0
- package/dist/cjs/background.js +21 -21
- package/dist/cjs/border.js +1 -2
- package/dist/cjs/table-charts.js +37 -37
- package/dist/cjs/text-background-color.js +1 -2
- package/dist/cjs/text.js +1 -1
- package/dist/es2019/index.js +3 -0
- package/dist/esm/background.js +21 -21
- package/dist/esm/border.js +1 -2
- package/dist/esm/index.js +3 -0
- package/dist/esm/table-charts.js +37 -37
- package/dist/esm/text-background-color.js +1 -2
- package/dist/esm/text.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
package/dist/cjs/background.js
CHANGED
|
@@ -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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
})
|
|
173
|
+
}));
|
package/dist/cjs/border.js
CHANGED
|
@@ -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 = (
|
|
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)");
|
package/dist/cjs/table-charts.js
CHANGED
|
@@ -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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
})
|
|
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 = (
|
|
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)"),
|
|
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)"));
|
package/dist/es2019/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';
|
package/dist/esm/background.js
CHANGED
|
@@ -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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
})
|
|
166
|
+
}));
|
package/dist/esm/border.js
CHANGED
|
@@ -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 = (
|
|
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';
|
package/dist/esm/table-charts.js
CHANGED
|
@@ -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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
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
|
-
})
|
|
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 = (
|
|
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)"),
|
|
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.
|
|
3
|
+
"version": "1.6.4",
|
|
4
4
|
"description": "The editor palette",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
".": "./src/index.ts"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@atlaskit/tokens": "^
|
|
36
|
+
"@atlaskit/tokens": "^3.0.0",
|
|
37
37
|
"@babel/runtime": "^7.0.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|