@xsolla/switch-theme-customization 0.156.0 → 0.157.0

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 +287 -3
  2. package/index.d.ts +287 -3
  3. package/index.js +1224 -500
  4. package/index.js.map +1 -1
  5. package/index.mjs +1218 -500
  6. package/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/index.js CHANGED
@@ -30,11 +30,17 @@ 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,
33
37
  emails: () => emails,
34
38
  emailsDark: () => emailsDark,
35
39
  emailsThemes: () => emailsThemes,
36
40
  generateWithScheme: () => generateWithScheme,
37
41
  palettes: () => palettes,
42
+ payStationDarkScheme: () => payStationDarkScheme,
43
+ payStationScheme: () => payStationScheme,
38
44
  paystation4: () => paystation4,
39
45
  paystation4Dark: () => paystation4Dark,
40
46
  paystation4Gaijin: () => paystation4Gaijin,
@@ -67,73 +73,73 @@ var base = {
67
73
  alert: (0, import_colord.colord)({ h: 346, s: 100, l: 70 }),
68
74
  neutral: (0, import_colord.colord)({ h: 237, s: 26, l: 80 })
69
75
  };
70
- var ps4DarkScheme = (base10) => ({
76
+ var ps4DarkScheme = (base11) => ({
71
77
  colors: {
72
78
  base: {
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()
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()
83
89
  },
84
90
  core: {
85
91
  background: {
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()
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()
98
104
  },
99
105
  divider: {
100
- divider: base10.phantom.alpha(0.15).toRgbString()
106
+ divider: base11.phantom.alpha(0.15).toRgbString()
101
107
  },
102
108
  text: {
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()
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()
112
118
  },
113
119
  link: {
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()
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()
118
124
  }
119
125
  },
120
126
  control: {
121
127
  primary: {
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()
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()
129
135
  },
130
136
  secondary: {
131
137
  bg: "transparent",
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()
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()
137
143
  },
138
144
  default: {
139
145
  bg: (0, import_colord.colord)({ h: 214, s: 8, l: 97 }).toRgbString(),
@@ -144,51 +150,51 @@ var ps4DarkScheme = (base10) => ({
144
150
  borderPress: (0, import_colord.colord)({ h: 217, s: 8, l: 95 }).toRgbString()
145
151
  },
146
152
  input: {
147
- bg: base10.phantom.alpha(0.07).toRgbString(),
148
- bgHover: base10.phantom.alpha(0.1).toRgbString(),
149
- bgDisabled: base10.phantom.alpha(0.2).toRgbString(),
153
+ bg: base11.phantom.alpha(0.07).toRgbString(),
154
+ bgHover: base11.phantom.alpha(0.1).toRgbString(),
155
+ bgDisabled: base11.phantom.alpha(0.2).toRgbString(),
150
156
  border: "transparent",
151
- borderHover: base10.phantom.alpha(0.1).toRgbString(),
157
+ borderHover: base11.phantom.alpha(0.1).toRgbString(),
152
158
  borderDisabled: "transparent",
153
- text: base10.content.toRgbString(),
154
- textDisabled: base10.content.alpha(0.36).toRgbString(),
155
- placeholder: base10.content.alpha(0.55).toRgbString()
159
+ text: base11.content.toRgbString(),
160
+ textDisabled: base11.content.alpha(0.36).toRgbString(),
161
+ placeholder: base11.content.alpha(0.55).toRgbString()
156
162
  },
157
163
  focus: {
158
- bg: base10.surface.rotate(3).darken(0.1).toRgbString(),
159
- border: base10.project.toRgbString()
164
+ bg: base11.surface.rotate(3).darken(0.1).toRgbString(),
165
+ border: base11.project.toRgbString()
160
166
  },
161
167
  alert: {
162
168
  bg: "transparent",
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()
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()
168
174
  },
169
175
  check: {
170
- bg: base10.project.toRgbString(),
171
- bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
172
- bgDisabled: base10.phantom.alpha(0.2).toRgbString()
176
+ bg: base11.project.toRgbString(),
177
+ bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
178
+ bgDisabled: base11.phantom.alpha(0.2).toRgbString()
173
179
  },
174
180
  faint: {
175
- bg: base10.phantom.alpha(0.15).toRgbString(),
176
- bgHover: base10.phantom.alpha(0.2).toRgbString(),
181
+ bg: base11.phantom.alpha(0.15).toRgbString(),
182
+ bgHover: base11.phantom.alpha(0.2).toRgbString(),
177
183
  border: "transparent",
178
- borderHover: base10.phantom.alpha(0.12).toRgbString()
184
+ borderHover: base11.phantom.alpha(0.12).toRgbString()
179
185
  },
180
186
  toggle: {
181
- bg: base10.phantom.alpha(0.15).toRgbString(),
182
- bgHover: base10.phantom.alpha(0.2).toRgbString()
187
+ bg: base11.phantom.alpha(0.15).toRgbString(),
188
+ bgHover: base11.phantom.alpha(0.2).toRgbString()
183
189
  },
184
190
  text: {
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()
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()
192
198
  }
193
199
  }
194
200
  }
@@ -209,128 +215,128 @@ var base2 = {
209
215
  alert: (0, import_colord2.colord)({ h: 337, s: 100, l: 40 }),
210
216
  neutral: (0, import_colord2.colord)({ h: 252, s: 26, l: 30 })
211
217
  };
212
- var ps4LightScheme = (base10) => ({
218
+ var ps4LightScheme = (base11) => ({
213
219
  colors: {
214
220
  base: {
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()
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()
225
231
  },
226
232
  core: {
227
233
  background: {
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()
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()
240
246
  },
241
247
  divider: {
242
- divider: base10.phantom.alpha(0.15).toRgbString()
248
+ divider: base11.phantom.alpha(0.15).toRgbString()
243
249
  },
244
250
  text: {
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()
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()
254
260
  },
255
261
  link: {
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()
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()
260
266
  }
261
267
  },
262
268
  control: {
263
269
  primary: {
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()
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()
271
277
  },
272
278
  secondary: {
273
279
  bg: "transparent",
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()
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()
279
285
  },
280
286
  default: {
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()
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()
287
293
  },
288
294
  input: {
289
- bg: base10.phantom.alpha(0.07).toRgbString(),
290
- bgHover: base10.phantom.alpha(0.1).toRgbString(),
291
- bgDisabled: base10.phantom.alpha(0.15).toRgbString(),
295
+ bg: base11.phantom.alpha(0.07).toRgbString(),
296
+ bgHover: base11.phantom.alpha(0.1).toRgbString(),
297
+ bgDisabled: base11.phantom.alpha(0.15).toRgbString(),
292
298
  border: "transparent",
293
- borderHover: base10.phantom.alpha(0.1).toRgbString(),
299
+ borderHover: base11.phantom.alpha(0.1).toRgbString(),
294
300
  borderDisabled: "transparent",
295
- text: base10.content.toRgbString(),
296
- textDisabled: base10.content.alpha(0.36).toRgbString(),
297
- placeholder: base10.content.alpha(0.61).toRgbString()
301
+ text: base11.content.toRgbString(),
302
+ textDisabled: base11.content.alpha(0.36).toRgbString(),
303
+ placeholder: base11.content.alpha(0.61).toRgbString()
298
304
  },
299
305
  focus: {
300
- bg: base10.surface.toRgbString(),
301
- border: base10.project.toRgbString()
306
+ bg: base11.surface.toRgbString(),
307
+ border: base11.project.toRgbString()
302
308
  },
303
309
  alert: {
304
310
  bg: "transparent",
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()
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()
310
316
  },
311
317
  check: {
312
- bg: base10.project.toRgbString(),
313
- bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
314
- bgDisabled: base10.phantom.alpha(0.2).toRgbString()
318
+ bg: base11.project.toRgbString(),
319
+ bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
320
+ bgDisabled: base11.phantom.alpha(0.2).toRgbString()
315
321
  },
316
322
  faint: {
317
- bg: base10.phantom.alpha(0.15).toRgbString(),
318
- bgHover: base10.phantom.alpha(0.2).toRgbString(),
323
+ bg: base11.phantom.alpha(0.15).toRgbString(),
324
+ bgHover: base11.phantom.alpha(0.2).toRgbString(),
319
325
  border: "transparent",
320
- borderHover: base10.phantom.alpha(0.15).toRgbString()
326
+ borderHover: base11.phantom.alpha(0.15).toRgbString()
321
327
  },
322
328
  toggle: {
323
- bg: base10.phantom.alpha(0.15).toRgbString(),
324
- bgHover: base10.phantom.alpha(0.2).toRgbString()
329
+ bg: base11.phantom.alpha(0.15).toRgbString(),
330
+ bgHover: base11.phantom.alpha(0.2).toRgbString()
325
331
  },
326
332
  text: {
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()
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()
334
340
  }
335
341
  }
336
342
  }
@@ -562,10 +568,10 @@ var ps4GaijinScheme = () => ({
562
568
  borderPress: (0, import_colord4.colord)({ r: 7, g: 158, b: 169, a: 1 }).toRgbString()
563
569
  },
564
570
  default: {
565
- bg: (0, import_colord4.colord)({ r: 247, g: 247, b: 258, a: 1 }).toRgbString(),
571
+ bg: (0, import_colord4.colord)({ r: 247, g: 247, b: 248, a: 1 }).toRgbString(),
566
572
  bgHover: (0, import_colord4.colord)({ r: 227, g: 229, b: 231, a: 1 }).toRgbString(),
567
573
  bgPress: (0, import_colord4.colord)({ r: 225, g: 255, b: 255, a: 1 }).toRgbString(),
568
- border: (0, import_colord4.colord)({ r: 247, g: 247, b: 258, a: 1 }).toRgbString(),
574
+ border: (0, import_colord4.colord)({ r: 247, g: 247, b: 248, a: 1 }).toRgbString(),
569
575
  borderHover: (0, import_colord4.colord)({ r: 227, g: 229, b: 231, a: 1 }).toRgbString(),
570
576
  borderPress: (0, import_colord4.colord)({ r: 225, g: 255, b: 255, a: 1 }).toRgbString()
571
577
  },
@@ -1041,73 +1047,73 @@ var base6 = {
1041
1047
  alert: (0, import_colord6.colord)({ h: 346, s: 100, l: 70 }),
1042
1048
  neutral: (0, import_colord6.colord)({ h: 237, s: 26, l: 80 })
1043
1049
  };
1044
- var emailsDarkScheme = (base10) => ({
1050
+ var emailsDarkScheme = (base11) => ({
1045
1051
  colors: {
1046
1052
  base: {
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()
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()
1057
1063
  },
1058
1064
  core: {
1059
1065
  background: {
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()
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()
1072
1078
  },
1073
1079
  divider: {
1074
- divider: base10.phantom.alpha(0.15).toRgbString()
1080
+ divider: base11.phantom.alpha(0.15).toRgbString()
1075
1081
  },
1076
1082
  text: {
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()
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()
1086
1092
  },
1087
1093
  link: {
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()
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()
1092
1098
  }
1093
1099
  },
1094
1100
  control: {
1095
1101
  primary: {
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()
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()
1103
1109
  },
1104
1110
  secondary: {
1105
1111
  bg: "transparent",
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()
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()
1111
1117
  },
1112
1118
  default: {
1113
1119
  bg: (0, import_colord6.colord)({ h: 214, s: 8, l: 97 }).toRgbString(),
@@ -1118,51 +1124,51 @@ var emailsDarkScheme = (base10) => ({
1118
1124
  borderPress: (0, import_colord6.colord)({ h: 217, s: 8, l: 95 }).toRgbString()
1119
1125
  },
1120
1126
  input: {
1121
- bg: base10.phantom.alpha(0.07).toRgbString(),
1122
- bgHover: base10.phantom.alpha(0.1).toRgbString(),
1123
- bgDisabled: base10.phantom.alpha(0.2).toRgbString(),
1127
+ bg: base11.phantom.alpha(0.07).toRgbString(),
1128
+ bgHover: base11.phantom.alpha(0.1).toRgbString(),
1129
+ bgDisabled: base11.phantom.alpha(0.2).toRgbString(),
1124
1130
  border: "transparent",
1125
- borderHover: base10.phantom.alpha(0.1).toRgbString(),
1131
+ borderHover: base11.phantom.alpha(0.1).toRgbString(),
1126
1132
  borderDisabled: "transparent",
1127
- text: base10.content.toRgbString(),
1128
- textDisabled: base10.content.alpha(0.36).toRgbString(),
1129
- placeholder: base10.content.alpha(0.55).toRgbString()
1133
+ text: base11.content.toRgbString(),
1134
+ textDisabled: base11.content.alpha(0.36).toRgbString(),
1135
+ placeholder: base11.content.alpha(0.55).toRgbString()
1130
1136
  },
1131
1137
  focus: {
1132
- bg: base10.surface.rotate(3).darken(0.1).toRgbString(),
1133
- border: base10.project.toRgbString()
1138
+ bg: base11.surface.rotate(3).darken(0.1).toRgbString(),
1139
+ border: base11.project.toRgbString()
1134
1140
  },
1135
1141
  alert: {
1136
1142
  bg: "transparent",
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()
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()
1142
1148
  },
1143
1149
  check: {
1144
- bg: base10.project.toRgbString(),
1145
- bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1146
- bgDisabled: base10.phantom.alpha(0.2).toRgbString()
1150
+ bg: base11.project.toRgbString(),
1151
+ bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1152
+ bgDisabled: base11.phantom.alpha(0.2).toRgbString()
1147
1153
  },
1148
1154
  faint: {
1149
- bg: base10.phantom.alpha(0.15).toRgbString(),
1150
- bgHover: base10.phantom.alpha(0.2).toRgbString(),
1155
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1156
+ bgHover: base11.phantom.alpha(0.2).toRgbString(),
1151
1157
  border: "transparent",
1152
- borderHover: base10.phantom.alpha(0.12).toRgbString()
1158
+ borderHover: base11.phantom.alpha(0.12).toRgbString()
1153
1159
  },
1154
1160
  toggle: {
1155
- bg: base10.phantom.alpha(0.15).toRgbString(),
1156
- bgHover: base10.phantom.alpha(0.2).toRgbString()
1161
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1162
+ bgHover: base11.phantom.alpha(0.2).toRgbString()
1157
1163
  },
1158
1164
  text: {
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()
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()
1166
1172
  }
1167
1173
  }
1168
1174
  }
@@ -1183,128 +1189,128 @@ var base7 = {
1183
1189
  alert: (0, import_colord7.colord)({ h: 337, s: 100, l: 40 }),
1184
1190
  neutral: (0, import_colord7.colord)({ h: 252, s: 26, l: 30 })
1185
1191
  };
1186
- var emailsLightScheme = (base10) => ({
1192
+ var emailsLightScheme = (base11) => ({
1187
1193
  colors: {
1188
1194
  base: {
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()
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()
1199
1205
  },
1200
1206
  core: {
1201
1207
  background: {
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()
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()
1214
1220
  },
1215
1221
  divider: {
1216
- divider: base10.phantom.alpha(0.15).toRgbString()
1222
+ divider: base11.phantom.alpha(0.15).toRgbString()
1217
1223
  },
1218
1224
  text: {
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()
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()
1228
1234
  },
1229
1235
  link: {
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()
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()
1234
1240
  }
1235
1241
  },
1236
1242
  control: {
1237
1243
  primary: {
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()
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()
1245
1251
  },
1246
1252
  secondary: {
1247
1253
  bg: "transparent",
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()
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()
1253
1259
  },
1254
1260
  default: {
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()
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()
1261
1267
  },
1262
1268
  input: {
1263
- bg: base10.phantom.alpha(0.07).toRgbString(),
1264
- bgHover: base10.phantom.alpha(0.1).toRgbString(),
1265
- bgDisabled: base10.phantom.alpha(0.15).toRgbString(),
1269
+ bg: base11.phantom.alpha(0.07).toRgbString(),
1270
+ bgHover: base11.phantom.alpha(0.1).toRgbString(),
1271
+ bgDisabled: base11.phantom.alpha(0.15).toRgbString(),
1266
1272
  border: "transparent",
1267
- borderHover: base10.phantom.alpha(0.1).toRgbString(),
1273
+ borderHover: base11.phantom.alpha(0.1).toRgbString(),
1268
1274
  borderDisabled: "transparent",
1269
- text: base10.content.toRgbString(),
1270
- textDisabled: base10.content.alpha(0.36).toRgbString(),
1271
- placeholder: base10.content.alpha(0.61).toRgbString()
1275
+ text: base11.content.toRgbString(),
1276
+ textDisabled: base11.content.alpha(0.36).toRgbString(),
1277
+ placeholder: base11.content.alpha(0.61).toRgbString()
1272
1278
  },
1273
1279
  focus: {
1274
- bg: base10.surface.toRgbString(),
1275
- border: base10.project.toRgbString()
1280
+ bg: base11.surface.toRgbString(),
1281
+ border: base11.project.toRgbString()
1276
1282
  },
1277
1283
  alert: {
1278
1284
  bg: "transparent",
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()
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()
1284
1290
  },
1285
1291
  check: {
1286
- bg: base10.project.toRgbString(),
1287
- bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1288
- bgDisabled: base10.phantom.alpha(0.2).toRgbString()
1292
+ bg: base11.project.toRgbString(),
1293
+ bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1294
+ bgDisabled: base11.phantom.alpha(0.2).toRgbString()
1289
1295
  },
1290
1296
  faint: {
1291
- bg: base10.phantom.alpha(0.15).toRgbString(),
1292
- bgHover: base10.phantom.alpha(0.2).toRgbString(),
1297
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1298
+ bgHover: base11.phantom.alpha(0.2).toRgbString(),
1293
1299
  border: "transparent",
1294
- borderHover: base10.phantom.alpha(0.15).toRgbString()
1300
+ borderHover: base11.phantom.alpha(0.15).toRgbString()
1295
1301
  },
1296
1302
  toggle: {
1297
- bg: base10.phantom.alpha(0.15).toRgbString(),
1298
- bgHover: base10.phantom.alpha(0.2).toRgbString()
1303
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1304
+ bgHover: base11.phantom.alpha(0.2).toRgbString()
1299
1305
  },
1300
1306
  text: {
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()
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()
1308
1314
  }
1309
1315
  }
1310
1316
  }
@@ -1489,79 +1495,79 @@ var base8 = {
1489
1495
  alert: (0, import_colord8.colord)({ h: 337, s: 100, l: 40 }),
1490
1496
  neutral: (0, import_colord8.colord)({ h: 252, s: 25, l: 30 })
1491
1497
  };
1492
- var publisherV2LightScheme = (base10) => ({
1498
+ var publisherV2LightScheme = (base11) => ({
1493
1499
  colors: {
1494
1500
  base: {
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()
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()
1505
1511
  },
1506
1512
  core: {
1507
1513
  background: {
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(),
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(),
1516
1522
  /* status */
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()
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()
1521
1527
  },
1522
1528
  divider: {
1523
- divider: base10.phantom.alpha(0.15).toRgbString()
1529
+ divider: base11.phantom.alpha(0.15).toRgbString()
1524
1530
  },
1525
1531
  text: {
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()
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()
1535
1541
  },
1536
1542
  link: {
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()
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()
1541
1547
  }
1542
1548
  },
1543
1549
  control: {
1544
1550
  primary: {
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(),
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(),
1549
1555
  border: "transparent",
1550
1556
  borderHover: "transparent",
1551
1557
  borderPress: "transparent"
1552
1558
  },
1553
1559
  secondary: {
1554
1560
  bg: "transparent",
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()
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()
1560
1566
  },
1561
1567
  tertiary: {
1562
- bg: base10.phantom.alpha(0.07).toRgbString(),
1563
- bgHover: base10.phantom.alpha(0.15).toRgbString(),
1564
- bgPress: base10.phantom.alpha(0.25).toRgbString(),
1568
+ bg: base11.phantom.alpha(0.07).toRgbString(),
1569
+ bgHover: base11.phantom.alpha(0.15).toRgbString(),
1570
+ bgPress: base11.phantom.alpha(0.25).toRgbString(),
1565
1571
  border: "transparent",
1566
1572
  borderHover: "transparent",
1567
1573
  borderPress: "transparent"
@@ -1576,51 +1582,51 @@ var publisherV2LightScheme = (base10) => ({
1576
1582
  },
1577
1583
  input: {
1578
1584
  bg: "transparent",
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(),
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(),
1583
1589
  borderDisabled: "transparent",
1584
- text: base10.content.toRgbString(),
1585
- placeholder: base10.content.alpha(0.55).toRgbString(),
1586
- textDisabled: base10.content.alpha(0.3).toRgbString()
1590
+ text: base11.content.toRgbString(),
1591
+ placeholder: base11.content.alpha(0.55).toRgbString(),
1592
+ textDisabled: base11.content.alpha(0.3).toRgbString()
1587
1593
  },
1588
1594
  focus: {
1589
1595
  bg: "transparent",
1590
- border: base10.project.toRgbString()
1596
+ border: base11.project.toRgbString()
1591
1597
  },
1592
1598
  alert: {
1593
1599
  bg: "transparent",
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()
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()
1599
1605
  },
1600
1606
  check: {
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()
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()
1604
1610
  },
1605
1611
  faint: {
1606
- bg: base10.phantom.alpha(0.15).toRgbString(),
1607
- bgHover: base10.phantom.alpha(0.2).toRgbString(),
1612
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1613
+ bgHover: base11.phantom.alpha(0.2).toRgbString(),
1608
1614
  border: "transparent",
1609
- borderHover: base10.phantom.alpha(0.15).toRgbString()
1615
+ borderHover: base11.phantom.alpha(0.15).toRgbString()
1610
1616
  },
1611
1617
  toggle: {
1612
- bg: base10.phantom.alpha(0.15).toRgbString(),
1613
- bgHover: base10.phantom.alpha(0.2).toRgbString()
1618
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1619
+ bgHover: base11.phantom.alpha(0.2).toRgbString()
1614
1620
  },
1615
1621
  text: {
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()
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()
1624
1630
  }
1625
1631
  }
1626
1632
  }
@@ -1641,79 +1647,79 @@ var base9 = {
1641
1647
  alert: (0, import_colord9.colord)({ h: 345, s: 100, l: 70 }),
1642
1648
  neutral: (0, import_colord9.colord)({ h: 237, s: 26, l: 80 })
1643
1649
  };
1644
- var publisherV2DarkScheme = (base10) => ({
1650
+ var publisherV2DarkScheme = (base11) => ({
1645
1651
  colors: {
1646
1652
  base: {
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()
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()
1657
1663
  },
1658
1664
  core: {
1659
1665
  background: {
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(),
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(),
1668
1674
  /* status */
1669
- success: base10.surface.toRgbString(),
1670
- warning: base10.surface.toRgbString(),
1671
- alert: base10.surface.toRgbString(),
1672
- neutral: base10.surface.toRgbString()
1675
+ success: base11.surface.toRgbString(),
1676
+ warning: base11.surface.toRgbString(),
1677
+ alert: base11.surface.toRgbString(),
1678
+ neutral: base11.surface.toRgbString()
1673
1679
  },
1674
1680
  divider: {
1675
- divider: base10.phantom.alpha(0.15).toRgbString()
1681
+ divider: base11.phantom.alpha(0.15).toRgbString()
1676
1682
  },
1677
1683
  text: {
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()
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()
1687
1693
  },
1688
1694
  link: {
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()
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()
1693
1699
  }
1694
1700
  },
1695
1701
  control: {
1696
1702
  primary: {
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(),
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(),
1701
1707
  border: "transparent",
1702
1708
  borderHover: "transparent",
1703
1709
  borderPress: "transparent"
1704
1710
  },
1705
1711
  secondary: {
1706
1712
  bg: "transparent",
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()
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()
1712
1718
  },
1713
1719
  tertiary: {
1714
- bg: base10.phantom.alpha(0.15).toRgbString(),
1715
- bgHover: base10.phantom.alpha(0.25).toRgbString(),
1716
- bgPress: base10.phantom.alpha(0.35).toRgbString(),
1720
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1721
+ bgHover: base11.phantom.alpha(0.25).toRgbString(),
1722
+ bgPress: base11.phantom.alpha(0.35).toRgbString(),
1717
1723
  border: "transparent",
1718
1724
  borderHover: "transparent",
1719
1725
  borderPress: "transparent"
@@ -1728,51 +1734,51 @@ var publisherV2DarkScheme = (base10) => ({
1728
1734
  },
1729
1735
  input: {
1730
1736
  bg: "transparent",
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()
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()
1739
1745
  },
1740
1746
  focus: {
1741
- bg: base10.surface.toRgbString(),
1742
- border: base10.project.rotate(-3).lighten(0.1).toRgbString()
1747
+ bg: base11.surface.toRgbString(),
1748
+ border: base11.project.rotate(-3).lighten(0.1).toRgbString()
1743
1749
  },
1744
1750
  alert: {
1745
1751
  bg: "transparent",
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()
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()
1751
1757
  },
1752
1758
  check: {
1753
- bg: base10.project.toRgbString(),
1754
- bgHover: base10.project.rotate(3).darken(0.1).toRgbString(),
1755
- bgDisabled: base10.phantom.alpha(0.2).toRgbString()
1759
+ bg: base11.project.toRgbString(),
1760
+ bgHover: base11.project.rotate(3).darken(0.1).toRgbString(),
1761
+ bgDisabled: base11.phantom.alpha(0.2).toRgbString()
1756
1762
  },
1757
1763
  faint: {
1758
- bg: base10.phantom.alpha(0.15).toRgbString(),
1759
- bgHover: base10.phantom.alpha(0.2).toRgbString(),
1764
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1765
+ bgHover: base11.phantom.alpha(0.2).toRgbString(),
1760
1766
  border: "transparent",
1761
- borderHover: base10.phantom.alpha(0.12).toRgbString()
1767
+ borderHover: base11.phantom.alpha(0.12).toRgbString()
1762
1768
  },
1763
1769
  toggle: {
1764
- bg: base10.phantom.alpha(0.15).toRgbString(),
1765
- bgHover: base10.phantom.alpha(0.2).toRgbString()
1770
+ bg: base11.phantom.alpha(0.15).toRgbString(),
1771
+ bgHover: base11.phantom.alpha(0.2).toRgbString()
1766
1772
  },
1767
1773
  text: {
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()
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()
1776
1782
  }
1777
1783
  }
1778
1784
  }
@@ -1992,6 +1998,670 @@ var themesColorsScheme = {
1992
1998
  emailsDark: emailsDarkScheme
1993
1999
  };
1994
2000
 
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
+
1995
2665
  // src/themes/index.ts
1996
2666
  var themes = {
1997
2667
  paystation4,
@@ -2168,8 +2838,37 @@ var palettes = {
2168
2838
  };
2169
2839
 
2170
2840
  // src/generators/themeGenerator.ts
2171
- var import_colord10 = require("colord");
2841
+ var import_colord12 = require("colord");
2172
2842
  var import_lodash = __toESM(require("lodash.merge"));
2843
+ var pentagramBaseColors = {
2844
+ payStationLight: base10,
2845
+ payStationDark: baseDark
2846
+ };
2847
+ var pentagramColorsScheme = {
2848
+ payStationLight: createScheme,
2849
+ payStationDark: createDarkScheme
2850
+ };
2851
+ var pentagramBaseColorsKeys = [
2852
+ "content",
2853
+ "contentInverse",
2854
+ "background",
2855
+ "backgroundInverse",
2856
+ "brand",
2857
+ "brandExtra",
2858
+ "success",
2859
+ "warning",
2860
+ "alert",
2861
+ "neutral",
2862
+ "mono",
2863
+ "linkPrimary",
2864
+ "linkSecondary",
2865
+ "onBrand",
2866
+ "onBrandExtra",
2867
+ "onSuccess",
2868
+ "onWarning",
2869
+ "onAlert",
2870
+ "onNeutral"
2871
+ ];
2173
2872
  var bColorsMap = [
2174
2873
  "content",
2175
2874
  "surface",
@@ -2182,41 +2881,66 @@ var bColorsMap = [
2182
2881
  "alert",
2183
2882
  "neutral"
2184
2883
  ];
2185
- var generateWithScheme = ({ schemeName, baseColors, parentTheme }) => {
2884
+ var generateWithScheme = ({
2885
+ schemeName,
2886
+ baseColors,
2887
+ parentTheme
2888
+ }) => {
2186
2889
  const scheme = themesColorsScheme[schemeName] || themesColorsScheme.paystation4;
2187
- const base10 = themesBaseColors[schemeName] || themesBaseColors.paystation4;
2890
+ const base11 = themesBaseColors[schemeName] || themesBaseColors.paystation4;
2188
2891
  if (baseColors) {
2189
2892
  bColorsMap.map((value) => {
2190
- base10[value] = (0, import_colord10.colord)(baseColors[value]);
2893
+ base11[value] = (0, import_colord12.colord)(baseColors[value]);
2191
2894
  });
2192
2895
  }
2193
- return (0, import_lodash.default)({}, parentTheme, scheme(base10));
2896
+ return (0, import_lodash.default)({}, parentTheme, scheme(base11));
2194
2897
  };
2195
- var themeGenerator = (props) => {
2196
- const { baseColors, customParams } = props;
2197
- const schemeName = props.schemeName || "paystation4";
2198
- const parentTheme = props.parentTheme || themes[schemeName] || {};
2898
+ function themeGenerator(props) {
2899
+ const { schemeName, baseColors } = props;
2900
+ if (schemeName in pentagramColorsScheme) {
2901
+ const schemeBase = baseColors ? applyPentagramColors(
2902
+ pentagramBaseColors[schemeName],
2903
+ baseColors
2904
+ ) : { ...pentagramBaseColors[schemeName] };
2905
+ return pentagramColorsScheme[schemeName](schemeBase);
2906
+ }
2907
+ const { customParams, parentTheme: propParentTheme } = props;
2908
+ const parentTheme = propParentTheme || themes[schemeName] || {};
2199
2909
  let generateTheme = { ...parentTheme };
2200
2910
  if (schemeName && baseColors) {
2201
- generateTheme = generateWithScheme({ schemeName, baseColors, parentTheme });
2911
+ generateTheme = generateWithScheme({
2912
+ schemeName,
2913
+ baseColors,
2914
+ parentTheme
2915
+ });
2202
2916
  }
2203
2917
  if (customParams) {
2204
- const generateColors = { ...generateTheme.colors };
2205
- const generateTypo = { ...generateTheme.typo };
2206
- const generateMisc = { ...generateTheme.misc };
2207
- generateTheme.colors = (0, import_lodash.default)({}, generateColors, customParams.colors);
2208
- generateTheme.typo = (0, import_lodash.default)({}, generateTypo, customParams.typo);
2209
- generateTheme.misc = (0, import_lodash.default)({}, generateMisc, customParams.misc);
2918
+ generateTheme.colors = (0, import_lodash.default)({}, generateTheme.colors, customParams.colors);
2919
+ generateTheme.typo = (0, import_lodash.default)({}, generateTheme.typo, customParams.typo);
2920
+ generateTheme.misc = (0, import_lodash.default)({}, generateTheme.misc, customParams.misc);
2210
2921
  }
2211
2922
  return generateTheme;
2923
+ }
2924
+ var applyPentagramColors = (schemeBase, overrides) => {
2925
+ const result = { ...schemeBase };
2926
+ pentagramBaseColorsKeys.forEach((key) => {
2927
+ if (overrides[key]) result[key] = (0, import_colord12.colord)(overrides[key]);
2928
+ });
2929
+ return result;
2212
2930
  };
2213
2931
  // Annotate the CommonJS export names for ESM import in node:
2214
2932
  0 && (module.exports = {
2933
+ base,
2934
+ baseDark,
2935
+ createDarkScheme,
2936
+ createScheme,
2215
2937
  emails,
2216
2938
  emailsDark,
2217
2939
  emailsThemes,
2218
2940
  generateWithScheme,
2219
2941
  palettes,
2942
+ payStationDarkScheme,
2943
+ payStationScheme,
2220
2944
  paystation4,
2221
2945
  paystation4Dark,
2222
2946
  paystation4Gaijin,