gantri-components 2.221.0 → 2.223.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.
- package/dist/core/index.d.ts +2 -2
- package/dist/helpers/generate-skus-functions/generate-skus-for-product-id/generate-skus-for-product-id.types.d.ts +1 -0
- package/dist/helpers/generate-skus-functions/get-colors-by-product/get-colors-by-product.types.d.ts +1 -0
- package/dist/helpers/generate-skus-functions/get-light-colors/get-light-colors.types.d.ts +1 -0
- package/dist/helpers/generate-skus-functions/helpers/get-is-color-available-for-product-id/get-is-color-available-for-product-id.d.ts +2 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +20 -0
- package/dist/index.esm.js +1 -1
- package/dist/styles/theme.d.ts +299 -7
- package/package.json +1 -1
package/dist/styles/theme.d.ts
CHANGED
|
@@ -215,20 +215,312 @@ declare module 'styled-components' {
|
|
|
215
215
|
}
|
|
216
216
|
export declare const spacing: DefaultTheme['dimensions']['spacing'];
|
|
217
217
|
declare const defaults: DefaultTheme['defaults'];
|
|
218
|
-
export
|
|
219
|
-
export type
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
218
|
+
export type ProductColorStatus = 'active' | 'archived';
|
|
219
|
+
export type ColorAvailabilityRule = {
|
|
220
|
+
productIds: number[];
|
|
221
|
+
type: 'only-on-products';
|
|
222
|
+
} | {
|
|
223
|
+
productIds: number[];
|
|
224
|
+
type: 'trade-only-on-products';
|
|
225
|
+
} | {
|
|
226
|
+
flag: 'allowGantriColors';
|
|
227
|
+
type: 'flag-gated';
|
|
228
|
+
};
|
|
224
229
|
export interface ProductColorDetails {
|
|
230
|
+
availability?: ColorAvailabilityRule;
|
|
225
231
|
code: ProductColorCode;
|
|
226
232
|
fullColorName: string;
|
|
227
233
|
hexColor: string;
|
|
228
234
|
inventoryColor: string;
|
|
229
235
|
shortColorName: string;
|
|
236
|
+
status: ProductColorStatus;
|
|
230
237
|
}
|
|
231
|
-
|
|
238
|
+
declare const productColorsDefinition: {
|
|
239
|
+
blossompink: {
|
|
240
|
+
code: string;
|
|
241
|
+
fullColorName: string;
|
|
242
|
+
hexColor: string;
|
|
243
|
+
inventoryColor: string;
|
|
244
|
+
shortColorName: string;
|
|
245
|
+
status: "active";
|
|
246
|
+
};
|
|
247
|
+
canyon: {
|
|
248
|
+
code: string;
|
|
249
|
+
fullColorName: string;
|
|
250
|
+
hexColor: string;
|
|
251
|
+
inventoryColor: string;
|
|
252
|
+
shortColorName: string;
|
|
253
|
+
status: "active";
|
|
254
|
+
};
|
|
255
|
+
carbon: {
|
|
256
|
+
code: string;
|
|
257
|
+
fullColorName: string;
|
|
258
|
+
hexColor: string;
|
|
259
|
+
inventoryColor: string;
|
|
260
|
+
shortColorName: string;
|
|
261
|
+
status: "active";
|
|
262
|
+
};
|
|
263
|
+
cobalt: {
|
|
264
|
+
code: string;
|
|
265
|
+
fullColorName: string;
|
|
266
|
+
hexColor: string;
|
|
267
|
+
inventoryColor: string;
|
|
268
|
+
shortColorName: string;
|
|
269
|
+
status: "active";
|
|
270
|
+
};
|
|
271
|
+
coral: {
|
|
272
|
+
code: string;
|
|
273
|
+
fullColorName: string;
|
|
274
|
+
hexColor: string;
|
|
275
|
+
inventoryColor: string;
|
|
276
|
+
shortColorName: string;
|
|
277
|
+
status: "archived";
|
|
278
|
+
};
|
|
279
|
+
fog: {
|
|
280
|
+
code: string;
|
|
281
|
+
fullColorName: string;
|
|
282
|
+
hexColor: string;
|
|
283
|
+
inventoryColor: string;
|
|
284
|
+
shortColorName: string;
|
|
285
|
+
status: "archived";
|
|
286
|
+
};
|
|
287
|
+
forest: {
|
|
288
|
+
code: string;
|
|
289
|
+
fullColorName: string;
|
|
290
|
+
hexColor: string;
|
|
291
|
+
inventoryColor: string;
|
|
292
|
+
shortColorName: string;
|
|
293
|
+
status: "archived";
|
|
294
|
+
};
|
|
295
|
+
gantri: {
|
|
296
|
+
availability: {
|
|
297
|
+
flag: "allowGantriColors";
|
|
298
|
+
type: "flag-gated";
|
|
299
|
+
};
|
|
300
|
+
code: string;
|
|
301
|
+
fullColorName: string;
|
|
302
|
+
hexColor: string;
|
|
303
|
+
inventoryColor: string;
|
|
304
|
+
shortColorName: string;
|
|
305
|
+
status: "active";
|
|
306
|
+
};
|
|
307
|
+
glossysnowwhite: {
|
|
308
|
+
availability: {
|
|
309
|
+
productIds: number[];
|
|
310
|
+
type: "only-on-products";
|
|
311
|
+
};
|
|
312
|
+
code: string;
|
|
313
|
+
fullColorName: string;
|
|
314
|
+
hexColor: string;
|
|
315
|
+
inventoryColor: string;
|
|
316
|
+
shortColorName: string;
|
|
317
|
+
status: "archived";
|
|
318
|
+
};
|
|
319
|
+
hibiscus: {
|
|
320
|
+
code: string;
|
|
321
|
+
fullColorName: string;
|
|
322
|
+
hexColor: string;
|
|
323
|
+
inventoryColor: string;
|
|
324
|
+
shortColorName: string;
|
|
325
|
+
status: "archived";
|
|
326
|
+
};
|
|
327
|
+
lichen: {
|
|
328
|
+
code: string;
|
|
329
|
+
fullColorName: string;
|
|
330
|
+
hexColor: string;
|
|
331
|
+
inventoryColor: string;
|
|
332
|
+
shortColorName: string;
|
|
333
|
+
status: "active";
|
|
334
|
+
};
|
|
335
|
+
lilac: {
|
|
336
|
+
code: string;
|
|
337
|
+
fullColorName: string;
|
|
338
|
+
hexColor: string;
|
|
339
|
+
inventoryColor: string;
|
|
340
|
+
shortColorName: string;
|
|
341
|
+
status: "active";
|
|
342
|
+
};
|
|
343
|
+
magnolia: {
|
|
344
|
+
code: string;
|
|
345
|
+
fullColorName: string;
|
|
346
|
+
hexColor: string;
|
|
347
|
+
inventoryColor: string;
|
|
348
|
+
shortColorName: string;
|
|
349
|
+
status: "active";
|
|
350
|
+
};
|
|
351
|
+
manzanita: {
|
|
352
|
+
code: string;
|
|
353
|
+
fullColorName: string;
|
|
354
|
+
hexColor: string;
|
|
355
|
+
inventoryColor: string;
|
|
356
|
+
shortColorName: string;
|
|
357
|
+
status: "active";
|
|
358
|
+
};
|
|
359
|
+
meadow: {
|
|
360
|
+
code: string;
|
|
361
|
+
fullColorName: string;
|
|
362
|
+
hexColor: string;
|
|
363
|
+
inventoryColor: string;
|
|
364
|
+
shortColorName: string;
|
|
365
|
+
status: "active";
|
|
366
|
+
};
|
|
367
|
+
midnight: {
|
|
368
|
+
code: string;
|
|
369
|
+
fullColorName: string;
|
|
370
|
+
hexColor: string;
|
|
371
|
+
inventoryColor: string;
|
|
372
|
+
shortColorName: string;
|
|
373
|
+
status: "active";
|
|
374
|
+
};
|
|
375
|
+
mist: {
|
|
376
|
+
code: string;
|
|
377
|
+
fullColorName: string;
|
|
378
|
+
hexColor: string;
|
|
379
|
+
inventoryColor: string;
|
|
380
|
+
shortColorName: string;
|
|
381
|
+
status: "active";
|
|
382
|
+
};
|
|
383
|
+
mustard: {
|
|
384
|
+
code: string;
|
|
385
|
+
fullColorName: string;
|
|
386
|
+
hexColor: string;
|
|
387
|
+
inventoryColor: string;
|
|
388
|
+
shortColorName: string;
|
|
389
|
+
status: "active";
|
|
390
|
+
};
|
|
391
|
+
olive: {
|
|
392
|
+
code: string;
|
|
393
|
+
fullColorName: string;
|
|
394
|
+
hexColor: string;
|
|
395
|
+
inventoryColor: string;
|
|
396
|
+
shortColorName: string;
|
|
397
|
+
status: "active";
|
|
398
|
+
};
|
|
399
|
+
peach: {
|
|
400
|
+
code: string;
|
|
401
|
+
fullColorName: string;
|
|
402
|
+
hexColor: string;
|
|
403
|
+
inventoryColor: string;
|
|
404
|
+
shortColorName: string;
|
|
405
|
+
status: "active";
|
|
406
|
+
};
|
|
407
|
+
persimmon: {
|
|
408
|
+
code: string;
|
|
409
|
+
fullColorName: string;
|
|
410
|
+
hexColor: string;
|
|
411
|
+
inventoryColor: string;
|
|
412
|
+
shortColorName: string;
|
|
413
|
+
status: "active";
|
|
414
|
+
};
|
|
415
|
+
poppy: {
|
|
416
|
+
code: string;
|
|
417
|
+
fullColorName: string;
|
|
418
|
+
hexColor: string;
|
|
419
|
+
inventoryColor: string;
|
|
420
|
+
shortColorName: string;
|
|
421
|
+
status: "active";
|
|
422
|
+
};
|
|
423
|
+
sage: {
|
|
424
|
+
code: string;
|
|
425
|
+
fullColorName: string;
|
|
426
|
+
hexColor: string;
|
|
427
|
+
inventoryColor: string;
|
|
428
|
+
shortColorName: string;
|
|
429
|
+
status: "active";
|
|
430
|
+
};
|
|
431
|
+
sand: {
|
|
432
|
+
code: string;
|
|
433
|
+
fullColorName: string;
|
|
434
|
+
hexColor: string;
|
|
435
|
+
inventoryColor: string;
|
|
436
|
+
shortColorName: string;
|
|
437
|
+
status: "active";
|
|
438
|
+
};
|
|
439
|
+
sedona: {
|
|
440
|
+
code: string;
|
|
441
|
+
fullColorName: string;
|
|
442
|
+
hexColor: string;
|
|
443
|
+
inventoryColor: string;
|
|
444
|
+
shortColorName: string;
|
|
445
|
+
status: "active";
|
|
446
|
+
};
|
|
447
|
+
sky: {
|
|
448
|
+
code: string;
|
|
449
|
+
fullColorName: string;
|
|
450
|
+
hexColor: string;
|
|
451
|
+
inventoryColor: string;
|
|
452
|
+
shortColorName: string;
|
|
453
|
+
status: "archived";
|
|
454
|
+
};
|
|
455
|
+
smoke: {
|
|
456
|
+
code: string;
|
|
457
|
+
fullColorName: string;
|
|
458
|
+
hexColor: string;
|
|
459
|
+
inventoryColor: string;
|
|
460
|
+
shortColorName: string;
|
|
461
|
+
status: "active";
|
|
462
|
+
};
|
|
463
|
+
snow: {
|
|
464
|
+
code: string;
|
|
465
|
+
fullColorName: string;
|
|
466
|
+
hexColor: string;
|
|
467
|
+
inventoryColor: string;
|
|
468
|
+
shortColorName: string;
|
|
469
|
+
status: "active";
|
|
470
|
+
};
|
|
471
|
+
sproutgreen: {
|
|
472
|
+
code: string;
|
|
473
|
+
fullColorName: string;
|
|
474
|
+
hexColor: string;
|
|
475
|
+
inventoryColor: string;
|
|
476
|
+
shortColorName: string;
|
|
477
|
+
status: "archived";
|
|
478
|
+
};
|
|
479
|
+
spruce: {
|
|
480
|
+
code: string;
|
|
481
|
+
fullColorName: string;
|
|
482
|
+
hexColor: string;
|
|
483
|
+
inventoryColor: string;
|
|
484
|
+
shortColorName: string;
|
|
485
|
+
status: "active";
|
|
486
|
+
};
|
|
487
|
+
stone: {
|
|
488
|
+
code: string;
|
|
489
|
+
fullColorName: string;
|
|
490
|
+
hexColor: string;
|
|
491
|
+
inventoryColor: string;
|
|
492
|
+
shortColorName: string;
|
|
493
|
+
status: "active";
|
|
494
|
+
};
|
|
495
|
+
sunrise: {
|
|
496
|
+
code: string;
|
|
497
|
+
fullColorName: string;
|
|
498
|
+
hexColor: string;
|
|
499
|
+
inventoryColor: string;
|
|
500
|
+
shortColorName: string;
|
|
501
|
+
status: "active";
|
|
502
|
+
};
|
|
503
|
+
walnut: {
|
|
504
|
+
code: string;
|
|
505
|
+
fullColorName: string;
|
|
506
|
+
hexColor: string;
|
|
507
|
+
inventoryColor: string;
|
|
508
|
+
shortColorName: string;
|
|
509
|
+
status: "active";
|
|
510
|
+
};
|
|
511
|
+
};
|
|
512
|
+
export type ProductColorCode = keyof typeof productColorsDefinition;
|
|
513
|
+
export declare const productColorsMap: Record<"blossompink" | "canyon" | "carbon" | "cobalt" | "coral" | "fog" | "forest" | "gantri" | "glossysnowwhite" | "hibiscus" | "lichen" | "lilac" | "magnolia" | "manzanita" | "meadow" | "midnight" | "mist" | "mustard" | "olive" | "peach" | "persimmon" | "poppy" | "sage" | "sand" | "sedona" | "sky" | "smoke" | "snow" | "sproutgreen" | "spruce" | "stone" | "sunrise" | "walnut", ProductColorDetails>;
|
|
514
|
+
/** All product color codes, auto-derived from productColorsMap. */
|
|
515
|
+
export declare const allProductColorCodes: ("blossompink" | "canyon" | "carbon" | "cobalt" | "coral" | "fog" | "forest" | "gantri" | "glossysnowwhite" | "hibiscus" | "lichen" | "lilac" | "magnolia" | "manzanita" | "meadow" | "midnight" | "mist" | "mustard" | "olive" | "peach" | "persimmon" | "poppy" | "sage" | "sand" | "sedona" | "sky" | "smoke" | "snow" | "sproutgreen" | "spruce" | "stone" | "sunrise" | "walnut")[];
|
|
516
|
+
/** Color codes that are currently active. */
|
|
517
|
+
export declare const activeProductColorCodes: ("blossompink" | "canyon" | "carbon" | "cobalt" | "coral" | "fog" | "forest" | "gantri" | "glossysnowwhite" | "hibiscus" | "lichen" | "lilac" | "magnolia" | "manzanita" | "meadow" | "midnight" | "mist" | "mustard" | "olive" | "peach" | "persimmon" | "poppy" | "sage" | "sand" | "sedona" | "sky" | "smoke" | "snow" | "sproutgreen" | "spruce" | "stone" | "sunrise" | "walnut")[];
|
|
518
|
+
/** Color codes that have been archived (no longer offered but may exist on past orders). */
|
|
519
|
+
export declare const archivedProductColorCodes: ("blossompink" | "canyon" | "carbon" | "cobalt" | "coral" | "fog" | "forest" | "gantri" | "glossysnowwhite" | "hibiscus" | "lichen" | "lilac" | "magnolia" | "manzanita" | "meadow" | "midnight" | "mist" | "mustard" | "olive" | "peach" | "persimmon" | "poppy" | "sage" | "sand" | "sedona" | "sky" | "smoke" | "snow" | "sproutgreen" | "spruce" | "stone" | "sunrise" | "walnut")[];
|
|
520
|
+
/** @deprecated Use archivedProductColorCodes. Kept for backward compatibility. */
|
|
521
|
+
export declare const retiredProductColorCodes: ("blossompink" | "canyon" | "carbon" | "cobalt" | "coral" | "fog" | "forest" | "gantri" | "glossysnowwhite" | "hibiscus" | "lichen" | "lilac" | "magnolia" | "manzanita" | "meadow" | "midnight" | "mist" | "mustard" | "olive" | "peach" | "persimmon" | "poppy" | "sage" | "sand" | "sedona" | "sky" | "smoke" | "snow" | "sproutgreen" | "spruce" | "stone" | "sunrise" | "walnut")[];
|
|
522
|
+
/** Active color codes for consumer-facing UIs (excludes archived). */
|
|
523
|
+
export declare const consumerProductColorCodes: ("blossompink" | "canyon" | "carbon" | "cobalt" | "coral" | "fog" | "forest" | "gantri" | "glossysnowwhite" | "hibiscus" | "lichen" | "lilac" | "magnolia" | "manzanita" | "meadow" | "midnight" | "mist" | "mustard" | "olive" | "peach" | "persimmon" | "poppy" | "sage" | "sand" | "sedona" | "sky" | "smoke" | "snow" | "sproutgreen" | "spruce" | "stone" | "sunrise" | "walnut")[];
|
|
232
524
|
export declare const lightTheme: DefaultTheme;
|
|
233
525
|
export declare const darkTheme: DefaultTheme;
|
|
234
526
|
export declare const modernLightTheme: DefaultTheme;
|