@xsolla/switch-theme-customization 0.154.0-pr277.1778740843 → 0.154.1

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 (7) hide show
  1. package/index.d.mts +1 -271
  2. package/index.d.ts +1 -271
  3. package/index.js +486 -1162
  4. package/index.js.map +1 -1
  5. package/index.mjs +486 -1156
  6. package/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/index.js CHANGED
@@ -30,17 +30,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
30
30
  // src/index.ts
31
31
  var index_exports = {};
32
32
  __export(index_exports, {
33
- base: () => base10,
34
- baseDark: () => baseDark,
35
- createDarkScheme: () => createDarkScheme,
36
- createScheme: () => createScheme,
37
33
  emails: () => emails,
38
34
  emailsDark: () => emailsDark,
39
35
  emailsThemes: () => emailsThemes,
40
36
  generateWithScheme: () => generateWithScheme,
41
37
  palettes: () => palettes,
42
- payStationDarkScheme: () => payStationDarkScheme,
43
- payStationScheme: () => payStationScheme,
44
38
  paystation4: () => paystation4,
45
39
  paystation4Dark: () => paystation4Dark,
46
40
  paystation4Gaijin: () => paystation4Gaijin,
@@ -73,73 +67,73 @@ var base = {
73
67
  alert: (0, import_colord.colord)({ h: 346, s: 100, l: 70 }),
74
68
  neutral: (0, import_colord.colord)({ h: 237, s: 26, l: 80 })
75
69
  };
76
- var ps4DarkScheme = (base11) => ({
70
+ var ps4DarkScheme = (base10) => ({
77
71
  colors: {
78
72
  base: {
79
- content: base11.content.toRgbString(),
80
- surface: base11.surface.toRgbString(),
81
- project: base11.project.toRgbString(),
82
- phantom: base11.phantom.toRgbString(),
83
- path: base11.path.toRgbString(),
84
- accent: base11.accent.toRgbString(),
85
- success: base11.success.toRgbString(),
86
- warning: base11.warning.toRgbString(),
87
- alert: base11.alert.toRgbString(),
88
- neutral: base11.neutral.toRgbString()
73
+ content: base10.content.toRgbString(),
74
+ surface: base10.surface.toRgbString(),
75
+ project: base10.project.toRgbString(),
76
+ phantom: base10.phantom.toRgbString(),
77
+ path: base10.path.toRgbString(),
78
+ accent: base10.accent.toRgbString(),
79
+ success: base10.success.toRgbString(),
80
+ warning: base10.warning.toRgbString(),
81
+ alert: base10.alert.toRgbString(),
82
+ neutral: base10.neutral.toRgbString()
89
83
  },
90
84
  core: {
91
85
  background: {
92
- primary: base11.surface.toRgbString(),
93
- secondary: base11.surface.rotate(3).darken(0.1).toRgbString(),
94
- ghost: base11.phantom.alpha(0.05).toRgbString(),
95
- tone: base11.phantom.darken(1).alpha(0.3).toRgbString(),
96
- selection: base11.phantom.alpha(0.15).toRgbString(),
97
- hover: base11.phantom.alpha(0.1).toRgbString(),
98
- brand: base11.project.rotate(-6).lighten(0.2).toRgbString(),
99
- brandSecondary: base11.accent.rotate(-9).darken(0.3).alpha(0.5).toRgbString(),
100
- success: base11.success.rotate(6).darken(0.2).alpha(0.35).toRgbString(),
101
- warning: base11.warning.rotate(-6).darken(0.2).alpha(0.35).toRgbString(),
102
- alert: base11.alert.rotate(-3).darken(0.1).alpha(0.35).toRgbString(),
103
- neutral: base11.neutral.rotate(15).darken(0.5).toRgbString()
86
+ primary: base10.surface.toRgbString(),
87
+ secondary: base10.surface.rotate(3).darken(0.1).toRgbString(),
88
+ ghost: base10.phantom.alpha(0.05).toRgbString(),
89
+ tone: base10.phantom.darken(1).alpha(0.3).toRgbString(),
90
+ selection: base10.phantom.alpha(0.15).toRgbString(),
91
+ hover: base10.phantom.alpha(0.1).toRgbString(),
92
+ brand: base10.project.rotate(-6).lighten(0.2).toRgbString(),
93
+ brandSecondary: base10.accent.rotate(-9).darken(0.3).alpha(0.5).toRgbString(),
94
+ success: base10.success.rotate(6).darken(0.2).alpha(0.35).toRgbString(),
95
+ warning: base10.warning.rotate(-6).darken(0.2).alpha(0.35).toRgbString(),
96
+ alert: base10.alert.rotate(-3).darken(0.1).alpha(0.35).toRgbString(),
97
+ neutral: base10.neutral.rotate(15).darken(0.5).toRgbString()
104
98
  },
105
99
  divider: {
106
- divider: base11.phantom.alpha(0.15).toRgbString()
100
+ divider: base10.phantom.alpha(0.15).toRgbString()
107
101
  },
108
102
  text: {
109
- primary: base11.content.toRgbString(),
110
- secondary: base11.content.alpha(0.72).toRgbString(),
111
- tertiary: base11.content.alpha(0.56).toRgbString(),
112
- brand: base11.project.rotate(-3).lighten(0.1).toRgbString(),
113
- brandSecondary: base11.accent.toRgbString(),
114
- success: base11.success.toRgbString(),
115
- warning: base11.warning.toRgbString(),
116
- alert: base11.alert.rotate(3).lighten(0.1).toRgbString(),
117
- neutral: base11.neutral.toRgbString()
103
+ primary: base10.content.toRgbString(),
104
+ secondary: base10.content.alpha(0.72).toRgbString(),
105
+ tertiary: base10.content.alpha(0.56).toRgbString(),
106
+ brand: base10.project.rotate(-3).lighten(0.1).toRgbString(),
107
+ brandSecondary: base10.accent.toRgbString(),
108
+ success: base10.success.toRgbString(),
109
+ warning: base10.warning.toRgbString(),
110
+ alert: base10.alert.rotate(3).lighten(0.1).toRgbString(),
111
+ neutral: base10.neutral.toRgbString()
118
112
  },
119
113
  link: {
120
- link: base11.path.toRgbString(),
121
- linkHover: base11.path.alpha(0.7).toRgbString(),
122
- linkMinor: base11.path.rotate(-3).lighten(0.1).toRgbString(),
123
- linkMinorHover: base11.path.rotate(-3).lighten(0.1).alpha(0.7).toRgbString()
114
+ link: base10.path.toRgbString(),
115
+ linkHover: base10.path.alpha(0.7).toRgbString(),
116
+ linkMinor: base10.path.rotate(-3).lighten(0.1).toRgbString(),
117
+ linkMinorHover: base10.path.rotate(-3).lighten(0.1).alpha(0.7).toRgbString()
124
118
  }
125
119
  },
126
120
  control: {
127
121
  primary: {
128
- bg: base11.project.toRgbString(),
129
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
130
- bgPress: base11.project.rotate(-3).lighten(0.1).toRgbString(),
131
- bgDisabled: base11.surface.rotate(-3).lighten(0.1).toRgbString(),
132
- border: base11.project.toRgbString(),
133
- borderHover: base11.project.rotate(3).darken(0.1).toRgbString(),
134
- borderPress: base11.project.rotate(-3).lighten(0.1).toRgbString()
122
+ bg: base10.project.toRgbString(),
123
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
124
+ bgPress: base10.project.rotate(-3).lighten(0.1).toRgbString(),
125
+ bgDisabled: base10.surface.rotate(-3).lighten(0.1).toRgbString(),
126
+ border: base10.project.toRgbString(),
127
+ borderHover: base10.project.rotate(3).darken(0.1).toRgbString(),
128
+ borderPress: base10.project.rotate(-3).lighten(0.1).toRgbString()
135
129
  },
136
130
  secondary: {
137
131
  bg: "transparent",
138
- bgHover: base11.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
139
- bgPress: base11.project.rotate(-3).lighten(0.1).alpha(0.3).toRgbString(),
140
- border: base11.project.rotate(-3).lighten(0.1).toRgbString(),
141
- borderHover: base11.project.toRgbString(),
142
- borderPress: base11.project.toRgbString()
132
+ bgHover: base10.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
133
+ bgPress: base10.project.rotate(-3).lighten(0.1).alpha(0.3).toRgbString(),
134
+ border: base10.project.rotate(-3).lighten(0.1).toRgbString(),
135
+ borderHover: base10.project.toRgbString(),
136
+ borderPress: base10.project.toRgbString()
143
137
  },
144
138
  default: {
145
139
  bg: (0, import_colord.colord)({ h: 214, s: 8, l: 97 }).toRgbString(),
@@ -150,51 +144,51 @@ var ps4DarkScheme = (base11) => ({
150
144
  borderPress: (0, import_colord.colord)({ h: 217, s: 8, l: 95 }).toRgbString()
151
145
  },
152
146
  input: {
153
- bg: base11.phantom.alpha(0.07).toRgbString(),
154
- bgHover: base11.phantom.alpha(0.1).toRgbString(),
155
- bgDisabled: base11.phantom.alpha(0.2).toRgbString(),
147
+ bg: base10.phantom.alpha(0.07).toRgbString(),
148
+ bgHover: base10.phantom.alpha(0.1).toRgbString(),
149
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString(),
156
150
  border: "transparent",
157
- borderHover: base11.phantom.alpha(0.1).toRgbString(),
151
+ borderHover: base10.phantom.alpha(0.1).toRgbString(),
158
152
  borderDisabled: "transparent",
159
- text: base11.content.toRgbString(),
160
- textDisabled: base11.content.alpha(0.36).toRgbString(),
161
- placeholder: base11.content.alpha(0.55).toRgbString()
153
+ text: base10.content.toRgbString(),
154
+ textDisabled: base10.content.alpha(0.36).toRgbString(),
155
+ placeholder: base10.content.alpha(0.55).toRgbString()
162
156
  },
163
157
  focus: {
164
- bg: base11.surface.rotate(3).darken(0.1).toRgbString(),
165
- border: base11.project.toRgbString()
158
+ bg: base10.surface.rotate(3).darken(0.1).toRgbString(),
159
+ border: base10.project.toRgbString()
166
160
  },
167
161
  alert: {
168
162
  bg: "transparent",
169
- bgHover: base11.alert.rotate(3).lighten(0.1).alpha(0.1).toRgbString(),
170
- bgPress: base11.alert.rotate(3).lighten(0.1).alpha(0.2).toRgbString(),
171
- border: base11.alert.toRgbString(),
172
- borderHover: base11.alert.rotate(-3).darken(0.1).toRgbString(),
173
- borderPress: base11.alert.rotate(-3).darken(0.1).toRgbString()
163
+ bgHover: base10.alert.rotate(3).lighten(0.1).alpha(0.1).toRgbString(),
164
+ bgPress: base10.alert.rotate(3).lighten(0.1).alpha(0.2).toRgbString(),
165
+ border: base10.alert.toRgbString(),
166
+ borderHover: base10.alert.rotate(-3).darken(0.1).toRgbString(),
167
+ borderPress: base10.alert.rotate(-3).darken(0.1).toRgbString()
174
168
  },
175
169
  check: {
176
- bg: base11.project.toRgbString(),
177
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
178
- bgDisabled: base11.phantom.alpha(0.2).toRgbString()
170
+ bg: base10.project.toRgbString(),
171
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
172
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString()
179
173
  },
180
174
  faint: {
181
- bg: base11.phantom.alpha(0.15).toRgbString(),
182
- bgHover: base11.phantom.alpha(0.2).toRgbString(),
175
+ bg: base10.phantom.alpha(0.15).toRgbString(),
176
+ bgHover: base10.phantom.alpha(0.2).toRgbString(),
183
177
  border: "transparent",
184
- borderHover: base11.phantom.alpha(0.12).toRgbString()
178
+ borderHover: base10.phantom.alpha(0.12).toRgbString()
185
179
  },
186
180
  toggle: {
187
- bg: base11.phantom.alpha(0.15).toRgbString(),
188
- bgHover: base11.phantom.alpha(0.2).toRgbString()
181
+ bg: base10.phantom.alpha(0.15).toRgbString(),
182
+ bgHover: base10.phantom.alpha(0.2).toRgbString()
189
183
  },
190
184
  text: {
191
- active: base11.content.toRgbString(),
192
- secondary: base11.project.rotate(-3).lighten(0.1).toRgbString(),
193
- default: base11.content.darken(1).toRgbString(),
194
- primary: base11.content.toRgbString(),
195
- disabled: base11.content.alpha(0.3).toRgbString(),
196
- faint: base11.content.toRgbString(),
197
- alert: base11.alert.toRgbString()
185
+ active: base10.content.toRgbString(),
186
+ secondary: base10.project.rotate(-3).lighten(0.1).toRgbString(),
187
+ default: base10.content.darken(1).toRgbString(),
188
+ primary: base10.content.toRgbString(),
189
+ disabled: base10.content.alpha(0.3).toRgbString(),
190
+ faint: base10.content.toRgbString(),
191
+ alert: base10.alert.toRgbString()
198
192
  }
199
193
  }
200
194
  }
@@ -215,128 +209,128 @@ var base2 = {
215
209
  alert: (0, import_colord2.colord)({ h: 337, s: 100, l: 40 }),
216
210
  neutral: (0, import_colord2.colord)({ h: 252, s: 26, l: 30 })
217
211
  };
218
- var ps4LightScheme = (base11) => ({
212
+ var ps4LightScheme = (base10) => ({
219
213
  colors: {
220
214
  base: {
221
- content: base11.content.toRgbString(),
222
- surface: base11.surface.toRgbString(),
223
- project: base11.project.toRgbString(),
224
- phantom: base11.phantom.toRgbString(),
225
- path: base11.path.toRgbString(),
226
- accent: base11.accent.toRgbString(),
227
- success: base11.success.toRgbString(),
228
- warning: base11.warning.toRgbString(),
229
- alert: base11.alert.toRgbString(),
230
- neutral: base11.neutral.toRgbString()
215
+ content: base10.content.toRgbString(),
216
+ surface: base10.surface.toRgbString(),
217
+ project: base10.project.toRgbString(),
218
+ phantom: base10.phantom.toRgbString(),
219
+ path: base10.path.toRgbString(),
220
+ accent: base10.accent.toRgbString(),
221
+ success: base10.success.toRgbString(),
222
+ warning: base10.warning.toRgbString(),
223
+ alert: base10.alert.toRgbString(),
224
+ neutral: base10.neutral.toRgbString()
231
225
  },
232
226
  core: {
233
227
  background: {
234
- primary: base11.surface.toRgbString(),
235
- secondary: base11.surface.toRgbString(),
236
- ghost: base11.phantom.alpha(0.05).toRgbString(),
237
- tone: base11.phantom.desaturate(0.16).alpha(0.5).toRgbString(),
238
- selection: base11.phantom.alpha(0.1).toRgbString(),
239
- hover: base11.phantom.alpha(0.08).toRgbString(),
240
- brand: base11.project.rotate(-9).lighten(0.3).toRgbString(),
241
- brandSecondary: base11.accent.rotate(6).lighten(0.2).toRgbString(),
242
- success: base11.success.rotate(-21).lighten(0.65).toRgbString(),
243
- warning: base11.warning.rotate(18).lighten(0.55).toRgbString(),
244
- alert: base11.alert.rotate(18).lighten(0.55).toRgbString(),
245
- neutral: base11.neutral.rotate(-21).lighten(0.65).toRgbString()
228
+ primary: base10.surface.toRgbString(),
229
+ secondary: base10.surface.toRgbString(),
230
+ ghost: base10.phantom.alpha(0.05).toRgbString(),
231
+ tone: base10.phantom.desaturate(0.16).alpha(0.5).toRgbString(),
232
+ selection: base10.phantom.alpha(0.1).toRgbString(),
233
+ hover: base10.phantom.alpha(0.08).toRgbString(),
234
+ brand: base10.project.rotate(-9).lighten(0.3).toRgbString(),
235
+ brandSecondary: base10.accent.rotate(6).lighten(0.2).toRgbString(),
236
+ success: base10.success.rotate(-21).lighten(0.65).toRgbString(),
237
+ warning: base10.warning.rotate(18).lighten(0.55).toRgbString(),
238
+ alert: base10.alert.rotate(18).lighten(0.55).toRgbString(),
239
+ neutral: base10.neutral.rotate(-21).lighten(0.65).toRgbString()
246
240
  },
247
241
  divider: {
248
- divider: base11.phantom.alpha(0.15).toRgbString()
242
+ divider: base10.phantom.alpha(0.15).toRgbString()
249
243
  },
250
244
  text: {
251
- primary: base11.content.toRgbString(),
252
- secondary: base11.content.alpha(0.75).toRgbString(),
253
- tertiary: base11.content.alpha(0.61).toRgbString(),
254
- brand: base11.project.toRgbString(),
255
- brandSecondary: base11.accent.toRgbString(),
256
- success: base11.success.toRgbString(),
257
- warning: base11.warning.toRgbString(),
258
- alert: base11.alert.rotate(-3).darken(0.1).toRgbString(),
259
- neutral: base11.neutral.toRgbString()
245
+ primary: base10.content.toRgbString(),
246
+ secondary: base10.content.alpha(0.75).toRgbString(),
247
+ tertiary: base10.content.alpha(0.61).toRgbString(),
248
+ brand: base10.project.toRgbString(),
249
+ brandSecondary: base10.accent.toRgbString(),
250
+ success: base10.success.toRgbString(),
251
+ warning: base10.warning.toRgbString(),
252
+ alert: base10.alert.rotate(-3).darken(0.1).toRgbString(),
253
+ neutral: base10.neutral.toRgbString()
260
254
  },
261
255
  link: {
262
- link: base11.path.toRgbString(),
263
- linkHover: base11.path.alpha(0.7).toRgbString(),
264
- linkMinor: base11.path.rotate(-6).lighten(0.2).toRgbString(),
265
- linkMinorHover: base11.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
256
+ link: base10.path.toRgbString(),
257
+ linkHover: base10.path.alpha(0.7).toRgbString(),
258
+ linkMinor: base10.path.rotate(-6).lighten(0.2).toRgbString(),
259
+ linkMinorHover: base10.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
266
260
  }
267
261
  },
268
262
  control: {
269
263
  primary: {
270
- bg: base11.project.toRgbString(),
271
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
272
- bgPress: base11.project.rotate(-3).lighten(0.1).toRgbString(),
273
- bgDisabled: base11.surface.rotate(12).darken(0.2).toRgbString(),
274
- border: base11.project.toRgbString(),
275
- borderHover: base11.project.rotate(3).darken(0.1).toRgbString(),
276
- borderPress: base11.project.rotate(-3).lighten(0.1).toRgbString()
264
+ bg: base10.project.toRgbString(),
265
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
266
+ bgPress: base10.project.rotate(-3).lighten(0.1).toRgbString(),
267
+ bgDisabled: base10.surface.rotate(12).darken(0.2).toRgbString(),
268
+ border: base10.project.toRgbString(),
269
+ borderHover: base10.project.rotate(3).darken(0.1).toRgbString(),
270
+ borderPress: base10.project.rotate(-3).lighten(0.1).toRgbString()
277
271
  },
278
272
  secondary: {
279
273
  bg: "transparent",
280
- bgHover: base11.project.rotate(-6).lighten(0.2).alpha(0.2).toRgbString(),
281
- bgPress: base11.project.rotate(-6).lighten(0.2).alpha(0.5).toRgbString(),
282
- border: base11.project.toRgbString(),
283
- borderHover: base11.project.rotate(3).darken(0.1).toRgbString(),
284
- borderPress: base11.project.rotate(3).darken(0.1).toRgbString()
274
+ bgHover: base10.project.rotate(-6).lighten(0.2).alpha(0.2).toRgbString(),
275
+ bgPress: base10.project.rotate(-6).lighten(0.2).alpha(0.5).toRgbString(),
276
+ border: base10.project.toRgbString(),
277
+ borderHover: base10.project.rotate(3).darken(0.1).toRgbString(),
278
+ borderPress: base10.project.rotate(3).darken(0.1).toRgbString()
285
279
  },
286
280
  default: {
287
- bg: base11.surface.rotate(33).darken(0.9).toRgbString(),
288
- bgHover: base11.surface.rotate(33).darken(0.95).toRgbString(),
289
- bgPress: base11.surface.rotate(33).darken(0.8).toRgbString(),
290
- border: base11.surface.rotate(33).darken(0.9).toRgbString(),
291
- borderHover: base11.surface.rotate(33).darken(0.95).toRgbString(),
292
- borderPress: base11.surface.rotate(33).darken(0.8).toRgbString()
281
+ bg: base10.surface.rotate(33).darken(0.9).toRgbString(),
282
+ bgHover: base10.surface.rotate(33).darken(0.95).toRgbString(),
283
+ bgPress: base10.surface.rotate(33).darken(0.8).toRgbString(),
284
+ border: base10.surface.rotate(33).darken(0.9).toRgbString(),
285
+ borderHover: base10.surface.rotate(33).darken(0.95).toRgbString(),
286
+ borderPress: base10.surface.rotate(33).darken(0.8).toRgbString()
293
287
  },
294
288
  input: {
295
- bg: base11.phantom.alpha(0.07).toRgbString(),
296
- bgHover: base11.phantom.alpha(0.1).toRgbString(),
297
- bgDisabled: base11.phantom.alpha(0.15).toRgbString(),
289
+ bg: base10.phantom.alpha(0.07).toRgbString(),
290
+ bgHover: base10.phantom.alpha(0.1).toRgbString(),
291
+ bgDisabled: base10.phantom.alpha(0.15).toRgbString(),
298
292
  border: "transparent",
299
- borderHover: base11.phantom.alpha(0.1).toRgbString(),
293
+ borderHover: base10.phantom.alpha(0.1).toRgbString(),
300
294
  borderDisabled: "transparent",
301
- text: base11.content.toRgbString(),
302
- textDisabled: base11.content.alpha(0.36).toRgbString(),
303
- placeholder: base11.content.alpha(0.61).toRgbString()
295
+ text: base10.content.toRgbString(),
296
+ textDisabled: base10.content.alpha(0.36).toRgbString(),
297
+ placeholder: base10.content.alpha(0.61).toRgbString()
304
298
  },
305
299
  focus: {
306
- bg: base11.surface.toRgbString(),
307
- border: base11.project.toRgbString()
300
+ bg: base10.surface.toRgbString(),
301
+ border: base10.project.toRgbString()
308
302
  },
309
303
  alert: {
310
304
  bg: "transparent",
311
- bgHover: base11.alert.rotate(9).lighten(0.3).alpha(0.2).toRgbString(),
312
- bgPress: base11.alert.rotate(9).lighten(0.3).alpha(0.5).toRgbString(),
313
- border: base11.alert.toRgbString(),
314
- borderHover: base11.alert.rotate(-3).darken(0.1).toRgbString(),
315
- borderPress: base11.alert.rotate(-3).darken(0.1).toRgbString()
305
+ bgHover: base10.alert.rotate(9).lighten(0.3).alpha(0.2).toRgbString(),
306
+ bgPress: base10.alert.rotate(9).lighten(0.3).alpha(0.5).toRgbString(),
307
+ border: base10.alert.toRgbString(),
308
+ borderHover: base10.alert.rotate(-3).darken(0.1).toRgbString(),
309
+ borderPress: base10.alert.rotate(-3).darken(0.1).toRgbString()
316
310
  },
317
311
  check: {
318
- bg: base11.project.toRgbString(),
319
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
320
- bgDisabled: base11.phantom.alpha(0.2).toRgbString()
312
+ bg: base10.project.toRgbString(),
313
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
314
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString()
321
315
  },
322
316
  faint: {
323
- bg: base11.phantom.alpha(0.15).toRgbString(),
324
- bgHover: base11.phantom.alpha(0.2).toRgbString(),
317
+ bg: base10.phantom.alpha(0.15).toRgbString(),
318
+ bgHover: base10.phantom.alpha(0.2).toRgbString(),
325
319
  border: "transparent",
326
- borderHover: base11.phantom.alpha(0.15).toRgbString()
320
+ borderHover: base10.phantom.alpha(0.15).toRgbString()
327
321
  },
328
322
  toggle: {
329
- bg: base11.phantom.alpha(0.15).toRgbString(),
330
- bgHover: base11.phantom.alpha(0.2).toRgbString()
323
+ bg: base10.phantom.alpha(0.15).toRgbString(),
324
+ bgHover: base10.phantom.alpha(0.2).toRgbString()
331
325
  },
332
326
  text: {
333
- active: base11.content.lighten(1).toRgbString(),
334
- secondary: base11.project.toRgbString(),
335
- default: base11.content.lighten(1).toRgbString(),
336
- primary: base11.content.toRgbString(),
337
- disabled: base11.content.alpha(0.3).toRgbString(),
338
- faint: base11.content.lighten(1).toRgbString(),
339
- alert: base11.alert.toRgbString()
327
+ active: base10.content.lighten(1).toRgbString(),
328
+ secondary: base10.project.toRgbString(),
329
+ default: base10.content.lighten(1).toRgbString(),
330
+ primary: base10.content.toRgbString(),
331
+ disabled: base10.content.alpha(0.3).toRgbString(),
332
+ faint: base10.content.lighten(1).toRgbString(),
333
+ alert: base10.alert.toRgbString()
340
334
  }
341
335
  }
342
336
  }
@@ -1047,73 +1041,73 @@ var base6 = {
1047
1041
  alert: (0, import_colord6.colord)({ h: 346, s: 100, l: 70 }),
1048
1042
  neutral: (0, import_colord6.colord)({ h: 237, s: 26, l: 80 })
1049
1043
  };
1050
- var emailsDarkScheme = (base11) => ({
1044
+ var emailsDarkScheme = (base10) => ({
1051
1045
  colors: {
1052
1046
  base: {
1053
- content: base11.content.toRgbString(),
1054
- surface: base11.surface.toRgbString(),
1055
- project: base11.project.toRgbString(),
1056
- phantom: base11.phantom.toRgbString(),
1057
- path: base11.path.toRgbString(),
1058
- accent: base11.accent.toRgbString(),
1059
- success: base11.success.toRgbString(),
1060
- warning: base11.warning.toRgbString(),
1061
- alert: base11.alert.toRgbString(),
1062
- neutral: base11.neutral.toRgbString()
1047
+ content: base10.content.toRgbString(),
1048
+ surface: base10.surface.toRgbString(),
1049
+ project: base10.project.toRgbString(),
1050
+ phantom: base10.phantom.toRgbString(),
1051
+ path: base10.path.toRgbString(),
1052
+ accent: base10.accent.toRgbString(),
1053
+ success: base10.success.toRgbString(),
1054
+ warning: base10.warning.toRgbString(),
1055
+ alert: base10.alert.toRgbString(),
1056
+ neutral: base10.neutral.toRgbString()
1063
1057
  },
1064
1058
  core: {
1065
1059
  background: {
1066
- primary: base11.surface.toRgbString(),
1067
- secondary: base11.surface.rotate(3).darken(0.1).toRgbString(),
1068
- ghost: base11.phantom.alpha(0.05).toRgbString(),
1069
- tone: base11.phantom.darken(1).alpha(0.3).toRgbString(),
1070
- selection: base11.phantom.alpha(0.15).toRgbString(),
1071
- hover: base11.phantom.alpha(0.1).toRgbString(),
1072
- brand: base11.project.rotate(-6).lighten(0.2).toRgbString(),
1073
- brandSecondary: base11.accent.rotate(-9).darken(0.3).alpha(0.5).toRgbString(),
1074
- success: base11.success.rotate(6).darken(0.2).alpha(0.35).toRgbString(),
1075
- warning: base11.warning.rotate(-6).darken(0.2).alpha(0.35).toRgbString(),
1076
- alert: base11.alert.rotate(-3).darken(0.1).alpha(0.35).toRgbString(),
1077
- neutral: base11.neutral.rotate(15).darken(0.5).toRgbString()
1060
+ primary: base10.surface.toRgbString(),
1061
+ secondary: base10.surface.rotate(3).darken(0.1).toRgbString(),
1062
+ ghost: base10.phantom.alpha(0.05).toRgbString(),
1063
+ tone: base10.phantom.darken(1).alpha(0.3).toRgbString(),
1064
+ selection: base10.phantom.alpha(0.15).toRgbString(),
1065
+ hover: base10.phantom.alpha(0.1).toRgbString(),
1066
+ brand: base10.project.rotate(-6).lighten(0.2).toRgbString(),
1067
+ brandSecondary: base10.accent.rotate(-9).darken(0.3).alpha(0.5).toRgbString(),
1068
+ success: base10.success.rotate(6).darken(0.2).alpha(0.35).toRgbString(),
1069
+ warning: base10.warning.rotate(-6).darken(0.2).alpha(0.35).toRgbString(),
1070
+ alert: base10.alert.rotate(-3).darken(0.1).alpha(0.35).toRgbString(),
1071
+ neutral: base10.neutral.rotate(15).darken(0.5).toRgbString()
1078
1072
  },
1079
1073
  divider: {
1080
- divider: base11.phantom.alpha(0.15).toRgbString()
1074
+ divider: base10.phantom.alpha(0.15).toRgbString()
1081
1075
  },
1082
1076
  text: {
1083
- primary: base11.content.toRgbString(),
1084
- secondary: base11.content.alpha(0.72).toRgbString(),
1085
- tertiary: base11.content.alpha(0.56).toRgbString(),
1086
- brand: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1087
- brandSecondary: base11.accent.toRgbString(),
1088
- success: base11.success.toRgbString(),
1089
- warning: base11.warning.toRgbString(),
1090
- alert: base11.alert.rotate(3).lighten(0.1).toRgbString(),
1091
- neutral: base11.neutral.toRgbString()
1077
+ primary: base10.content.toRgbString(),
1078
+ secondary: base10.content.alpha(0.72).toRgbString(),
1079
+ tertiary: base10.content.alpha(0.56).toRgbString(),
1080
+ brand: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1081
+ brandSecondary: base10.accent.toRgbString(),
1082
+ success: base10.success.toRgbString(),
1083
+ warning: base10.warning.toRgbString(),
1084
+ alert: base10.alert.rotate(3).lighten(0.1).toRgbString(),
1085
+ neutral: base10.neutral.toRgbString()
1092
1086
  },
1093
1087
  link: {
1094
- link: base11.path.toRgbString(),
1095
- linkHover: base11.path.alpha(0.7).toRgbString(),
1096
- linkMinor: base11.path.rotate(-3).lighten(0.1).toRgbString(),
1097
- linkMinorHover: base11.path.rotate(-3).lighten(0.1).alpha(0.7).toRgbString()
1088
+ link: base10.path.toRgbString(),
1089
+ linkHover: base10.path.alpha(0.7).toRgbString(),
1090
+ linkMinor: base10.path.rotate(-3).lighten(0.1).toRgbString(),
1091
+ linkMinorHover: base10.path.rotate(-3).lighten(0.1).alpha(0.7).toRgbString()
1098
1092
  }
1099
1093
  },
1100
1094
  control: {
1101
1095
  primary: {
1102
- bg: base11.project.toRgbString(),
1103
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1104
- bgPress: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1105
- bgDisabled: base11.surface.rotate(-3).lighten(0.1).toRgbString(),
1106
- border: base11.project.toRgbString(),
1107
- borderHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1108
- borderPress: base11.project.rotate(-3).lighten(0.1).toRgbString()
1096
+ bg: base10.project.toRgbString(),
1097
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1098
+ bgPress: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1099
+ bgDisabled: base10.surface.rotate(-3).lighten(0.1).toRgbString(),
1100
+ border: base10.project.toRgbString(),
1101
+ borderHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1102
+ borderPress: base10.project.rotate(-3).lighten(0.1).toRgbString()
1109
1103
  },
1110
1104
  secondary: {
1111
1105
  bg: "transparent",
1112
- bgHover: base11.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1113
- bgPress: base11.project.rotate(-3).lighten(0.1).alpha(0.3).toRgbString(),
1114
- border: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1115
- borderHover: base11.project.toRgbString(),
1116
- borderPress: base11.project.toRgbString()
1106
+ bgHover: base10.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1107
+ bgPress: base10.project.rotate(-3).lighten(0.1).alpha(0.3).toRgbString(),
1108
+ border: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1109
+ borderHover: base10.project.toRgbString(),
1110
+ borderPress: base10.project.toRgbString()
1117
1111
  },
1118
1112
  default: {
1119
1113
  bg: (0, import_colord6.colord)({ h: 214, s: 8, l: 97 }).toRgbString(),
@@ -1124,51 +1118,51 @@ var emailsDarkScheme = (base11) => ({
1124
1118
  borderPress: (0, import_colord6.colord)({ h: 217, s: 8, l: 95 }).toRgbString()
1125
1119
  },
1126
1120
  input: {
1127
- bg: base11.phantom.alpha(0.07).toRgbString(),
1128
- bgHover: base11.phantom.alpha(0.1).toRgbString(),
1129
- bgDisabled: base11.phantom.alpha(0.2).toRgbString(),
1121
+ bg: base10.phantom.alpha(0.07).toRgbString(),
1122
+ bgHover: base10.phantom.alpha(0.1).toRgbString(),
1123
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString(),
1130
1124
  border: "transparent",
1131
- borderHover: base11.phantom.alpha(0.1).toRgbString(),
1125
+ borderHover: base10.phantom.alpha(0.1).toRgbString(),
1132
1126
  borderDisabled: "transparent",
1133
- text: base11.content.toRgbString(),
1134
- textDisabled: base11.content.alpha(0.36).toRgbString(),
1135
- placeholder: base11.content.alpha(0.55).toRgbString()
1127
+ text: base10.content.toRgbString(),
1128
+ textDisabled: base10.content.alpha(0.36).toRgbString(),
1129
+ placeholder: base10.content.alpha(0.55).toRgbString()
1136
1130
  },
1137
1131
  focus: {
1138
- bg: base11.surface.rotate(3).darken(0.1).toRgbString(),
1139
- border: base11.project.toRgbString()
1132
+ bg: base10.surface.rotate(3).darken(0.1).toRgbString(),
1133
+ border: base10.project.toRgbString()
1140
1134
  },
1141
1135
  alert: {
1142
1136
  bg: "transparent",
1143
- bgHover: base11.alert.rotate(3).lighten(0.1).alpha(0.1).toRgbString(),
1144
- bgPress: base11.alert.rotate(3).lighten(0.1).alpha(0.2).toRgbString(),
1145
- border: base11.alert.toRgbString(),
1146
- borderHover: base11.alert.rotate(-3).darken(0.1).toRgbString(),
1147
- borderPress: base11.alert.rotate(-3).darken(0.1).toRgbString()
1137
+ bgHover: base10.alert.rotate(3).lighten(0.1).alpha(0.1).toRgbString(),
1138
+ bgPress: base10.alert.rotate(3).lighten(0.1).alpha(0.2).toRgbString(),
1139
+ border: base10.alert.toRgbString(),
1140
+ borderHover: base10.alert.rotate(-3).darken(0.1).toRgbString(),
1141
+ borderPress: base10.alert.rotate(-3).darken(0.1).toRgbString()
1148
1142
  },
1149
1143
  check: {
1150
- bg: base11.project.toRgbString(),
1151
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1152
- bgDisabled: base11.phantom.alpha(0.2).toRgbString()
1144
+ bg: base10.project.toRgbString(),
1145
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1146
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString()
1153
1147
  },
1154
1148
  faint: {
1155
- bg: base11.phantom.alpha(0.15).toRgbString(),
1156
- bgHover: base11.phantom.alpha(0.2).toRgbString(),
1149
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1150
+ bgHover: base10.phantom.alpha(0.2).toRgbString(),
1157
1151
  border: "transparent",
1158
- borderHover: base11.phantom.alpha(0.12).toRgbString()
1152
+ borderHover: base10.phantom.alpha(0.12).toRgbString()
1159
1153
  },
1160
1154
  toggle: {
1161
- bg: base11.phantom.alpha(0.15).toRgbString(),
1162
- bgHover: base11.phantom.alpha(0.2).toRgbString()
1155
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1156
+ bgHover: base10.phantom.alpha(0.2).toRgbString()
1163
1157
  },
1164
1158
  text: {
1165
- active: base11.content.toRgbString(),
1166
- secondary: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1167
- default: base11.content.darken(1).toRgbString(),
1168
- primary: base11.content.toRgbString(),
1169
- disabled: base11.content.alpha(0.3).toRgbString(),
1170
- faint: base11.content.toRgbString(),
1171
- alert: base11.alert.toRgbString()
1159
+ active: base10.content.toRgbString(),
1160
+ secondary: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1161
+ default: base10.content.darken(1).toRgbString(),
1162
+ primary: base10.content.toRgbString(),
1163
+ disabled: base10.content.alpha(0.3).toRgbString(),
1164
+ faint: base10.content.toRgbString(),
1165
+ alert: base10.alert.toRgbString()
1172
1166
  }
1173
1167
  }
1174
1168
  }
@@ -1189,128 +1183,128 @@ var base7 = {
1189
1183
  alert: (0, import_colord7.colord)({ h: 337, s: 100, l: 40 }),
1190
1184
  neutral: (0, import_colord7.colord)({ h: 252, s: 26, l: 30 })
1191
1185
  };
1192
- var emailsLightScheme = (base11) => ({
1186
+ var emailsLightScheme = (base10) => ({
1193
1187
  colors: {
1194
1188
  base: {
1195
- content: base11.content.toRgbString(),
1196
- surface: base11.surface.toRgbString(),
1197
- project: base11.project.toRgbString(),
1198
- phantom: base11.phantom.toRgbString(),
1199
- path: base11.path.toRgbString(),
1200
- accent: base11.accent.toRgbString(),
1201
- success: base11.success.toRgbString(),
1202
- warning: base11.warning.toRgbString(),
1203
- alert: base11.alert.toRgbString(),
1204
- neutral: base11.neutral.toRgbString()
1189
+ content: base10.content.toRgbString(),
1190
+ surface: base10.surface.toRgbString(),
1191
+ project: base10.project.toRgbString(),
1192
+ phantom: base10.phantom.toRgbString(),
1193
+ path: base10.path.toRgbString(),
1194
+ accent: base10.accent.toRgbString(),
1195
+ success: base10.success.toRgbString(),
1196
+ warning: base10.warning.toRgbString(),
1197
+ alert: base10.alert.toRgbString(),
1198
+ neutral: base10.neutral.toRgbString()
1205
1199
  },
1206
1200
  core: {
1207
1201
  background: {
1208
- primary: base11.surface.toRgbString(),
1209
- secondary: base11.surface.toRgbString(),
1210
- ghost: base11.phantom.alpha(0.05).toRgbString(),
1211
- tone: base11.phantom.desaturate(0.16).alpha(0.5).toRgbString(),
1212
- selection: base11.phantom.alpha(0.1).toRgbString(),
1213
- hover: base11.phantom.alpha(0.08).toRgbString(),
1214
- brand: base11.project.rotate(-9).lighten(0.3).toRgbString(),
1215
- brandSecondary: base11.accent.rotate(6).lighten(0.2).toRgbString(),
1216
- success: base11.success.rotate(-21).lighten(0.65).toRgbString(),
1217
- warning: base11.warning.rotate(18).lighten(0.55).toRgbString(),
1218
- alert: base11.alert.rotate(18).lighten(0.55).toRgbString(),
1219
- neutral: base11.neutral.rotate(-21).lighten(0.65).toRgbString()
1202
+ primary: base10.surface.toRgbString(),
1203
+ secondary: base10.surface.toRgbString(),
1204
+ ghost: base10.phantom.alpha(0.05).toRgbString(),
1205
+ tone: base10.phantom.desaturate(0.16).alpha(0.5).toRgbString(),
1206
+ selection: base10.phantom.alpha(0.1).toRgbString(),
1207
+ hover: base10.phantom.alpha(0.08).toRgbString(),
1208
+ brand: base10.project.rotate(-9).lighten(0.3).toRgbString(),
1209
+ brandSecondary: base10.accent.rotate(6).lighten(0.2).toRgbString(),
1210
+ success: base10.success.rotate(-21).lighten(0.65).toRgbString(),
1211
+ warning: base10.warning.rotate(18).lighten(0.55).toRgbString(),
1212
+ alert: base10.alert.rotate(18).lighten(0.55).toRgbString(),
1213
+ neutral: base10.neutral.rotate(-21).lighten(0.65).toRgbString()
1220
1214
  },
1221
1215
  divider: {
1222
- divider: base11.phantom.alpha(0.15).toRgbString()
1216
+ divider: base10.phantom.alpha(0.15).toRgbString()
1223
1217
  },
1224
1218
  text: {
1225
- primary: base11.content.toRgbString(),
1226
- secondary: base11.content.alpha(0.75).toRgbString(),
1227
- tertiary: base11.content.alpha(0.61).toRgbString(),
1228
- brand: base11.project.toRgbString(),
1229
- brandSecondary: base11.accent.toRgbString(),
1230
- success: base11.success.toRgbString(),
1231
- warning: base11.warning.toRgbString(),
1232
- alert: base11.alert.rotate(-3).darken(0.1).toRgbString(),
1233
- neutral: base11.neutral.toRgbString()
1219
+ primary: base10.content.toRgbString(),
1220
+ secondary: base10.content.alpha(0.75).toRgbString(),
1221
+ tertiary: base10.content.alpha(0.61).toRgbString(),
1222
+ brand: base10.project.toRgbString(),
1223
+ brandSecondary: base10.accent.toRgbString(),
1224
+ success: base10.success.toRgbString(),
1225
+ warning: base10.warning.toRgbString(),
1226
+ alert: base10.alert.rotate(-3).darken(0.1).toRgbString(),
1227
+ neutral: base10.neutral.toRgbString()
1234
1228
  },
1235
1229
  link: {
1236
- link: base11.path.toRgbString(),
1237
- linkHover: base11.path.alpha(0.7).toRgbString(),
1238
- linkMinor: base11.path.rotate(-6).lighten(0.2).toRgbString(),
1239
- linkMinorHover: base11.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
1230
+ link: base10.path.toRgbString(),
1231
+ linkHover: base10.path.alpha(0.7).toRgbString(),
1232
+ linkMinor: base10.path.rotate(-6).lighten(0.2).toRgbString(),
1233
+ linkMinorHover: base10.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
1240
1234
  }
1241
1235
  },
1242
1236
  control: {
1243
1237
  primary: {
1244
- bg: base11.project.toRgbString(),
1245
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1246
- bgPress: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1247
- bgDisabled: base11.surface.rotate(12).darken(0.2).toRgbString(),
1248
- border: base11.project.toRgbString(),
1249
- borderHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1250
- borderPress: base11.project.rotate(-3).lighten(0.1).toRgbString()
1238
+ bg: base10.project.toRgbString(),
1239
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1240
+ bgPress: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1241
+ bgDisabled: base10.surface.rotate(12).darken(0.2).toRgbString(),
1242
+ border: base10.project.toRgbString(),
1243
+ borderHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1244
+ borderPress: base10.project.rotate(-3).lighten(0.1).toRgbString()
1251
1245
  },
1252
1246
  secondary: {
1253
1247
  bg: "transparent",
1254
- bgHover: base11.project.rotate(-6).lighten(0.2).alpha(0.2).toRgbString(),
1255
- bgPress: base11.project.rotate(-6).lighten(0.2).alpha(0.5).toRgbString(),
1256
- border: base11.project.toRgbString(),
1257
- borderHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1258
- borderPress: base11.project.rotate(3).darken(0.1).toRgbString()
1248
+ bgHover: base10.project.rotate(-6).lighten(0.2).alpha(0.2).toRgbString(),
1249
+ bgPress: base10.project.rotate(-6).lighten(0.2).alpha(0.5).toRgbString(),
1250
+ border: base10.project.toRgbString(),
1251
+ borderHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1252
+ borderPress: base10.project.rotate(3).darken(0.1).toRgbString()
1259
1253
  },
1260
1254
  default: {
1261
- bg: base11.surface.rotate(33).darken(0.9).toRgbString(),
1262
- bgHover: base11.surface.rotate(33).darken(0.95).toRgbString(),
1263
- bgPress: base11.surface.rotate(33).darken(0.8).toRgbString(),
1264
- border: base11.surface.rotate(33).darken(0.9).toRgbString(),
1265
- borderHover: base11.surface.rotate(33).darken(0.95).toRgbString(),
1266
- borderPress: base11.surface.rotate(33).darken(0.8).toRgbString()
1255
+ bg: base10.surface.rotate(33).darken(0.9).toRgbString(),
1256
+ bgHover: base10.surface.rotate(33).darken(0.95).toRgbString(),
1257
+ bgPress: base10.surface.rotate(33).darken(0.8).toRgbString(),
1258
+ border: base10.surface.rotate(33).darken(0.9).toRgbString(),
1259
+ borderHover: base10.surface.rotate(33).darken(0.95).toRgbString(),
1260
+ borderPress: base10.surface.rotate(33).darken(0.8).toRgbString()
1267
1261
  },
1268
1262
  input: {
1269
- bg: base11.phantom.alpha(0.07).toRgbString(),
1270
- bgHover: base11.phantom.alpha(0.1).toRgbString(),
1271
- bgDisabled: base11.phantom.alpha(0.15).toRgbString(),
1263
+ bg: base10.phantom.alpha(0.07).toRgbString(),
1264
+ bgHover: base10.phantom.alpha(0.1).toRgbString(),
1265
+ bgDisabled: base10.phantom.alpha(0.15).toRgbString(),
1272
1266
  border: "transparent",
1273
- borderHover: base11.phantom.alpha(0.1).toRgbString(),
1267
+ borderHover: base10.phantom.alpha(0.1).toRgbString(),
1274
1268
  borderDisabled: "transparent",
1275
- text: base11.content.toRgbString(),
1276
- textDisabled: base11.content.alpha(0.36).toRgbString(),
1277
- placeholder: base11.content.alpha(0.61).toRgbString()
1269
+ text: base10.content.toRgbString(),
1270
+ textDisabled: base10.content.alpha(0.36).toRgbString(),
1271
+ placeholder: base10.content.alpha(0.61).toRgbString()
1278
1272
  },
1279
1273
  focus: {
1280
- bg: base11.surface.toRgbString(),
1281
- border: base11.project.toRgbString()
1274
+ bg: base10.surface.toRgbString(),
1275
+ border: base10.project.toRgbString()
1282
1276
  },
1283
1277
  alert: {
1284
1278
  bg: "transparent",
1285
- bgHover: base11.alert.rotate(9).lighten(0.3).alpha(0.2).toRgbString(),
1286
- bgPress: base11.alert.rotate(9).lighten(0.3).alpha(0.5).toRgbString(),
1287
- border: base11.alert.toRgbString(),
1288
- borderHover: base11.alert.rotate(-3).darken(0.1).toRgbString(),
1289
- borderPress: base11.alert.rotate(-3).darken(0.1).toRgbString()
1279
+ bgHover: base10.alert.rotate(9).lighten(0.3).alpha(0.2).toRgbString(),
1280
+ bgPress: base10.alert.rotate(9).lighten(0.3).alpha(0.5).toRgbString(),
1281
+ border: base10.alert.toRgbString(),
1282
+ borderHover: base10.alert.rotate(-3).darken(0.1).toRgbString(),
1283
+ borderPress: base10.alert.rotate(-3).darken(0.1).toRgbString()
1290
1284
  },
1291
1285
  check: {
1292
- bg: base11.project.toRgbString(),
1293
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1294
- bgDisabled: base11.phantom.alpha(0.2).toRgbString()
1286
+ bg: base10.project.toRgbString(),
1287
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1288
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString()
1295
1289
  },
1296
1290
  faint: {
1297
- bg: base11.phantom.alpha(0.15).toRgbString(),
1298
- bgHover: base11.phantom.alpha(0.2).toRgbString(),
1291
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1292
+ bgHover: base10.phantom.alpha(0.2).toRgbString(),
1299
1293
  border: "transparent",
1300
- borderHover: base11.phantom.alpha(0.15).toRgbString()
1294
+ borderHover: base10.phantom.alpha(0.15).toRgbString()
1301
1295
  },
1302
1296
  toggle: {
1303
- bg: base11.phantom.alpha(0.15).toRgbString(),
1304
- bgHover: base11.phantom.alpha(0.2).toRgbString()
1297
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1298
+ bgHover: base10.phantom.alpha(0.2).toRgbString()
1305
1299
  },
1306
1300
  text: {
1307
- active: base11.content.lighten(1).toRgbString(),
1308
- secondary: base11.project.toRgbString(),
1309
- default: base11.content.lighten(1).toRgbString(),
1310
- primary: base11.content.toRgbString(),
1311
- disabled: base11.content.alpha(0.3).toRgbString(),
1312
- faint: base11.content.lighten(1).toRgbString(),
1313
- alert: base11.alert.toRgbString()
1301
+ active: base10.content.lighten(1).toRgbString(),
1302
+ secondary: base10.project.toRgbString(),
1303
+ default: base10.content.lighten(1).toRgbString(),
1304
+ primary: base10.content.toRgbString(),
1305
+ disabled: base10.content.alpha(0.3).toRgbString(),
1306
+ faint: base10.content.lighten(1).toRgbString(),
1307
+ alert: base10.alert.toRgbString()
1314
1308
  }
1315
1309
  }
1316
1310
  }
@@ -1495,79 +1489,79 @@ var base8 = {
1495
1489
  alert: (0, import_colord8.colord)({ h: 337, s: 100, l: 40 }),
1496
1490
  neutral: (0, import_colord8.colord)({ h: 252, s: 25, l: 30 })
1497
1491
  };
1498
- var publisherV2LightScheme = (base11) => ({
1492
+ var publisherV2LightScheme = (base10) => ({
1499
1493
  colors: {
1500
1494
  base: {
1501
- content: base11.content.toRgbString(),
1502
- surface: base11.surface.toRgbString(),
1503
- project: base11.project.toRgbString(),
1504
- phantom: base11.phantom.toRgbString(),
1505
- path: base11.path.toRgbString(),
1506
- accent: base11.accent.toRgbString(),
1507
- success: base11.success.toRgbString(),
1508
- warning: base11.warning.toRgbString(),
1509
- alert: base11.alert.toRgbString(),
1510
- neutral: base11.neutral.toRgbString()
1495
+ content: base10.content.toRgbString(),
1496
+ surface: base10.surface.toRgbString(),
1497
+ project: base10.project.toRgbString(),
1498
+ phantom: base10.phantom.toRgbString(),
1499
+ path: base10.path.toRgbString(),
1500
+ accent: base10.accent.toRgbString(),
1501
+ success: base10.success.toRgbString(),
1502
+ warning: base10.warning.toRgbString(),
1503
+ alert: base10.alert.toRgbString(),
1504
+ neutral: base10.neutral.toRgbString()
1511
1505
  },
1512
1506
  core: {
1513
1507
  background: {
1514
- primary: base11.surface.toRgbString(),
1515
- secondary: base11.surface.rotate(-3).lighten(0.03).toRgbString(),
1516
- ghost: base11.phantom.alpha(0.05).toRgbString(),
1517
- tone: base11.phantom.desaturate(0.08).alpha(0.5).toRgbString(),
1518
- selection: base11.phantom.alpha(0.1).toRgbString(),
1519
- hover: base11.phantom.alpha(0.08).toRgbString(),
1520
- brand: base11.project.toRgbString(),
1521
- brandSecondary: base11.accent.toRgbString(),
1508
+ primary: base10.surface.toRgbString(),
1509
+ secondary: base10.surface.rotate(-3).lighten(0.03).toRgbString(),
1510
+ ghost: base10.phantom.alpha(0.05).toRgbString(),
1511
+ tone: base10.phantom.desaturate(0.08).alpha(0.5).toRgbString(),
1512
+ selection: base10.phantom.alpha(0.1).toRgbString(),
1513
+ hover: base10.phantom.alpha(0.08).toRgbString(),
1514
+ brand: base10.project.toRgbString(),
1515
+ brandSecondary: base10.accent.toRgbString(),
1522
1516
  /* status */
1523
- success: base11.success.rotate(-19).lighten(0.6).toRgbString(),
1524
- warning: base11.warning.rotate(15).lighten(0.5).toRgbString(),
1525
- alert: base11.alert.rotate(-329).desaturate(0.12).lighten(0.5).toRgbString(),
1526
- neutral: base11.neutral.rotate(-17).lighten(0.6).toRgbString()
1517
+ success: base10.success.rotate(-19).lighten(0.6).toRgbString(),
1518
+ warning: base10.warning.rotate(15).lighten(0.5).toRgbString(),
1519
+ alert: base10.alert.rotate(-329).desaturate(0.12).lighten(0.5).toRgbString(),
1520
+ neutral: base10.neutral.rotate(-17).lighten(0.6).toRgbString()
1527
1521
  },
1528
1522
  divider: {
1529
- divider: base11.phantom.alpha(0.15).toRgbString()
1523
+ divider: base10.phantom.alpha(0.15).toRgbString()
1530
1524
  },
1531
1525
  text: {
1532
- primary: base11.content.toRgbString(),
1533
- secondary: base11.content.alpha(0.7).toRgbString(),
1534
- tertiary: base11.content.alpha(0.5).toRgbString(),
1535
- brand: base11.project.toRgbString(),
1536
- brandSecondary: base11.accent.toRgbString(),
1537
- success: base11.success.toRgbString(),
1538
- warning: base11.warning.toRgbString(),
1539
- alert: base11.alert.toRgbString(),
1540
- neutral: base11.neutral.toRgbString()
1526
+ primary: base10.content.toRgbString(),
1527
+ secondary: base10.content.alpha(0.7).toRgbString(),
1528
+ tertiary: base10.content.alpha(0.5).toRgbString(),
1529
+ brand: base10.project.toRgbString(),
1530
+ brandSecondary: base10.accent.toRgbString(),
1531
+ success: base10.success.toRgbString(),
1532
+ warning: base10.warning.toRgbString(),
1533
+ alert: base10.alert.toRgbString(),
1534
+ neutral: base10.neutral.toRgbString()
1541
1535
  },
1542
1536
  link: {
1543
- link: base11.path.toRgbString(),
1544
- linkHover: base11.path.alpha(0.7).toRgbString(),
1545
- linkMinor: base11.path.rotate(-6).lighten(0.2).toRgbString(),
1546
- linkMinorHover: base11.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
1537
+ link: base10.path.toRgbString(),
1538
+ linkHover: base10.path.alpha(0.7).toRgbString(),
1539
+ linkMinor: base10.path.rotate(-6).lighten(0.2).toRgbString(),
1540
+ linkMinorHover: base10.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
1547
1541
  }
1548
1542
  },
1549
1543
  control: {
1550
1544
  primary: {
1551
- bg: base11.project.toRgbString(),
1552
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1553
- bgPress: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1554
- bgDisabled: base11.surface.rotate(9).darken(0.17).toRgbString(),
1545
+ bg: base10.project.toRgbString(),
1546
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1547
+ bgPress: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1548
+ bgDisabled: base10.surface.rotate(9).darken(0.17).toRgbString(),
1555
1549
  border: "transparent",
1556
1550
  borderHover: "transparent",
1557
1551
  borderPress: "transparent"
1558
1552
  },
1559
1553
  secondary: {
1560
1554
  bg: "transparent",
1561
- bgHover: base11.project.rotate(-6).lighten(0.2).alpha(0.2).toRgbString(),
1562
- bgPress: base11.project.rotate(-6).lighten(0.2).alpha(0.5).toRgbString(),
1563
- border: base11.project.toRgbString(),
1564
- borderHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1565
- borderPress: base11.project.rotate(3).darken(0.1).toRgbString()
1555
+ bgHover: base10.project.rotate(-6).lighten(0.2).alpha(0.2).toRgbString(),
1556
+ bgPress: base10.project.rotate(-6).lighten(0.2).alpha(0.5).toRgbString(),
1557
+ border: base10.project.toRgbString(),
1558
+ borderHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1559
+ borderPress: base10.project.rotate(3).darken(0.1).toRgbString()
1566
1560
  },
1567
1561
  tertiary: {
1568
- bg: base11.phantom.alpha(0.07).toRgbString(),
1569
- bgHover: base11.phantom.alpha(0.15).toRgbString(),
1570
- bgPress: base11.phantom.alpha(0.25).toRgbString(),
1562
+ bg: base10.phantom.alpha(0.07).toRgbString(),
1563
+ bgHover: base10.phantom.alpha(0.15).toRgbString(),
1564
+ bgPress: base10.phantom.alpha(0.25).toRgbString(),
1571
1565
  border: "transparent",
1572
1566
  borderHover: "transparent",
1573
1567
  borderPress: "transparent"
@@ -1582,51 +1576,51 @@ var publisherV2LightScheme = (base11) => ({
1582
1576
  },
1583
1577
  input: {
1584
1578
  bg: "transparent",
1585
- bgHover: base11.project.rotate(-6).lighten(0.2).alpha(0.1).toRgbString(),
1586
- bgDisabled: base11.phantom.alpha(0.07).toRgbString(),
1587
- border: base11.phantom.alpha(0.15).toRgbString(),
1588
- borderHover: base11.phantom.alpha(0.25).toRgbString(),
1579
+ bgHover: base10.project.rotate(-6).lighten(0.2).alpha(0.1).toRgbString(),
1580
+ bgDisabled: base10.phantom.alpha(0.07).toRgbString(),
1581
+ border: base10.phantom.alpha(0.15).toRgbString(),
1582
+ borderHover: base10.phantom.alpha(0.25).toRgbString(),
1589
1583
  borderDisabled: "transparent",
1590
- text: base11.content.toRgbString(),
1591
- placeholder: base11.content.alpha(0.55).toRgbString(),
1592
- textDisabled: base11.content.alpha(0.3).toRgbString()
1584
+ text: base10.content.toRgbString(),
1585
+ placeholder: base10.content.alpha(0.55).toRgbString(),
1586
+ textDisabled: base10.content.alpha(0.3).toRgbString()
1593
1587
  },
1594
1588
  focus: {
1595
1589
  bg: "transparent",
1596
- border: base11.project.toRgbString()
1590
+ border: base10.project.toRgbString()
1597
1591
  },
1598
1592
  alert: {
1599
1593
  bg: "transparent",
1600
- bgHover: base11.alert.rotate(9).lighten(0.3).alpha(0.2).toRgbString(),
1601
- bgPress: base11.alert.rotate(9).lighten(0.3).alpha(0.5).toRgbString(),
1602
- border: base11.alert.toRgbString(),
1603
- borderHover: base11.alert.rotate(-3).darken(0.1).toRgbString(),
1604
- borderPress: base11.alert.rotate(-3).darken(0.1).toRgbString()
1594
+ bgHover: base10.alert.rotate(9).lighten(0.3).alpha(0.2).toRgbString(),
1595
+ bgPress: base10.alert.rotate(9).lighten(0.3).alpha(0.5).toRgbString(),
1596
+ border: base10.alert.toRgbString(),
1597
+ borderHover: base10.alert.rotate(-3).darken(0.1).toRgbString(),
1598
+ borderPress: base10.alert.rotate(-3).darken(0.1).toRgbString()
1605
1599
  },
1606
1600
  check: {
1607
- bg: base11.project.darken(0.6).toRgbString(),
1608
- bgHover: base11.project.rotate(3).darken(0.51).toRgbString(),
1609
- bgDisabled: base11.phantom.alpha(0.2).toRgbString()
1601
+ bg: base10.project.darken(0.6).toRgbString(),
1602
+ bgHover: base10.project.rotate(3).darken(0.51).toRgbString(),
1603
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString()
1610
1604
  },
1611
1605
  faint: {
1612
- bg: base11.phantom.alpha(0.15).toRgbString(),
1613
- bgHover: base11.phantom.alpha(0.2).toRgbString(),
1606
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1607
+ bgHover: base10.phantom.alpha(0.2).toRgbString(),
1614
1608
  border: "transparent",
1615
- borderHover: base11.phantom.alpha(0.15).toRgbString()
1609
+ borderHover: base10.phantom.alpha(0.15).toRgbString()
1616
1610
  },
1617
1611
  toggle: {
1618
- bg: base11.phantom.alpha(0.15).toRgbString(),
1619
- bgHover: base11.phantom.alpha(0.2).toRgbString()
1612
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1613
+ bgHover: base10.phantom.alpha(0.2).toRgbString()
1620
1614
  },
1621
1615
  text: {
1622
- active: base11.content.lighten(1).toRgbString(),
1623
- secondary: base11.project.toRgbString(),
1624
- default: base11.content.lighten(1).toRgbString(),
1625
- primary: base11.content.toRgbString(),
1626
- tertiary: base11.content.toRgbString(),
1627
- disabled: base11.content.alpha(0.3).toRgbString(),
1628
- faint: base11.content.lighten(1).toRgbString(),
1629
- alert: base11.alert.toRgbString()
1616
+ active: base10.content.lighten(1).toRgbString(),
1617
+ secondary: base10.project.toRgbString(),
1618
+ default: base10.content.lighten(1).toRgbString(),
1619
+ primary: base10.content.toRgbString(),
1620
+ tertiary: base10.content.toRgbString(),
1621
+ disabled: base10.content.alpha(0.3).toRgbString(),
1622
+ faint: base10.content.lighten(1).toRgbString(),
1623
+ alert: base10.alert.toRgbString()
1630
1624
  }
1631
1625
  }
1632
1626
  }
@@ -1647,79 +1641,79 @@ var base9 = {
1647
1641
  alert: (0, import_colord9.colord)({ h: 345, s: 100, l: 70 }),
1648
1642
  neutral: (0, import_colord9.colord)({ h: 237, s: 26, l: 80 })
1649
1643
  };
1650
- var publisherV2DarkScheme = (base11) => ({
1644
+ var publisherV2DarkScheme = (base10) => ({
1651
1645
  colors: {
1652
1646
  base: {
1653
- content: base11.content.toRgbString(),
1654
- surface: base11.surface.toRgbString(),
1655
- project: base11.project.toRgbString(),
1656
- phantom: base11.phantom.toRgbString(),
1657
- path: base11.path.toRgbString(),
1658
- accent: base11.accent.toRgbString(),
1659
- success: base11.success.toRgbString(),
1660
- warning: base11.warning.toRgbString(),
1661
- alert: base11.alert.toRgbString(),
1662
- neutral: base11.neutral.toRgbString()
1647
+ content: base10.content.toRgbString(),
1648
+ surface: base10.surface.toRgbString(),
1649
+ project: base10.project.toRgbString(),
1650
+ phantom: base10.phantom.toRgbString(),
1651
+ path: base10.path.toRgbString(),
1652
+ accent: base10.accent.toRgbString(),
1653
+ success: base10.success.toRgbString(),
1654
+ warning: base10.warning.toRgbString(),
1655
+ alert: base10.alert.toRgbString(),
1656
+ neutral: base10.neutral.toRgbString()
1663
1657
  },
1664
1658
  core: {
1665
1659
  background: {
1666
- primary: base11.surface.saturate(0.01).darken(0.06).toRgbString(),
1667
- secondary: base11.surface.darken(0.15).toRgbString(),
1668
- ghost: base11.phantom.alpha(0.05).toRgbString(),
1669
- tone: base11.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1670
- selection: base11.phantom.alpha(0.15).toRgbString(),
1671
- hover: base11.phantom.alpha(0.05).toRgbString(),
1672
- brand: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1673
- brandSecondary: base11.accent.toRgbString(),
1660
+ primary: base10.surface.saturate(0.01).darken(0.06).toRgbString(),
1661
+ secondary: base10.surface.darken(0.15).toRgbString(),
1662
+ ghost: base10.phantom.alpha(0.05).toRgbString(),
1663
+ tone: base10.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1664
+ selection: base10.phantom.alpha(0.15).toRgbString(),
1665
+ hover: base10.phantom.alpha(0.05).toRgbString(),
1666
+ brand: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1667
+ brandSecondary: base10.accent.toRgbString(),
1674
1668
  /* status */
1675
- success: base11.surface.toRgbString(),
1676
- warning: base11.surface.toRgbString(),
1677
- alert: base11.surface.toRgbString(),
1678
- neutral: base11.surface.toRgbString()
1669
+ success: base10.surface.toRgbString(),
1670
+ warning: base10.surface.toRgbString(),
1671
+ alert: base10.surface.toRgbString(),
1672
+ neutral: base10.surface.toRgbString()
1679
1673
  },
1680
1674
  divider: {
1681
- divider: base11.phantom.alpha(0.15).toRgbString()
1675
+ divider: base10.phantom.alpha(0.15).toRgbString()
1682
1676
  },
1683
1677
  text: {
1684
- primary: base11.content.toRgbString(),
1685
- secondary: base11.content.alpha(0.7).toRgbString(),
1686
- tertiary: base11.content.alpha(0.5).toRgbString(),
1687
- brand: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1688
- brandSecondary: base11.accent.toRgbString(),
1689
- success: base11.success.toRgbString(),
1690
- warning: base11.warning.toRgbString(),
1691
- alert: base11.alert.toRgbString(),
1692
- neutral: base11.neutral.toRgbString()
1678
+ primary: base10.content.toRgbString(),
1679
+ secondary: base10.content.alpha(0.7).toRgbString(),
1680
+ tertiary: base10.content.alpha(0.5).toRgbString(),
1681
+ brand: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1682
+ brandSecondary: base10.accent.toRgbString(),
1683
+ success: base10.success.toRgbString(),
1684
+ warning: base10.warning.toRgbString(),
1685
+ alert: base10.alert.toRgbString(),
1686
+ neutral: base10.neutral.toRgbString()
1693
1687
  },
1694
1688
  link: {
1695
- link: base11.path.toRgbString(),
1696
- linkHover: base11.path.alpha(0.7).toRgbString(),
1697
- linkMinor: base11.path.rotate(-6).lighten(0.2).toRgbString(),
1698
- linkMinorHover: base11.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
1689
+ link: base10.path.toRgbString(),
1690
+ linkHover: base10.path.alpha(0.7).toRgbString(),
1691
+ linkMinor: base10.path.rotate(-6).lighten(0.2).toRgbString(),
1692
+ linkMinorHover: base10.path.rotate(-6).lighten(0.2).alpha(0.7).toRgbString()
1699
1693
  }
1700
1694
  },
1701
1695
  control: {
1702
1696
  primary: {
1703
- bg: base11.project.toRgbString(),
1704
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1705
- bgPress: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1706
- bgDisabled: base11.phantom.alpha(0.1).toRgbString(),
1697
+ bg: base10.project.toRgbString(),
1698
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1699
+ bgPress: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1700
+ bgDisabled: base10.phantom.alpha(0.1).toRgbString(),
1707
1701
  border: "transparent",
1708
1702
  borderHover: "transparent",
1709
1703
  borderPress: "transparent"
1710
1704
  },
1711
1705
  secondary: {
1712
1706
  bg: "transparent",
1713
- bgHover: base11.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1714
- bgPress: base11.project.rotate(-3).lighten(0.1).alpha(0.3).toRgbString(),
1715
- border: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1716
- borderHover: base11.project.toRgbString(),
1717
- borderPress: base11.project.toRgbString()
1707
+ bgHover: base10.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1708
+ bgPress: base10.project.rotate(-3).lighten(0.1).alpha(0.3).toRgbString(),
1709
+ border: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1710
+ borderHover: base10.project.toRgbString(),
1711
+ borderPress: base10.project.toRgbString()
1718
1712
  },
1719
1713
  tertiary: {
1720
- bg: base11.phantom.alpha(0.15).toRgbString(),
1721
- bgHover: base11.phantom.alpha(0.25).toRgbString(),
1722
- bgPress: base11.phantom.alpha(0.35).toRgbString(),
1714
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1715
+ bgHover: base10.phantom.alpha(0.25).toRgbString(),
1716
+ bgPress: base10.phantom.alpha(0.35).toRgbString(),
1723
1717
  border: "transparent",
1724
1718
  borderHover: "transparent",
1725
1719
  borderPress: "transparent"
@@ -1734,51 +1728,51 @@ var publisherV2DarkScheme = (base11) => ({
1734
1728
  },
1735
1729
  input: {
1736
1730
  bg: "transparent",
1737
- bgHover: base11.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1738
- bgDisabled: base11.phantom.alpha(0.1).toRgbString(),
1739
- border: base11.phantom.alpha(0.3).toRgbString(),
1740
- borderHover: base11.phantom.alpha(0.4).toRgbString(),
1741
- borderDisabled: base11.phantom.alpha(0.1).toRgbString(),
1742
- text: base11.content.toRgbString(),
1743
- placeholder: base11.content.alpha(0.55).toRgbString(),
1744
- textDisabled: base11.content.alpha(0.15).toRgbString()
1731
+ bgHover: base10.project.rotate(-3).lighten(0.1).alpha(0.1).toRgbString(),
1732
+ bgDisabled: base10.phantom.alpha(0.1).toRgbString(),
1733
+ border: base10.phantom.alpha(0.3).toRgbString(),
1734
+ borderHover: base10.phantom.alpha(0.4).toRgbString(),
1735
+ borderDisabled: base10.phantom.alpha(0.1).toRgbString(),
1736
+ text: base10.content.toRgbString(),
1737
+ placeholder: base10.content.alpha(0.55).toRgbString(),
1738
+ textDisabled: base10.content.alpha(0.15).toRgbString()
1745
1739
  },
1746
1740
  focus: {
1747
- bg: base11.surface.toRgbString(),
1748
- border: base11.project.rotate(-3).lighten(0.1).toRgbString()
1741
+ bg: base10.surface.toRgbString(),
1742
+ border: base10.project.rotate(-3).lighten(0.1).toRgbString()
1749
1743
  },
1750
1744
  alert: {
1751
1745
  bg: "transparent",
1752
- bgHover: base11.alert.rotate(3).lighten(0.1).alpha(0.1).toRgbString(),
1753
- bgPress: base11.alert.rotate(3).lighten(0.1).alpha(0.2).toRgbString(),
1754
- border: base11.alert.toRgbString(),
1755
- borderHover: base11.alert.rotate(-3).darken(0.1).toRgbString(),
1756
- borderPress: base11.alert.rotate(-3).darken(0.1).toRgbString()
1746
+ bgHover: base10.alert.rotate(3).lighten(0.1).alpha(0.1).toRgbString(),
1747
+ bgPress: base10.alert.rotate(3).lighten(0.1).alpha(0.2).toRgbString(),
1748
+ border: base10.alert.toRgbString(),
1749
+ borderHover: base10.alert.rotate(-3).darken(0.1).toRgbString(),
1750
+ borderPress: base10.alert.rotate(-3).darken(0.1).toRgbString()
1757
1751
  },
1758
1752
  check: {
1759
- bg: base11.project.toRgbString(),
1760
- bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1761
- bgDisabled: base11.phantom.alpha(0.2).toRgbString()
1753
+ bg: base10.project.toRgbString(),
1754
+ bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1755
+ bgDisabled: base10.phantom.alpha(0.2).toRgbString()
1762
1756
  },
1763
1757
  faint: {
1764
- bg: base11.phantom.alpha(0.15).toRgbString(),
1765
- bgHover: base11.phantom.alpha(0.2).toRgbString(),
1758
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1759
+ bgHover: base10.phantom.alpha(0.2).toRgbString(),
1766
1760
  border: "transparent",
1767
- borderHover: base11.phantom.alpha(0.12).toRgbString()
1761
+ borderHover: base10.phantom.alpha(0.12).toRgbString()
1768
1762
  },
1769
1763
  toggle: {
1770
- bg: base11.phantom.alpha(0.15).toRgbString(),
1771
- bgHover: base11.phantom.alpha(0.2).toRgbString()
1764
+ bg: base10.phantom.alpha(0.15).toRgbString(),
1765
+ bgHover: base10.phantom.alpha(0.2).toRgbString()
1772
1766
  },
1773
1767
  text: {
1774
- active: base11.content.toRgbString(),
1775
- secondary: base11.project.rotate(-3).lighten(0.1).toRgbString(),
1776
- tertiary: base11.content.toRgbString(),
1777
- default: base11.content.darken(0.99).toRgbString(),
1778
- primary: base11.content.toRgbString(),
1779
- disabled: base11.content.alpha(0.15).toRgbString(),
1780
- faint: base11.content.toRgbString(),
1781
- alert: base11.alert.toRgbString()
1768
+ active: base10.content.toRgbString(),
1769
+ secondary: base10.project.rotate(-3).lighten(0.1).toRgbString(),
1770
+ tertiary: base10.content.toRgbString(),
1771
+ default: base10.content.darken(0.99).toRgbString(),
1772
+ primary: base10.content.toRgbString(),
1773
+ disabled: base10.content.alpha(0.15).toRgbString(),
1774
+ faint: base10.content.toRgbString(),
1775
+ alert: base10.alert.toRgbString()
1782
1776
  }
1783
1777
  }
1784
1778
  }
@@ -1998,670 +1992,6 @@ var themesColorsScheme = {
1998
1992
  emailsDark: emailsDarkScheme
1999
1993
  };
2000
1994
 
2001
- // src/themes/pentagram/presets/pay-station-dark.ts
2002
- var import_colord10 = require("colord");
2003
- var baseDark = {
2004
- content: (0, import_colord10.colord)("#ffffff"),
2005
- contentInverse: (0, import_colord10.colord)("#000000"),
2006
- background: (0, import_colord10.colord)({ h: 211, s: 10, l: 10 }),
2007
- backgroundInverse: (0, import_colord10.colord)("#ffffff"),
2008
- brand: (0, import_colord10.colord)({ h: 250, s: 100, l: 60 }),
2009
- brandExtra: (0, import_colord10.colord)({ h: 75, s: 100, l: 60 }),
2010
- success: (0, import_colord10.colord)({ h: 145, s: 100, l: 60 }),
2011
- warning: (0, import_colord10.colord)({ h: 50, s: 100, l: 60 }),
2012
- alert: (0, import_colord10.colord)({ h: 10, s: 100, l: 60 }),
2013
- neutral: (0, import_colord10.colord)({ h: 189, s: 25, l: 60 }),
2014
- mono: (0, import_colord10.colord)("#ffffff"),
2015
- linkPrimary: (0, import_colord10.colord)({ h: 250, s: 100, l: 70 }),
2016
- linkSecondary: (0, import_colord10.colord)({ h: 75, s: 100, l: 60 }),
2017
- onBrand: (0, import_colord10.colord)("#ffffff"),
2018
- onBrandExtra: (0, import_colord10.colord)("#000000"),
2019
- onSuccess: (0, import_colord10.colord)("#000000"),
2020
- onWarning: (0, import_colord10.colord)("#000000"),
2021
- onAlert: (0, import_colord10.colord)("#000000"),
2022
- onNeutral: (0, import_colord10.colord)("#000000")
2023
- };
2024
- var createDarkScheme = (b) => ({
2025
- background: {
2026
- primary: b.background.toHslString(),
2027
- secondary: b.background.darken(0.05).toHslString(),
2028
- brand: {
2029
- primary: b.brand.toHslString(),
2030
- secondary: b.brand.darken(0.4).toHslString()
2031
- },
2032
- brandExtra: {
2033
- primary: b.brandExtra.toHslString(),
2034
- secondary: b.brandExtra.darken(0.4).toHslString()
2035
- },
2036
- success: {
2037
- primary: b.success.toHslString(),
2038
- secondary: b.success.darken(0.4).toHslString()
2039
- },
2040
- warning: {
2041
- primary: b.warning.toHslString(),
2042
- secondary: b.warning.darken(0.4).toHslString()
2043
- },
2044
- alert: {
2045
- primary: b.alert.toHslString(),
2046
- secondary: b.alert.darken(0.4).toHslString()
2047
- },
2048
- neutral: {
2049
- primary: b.neutral.toHslString(),
2050
- secondary: b.neutral.darken(0.4).toHslString()
2051
- },
2052
- inverse: b.backgroundInverse.toHslString(),
2053
- static: { light: "#ffffff", dark: "#000000" }
2054
- },
2055
- content: {
2056
- primary: b.content.toHslString(),
2057
- secondary: b.content.alpha(0.75).toHslString(),
2058
- tertiary: b.content.alpha(0.6).toHslString(),
2059
- brand: {
2060
- primary: b.brand.lighten(0.2).toHslString(),
2061
- secondary: b.brand.lighten(0.1).toHslString()
2062
- },
2063
- brandExtra: {
2064
- primary: b.brandExtra.lighten(0.2).toHslString(),
2065
- secondary: b.brandExtra.lighten(0.1).toHslString()
2066
- },
2067
- success: {
2068
- primary: b.success.lighten(0.2).toHslString(),
2069
- secondary: b.success.lighten(0.1).toHslString()
2070
- },
2071
- warning: {
2072
- primary: b.warning.lighten(0.2).toHslString(),
2073
- secondary: b.warning.lighten(0.1).toHslString()
2074
- },
2075
- alert: {
2076
- primary: b.alert.lighten(0.2).toHslString(),
2077
- secondary: b.alert.lighten(0.1).toHslString()
2078
- },
2079
- neutral: {
2080
- primary: b.neutral.lighten(0.2).toHslString(),
2081
- secondary: b.neutral.lighten(0.1).toHslString()
2082
- },
2083
- inverse: b.contentInverse.toHslString(),
2084
- static: { light: "#ffffff", dark: "#000000" },
2085
- on: {
2086
- brand: b.onBrand.toHslString(),
2087
- brandExtra: b.onBrandExtra.toHslString(),
2088
- success: b.onSuccess.toHslString(),
2089
- warning: b.onWarning.toHslString(),
2090
- alert: b.onAlert.toHslString(),
2091
- neutral: b.onNeutral.toHslString()
2092
- }
2093
- },
2094
- border: {
2095
- primary: b.mono.toHslString(),
2096
- secondary: b.mono.alpha(0.15).toHslString(),
2097
- inverse: b.contentInverse.alpha(0.15).toHslString(),
2098
- brand: b.brand.toHslString(),
2099
- brandExtra: b.brandExtra.toHslString(),
2100
- success: b.success.toHslString(),
2101
- warning: b.warning.toHslString(),
2102
- alert: b.alert.toHslString(),
2103
- neutral: b.neutral.toHslString()
2104
- },
2105
- overlay: {
2106
- mono: b.mono.alpha(0.08).toHslString(),
2107
- brand: b.brand.alpha(0.3).toHslString(),
2108
- brandExtra: b.brandExtra.alpha(0.3).toHslString(),
2109
- success: b.success.alpha(0.3).toHslString(),
2110
- warning: b.warning.alpha(0.3).toHslString(),
2111
- alert: b.alert.alpha(0.3).toHslString(),
2112
- neutral: b.neutral.alpha(0.3).toHslString()
2113
- },
2114
- layer: {
2115
- scrim: b.contentInverse.alpha(0.75).toHslString(),
2116
- float: b.background.lighten(0.05).toHslString()
2117
- },
2118
- control: {
2119
- brand: {
2120
- primary: {
2121
- bg: b.brand.toHslString(),
2122
- bgHover: b.brand.lighten(0.1).toHslString(),
2123
- bgPress: b.brand.darken(0.1).toHslString(),
2124
- bgDisable: b.mono.alpha(0.25).toHslString(),
2125
- border: b.brand.darken(0.1).toHslString(),
2126
- borderHover: b.brand.darken(0.1).toHslString(),
2127
- borderPress: b.brand.darken(0.1).toHslString(),
2128
- borderDisable: "transparent"
2129
- },
2130
- secondary: {
2131
- bg: b.brand.alpha(0.4).toHslString(),
2132
- bgHover: b.brand.alpha(0.4).lighten(0.1).toHslString(),
2133
- bgPress: b.brand.alpha(0.4).darken(0.1).toHslString(),
2134
- border: b.brand.toHslString(),
2135
- borderHover: b.brand.toHslString(),
2136
- borderPress: b.brand.toHslString()
2137
- },
2138
- tertiary: {
2139
- bg: "transparent",
2140
- bgHover: b.brand.alpha(0.2).toHslString(),
2141
- bgPress: b.brand.alpha(0.3).toHslString(),
2142
- border: "transparent",
2143
- borderHover: "transparent",
2144
- borderPress: "transparent"
2145
- },
2146
- text: {
2147
- primary: b.onBrand.toHslString(),
2148
- secondary: b.content.toHslString(),
2149
- tertiary: b.brand.lighten(0.2).toHslString(),
2150
- disable: b.mono.alpha(0.65).toHslString()
2151
- }
2152
- },
2153
- mono: {
2154
- primary: {
2155
- bg: b.mono.toHslString(),
2156
- bgHover: b.mono.darken(0.15).toHslString(),
2157
- bgPress: b.mono.darken(0.3).toHslString(),
2158
- border: "transparent",
2159
- borderHover: "transparent",
2160
- borderPress: "transparent"
2161
- },
2162
- secondary: {
2163
- bg: b.mono.alpha(0.4).toHslString(),
2164
- bgHover: b.mono.alpha(0.35).darken(0.15).toHslString(),
2165
- bgPress: b.mono.alpha(0.35).darken(0.3).toHslString(),
2166
- border: b.mono.alpha(0.25).toHslString(),
2167
- borderHover: b.mono.alpha(0.25).toHslString(),
2168
- borderPress: b.mono.alpha(0.25).toHslString()
2169
- },
2170
- tertiary: {
2171
- bg: "transparent",
2172
- bgHover: b.mono.alpha(0.15).toHslString(),
2173
- bgPress: b.mono.alpha(0.25).toHslString(),
2174
- border: "transparent",
2175
- borderHover: "transparent",
2176
- borderPress: "transparent"
2177
- },
2178
- text: {
2179
- primary: b.contentInverse.toHslString(),
2180
- secondary: b.content.toHslString(),
2181
- tertiary: b.content.toHslString()
2182
- }
2183
- },
2184
- brandExtra: {
2185
- primary: {
2186
- bg: b.brandExtra.toHslString(),
2187
- bgHover: b.brandExtra.lighten(0.1).toHslString(),
2188
- bgPress: b.brandExtra.darken(0.1).toHslString(),
2189
- border: b.brandExtra.darken(0.1).toHslString(),
2190
- borderHover: b.brandExtra.darken(0.1).toHslString(),
2191
- borderPress: b.brandExtra.darken(0.1).toHslString()
2192
- },
2193
- secondary: {
2194
- bg: b.brandExtra.alpha(0.4).toHslString(),
2195
- bgHover: b.brandExtra.alpha(0.4).lighten(0.1).toHslString(),
2196
- bgPress: b.brandExtra.alpha(0.4).darken(0.1).toHslString(),
2197
- border: b.brandExtra.toHslString(),
2198
- borderHover: b.brandExtra.toHslString(),
2199
- borderPress: b.brandExtra.toHslString()
2200
- },
2201
- tertiary: {
2202
- bg: "transparent",
2203
- bgHover: b.brandExtra.alpha(0.2).toHslString(),
2204
- bgPress: b.brandExtra.alpha(0.3).toHslString(),
2205
- border: "transparent",
2206
- borderHover: "transparent",
2207
- borderPress: "transparent"
2208
- },
2209
- text: {
2210
- primary: b.onBrandExtra.toHslString(),
2211
- secondary: b.content.toHslString(),
2212
- tertiary: b.brandExtra.lighten(0.2).toHslString()
2213
- }
2214
- },
2215
- alert: {
2216
- bg: b.alert.toHslString(),
2217
- border: b.alert.lighten(0.2).toHslString(),
2218
- primary: {
2219
- bg: b.alert.toHslString(),
2220
- bgHover: b.alert.lighten(0.1).toHslString(),
2221
- bgPress: b.alert.darken(0.1).toHslString(),
2222
- border: b.alert.darken(0.1).toHslString(),
2223
- borderHover: b.alert.darken(0.1).toHslString(),
2224
- borderPress: b.alert.darken(0.1).toHslString()
2225
- },
2226
- secondary: {
2227
- bg: b.alert.alpha(0.4).toHslString(),
2228
- bgHover: b.alert.alpha(0.4).lighten(0.1).toHslString(),
2229
- bgPress: b.alert.alpha(0.4).darken(0.1).toHslString(),
2230
- border: b.alert.toHslString(),
2231
- borderHover: b.alert.toHslString(),
2232
- borderPress: b.alert.toHslString()
2233
- },
2234
- tertiary: {
2235
- bg: "transparent",
2236
- bgHover: b.alert.alpha(0.2).toHslString(),
2237
- bgPress: b.alert.alpha(0.3).toHslString(),
2238
- border: "transparent",
2239
- borderHover: "transparent",
2240
- borderPress: "transparent"
2241
- },
2242
- text: {
2243
- primary: b.onAlert.toHslString(),
2244
- secondary: b.content.toHslString(),
2245
- tertiary: b.alert.lighten(0.2).toHslString()
2246
- }
2247
- },
2248
- input: {
2249
- bg: b.mono.alpha(0.08).toHslString(),
2250
- bgHover: b.mono.alpha(0.12).toHslString(),
2251
- bgDisable: b.mono.alpha(0.25).toHslString(),
2252
- border: b.mono.alpha(0.15).toHslString(),
2253
- borderHover: b.mono.alpha(0.25).toHslString(),
2254
- borderDisable: b.mono.alpha(0.08).toHslString(),
2255
- text: b.content.toHslString(),
2256
- placeholder: b.content.alpha(0.6).toHslString(),
2257
- textDisable: b.content.alpha(0.36).toHslString()
2258
- },
2259
- focus: {
2260
- bg: b.background.toHslString(),
2261
- border: b.brand.toHslString()
2262
- },
2263
- check: {
2264
- bg: b.brand.toHslString(),
2265
- bgHover: b.brand.lighten(0.1).toHslString(),
2266
- bgDisable: b.mono.alpha(0.25).toHslString(),
2267
- border: b.brand.toHslString(),
2268
- borderHover: b.brand.lighten(0.1).toHslString(),
2269
- borderDisable: "transparent",
2270
- icon: b.onBrand.toHslString()
2271
- },
2272
- faint: {
2273
- bg: b.mono.alpha(0.1).toHslString(),
2274
- bgHover: b.mono.alpha(0.15).toHslString(),
2275
- border: b.mono.alpha(0.15).toHslString(),
2276
- borderHover: b.mono.alpha(0.25).toHslString()
2277
- },
2278
- slider: {
2279
- bg: b.brand.toHslString(),
2280
- bgHover: b.brand.lighten(0.1).toHslString(),
2281
- bgDisable: b.mono.alpha(0.25).toHslString()
2282
- },
2283
- switch: {
2284
- bg: b.brand.toHslString(),
2285
- bgHover: b.brand.lighten(0.1).toHslString(),
2286
- bgDisable: b.mono.alpha(0.25).toHslString(),
2287
- border: b.brand.toHslString(),
2288
- borderHover: b.brand.lighten(0.1).toHslString(),
2289
- borderDisable: "transparent"
2290
- },
2291
- knob: {
2292
- bg: b.onBrand.toHslString(),
2293
- bgHover: b.onBrand.darken(0.1).toHslString(),
2294
- bgInactive: b.mono.alpha(0.6).toHslString()
2295
- },
2296
- text: {
2297
- primary: b.content.toHslString(),
2298
- disable: b.content.alpha(0.36).toHslString()
2299
- },
2300
- link: {
2301
- primary: b.linkPrimary.toHslString(),
2302
- primaryHover: b.linkPrimary.alpha(0.7).toHslString(),
2303
- secondary: b.linkSecondary.toHslString(),
2304
- secondaryHover: b.linkSecondary.alpha(0.7).toHslString()
2305
- },
2306
- segmented: {
2307
- bg: b.mono.alpha(0.08).toHslString(),
2308
- bgHover: b.mono.alpha(0.12).toHslString(),
2309
- bgActive: b.mono.alpha(0.15).toHslString(),
2310
- border: b.mono.alpha(0.15).toHslString(),
2311
- borderHover: b.mono.alpha(0.25).toHslString(),
2312
- borderActive: "transparent",
2313
- text: b.content.toHslString(),
2314
- textDisable: b.content.alpha(0.36).toHslString()
2315
- },
2316
- toggleButton: {
2317
- bg: b.mono.alpha(0.08).toHslString(),
2318
- bgHover: b.mono.alpha(0.12).toHslString(),
2319
- bgActive: b.brand.alpha(0.4).toHslString(),
2320
- bgDisable: b.mono.alpha(0.25).toHslString(),
2321
- border: b.mono.alpha(0.15).toHslString(),
2322
- borderHover: b.mono.alpha(0.25).toHslString(),
2323
- borderActive: b.brand.toHslString(),
2324
- borderDisable: b.mono.alpha(0.08).toHslString(),
2325
- text: b.content.toHslString(),
2326
- textActive: b.content.toHslString(),
2327
- textDisable: b.content.alpha(0.36).toHslString()
2328
- }
2329
- }
2330
- });
2331
- var payStationDarkScheme = createDarkScheme(baseDark);
2332
-
2333
- // src/themes/pentagram/presets/pay-station-light.ts
2334
- var import_colord11 = require("colord");
2335
- var base10 = {
2336
- content: (0, import_colord11.colord)("#000000"),
2337
- contentInverse: (0, import_colord11.colord)("#ffffff"),
2338
- background: (0, import_colord11.colord)({ h: 211, s: 8, l: 100 }),
2339
- backgroundInverse: (0, import_colord11.colord)("#000000"),
2340
- brand: (0, import_colord11.colord)({ h: 250, s: 100, l: 60 }),
2341
- brandExtra: (0, import_colord11.colord)({ h: 75, s: 100, l: 60 }),
2342
- success: (0, import_colord11.colord)({ h: 145, s: 100, l: 60 }),
2343
- warning: (0, import_colord11.colord)({ h: 50, s: 100, l: 60 }),
2344
- alert: (0, import_colord11.colord)({ h: 10, s: 100, l: 60 }),
2345
- neutral: (0, import_colord11.colord)({ h: 189, s: 16, l: 60 }),
2346
- mono: (0, import_colord11.colord)("#000000"),
2347
- linkPrimary: (0, import_colord11.colord)({ h: 250, s: 100, l: 60 }),
2348
- linkSecondary: (0, import_colord11.colord)({ h: 75, s: 100, l: 40 }),
2349
- onBrand: (0, import_colord11.colord)("#ffffff"),
2350
- onBrandExtra: (0, import_colord11.colord)("#000000"),
2351
- onSuccess: (0, import_colord11.colord)("#000000"),
2352
- onWarning: (0, import_colord11.colord)("#000000"),
2353
- onAlert: (0, import_colord11.colord)("#000000"),
2354
- onNeutral: (0, import_colord11.colord)("#000000")
2355
- };
2356
- var createScheme = (b) => ({
2357
- background: {
2358
- primary: b.background.toHslString(),
2359
- secondary: b.background.saturate(0.02).darken(0.05).toHslString(),
2360
- brand: {
2361
- primary: b.brand.toHslString(),
2362
- secondary: b.brand.lighten(0.3).toHslString()
2363
- },
2364
- brandExtra: {
2365
- primary: b.brandExtra.toHslString(),
2366
- secondary: b.brandExtra.lighten(0.3).toHslString()
2367
- },
2368
- success: {
2369
- primary: b.success.toHslString(),
2370
- secondary: b.success.lighten(0.3).toHslString()
2371
- },
2372
- warning: {
2373
- primary: b.warning.toHslString(),
2374
- secondary: b.warning.lighten(0.3).toHslString()
2375
- },
2376
- alert: {
2377
- primary: b.alert.toHslString(),
2378
- secondary: b.alert.lighten(0.3).toHslString()
2379
- },
2380
- neutral: {
2381
- primary: b.neutral.toHslString(),
2382
- secondary: b.neutral.lighten(0.3).toHslString()
2383
- },
2384
- inverse: b.backgroundInverse.toHslString(),
2385
- static: { light: "#ffffff", dark: "#000000" }
2386
- },
2387
- content: {
2388
- primary: b.content.toHslString(),
2389
- secondary: b.content.alpha(0.75).toHslString(),
2390
- tertiary: b.content.alpha(0.6).toHslString(),
2391
- brand: {
2392
- primary: b.brand.darken(0.3).toHslString(),
2393
- secondary: b.brand.darken(0.1).toHslString()
2394
- },
2395
- brandExtra: {
2396
- primary: b.brandExtra.darken(0.3).toHslString(),
2397
- secondary: b.brandExtra.darken(0.1).toHslString()
2398
- },
2399
- success: {
2400
- primary: b.success.darken(0.3).toHslString(),
2401
- secondary: b.success.darken(0.1).toHslString()
2402
- },
2403
- warning: {
2404
- primary: b.warning.darken(0.3).toHslString(),
2405
- secondary: b.warning.darken(0.1).toHslString()
2406
- },
2407
- alert: {
2408
- primary: b.alert.darken(0.3).toHslString(),
2409
- secondary: b.alert.darken(0.1).toHslString()
2410
- },
2411
- neutral: {
2412
- primary: b.neutral.darken(0.3).toHslString(),
2413
- secondary: b.neutral.darken(0.1).toHslString()
2414
- },
2415
- inverse: b.contentInverse.toHslString(),
2416
- static: { light: "#ffffff", dark: "#000000" },
2417
- on: {
2418
- brand: b.onBrand.toHslString(),
2419
- brandExtra: b.onBrandExtra.toHslString(),
2420
- success: b.onSuccess.toHslString(),
2421
- warning: b.onWarning.toHslString(),
2422
- alert: b.onAlert.toHslString(),
2423
- neutral: b.onNeutral.toHslString()
2424
- }
2425
- },
2426
- border: {
2427
- primary: b.mono.toHslString(),
2428
- secondary: b.mono.alpha(0.12).toHslString(),
2429
- inverse: b.contentInverse.alpha(0.15).toHslString(),
2430
- brand: b.brand.toHslString(),
2431
- brandExtra: b.brandExtra.toHslString(),
2432
- success: b.success.toHslString(),
2433
- warning: b.warning.toHslString(),
2434
- alert: b.alert.toHslString(),
2435
- neutral: b.neutral.toHslString()
2436
- },
2437
- overlay: {
2438
- mono: b.mono.alpha(0.05).toHslString(),
2439
- brand: b.brand.alpha(0.3).toHslString(),
2440
- brandExtra: b.brandExtra.alpha(0.3).toHslString(),
2441
- success: b.success.alpha(0.3).toHslString(),
2442
- warning: b.warning.alpha(0.3).toHslString(),
2443
- alert: b.alert.alpha(0.3).toHslString(),
2444
- neutral: b.neutral.alpha(0.3).toHslString()
2445
- },
2446
- layer: {
2447
- scrim: b.mono.alpha(0.75).toHslString(),
2448
- float: b.background.toHslString()
2449
- },
2450
- control: {
2451
- brand: {
2452
- primary: {
2453
- bg: b.brand.toHslString(),
2454
- bgHover: b.brand.lighten(0.1).toHslString(),
2455
- bgPress: b.brand.darken(0.1).toHslString(),
2456
- bgDisable: b.mono.alpha(0.3).toHslString(),
2457
- border: b.brand.darken(0.1).toHslString(),
2458
- borderHover: b.brand.darken(0.1).toHslString(),
2459
- borderPress: b.brand.darken(0.1).toHslString(),
2460
- borderDisable: "transparent"
2461
- },
2462
- secondary: {
2463
- bg: b.brand.alpha(0.4).toHslString(),
2464
- bgHover: b.brand.alpha(0.4).lighten(0.1).toHslString(),
2465
- bgPress: b.brand.alpha(0.4).darken(0.1).toHslString(),
2466
- border: b.brand.toHslString(),
2467
- borderHover: b.brand.toHslString(),
2468
- borderPress: b.brand.toHslString()
2469
- },
2470
- tertiary: {
2471
- bg: "transparent",
2472
- bgHover: b.brand.alpha(0.15).toHslString(),
2473
- bgPress: b.brand.alpha(0.25).toHslString(),
2474
- border: "transparent",
2475
- borderHover: "transparent",
2476
- borderPress: "transparent"
2477
- },
2478
- text: {
2479
- primary: b.onBrand.toHslString(),
2480
- secondary: b.content.toHslString(),
2481
- tertiary: b.brand.darken(0.2).toHslString(),
2482
- disable: b.mono.alpha(0.75).toHslString()
2483
- }
2484
- },
2485
- mono: {
2486
- primary: {
2487
- bg: b.mono.lighten(0.1).toHslString(),
2488
- bgHover: b.mono.lighten(0.2).toHslString(),
2489
- bgPress: b.mono.toHslString(),
2490
- border: "transparent",
2491
- borderHover: "transparent",
2492
- borderPress: "transparent"
2493
- },
2494
- secondary: {
2495
- bg: b.mono.alpha(0.12).lighten(0.1).toHslString(),
2496
- bgHover: b.mono.alpha(0.12).lighten(0.2).toHslString(),
2497
- bgPress: b.mono.alpha(0.12).toHslString(),
2498
- border: b.mono.alpha(0.2).toHslString(),
2499
- borderHover: b.mono.alpha(0.2).toHslString(),
2500
- borderPress: b.mono.alpha(0.2).toHslString()
2501
- },
2502
- tertiary: {
2503
- bg: "transparent",
2504
- bgHover: b.mono.alpha(0.1).toHslString(),
2505
- bgPress: b.mono.alpha(0.2).toHslString(),
2506
- border: "transparent",
2507
- borderHover: "transparent",
2508
- borderPress: "transparent"
2509
- },
2510
- text: {
2511
- primary: b.contentInverse.toHslString(),
2512
- secondary: b.mono.toHslString(),
2513
- tertiary: b.mono.toHslString()
2514
- }
2515
- },
2516
- brandExtra: {
2517
- primary: {
2518
- bg: b.brandExtra.toHslString(),
2519
- bgHover: b.brandExtra.lighten(0.1).toHslString(),
2520
- bgPress: b.brandExtra.darken(0.1).toHslString(),
2521
- border: b.brandExtra.darken(0.2).toHslString(),
2522
- borderHover: b.brandExtra.darken(0.2).toHslString(),
2523
- borderPress: b.brandExtra.darken(0.2).toHslString()
2524
- },
2525
- secondary: {
2526
- bg: b.brandExtra.alpha(0.4).toHslString(),
2527
- bgHover: b.brandExtra.alpha(0.4).darken(0.1).toHslString(),
2528
- bgPress: b.brandExtra.alpha(0.4).lighten(0.1).toHslString(),
2529
- border: b.brandExtra.toHslString(),
2530
- borderHover: b.brandExtra.toHslString(),
2531
- borderPress: b.brandExtra.toHslString()
2532
- },
2533
- tertiary: {
2534
- bg: "transparent",
2535
- bgHover: b.brandExtra.alpha(0.1).toHslString(),
2536
- bgPress: b.brandExtra.alpha(0.2).toHslString(),
2537
- border: "transparent",
2538
- borderHover: "transparent",
2539
- borderPress: "transparent"
2540
- },
2541
- text: {
2542
- primary: b.onBrandExtra.toHslString(),
2543
- secondary: b.content.toHslString(),
2544
- tertiary: b.brandExtra.darken(0.2).toHslString()
2545
- }
2546
- },
2547
- alert: {
2548
- bg: b.alert.lighten(0.3).toHslString(),
2549
- border: b.alert.toHslString(),
2550
- primary: {
2551
- bg: b.alert.toHslString(),
2552
- bgHover: b.alert.lighten(0.1).toHslString(),
2553
- bgPress: b.alert.darken(0.1).toHslString(),
2554
- border: "transparent",
2555
- borderHover: "transparent",
2556
- borderPress: "transparent"
2557
- },
2558
- secondary: {
2559
- bg: b.alert.lighten(0.3).toHslString(),
2560
- bgHover: b.alert.lighten(0.2).toHslString(),
2561
- bgPress: b.alert.lighten(0.1).toHslString(),
2562
- border: b.alert.toHslString(),
2563
- borderHover: b.alert.toHslString(),
2564
- borderPress: b.alert.toHslString()
2565
- },
2566
- tertiary: {
2567
- bg: "transparent",
2568
- bgHover: b.alert.alpha(0.1).toHslString(),
2569
- bgPress: b.alert.alpha(0.2).toHslString(),
2570
- border: "transparent",
2571
- borderHover: "transparent",
2572
- borderPress: "transparent"
2573
- },
2574
- text: {
2575
- primary: b.onAlert.toHslString(),
2576
- secondary: b.content.toHslString(),
2577
- tertiary: b.alert.darken(0.2).toHslString()
2578
- }
2579
- },
2580
- input: {
2581
- bg: b.mono.alpha(0.08).toHslString(),
2582
- bgHover: b.mono.alpha(0.12).toHslString(),
2583
- bgDisable: b.mono.alpha(0.25).toHslString(),
2584
- border: b.mono.alpha(0.12).toHslString(),
2585
- borderHover: b.mono.alpha(0.18).toHslString(),
2586
- borderDisable: b.mono.alpha(0.08).toHslString(),
2587
- text: b.content.toHslString(),
2588
- placeholder: b.content.alpha(0.6).toHslString(),
2589
- textDisable: b.content.alpha(0.36).toHslString()
2590
- },
2591
- focus: {
2592
- bg: b.background.toHslString(),
2593
- border: b.brand.toHslString()
2594
- },
2595
- check: {
2596
- bg: b.brand.toHslString(),
2597
- bgHover: b.brand.darken(0.1).toHslString(),
2598
- bgDisable: b.mono.alpha(0.2).toHslString(),
2599
- border: b.brand.toHslString(),
2600
- borderHover: b.brand.darken(0.1).toHslString(),
2601
- borderDisable: "transparent",
2602
- icon: b.onBrand.toHslString()
2603
- },
2604
- faint: {
2605
- bg: b.mono.alpha(0.15).toHslString(),
2606
- bgHover: b.mono.alpha(0.2).toHslString(),
2607
- border: b.mono.alpha(0.2).toHslString(),
2608
- borderHover: b.mono.alpha(0.1).toHslString()
2609
- },
2610
- slider: {
2611
- bg: b.brand.toHslString(),
2612
- bgHover: b.brand.lighten(0.1).toHslString(),
2613
- bgDisable: b.mono.alpha(0.25).toHslString()
2614
- },
2615
- switch: {
2616
- bg: b.brand.toHslString(),
2617
- bgHover: b.brand.darken(0.1).toHslString(),
2618
- bgDisable: b.mono.alpha(0.25).toHslString(),
2619
- border: b.brand.toHslString(),
2620
- borderHover: b.brand.darken(0.1).toHslString(),
2621
- borderDisable: "transparent"
2622
- },
2623
- knob: {
2624
- bg: b.onBrand.toHslString(),
2625
- bgHover: b.onBrand.darken(0.1).toHslString(),
2626
- bgInactive: b.onBrand.toHslString()
2627
- },
2628
- text: {
2629
- primary: b.content.toHslString(),
2630
- disable: b.content.alpha(0.36).toHslString()
2631
- },
2632
- link: {
2633
- primary: b.linkPrimary.toHslString(),
2634
- primaryHover: b.linkPrimary.alpha(0.7).toHslString(),
2635
- secondary: b.linkSecondary.toHslString(),
2636
- secondaryHover: b.linkSecondary.alpha(0.7).toHslString()
2637
- },
2638
- segmented: {
2639
- bg: b.mono.alpha(0.08).toHslString(),
2640
- bgHover: b.mono.alpha(0.08).toHslString(),
2641
- bgActive: b.background.toHslString(),
2642
- border: b.mono.alpha(0.12).toHslString(),
2643
- borderHover: b.mono.alpha(0.18).toHslString(),
2644
- borderActive: "transparent",
2645
- text: b.content.toHslString(),
2646
- textDisable: b.content.alpha(0.36).toHslString()
2647
- },
2648
- toggleButton: {
2649
- bg: b.mono.alpha(0.08).toHslString(),
2650
- bgHover: b.mono.alpha(0.12).toHslString(),
2651
- bgActive: b.brand.alpha(0.4).toHslString(),
2652
- bgDisable: b.mono.alpha(0.25).toHslString(),
2653
- border: b.mono.alpha(0.12).toHslString(),
2654
- borderHover: b.mono.alpha(0.18).toHslString(),
2655
- borderActive: b.brand.toHslString(),
2656
- borderDisable: "transparent",
2657
- text: b.content.toHslString(),
2658
- textActive: b.content.toHslString(),
2659
- textDisable: b.content.alpha(0.36).toHslString()
2660
- }
2661
- }
2662
- });
2663
- var payStationScheme = createScheme(base10);
2664
-
2665
1995
  // src/themes/index.ts
2666
1996
  var themes = {
2667
1997
  paystation4,
@@ -2838,7 +2168,7 @@ var palettes = {
2838
2168
  };
2839
2169
 
2840
2170
  // src/generators/themeGenerator.ts
2841
- var import_colord12 = require("colord");
2171
+ var import_colord10 = require("colord");
2842
2172
  var import_lodash = __toESM(require("lodash.merge"));
2843
2173
  var bColorsMap = [
2844
2174
  "content",
@@ -2854,13 +2184,13 @@ var bColorsMap = [
2854
2184
  ];
2855
2185
  var generateWithScheme = ({ schemeName, baseColors, parentTheme }) => {
2856
2186
  const scheme = themesColorsScheme[schemeName] || themesColorsScheme.paystation4;
2857
- const base11 = themesBaseColors[schemeName] || themesBaseColors.paystation4;
2187
+ const base10 = themesBaseColors[schemeName] || themesBaseColors.paystation4;
2858
2188
  if (baseColors) {
2859
2189
  bColorsMap.map((value) => {
2860
- base11[value] = (0, import_colord12.colord)(baseColors[value]);
2190
+ base10[value] = (0, import_colord10.colord)(baseColors[value]);
2861
2191
  });
2862
2192
  }
2863
- return (0, import_lodash.default)({}, parentTheme, scheme(base11));
2193
+ return (0, import_lodash.default)({}, parentTheme, scheme(base10));
2864
2194
  };
2865
2195
  var themeGenerator = (props) => {
2866
2196
  const { baseColors, customParams } = props;
@@ -2882,17 +2212,11 @@ var themeGenerator = (props) => {
2882
2212
  };
2883
2213
  // Annotate the CommonJS export names for ESM import in node:
2884
2214
  0 && (module.exports = {
2885
- base,
2886
- baseDark,
2887
- createDarkScheme,
2888
- createScheme,
2889
2215
  emails,
2890
2216
  emailsDark,
2891
2217
  emailsThemes,
2892
2218
  generateWithScheme,
2893
2219
  palettes,
2894
- payStationDarkScheme,
2895
- payStationScheme,
2896
2220
  paystation4,
2897
2221
  paystation4Dark,
2898
2222
  paystation4Gaijin,