colibri-ui 0.8.73 → 0.8.75
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/Calendar/Calendar.module.css +5 -5
- package/Chip/Chip.module.css +153 -12
- package/Chip/index.js +4 -2
- package/Chip/index.props.d.ts +4 -3
- package/Icons/Copy.d.ts +3 -0
- package/Icons/Copy.js +35 -0
- package/Icons/index.d.ts +1 -0
- package/Icons/index.js +2 -0
- package/NumberInput/NumberInput.module.css +3 -1
- package/README.md +5 -5
- package/Theme/index.d.ts +174 -0
- package/Theme/themes/buenos_aires.d.ts +87 -0
- package/Theme/themes/buenos_aires.js +87 -0
- package/Theme/themes/jaipur.d.ts +87 -0
- package/Theme/themes/jaipur.js +87 -0
- package/esm/Calendar/Calendar.module.css +5 -5
- package/esm/Chip/Chip.module.css +153 -12
- package/esm/Chip/index.js +4 -2
- package/esm/Chip/index.props.d.ts +4 -3
- package/esm/Icons/Copy.d.ts +3 -0
- package/esm/Icons/Copy.js +29 -0
- package/esm/Icons/index.d.ts +1 -0
- package/esm/NumberInput/NumberInput.module.css +3 -1
- package/esm/Theme/index.d.ts +174 -0
- package/esm/Theme/themes/buenos_aires.d.ts +87 -0
- package/esm/Theme/themes/buenos_aires.js +87 -0
- package/esm/Theme/themes/jaipur.d.ts +87 -0
- package/esm/Theme/themes/jaipur.js +87 -0
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -0
- package/esm/theme_ba_variables.css +87 -0
- package/esm/theme_jaipur_variables.css +87 -0
- package/index.d.ts +1 -1
- package/index.js +2 -0
- package/package.json +1 -1
- package/theme_ba_variables.css +87 -0
- package/theme_jaipur_variables.css +87 -0
|
@@ -383,6 +383,91 @@ declare const _default: {
|
|
|
383
383
|
"component-chip-icon-hover": string;
|
|
384
384
|
"component-chip-icon-active": string;
|
|
385
385
|
"component-chip-icon-active-hover": string;
|
|
386
|
+
"component-chip-content-max-width": string;
|
|
387
|
+
"component-chip-primary-bg": string;
|
|
388
|
+
"component-chip-primary-bg-hover": string;
|
|
389
|
+
"component-chip-primary-bg-pressed": string;
|
|
390
|
+
"component-chip-primary-bg-active": string;
|
|
391
|
+
"component-chip-primary-text": string;
|
|
392
|
+
"component-chip-primary-text-hover": string;
|
|
393
|
+
"component-chip-primary-text-pressed": string;
|
|
394
|
+
"component-chip-primary-text-active": string;
|
|
395
|
+
"component-chip-primary-icon": string;
|
|
396
|
+
"component-chip-primary-icon-hover": string;
|
|
397
|
+
"component-chip-primary-icon-active": string;
|
|
398
|
+
"component-chip-primary-icon-active-hover": string;
|
|
399
|
+
"component-chip-secondary-bg": string;
|
|
400
|
+
"component-chip-secondary-bg-hover": string;
|
|
401
|
+
"component-chip-secondary-bg-pressed": string;
|
|
402
|
+
"component-chip-secondary-bg-active": string;
|
|
403
|
+
"component-chip-secondary-text": string;
|
|
404
|
+
"component-chip-secondary-text-hover": string;
|
|
405
|
+
"component-chip-secondary-text-pressed": string;
|
|
406
|
+
"component-chip-secondary-text-active": string;
|
|
407
|
+
"component-chip-secondary-icon": string;
|
|
408
|
+
"component-chip-secondary-icon-hover": string;
|
|
409
|
+
"component-chip-secondary-icon-active": string;
|
|
410
|
+
"component-chip-secondary-icon-active-hover": string;
|
|
411
|
+
"component-chip-outline-bg": string;
|
|
412
|
+
"component-chip-outline-bg-hover": string;
|
|
413
|
+
"component-chip-outline-bg-pressed": string;
|
|
414
|
+
"component-chip-outline-bg-active": string;
|
|
415
|
+
"component-chip-outline-text": string;
|
|
416
|
+
"component-chip-outline-text-hover": string;
|
|
417
|
+
"component-chip-outline-text-pressed": string;
|
|
418
|
+
"component-chip-outline-text-active": string;
|
|
419
|
+
"component-chip-outline-icon": string;
|
|
420
|
+
"component-chip-outline-icon-hover": string;
|
|
421
|
+
"component-chip-outline-icon-active": string;
|
|
422
|
+
"component-chip-outline-icon-active-hover": string;
|
|
423
|
+
"component-chip-pseudo-bg": string;
|
|
424
|
+
"component-chip-pseudo-bg-hover": string;
|
|
425
|
+
"component-chip-pseudo-bg-pressed": string;
|
|
426
|
+
"component-chip-pseudo-bg-active": string;
|
|
427
|
+
"component-chip-pseudo-text": string;
|
|
428
|
+
"component-chip-pseudo-text-hover": string;
|
|
429
|
+
"component-chip-pseudo-text-pressed": string;
|
|
430
|
+
"component-chip-pseudo-text-active": string;
|
|
431
|
+
"component-chip-pseudo-icon": string;
|
|
432
|
+
"component-chip-pseudo-icon-hover": string;
|
|
433
|
+
"component-chip-pseudo-icon-active": string;
|
|
434
|
+
"component-chip-pseudo-icon-active-hover": string;
|
|
435
|
+
"component-chip-clear-bg": string;
|
|
436
|
+
"component-chip-clear-bg-hover": string;
|
|
437
|
+
"component-chip-clear-bg-pressed": string;
|
|
438
|
+
"component-chip-clear-bg-active": string;
|
|
439
|
+
"component-chip-clear-text": string;
|
|
440
|
+
"component-chip-clear-text-hover": string;
|
|
441
|
+
"component-chip-clear-text-pressed": string;
|
|
442
|
+
"component-chip-clear-text-active": string;
|
|
443
|
+
"component-chip-clear-icon": string;
|
|
444
|
+
"component-chip-clear-icon-hover": string;
|
|
445
|
+
"component-chip-clear-icon-active": string;
|
|
446
|
+
"component-chip-clear-icon-active-hover": string;
|
|
447
|
+
"component-chip-alert-bg": string;
|
|
448
|
+
"component-chip-alert-bg-hover": string;
|
|
449
|
+
"component-chip-alert-bg-pressed": string;
|
|
450
|
+
"component-chip-alert-bg-active": string;
|
|
451
|
+
"component-chip-alert-text": string;
|
|
452
|
+
"component-chip-alert-text-hover": string;
|
|
453
|
+
"component-chip-alert-text-pressed": string;
|
|
454
|
+
"component-chip-alert-text-active": string;
|
|
455
|
+
"component-chip-alert-icon": string;
|
|
456
|
+
"component-chip-alert-icon-hover": string;
|
|
457
|
+
"component-chip-alert-icon-active": string;
|
|
458
|
+
"component-chip-alert-icon-active-hover": string;
|
|
459
|
+
"component-chip-success-bg": string;
|
|
460
|
+
"component-chip-success-bg-hover": string;
|
|
461
|
+
"component-chip-success-bg-pressed": string;
|
|
462
|
+
"component-chip-success-bg-active": string;
|
|
463
|
+
"component-chip-success-text": string;
|
|
464
|
+
"component-chip-success-text-hover": string;
|
|
465
|
+
"component-chip-success-text-pressed": string;
|
|
466
|
+
"component-chip-success-text-active": string;
|
|
467
|
+
"component-chip-success-icon": string;
|
|
468
|
+
"component-chip-success-icon-hover": string;
|
|
469
|
+
"component-chip-success-icon-active": string;
|
|
470
|
+
"component-chip-success-icon-active-hover": string;
|
|
386
471
|
"component-chip-radius": string;
|
|
387
472
|
"component-chip-font-size-s": string;
|
|
388
473
|
"component-chip-font-size-m": string;
|
|
@@ -464,6 +549,8 @@ declare const _default: {
|
|
|
464
549
|
"component-grid-item-flex-basis": string;
|
|
465
550
|
"component-select-menu-max-height": string;
|
|
466
551
|
"component-date-picker-calendar-max-width": string;
|
|
552
|
+
"component-calendar-item-bg": string;
|
|
553
|
+
"component-calendar-item-bg-hover": string;
|
|
467
554
|
"component-calendar-min-block-size": string;
|
|
468
555
|
"component-calendar-min-inline-size": string;
|
|
469
556
|
"component-calendar-months-min-block-size": string;
|
|
@@ -389,6 +389,91 @@ var THEME_BA = {
|
|
|
389
389
|
"component-chip-icon-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
390
390
|
"component-chip-icon-active": theme_buenos_aires.default.NEUTRAL_BA_500,
|
|
391
391
|
"component-chip-icon-active-hover": theme_buenos_aires.default.BRAND_BA_LIME,
|
|
392
|
+
"component-chip-content-max-width": "12.5rem",
|
|
393
|
+
"component-chip-primary-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
|
|
394
|
+
"component-chip-primary-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
|
|
395
|
+
"component-chip-primary-bg-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
|
|
396
|
+
"component-chip-primary-bg-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
397
|
+
"component-chip-primary-text": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
398
|
+
"component-chip-primary-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
399
|
+
"component-chip-primary-text-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
400
|
+
"component-chip-primary-text-active": theme_buenos_aires.default.BRAND_BA_LIME,
|
|
401
|
+
"component-chip-primary-icon": theme_buenos_aires.default.NEUTRAL_BA_500,
|
|
402
|
+
"component-chip-primary-icon-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
403
|
+
"component-chip-primary-icon-active": theme_buenos_aires.default.NEUTRAL_BA_500,
|
|
404
|
+
"component-chip-primary-icon-active-hover": theme_buenos_aires.default.BRAND_BA_LIME,
|
|
405
|
+
"component-chip-secondary-bg": theme_buenos_aires.default.NEUTRAL_BA_200,
|
|
406
|
+
"component-chip-secondary-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_300,
|
|
407
|
+
"component-chip-secondary-bg-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
408
|
+
"component-chip-secondary-bg-active": theme_buenos_aires.default.NEUTRAL_BA_200,
|
|
409
|
+
"component-chip-secondary-text": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
410
|
+
"component-chip-secondary-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
411
|
+
"component-chip-secondary-text-pressed": theme_buenos_aires.default.BRAND_BA_LIME,
|
|
412
|
+
"component-chip-secondary-text-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
413
|
+
"component-chip-secondary-icon": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
414
|
+
"component-chip-secondary-icon-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
415
|
+
"component-chip-secondary-icon-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
416
|
+
"component-chip-secondary-icon-active-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
417
|
+
"component-chip-outline-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
|
|
418
|
+
"component-chip-outline-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
|
|
419
|
+
"component-chip-outline-bg-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
|
|
420
|
+
"component-chip-outline-bg-active": theme_buenos_aires.default.NEUTRAL_BA_0,
|
|
421
|
+
"component-chip-outline-text": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
422
|
+
"component-chip-outline-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
423
|
+
"component-chip-outline-text-pressed": theme_buenos_aires.default.BRAND_BA_INK,
|
|
424
|
+
"component-chip-outline-text-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
425
|
+
"component-chip-outline-icon": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
426
|
+
"component-chip-outline-icon-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
427
|
+
"component-chip-outline-icon-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
428
|
+
"component-chip-outline-icon-active-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
429
|
+
"component-chip-pseudo-bg": theme_buenos_aires.default.NEUTRAL_BA_50,
|
|
430
|
+
"component-chip-pseudo-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
|
|
431
|
+
"component-chip-pseudo-bg-pressed": theme_buenos_aires.default.NEUTRAL_BA_200,
|
|
432
|
+
"component-chip-pseudo-bg-active": theme_buenos_aires.default.NEUTRAL_BA_50,
|
|
433
|
+
"component-chip-pseudo-text": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
434
|
+
"component-chip-pseudo-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
435
|
+
"component-chip-pseudo-text-pressed": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
436
|
+
"component-chip-pseudo-text-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
437
|
+
"component-chip-pseudo-icon": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
438
|
+
"component-chip-pseudo-icon-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
439
|
+
"component-chip-pseudo-icon-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
440
|
+
"component-chip-pseudo-icon-active-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
441
|
+
"component-chip-clear-bg": "transparent",
|
|
442
|
+
"component-chip-clear-bg-hover": "transparent",
|
|
443
|
+
"component-chip-clear-bg-pressed": "transparent",
|
|
444
|
+
"component-chip-clear-bg-active": "transparent",
|
|
445
|
+
"component-chip-clear-text": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
446
|
+
"component-chip-clear-text-hover": theme_buenos_aires.default.LIME_BA_800,
|
|
447
|
+
"component-chip-clear-text-pressed": theme_buenos_aires.default.BRAND_BA_INK,
|
|
448
|
+
"component-chip-clear-text-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
449
|
+
"component-chip-clear-icon": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
450
|
+
"component-chip-clear-icon-hover": theme_buenos_aires.default.LIME_BA_800,
|
|
451
|
+
"component-chip-clear-icon-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
452
|
+
"component-chip-clear-icon-active-hover": theme_buenos_aires.default.LIME_BA_800,
|
|
453
|
+
"component-chip-alert-bg": theme_buenos_aires.default.STATUS_BA_ERROR,
|
|
454
|
+
"component-chip-alert-bg-hover": "#5F1519",
|
|
455
|
+
"component-chip-alert-bg-pressed": theme_buenos_aires.default.STATUS_BA_ERROR_ACCENT,
|
|
456
|
+
"component-chip-alert-bg-active": theme_buenos_aires.default.STATUS_BA_ERROR,
|
|
457
|
+
"component-chip-alert-text": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
458
|
+
"component-chip-alert-text-hover": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
459
|
+
"component-chip-alert-text-pressed": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
460
|
+
"component-chip-alert-text-active": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
461
|
+
"component-chip-alert-icon": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
462
|
+
"component-chip-alert-icon-hover": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
463
|
+
"component-chip-alert-icon-active": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
464
|
+
"component-chip-alert-icon-active-hover": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
465
|
+
"component-chip-success-bg": theme_buenos_aires.default.STATUS_BA_SUCCESS_BG,
|
|
466
|
+
"component-chip-success-bg-hover": theme_buenos_aires.default.LIME_BA_200,
|
|
467
|
+
"component-chip-success-bg-pressed": theme_buenos_aires.default.STATUS_BA_SUCCESS,
|
|
468
|
+
"component-chip-success-bg-active": theme_buenos_aires.default.STATUS_BA_SUCCESS_BG,
|
|
469
|
+
"component-chip-success-text": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
470
|
+
"component-chip-success-text-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
471
|
+
"component-chip-success-text-pressed": theme_buenos_aires.default.BRAND_BA_WHITE,
|
|
472
|
+
"component-chip-success-text-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
473
|
+
"component-chip-success-icon": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
474
|
+
"component-chip-success-icon-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
475
|
+
"component-chip-success-icon-active": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
476
|
+
"component-chip-success-icon-active-hover": theme_buenos_aires.default.BRAND_BA_FOREST,
|
|
392
477
|
"component-chip-radius": "var(--radius-full)",
|
|
393
478
|
"component-chip-font-size-s": "0.875rem",
|
|
394
479
|
"component-chip-font-size-m": "1rem",
|
|
@@ -470,6 +555,8 @@ var THEME_BA = {
|
|
|
470
555
|
"component-grid-item-flex-basis": "15.625rem",
|
|
471
556
|
"component-select-menu-max-height": "13.75rem",
|
|
472
557
|
"component-date-picker-calendar-max-width": "15.625rem",
|
|
558
|
+
"component-calendar-item-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
|
|
559
|
+
"component-calendar-item-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
|
|
473
560
|
"component-calendar-min-block-size": "22.5rem",
|
|
474
561
|
"component-calendar-min-inline-size": "20rem",
|
|
475
562
|
"component-calendar-months-min-block-size": "18.75rem",
|
package/Theme/themes/jaipur.d.ts
CHANGED
|
@@ -383,6 +383,91 @@ declare const _default: {
|
|
|
383
383
|
"component-chip-icon-hover": string;
|
|
384
384
|
"component-chip-icon-active": string;
|
|
385
385
|
"component-chip-icon-active-hover": string;
|
|
386
|
+
"component-chip-content-max-width": string;
|
|
387
|
+
"component-chip-primary-bg": string;
|
|
388
|
+
"component-chip-primary-bg-hover": string;
|
|
389
|
+
"component-chip-primary-bg-pressed": string;
|
|
390
|
+
"component-chip-primary-bg-active": string;
|
|
391
|
+
"component-chip-primary-text": string;
|
|
392
|
+
"component-chip-primary-text-hover": string;
|
|
393
|
+
"component-chip-primary-text-pressed": string;
|
|
394
|
+
"component-chip-primary-text-active": string;
|
|
395
|
+
"component-chip-primary-icon": string;
|
|
396
|
+
"component-chip-primary-icon-hover": string;
|
|
397
|
+
"component-chip-primary-icon-active": string;
|
|
398
|
+
"component-chip-primary-icon-active-hover": string;
|
|
399
|
+
"component-chip-secondary-bg": string;
|
|
400
|
+
"component-chip-secondary-bg-hover": string;
|
|
401
|
+
"component-chip-secondary-bg-pressed": string;
|
|
402
|
+
"component-chip-secondary-bg-active": string;
|
|
403
|
+
"component-chip-secondary-text": string;
|
|
404
|
+
"component-chip-secondary-text-hover": string;
|
|
405
|
+
"component-chip-secondary-text-pressed": string;
|
|
406
|
+
"component-chip-secondary-text-active": string;
|
|
407
|
+
"component-chip-secondary-icon": string;
|
|
408
|
+
"component-chip-secondary-icon-hover": string;
|
|
409
|
+
"component-chip-secondary-icon-active": string;
|
|
410
|
+
"component-chip-secondary-icon-active-hover": string;
|
|
411
|
+
"component-chip-outline-bg": string;
|
|
412
|
+
"component-chip-outline-bg-hover": string;
|
|
413
|
+
"component-chip-outline-bg-pressed": string;
|
|
414
|
+
"component-chip-outline-bg-active": string;
|
|
415
|
+
"component-chip-outline-text": string;
|
|
416
|
+
"component-chip-outline-text-hover": string;
|
|
417
|
+
"component-chip-outline-text-pressed": string;
|
|
418
|
+
"component-chip-outline-text-active": string;
|
|
419
|
+
"component-chip-outline-icon": string;
|
|
420
|
+
"component-chip-outline-icon-hover": string;
|
|
421
|
+
"component-chip-outline-icon-active": string;
|
|
422
|
+
"component-chip-outline-icon-active-hover": string;
|
|
423
|
+
"component-chip-pseudo-bg": string;
|
|
424
|
+
"component-chip-pseudo-bg-hover": string;
|
|
425
|
+
"component-chip-pseudo-bg-pressed": string;
|
|
426
|
+
"component-chip-pseudo-bg-active": string;
|
|
427
|
+
"component-chip-pseudo-text": string;
|
|
428
|
+
"component-chip-pseudo-text-hover": string;
|
|
429
|
+
"component-chip-pseudo-text-pressed": string;
|
|
430
|
+
"component-chip-pseudo-text-active": string;
|
|
431
|
+
"component-chip-pseudo-icon": string;
|
|
432
|
+
"component-chip-pseudo-icon-hover": string;
|
|
433
|
+
"component-chip-pseudo-icon-active": string;
|
|
434
|
+
"component-chip-pseudo-icon-active-hover": string;
|
|
435
|
+
"component-chip-clear-bg": string;
|
|
436
|
+
"component-chip-clear-bg-hover": string;
|
|
437
|
+
"component-chip-clear-bg-pressed": string;
|
|
438
|
+
"component-chip-clear-bg-active": string;
|
|
439
|
+
"component-chip-clear-text": string;
|
|
440
|
+
"component-chip-clear-text-hover": string;
|
|
441
|
+
"component-chip-clear-text-pressed": string;
|
|
442
|
+
"component-chip-clear-text-active": string;
|
|
443
|
+
"component-chip-clear-icon": string;
|
|
444
|
+
"component-chip-clear-icon-hover": string;
|
|
445
|
+
"component-chip-clear-icon-active": string;
|
|
446
|
+
"component-chip-clear-icon-active-hover": string;
|
|
447
|
+
"component-chip-alert-bg": string;
|
|
448
|
+
"component-chip-alert-bg-hover": string;
|
|
449
|
+
"component-chip-alert-bg-pressed": string;
|
|
450
|
+
"component-chip-alert-bg-active": string;
|
|
451
|
+
"component-chip-alert-text": string;
|
|
452
|
+
"component-chip-alert-text-hover": string;
|
|
453
|
+
"component-chip-alert-text-pressed": string;
|
|
454
|
+
"component-chip-alert-text-active": string;
|
|
455
|
+
"component-chip-alert-icon": string;
|
|
456
|
+
"component-chip-alert-icon-hover": string;
|
|
457
|
+
"component-chip-alert-icon-active": string;
|
|
458
|
+
"component-chip-alert-icon-active-hover": string;
|
|
459
|
+
"component-chip-success-bg": string;
|
|
460
|
+
"component-chip-success-bg-hover": string;
|
|
461
|
+
"component-chip-success-bg-pressed": string;
|
|
462
|
+
"component-chip-success-bg-active": string;
|
|
463
|
+
"component-chip-success-text": string;
|
|
464
|
+
"component-chip-success-text-hover": string;
|
|
465
|
+
"component-chip-success-text-pressed": string;
|
|
466
|
+
"component-chip-success-text-active": string;
|
|
467
|
+
"component-chip-success-icon": string;
|
|
468
|
+
"component-chip-success-icon-hover": string;
|
|
469
|
+
"component-chip-success-icon-active": string;
|
|
470
|
+
"component-chip-success-icon-active-hover": string;
|
|
386
471
|
"component-chip-radius": string;
|
|
387
472
|
"component-chip-font-size-s": string;
|
|
388
473
|
"component-chip-font-size-m": string;
|
|
@@ -464,6 +549,8 @@ declare const _default: {
|
|
|
464
549
|
"component-grid-item-flex-basis": string;
|
|
465
550
|
"component-select-menu-max-height": string;
|
|
466
551
|
"component-date-picker-calendar-max-width": string;
|
|
552
|
+
"component-calendar-item-bg": string;
|
|
553
|
+
"component-calendar-item-bg-hover": string;
|
|
467
554
|
"component-calendar-min-block-size": string;
|
|
468
555
|
"component-calendar-min-inline-size": string;
|
|
469
556
|
"component-calendar-months-min-block-size": string;
|
package/Theme/themes/jaipur.js
CHANGED
|
@@ -389,6 +389,91 @@ var theme_jaipur = {
|
|
|
389
389
|
"component-chip-icon-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
390
390
|
"component-chip-icon-active": theme_jaipur$1.default.NEUTRAL_JP_500,
|
|
391
391
|
"component-chip-icon-active-hover": theme_jaipur$1.default.BRAND_JP_PINK,
|
|
392
|
+
"component-chip-content-max-width": "12.5rem",
|
|
393
|
+
"component-chip-primary-bg": theme_jaipur$1.default.NEUTRAL_JP_0,
|
|
394
|
+
"component-chip-primary-bg-hover": theme_jaipur$1.default.NEUTRAL_JP_100,
|
|
395
|
+
"component-chip-primary-bg-pressed": theme_jaipur$1.default.NEUTRAL_JP_200,
|
|
396
|
+
"component-chip-primary-bg-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
397
|
+
"component-chip-primary-text": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
398
|
+
"component-chip-primary-text-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
399
|
+
"component-chip-primary-text-pressed": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
400
|
+
"component-chip-primary-text-active": theme_jaipur$1.default.BRAND_JP_PINK,
|
|
401
|
+
"component-chip-primary-icon": theme_jaipur$1.default.NEUTRAL_JP_500,
|
|
402
|
+
"component-chip-primary-icon-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
403
|
+
"component-chip-primary-icon-active": theme_jaipur$1.default.NEUTRAL_JP_500,
|
|
404
|
+
"component-chip-primary-icon-active-hover": theme_jaipur$1.default.BRAND_JP_PINK,
|
|
405
|
+
"component-chip-secondary-bg": theme_jaipur$1.default.NEUTRAL_JP_200,
|
|
406
|
+
"component-chip-secondary-bg-hover": theme_jaipur$1.default.NEUTRAL_JP_300,
|
|
407
|
+
"component-chip-secondary-bg-pressed": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
408
|
+
"component-chip-secondary-bg-active": theme_jaipur$1.default.NEUTRAL_JP_200,
|
|
409
|
+
"component-chip-secondary-text": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
410
|
+
"component-chip-secondary-text-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
411
|
+
"component-chip-secondary-text-pressed": theme_jaipur$1.default.BRAND_JP_PINK,
|
|
412
|
+
"component-chip-secondary-text-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
413
|
+
"component-chip-secondary-icon": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
414
|
+
"component-chip-secondary-icon-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
415
|
+
"component-chip-secondary-icon-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
416
|
+
"component-chip-secondary-icon-active-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
417
|
+
"component-chip-outline-bg": theme_jaipur$1.default.NEUTRAL_JP_0,
|
|
418
|
+
"component-chip-outline-bg-hover": theme_jaipur$1.default.NEUTRAL_JP_100,
|
|
419
|
+
"component-chip-outline-bg-pressed": theme_jaipur$1.default.NEUTRAL_JP_200,
|
|
420
|
+
"component-chip-outline-bg-active": theme_jaipur$1.default.NEUTRAL_JP_0,
|
|
421
|
+
"component-chip-outline-text": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
422
|
+
"component-chip-outline-text-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
423
|
+
"component-chip-outline-text-pressed": theme_jaipur$1.default.BRAND_JP_INK,
|
|
424
|
+
"component-chip-outline-text-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
425
|
+
"component-chip-outline-icon": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
426
|
+
"component-chip-outline-icon-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
427
|
+
"component-chip-outline-icon-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
428
|
+
"component-chip-outline-icon-active-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
429
|
+
"component-chip-pseudo-bg": theme_jaipur$1.default.NEUTRAL_JP_50,
|
|
430
|
+
"component-chip-pseudo-bg-hover": theme_jaipur$1.default.NEUTRAL_JP_100,
|
|
431
|
+
"component-chip-pseudo-bg-pressed": theme_jaipur$1.default.NEUTRAL_JP_200,
|
|
432
|
+
"component-chip-pseudo-bg-active": theme_jaipur$1.default.NEUTRAL_JP_50,
|
|
433
|
+
"component-chip-pseudo-text": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
434
|
+
"component-chip-pseudo-text-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
435
|
+
"component-chip-pseudo-text-pressed": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
436
|
+
"component-chip-pseudo-text-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
437
|
+
"component-chip-pseudo-icon": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
438
|
+
"component-chip-pseudo-icon-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
439
|
+
"component-chip-pseudo-icon-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
440
|
+
"component-chip-pseudo-icon-active-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
441
|
+
"component-chip-clear-bg": "transparent",
|
|
442
|
+
"component-chip-clear-bg-hover": "transparent",
|
|
443
|
+
"component-chip-clear-bg-pressed": "transparent",
|
|
444
|
+
"component-chip-clear-bg-active": "transparent",
|
|
445
|
+
"component-chip-clear-text": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
446
|
+
"component-chip-clear-text-hover": theme_jaipur$1.default.PINK_JP_800,
|
|
447
|
+
"component-chip-clear-text-pressed": theme_jaipur$1.default.BRAND_JP_INK,
|
|
448
|
+
"component-chip-clear-text-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
449
|
+
"component-chip-clear-icon": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
450
|
+
"component-chip-clear-icon-hover": theme_jaipur$1.default.PINK_JP_800,
|
|
451
|
+
"component-chip-clear-icon-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
452
|
+
"component-chip-clear-icon-active-hover": theme_jaipur$1.default.PINK_JP_800,
|
|
453
|
+
"component-chip-alert-bg": theme_jaipur$1.default.STATUS_JP_ERROR,
|
|
454
|
+
"component-chip-alert-bg-hover": theme_jaipur$1.default.PINK_JP_600,
|
|
455
|
+
"component-chip-alert-bg-pressed": theme_jaipur$1.default.STATUS_JP_ERROR_ACCENT,
|
|
456
|
+
"component-chip-alert-bg-active": theme_jaipur$1.default.STATUS_JP_ERROR,
|
|
457
|
+
"component-chip-alert-text": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
458
|
+
"component-chip-alert-text-hover": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
459
|
+
"component-chip-alert-text-pressed": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
460
|
+
"component-chip-alert-text-active": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
461
|
+
"component-chip-alert-icon": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
462
|
+
"component-chip-alert-icon-hover": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
463
|
+
"component-chip-alert-icon-active": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
464
|
+
"component-chip-alert-icon-active-hover": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
465
|
+
"component-chip-success-bg": theme_jaipur$1.default.STATUS_JP_SUCCESS_BG,
|
|
466
|
+
"component-chip-success-bg-hover": theme_jaipur$1.default.LIME_JP_200,
|
|
467
|
+
"component-chip-success-bg-pressed": theme_jaipur$1.default.STATUS_JP_SUCCESS,
|
|
468
|
+
"component-chip-success-bg-active": theme_jaipur$1.default.STATUS_JP_SUCCESS_BG,
|
|
469
|
+
"component-chip-success-text": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
470
|
+
"component-chip-success-text-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
471
|
+
"component-chip-success-text-pressed": theme_jaipur$1.default.BRAND_JP_WHITE,
|
|
472
|
+
"component-chip-success-text-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
473
|
+
"component-chip-success-icon": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
474
|
+
"component-chip-success-icon-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
475
|
+
"component-chip-success-icon-active": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
476
|
+
"component-chip-success-icon-active-hover": theme_jaipur$1.default.BRAND_JP_EGGPLANT,
|
|
392
477
|
"component-chip-radius": "var(--radius-full)",
|
|
393
478
|
"component-chip-font-size-s": "0.875rem",
|
|
394
479
|
"component-chip-font-size-m": "1rem",
|
|
@@ -470,6 +555,8 @@ var theme_jaipur = {
|
|
|
470
555
|
"component-grid-item-flex-basis": "15.625rem",
|
|
471
556
|
"component-select-menu-max-height": "13.75rem",
|
|
472
557
|
"component-date-picker-calendar-max-width": "15.625rem",
|
|
558
|
+
"component-calendar-item-bg": theme_jaipur$1.default.NEUTRAL_JP_0,
|
|
559
|
+
"component-calendar-item-bg-hover": theme_jaipur$1.default.NEUTRAL_JP_100,
|
|
473
560
|
"component-calendar-min-block-size": "22.5rem",
|
|
474
561
|
"component-calendar-min-inline-size": "20rem",
|
|
475
562
|
"component-calendar-months-min-block-size": "18.75rem",
|
|
@@ -190,7 +190,7 @@
|
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
.period-button {
|
|
193
|
-
background: var(--component-
|
|
193
|
+
background: var(--component-calendar-item-bg);
|
|
194
194
|
border: var(--space-0);
|
|
195
195
|
border-radius: var(--calendar-radius);
|
|
196
196
|
box-sizing: border-box;
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
.period-button:hover:not(:disabled, .period-button-selected) {
|
|
218
|
-
background: var(--component-
|
|
218
|
+
background: var(--component-calendar-item-bg-hover);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
.period-button-selected {
|
|
@@ -223,7 +223,7 @@
|
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
.day {
|
|
226
|
-
background: var(--component-
|
|
226
|
+
background: var(--component-calendar-item-bg);
|
|
227
227
|
border: var(--space-0);
|
|
228
228
|
border-radius: var(--calendar-radius);
|
|
229
229
|
color: var(--color-text-primary);
|
|
@@ -251,7 +251,7 @@
|
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
.day:hover:not(:disabled, .selected) {
|
|
254
|
-
background: var(--component-
|
|
254
|
+
background: var(--component-calendar-item-bg-hover);
|
|
255
255
|
}
|
|
256
256
|
|
|
257
257
|
.outside {
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
.in-range {
|
|
271
|
-
background: var(--component-
|
|
271
|
+
background: var(--component-calendar-item-bg-hover);
|
|
272
272
|
border-radius: var(--radius-none);
|
|
273
273
|
}
|
|
274
274
|
|