@imj_media/ui 1.10.8 → 1.11.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/CHANGELOG.md +12 -0
- package/README.md +1 -1
- package/catalog/design-index.json +3293 -8
- package/catalog/design-index.schema.json +10 -1
- package/catalog/install-registry.json +6812 -0
- package/package.json +2 -2
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"package": "@imj_media/ui",
|
|
4
|
-
"version": "1.
|
|
5
|
-
"indexedAt": "2026-
|
|
4
|
+
"version": "1.11.0",
|
|
5
|
+
"indexedAt": "2026-06-02T22:55:22.246Z",
|
|
6
6
|
"orbitTokensVersion": "1.3.1",
|
|
7
7
|
"modules": [
|
|
8
8
|
{
|
|
@@ -445,7 +445,398 @@
|
|
|
445
445
|
"import { faShapes } from '@fortawesome/pro-regular-svg-icons';\n import { Dropdown } from '@/modules/Dropdown';\n\n <Dropdown\n field={{ label: 'Tipo de Indoor padre', placeholder: 'Selecciona uno...' }}\n slots={{ leftSlot: faShapes }}\n popover={{ fullWidth: true, popoverZIndex: 1300 }}\n menuSearch={{ searchable: true, searchPlaceholder: 'Buscar...' }}\n items={{ options: opciones }}\n multi={{\n multiple: true,\n selectionSummary: 'tags',\n tagsOverflow: 'single-line',\n tagsOverflowPopoverTitle: 'Tipos InDoor padre',\n tagsOverflowPopoverZIndex: 1300,\n }}\n checkbox={{\n withCheckbox: true,\n checkboxSelectionTone: 'subtle',\n checkboxPosition: 'end',\n checkboxListDensity: 'compact',\n }}\n values={{ value: tiposPadreSeleccionIds }}\n events={{ onValueChange: (v) => { /* ... */ } }}\n />",
|
|
446
446
|
"import { useState } from 'react';\n import { Dropdown } from '@/modules/Dropdown';\n\n const options = [\n { label: 'Bonnie Green', value: '1', avatarUrl: 'https://i.pravatar.cc/32?img=5' },\n // …\n ];\n\n export default function Example() {\n const [selectedValues, setSelectedValues] = useState(['1', '2', '3', '4', '5', '6']);\n\n return (\n <Dropdown\n field={{ label: 'Usuarios', placeholder: 'Buscar...' }}\n items={{ options }}\n values={{ value: selectedValues }}\n events={{ onValueChange: (v) => Array.isArray(v) && setSelectedValues(v) }}\n multi={{\n multiple: true,\n selectionSummary: 'tags',\n tagsOverflow: 'single-line',\n tagsOverflowPopoverTitle: 'Tipos de medio',\n }}\n checkbox={{\n withCheckbox: true,\n checkboxSelectionTone: 'subtle',\n checkboxPosition: 'end',\n checkboxListDensity: 'compact',\n }}\n menuSearch={{ searchable: true, searchPlaceholder: 'Buscar...' }}\n />\n );\n }",
|
|
447
447
|
"<Dropdown\n field={{ label: 'Plazas', placeholder: 'Seleccionar…' }}\n items={{ options }}\n values={{ value: selectedValues }}\n events={{ onValueChange: (v) => Array.isArray(v) && setSelectedValues(v) }}\n multi={{\n multiple: true,\n selectionSummary: 'tags',\n tagsOverflow: 'single-line',\n tagsOverflowPopoverTitle: 'Plazas seleccionadas',\n }}\n list={{\n listVariant: 'search-multi-checkbox',\n searchMultiCheckbox: {\n search: { placeholder: 'Buscar plaza…', show: true },\n header: { id: 'all-plazas', label: 'Todas las plazas' },\n showClearSelection: true,\n },\n }}\n menuSearch={{ searchable: false }}\n />\n {/* Sin buscador en lista: searchMultiCheckbox.search.show: false */}\n {/* Sin botón «Limpiar selección»: searchMultiCheckbox.showClearSelection: false */}"
|
|
448
|
-
]
|
|
448
|
+
],
|
|
449
|
+
"props": {
|
|
450
|
+
"groups": {
|
|
451
|
+
"dropdownEvents": {
|
|
452
|
+
"props": {
|
|
453
|
+
"onValueChange": {
|
|
454
|
+
"name": "onValueChange",
|
|
455
|
+
"type": "(value: string | number | (string | number)[]) => void",
|
|
456
|
+
"required": false
|
|
457
|
+
},
|
|
458
|
+
"onOptionSelect": {
|
|
459
|
+
"name": "onOptionSelect",
|
|
460
|
+
"type": "(option: DropdownOption) => void",
|
|
461
|
+
"required": false
|
|
462
|
+
},
|
|
463
|
+
"onCheckboxChange": {
|
|
464
|
+
"name": "onCheckboxChange",
|
|
465
|
+
"type": "(option: DropdownOption, checked: boolean) => void",
|
|
466
|
+
"required": false
|
|
467
|
+
},
|
|
468
|
+
"onToggleChange": {
|
|
469
|
+
"name": "onToggleChange",
|
|
470
|
+
"type": "(option: DropdownOption, checked: boolean) => void",
|
|
471
|
+
"required": false
|
|
472
|
+
},
|
|
473
|
+
"onHandleAccept": {
|
|
474
|
+
"name": "onHandleAccept",
|
|
475
|
+
"type": "(selectedOptions: DropdownOption[]) => void",
|
|
476
|
+
"required": false
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
},
|
|
481
|
+
"deprecatedRoot": [
|
|
482
|
+
{
|
|
483
|
+
"name": "label",
|
|
484
|
+
"migrateTo": "`field",
|
|
485
|
+
"type": "string"
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"name": "error",
|
|
489
|
+
"migrateTo": "`field",
|
|
490
|
+
"type": "string"
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
"name": "helperText",
|
|
494
|
+
"migrateTo": "`field",
|
|
495
|
+
"type": "string"
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"name": "infoTooltip",
|
|
499
|
+
"migrateTo": "`tooltip",
|
|
500
|
+
"type": "string"
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"name": "size",
|
|
504
|
+
"migrateTo": "`field",
|
|
505
|
+
"type": "InputSize"
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
"name": "color",
|
|
509
|
+
"migrateTo": "`field",
|
|
510
|
+
"type": "Colors"
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"name": "leftSlot",
|
|
514
|
+
"migrateTo": "`slots",
|
|
515
|
+
"type": "VisualSlotType"
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"name": "rightSlot",
|
|
519
|
+
"migrateTo": "`slots",
|
|
520
|
+
"type": "VisualSlotType"
|
|
521
|
+
},
|
|
522
|
+
{
|
|
523
|
+
"name": "searchPlaceholder",
|
|
524
|
+
"migrateTo": "`menuSearch",
|
|
525
|
+
"type": "string"
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"name": "noResultsText",
|
|
529
|
+
"migrateTo": "`menuSearch",
|
|
530
|
+
"type": "string"
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
"name": "noResultsDescription",
|
|
534
|
+
"migrateTo": "`menuSearch",
|
|
535
|
+
"type": "string"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"name": "caret",
|
|
539
|
+
"migrateTo": "`field",
|
|
540
|
+
"type": "boolean"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"name": "defaultValue",
|
|
544
|
+
"migrateTo": "`values",
|
|
545
|
+
"type": "string | number | (string | number)[]"
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"name": "placeholder",
|
|
549
|
+
"migrateTo": "`field",
|
|
550
|
+
"type": "string"
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"name": "options",
|
|
554
|
+
"migrateTo": "`items",
|
|
555
|
+
"type": "DropdownOption[]"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "value",
|
|
559
|
+
"migrateTo": "`values",
|
|
560
|
+
"type": "string | number | (string | number)[]"
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"name": "valueName",
|
|
564
|
+
"migrateTo": "`items",
|
|
565
|
+
"type": "string"
|
|
566
|
+
},
|
|
567
|
+
{
|
|
568
|
+
"name": "idName",
|
|
569
|
+
"migrateTo": "`items",
|
|
570
|
+
"type": "string"
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"name": "onValueChange",
|
|
574
|
+
"migrateTo": "`events",
|
|
575
|
+
"type": "(value: string | number | (string | number)[]) => void"
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"name": "onOptionSelect",
|
|
579
|
+
"migrateTo": "`events",
|
|
580
|
+
"type": "(option: DropdownOption) => void"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"name": "onCheckboxChange",
|
|
584
|
+
"migrateTo": "`events",
|
|
585
|
+
"type": "(option: DropdownOption, checked: boolean) => void"
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"name": "searchable",
|
|
589
|
+
"migrateTo": "`menuSearch",
|
|
590
|
+
"type": "boolean"
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"name": "maxHeight",
|
|
594
|
+
"migrateTo": "`popover",
|
|
595
|
+
"type": "string"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "closeOnClickOutside",
|
|
599
|
+
"migrateTo": "`popover",
|
|
600
|
+
"type": "boolean"
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"name": "dropdownId",
|
|
604
|
+
"migrateTo": "`popover",
|
|
605
|
+
"type": "string"
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"name": "fullWidth",
|
|
609
|
+
"migrateTo": "`popover",
|
|
610
|
+
"type": "boolean"
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"name": "auto",
|
|
614
|
+
"migrateTo": "`popover",
|
|
615
|
+
"type": "boolean"
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"name": "multiple",
|
|
619
|
+
"migrateTo": "`multi",
|
|
620
|
+
"type": "boolean"
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"name": "maxSelectedItems",
|
|
624
|
+
"migrateTo": "`multi",
|
|
625
|
+
"type": "number"
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"name": "selectionSummary",
|
|
629
|
+
"migrateTo": "`multi",
|
|
630
|
+
"type": "DropdownSelectionSummary"
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"name": "selectedItemsDisplay",
|
|
634
|
+
"migrateTo": "`multi",
|
|
635
|
+
"type": "DropdownSelectionSummary"
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "tagsOverflow",
|
|
639
|
+
"migrateTo": "`multi",
|
|
640
|
+
"type": "DropdownTagsOverflow"
|
|
641
|
+
},
|
|
642
|
+
{
|
|
643
|
+
"name": "tagsOverflowPopoverPlacement",
|
|
644
|
+
"migrateTo": "`multi",
|
|
645
|
+
"type": "'top' | 'bottom'"
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"name": "tagsOverflowPopoverZIndex",
|
|
649
|
+
"migrateTo": "`multi",
|
|
650
|
+
"type": "number"
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"name": "tagsOverflowPopoverTitle",
|
|
654
|
+
"migrateTo": "`multi",
|
|
655
|
+
"type": "string"
|
|
656
|
+
},
|
|
657
|
+
{
|
|
658
|
+
"name": "preventDeselectFromOptionsList",
|
|
659
|
+
"migrateTo": "`multi",
|
|
660
|
+
"type": "boolean"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"name": "showTriggerClearButton",
|
|
664
|
+
"migrateTo": "`multi",
|
|
665
|
+
"type": "boolean"
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "absolute",
|
|
669
|
+
"migrateTo": "`popover",
|
|
670
|
+
"type": "boolean"
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"name": "popoverZIndex",
|
|
674
|
+
"migrateTo": "`popover",
|
|
675
|
+
"type": "number"
|
|
676
|
+
},
|
|
677
|
+
{
|
|
678
|
+
"name": "footer",
|
|
679
|
+
"migrateTo": "`popover",
|
|
680
|
+
"type": "boolean"
|
|
681
|
+
},
|
|
682
|
+
{
|
|
683
|
+
"name": "defaultOptionSelected",
|
|
684
|
+
"migrateTo": "`items",
|
|
685
|
+
"type": "boolean"
|
|
686
|
+
},
|
|
687
|
+
{
|
|
688
|
+
"name": "withCheckbox",
|
|
689
|
+
"migrateTo": "`checkbox",
|
|
690
|
+
"type": "boolean"
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"name": "checkboxSelectionTone",
|
|
694
|
+
"migrateTo": "`checkbox",
|
|
695
|
+
"type": "ListItemCheckboxSelectionTone"
|
|
696
|
+
},
|
|
697
|
+
{
|
|
698
|
+
"name": "checkboxPosition",
|
|
699
|
+
"migrateTo": "`checkbox",
|
|
700
|
+
"type": "'start' | 'end'"
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"name": "checkboxListDensity",
|
|
704
|
+
"migrateTo": "`checkbox",
|
|
705
|
+
"type": "'default' | 'compact'"
|
|
706
|
+
},
|
|
707
|
+
{
|
|
708
|
+
"name": "hasCurrent",
|
|
709
|
+
"migrateTo": "`values",
|
|
710
|
+
"type": "boolean"
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"name": "onHandleAccept",
|
|
714
|
+
"migrateTo": "`events",
|
|
715
|
+
"type": "(selectedOptions: DropdownOption[]) => void"
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"name": "pill",
|
|
719
|
+
"migrateTo": "`slots",
|
|
720
|
+
"type": "PillSize"
|
|
721
|
+
},
|
|
722
|
+
{
|
|
723
|
+
"name": "listVariant",
|
|
724
|
+
"migrateTo": "`list",
|
|
725
|
+
"type": "DropdownListVariant"
|
|
726
|
+
},
|
|
727
|
+
{
|
|
728
|
+
"name": "searchMultiCheckbox",
|
|
729
|
+
"migrateTo": "`list",
|
|
730
|
+
"jsdoc": "```tsx\n <Dropdown\n list={{\n listVariant: 'search-multi-checkbox',\n searchMultiCheckbox: {\n search: { placeholder: 'Buscar plaza…' },\n header: { id: 'all-plazas', label: 'Todas las plazas' },\n showClearSelection: true,\n },\n }}\n multi={{ multiple: true }}\n items={{ options }}\n menuSearch={{ searchable: false }}\n />\n ```",
|
|
731
|
+
"type": "DropdownSearchMultiCheckboxConfig"
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"name": "searchMultiCheckboxHeader",
|
|
735
|
+
"migrateTo": "`list",
|
|
736
|
+
"type": "{ id: string"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"name": "searchMultiCheckboxShowSearch",
|
|
740
|
+
"type": "boolean"
|
|
741
|
+
},
|
|
742
|
+
{
|
|
743
|
+
"name": "searchMultiCheckboxShowClearSelection",
|
|
744
|
+
"type": "boolean"
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
"name": "onToggleChange",
|
|
748
|
+
"migrateTo": "`events",
|
|
749
|
+
"type": "(option: DropdownOption, checked: boolean) => void"
|
|
750
|
+
},
|
|
751
|
+
{
|
|
752
|
+
"name": "filtersTitle",
|
|
753
|
+
"migrateTo": "`list",
|
|
754
|
+
"type": "string"
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"name": "tooltipProps",
|
|
758
|
+
"migrateTo": "`tooltip",
|
|
759
|
+
"type": "ButtonTooltipConfig"
|
|
760
|
+
},
|
|
761
|
+
{
|
|
762
|
+
"name": "loading",
|
|
763
|
+
"migrateTo": "`status",
|
|
764
|
+
"type": "boolean"
|
|
765
|
+
}
|
|
766
|
+
],
|
|
767
|
+
"flat": {
|
|
768
|
+
"field": {
|
|
769
|
+
"name": "field",
|
|
770
|
+
"type": "Partial<DropdownFieldProps>",
|
|
771
|
+
"required": false
|
|
772
|
+
},
|
|
773
|
+
"tooltip": {
|
|
774
|
+
"name": "tooltip",
|
|
775
|
+
"type": "Partial<DropdownHintProps>",
|
|
776
|
+
"required": false
|
|
777
|
+
},
|
|
778
|
+
"slots": {
|
|
779
|
+
"name": "slots",
|
|
780
|
+
"type": "Partial<DropdownSlotsProps>",
|
|
781
|
+
"required": false
|
|
782
|
+
},
|
|
783
|
+
"items": {
|
|
784
|
+
"name": "items",
|
|
785
|
+
"type": "Partial<DropdownItemsProps>",
|
|
786
|
+
"required": false
|
|
787
|
+
},
|
|
788
|
+
"values": {
|
|
789
|
+
"name": "values",
|
|
790
|
+
"type": "Partial<DropdownValuesProps>",
|
|
791
|
+
"required": false
|
|
792
|
+
},
|
|
793
|
+
"menuSearch": {
|
|
794
|
+
"name": "menuSearch",
|
|
795
|
+
"type": "Partial<DropdownMenuSearchProps>",
|
|
796
|
+
"required": false
|
|
797
|
+
},
|
|
798
|
+
"multi": {
|
|
799
|
+
"name": "multi",
|
|
800
|
+
"type": "Partial<DropdownMultiProps>",
|
|
801
|
+
"required": false
|
|
802
|
+
},
|
|
803
|
+
"popover": {
|
|
804
|
+
"name": "popover",
|
|
805
|
+
"type": "Partial<DropdownPopoverProps>",
|
|
806
|
+
"required": false
|
|
807
|
+
},
|
|
808
|
+
"checkbox": {
|
|
809
|
+
"name": "checkbox",
|
|
810
|
+
"type": "Partial<DropdownCheckboxProps>",
|
|
811
|
+
"required": false
|
|
812
|
+
},
|
|
813
|
+
"list": {
|
|
814
|
+
"name": "list",
|
|
815
|
+
"type": "Partial<DropdownListBlockProps>",
|
|
816
|
+
"required": false
|
|
817
|
+
},
|
|
818
|
+
"events": {
|
|
819
|
+
"name": "events",
|
|
820
|
+
"type": "Partial<DropdownEventsProps>",
|
|
821
|
+
"required": false
|
|
822
|
+
},
|
|
823
|
+
"status": {
|
|
824
|
+
"name": "status",
|
|
825
|
+
"type": "Partial<DropdownStatusProps>",
|
|
826
|
+
"required": false
|
|
827
|
+
},
|
|
828
|
+
"disabled": {
|
|
829
|
+
"name": "disabled",
|
|
830
|
+
"type": "boolean",
|
|
831
|
+
"required": false
|
|
832
|
+
},
|
|
833
|
+
"label": {
|
|
834
|
+
"name": "label",
|
|
835
|
+
"type": "string }",
|
|
836
|
+
"required": true
|
|
837
|
+
}
|
|
838
|
+
}
|
|
839
|
+
}
|
|
449
840
|
}
|
|
450
841
|
]
|
|
451
842
|
},
|
|
@@ -1064,7 +1455,170 @@
|
|
|
1064
1455
|
"import { faEye } from '@fortawesome/pro-regular-svg-icons';\n\n<Icon name={faEye} size=\"xs\" color=\"blue\" />\n<Icon name={faEye} size=\"sm\" color=\"blue\" />\n<Icon name={faEye} size=\"md\" color=\"blue\" />\n<Icon name={faEye} size=\"lg\" color=\"blue\" />",
|
|
1065
1456
|
"import { faEye } from '@fortawesome/pro-regular-svg-icons';\n\n<Icon name={faEye} size=\"lg\" color=\"blue\" />\n<Icon name={faEye} size=\"lg\" color=\"default\" />\n<Icon name={faEye} size=\"lg\" color=\"red\" />\n<Icon name={faEye} size=\"lg\" color=\"green\" />\n<Icon name={faEye} size=\"lg\" color=\"yellow\" />\n<Icon name={faEye} size=\"lg\" color=\"current\" />\n<Icon name={faEye} size=\"lg\" color=\"brand\" />",
|
|
1066
1457
|
"import { faHome, faSearch, faBell, faUser, faCog, faStar } from '@fortawesome/pro-regular-svg-icons';\n\n<Icon name={faHome} size=\"md\" color=\"blue\" />\n<Icon name={faSearch} size=\"md\" color=\"default\" />\n<Icon name={faBell} size=\"md\" color=\"red\" />\n<Icon name={faUser} size=\"md\" color=\"green\" />\n<Icon name={faCog} size=\"md\" color=\"yellow\" />\n<Icon name={faStar} size=\"md\" color=\"blue\" />"
|
|
1067
|
-
]
|
|
1458
|
+
],
|
|
1459
|
+
"props": {
|
|
1460
|
+
"groups": {
|
|
1461
|
+
"icon": {
|
|
1462
|
+
"props": {
|
|
1463
|
+
"name": {
|
|
1464
|
+
"name": "name",
|
|
1465
|
+
"type": "AnyIconDefinition",
|
|
1466
|
+
"required": true
|
|
1467
|
+
},
|
|
1468
|
+
"size": {
|
|
1469
|
+
"name": "size",
|
|
1470
|
+
"type": "IconFontSize",
|
|
1471
|
+
"required": false
|
|
1472
|
+
},
|
|
1473
|
+
"color": {
|
|
1474
|
+
"name": "color",
|
|
1475
|
+
"type": "IconFontColor",
|
|
1476
|
+
"required": false
|
|
1477
|
+
},
|
|
1478
|
+
"className": {
|
|
1479
|
+
"name": "className",
|
|
1480
|
+
"type": "string",
|
|
1481
|
+
"required": false
|
|
1482
|
+
},
|
|
1483
|
+
"onClick": {
|
|
1484
|
+
"name": "onClick",
|
|
1485
|
+
"type": "(e: React.MouseEvent<HTMLDivElement>) => void",
|
|
1486
|
+
"required": false
|
|
1487
|
+
},
|
|
1488
|
+
"background": {
|
|
1489
|
+
"name": "background",
|
|
1490
|
+
"type": "boolean",
|
|
1491
|
+
"required": false
|
|
1492
|
+
},
|
|
1493
|
+
"fondo": {
|
|
1494
|
+
"name": "fondo",
|
|
1495
|
+
"type": "semánticos (`success`, `danger`, `white`, `blue`, …) o clase `ui-bg-*`. */",
|
|
1496
|
+
"required": true
|
|
1497
|
+
},
|
|
1498
|
+
"backgroundColor": {
|
|
1499
|
+
"name": "backgroundColor",
|
|
1500
|
+
"type": "IconBackgroundColor",
|
|
1501
|
+
"required": false
|
|
1502
|
+
},
|
|
1503
|
+
"backgroundSize": {
|
|
1504
|
+
"name": "backgroundSize",
|
|
1505
|
+
"type": "VisualSize",
|
|
1506
|
+
"required": false
|
|
1507
|
+
},
|
|
1508
|
+
"padding": {
|
|
1509
|
+
"name": "padding",
|
|
1510
|
+
"type": "'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'",
|
|
1511
|
+
"required": false
|
|
1512
|
+
},
|
|
1513
|
+
"style": {
|
|
1514
|
+
"name": "style",
|
|
1515
|
+
"type": "React.CSSProperties & Record<string, unknown>",
|
|
1516
|
+
"required": false
|
|
1517
|
+
},
|
|
1518
|
+
"colorDuotonePrimary": {
|
|
1519
|
+
"name": "colorDuotonePrimary",
|
|
1520
|
+
"type": "IconFontColor",
|
|
1521
|
+
"required": false
|
|
1522
|
+
},
|
|
1523
|
+
"colorDuotoneSecondary": {
|
|
1524
|
+
"name": "colorDuotoneSecondary",
|
|
1525
|
+
"type": "IconFontColor",
|
|
1526
|
+
"required": false
|
|
1527
|
+
},
|
|
1528
|
+
"opacityDuotonePrimary": {
|
|
1529
|
+
"name": "opacityDuotonePrimary",
|
|
1530
|
+
"type": "number",
|
|
1531
|
+
"required": false
|
|
1532
|
+
},
|
|
1533
|
+
"opacityDuotoneSecondary": {
|
|
1534
|
+
"name": "opacityDuotoneSecondary",
|
|
1535
|
+
"type": "number",
|
|
1536
|
+
"required": false
|
|
1537
|
+
}
|
|
1538
|
+
}
|
|
1539
|
+
}
|
|
1540
|
+
},
|
|
1541
|
+
"deprecatedRoot": [],
|
|
1542
|
+
"flat": {
|
|
1543
|
+
"name": {
|
|
1544
|
+
"name": "name",
|
|
1545
|
+
"type": "AnyIconDefinition",
|
|
1546
|
+
"required": true,
|
|
1547
|
+
"description": "Nombre del icono a mostrar"
|
|
1548
|
+
},
|
|
1549
|
+
"size": {
|
|
1550
|
+
"name": "size",
|
|
1551
|
+
"type": "IconFontSize",
|
|
1552
|
+
"required": false,
|
|
1553
|
+
"description": "Tamaño del icono"
|
|
1554
|
+
},
|
|
1555
|
+
"color": {
|
|
1556
|
+
"name": "color",
|
|
1557
|
+
"type": "IconFontColor",
|
|
1558
|
+
"required": false,
|
|
1559
|
+
"description": "Color del icono"
|
|
1560
|
+
},
|
|
1561
|
+
"className": {
|
|
1562
|
+
"name": "className",
|
|
1563
|
+
"type": "string",
|
|
1564
|
+
"required": false,
|
|
1565
|
+
"description": "Clases CSS adicionales"
|
|
1566
|
+
},
|
|
1567
|
+
"onClick": {
|
|
1568
|
+
"name": "onClick",
|
|
1569
|
+
"type": "(e: React.MouseEvent<HTMLDivElement>) => void",
|
|
1570
|
+
"required": false
|
|
1571
|
+
},
|
|
1572
|
+
"background": {
|
|
1573
|
+
"name": "background",
|
|
1574
|
+
"type": "boolean",
|
|
1575
|
+
"required": false,
|
|
1576
|
+
"description": "Si el icono tiene un fondo"
|
|
1577
|
+
},
|
|
1578
|
+
"backgroundColor": {
|
|
1579
|
+
"name": "backgroundColor",
|
|
1580
|
+
"type": "IconBackgroundColor",
|
|
1581
|
+
"required": false,
|
|
1582
|
+
"description": "Color del fondo: semánticos (`success`, `danger`, `white`, `blue`, …) o clase `ui-bg-`."
|
|
1583
|
+
},
|
|
1584
|
+
"backgroundSize": {
|
|
1585
|
+
"name": "backgroundSize",
|
|
1586
|
+
"type": "VisualSize",
|
|
1587
|
+
"required": false,
|
|
1588
|
+
"description": "Tamaño del fondo del icono"
|
|
1589
|
+
},
|
|
1590
|
+
"padding": {
|
|
1591
|
+
"name": "padding",
|
|
1592
|
+
"type": "'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'",
|
|
1593
|
+
"required": false
|
|
1594
|
+
},
|
|
1595
|
+
"style": {
|
|
1596
|
+
"name": "style",
|
|
1597
|
+
"type": "React.CSSProperties & Record<string, unknown>",
|
|
1598
|
+
"required": false
|
|
1599
|
+
},
|
|
1600
|
+
"colorDuotonePrimary": {
|
|
1601
|
+
"name": "colorDuotonePrimary",
|
|
1602
|
+
"type": "IconFontColor",
|
|
1603
|
+
"required": false
|
|
1604
|
+
},
|
|
1605
|
+
"colorDuotoneSecondary": {
|
|
1606
|
+
"name": "colorDuotoneSecondary",
|
|
1607
|
+
"type": "IconFontColor",
|
|
1608
|
+
"required": false
|
|
1609
|
+
},
|
|
1610
|
+
"opacityDuotonePrimary": {
|
|
1611
|
+
"name": "opacityDuotonePrimary",
|
|
1612
|
+
"type": "number",
|
|
1613
|
+
"required": false
|
|
1614
|
+
},
|
|
1615
|
+
"opacityDuotoneSecondary": {
|
|
1616
|
+
"name": "opacityDuotoneSecondary",
|
|
1617
|
+
"type": "number",
|
|
1618
|
+
"required": false
|
|
1619
|
+
}
|
|
1620
|
+
}
|
|
1621
|
+
}
|
|
1068
1622
|
}
|
|
1069
1623
|
]
|
|
1070
1624
|
},
|
|
@@ -1105,7 +1659,403 @@
|
|
|
1105
1659
|
"import { InnerButton } from '@imj_media/ui';\n\n export default function Example() {\n return (\n <>\n <div className=\"ui-flex ui-flex-wrap ui-gap-8\">\n <InnerButton color=\"primary\" icon={faImage} />\n <InnerButton color=\"secondary\" icon={faImage} />\n <InnerButton color=\"tertiary\" icon={faImage} />\n <InnerButton color=\"destructive\" icon={faImage} />\n </div>\n <div className=\"ui-flex ui-flex-wrap ui-gap-8\">\n <InnerButton color=\"primary\" icon={faImage} pill=\"xs\" />\n <InnerButton color=\"secondary\" icon={faImage} pill=\"xs\" />\n <InnerButton color=\"tertiary\" icon={faImage} pill=\"xs\" />\n <InnerButton color=\"destructive\" icon={faImage} pill=\"xs\" />\n </div>\n <div className=\"ui-flex ui-flex-wrap ui-gap-8\">\n <InnerButton color=\"primary\" icon={faImage} pill=\"sm\" />\n <InnerButton color=\"secondary\" icon={faImage} pill=\"sm\" />\n <InnerButton color=\"tertiary\" icon={faImage} pill=\"sm\" />\n <InnerButton color=\"destructive\" icon={faImage} pill=\"sm\" />\n </div>\n <div className=\"ui-flex ui-flex-wrap ui-gap-8\">\n <InnerButton color=\"primary\" icon={faImage} pill=\"md\" />\n <InnerButton color=\"secondary\" icon={faImage} pill=\"md\" />\n <InnerButton color=\"tertiary\" icon={faImage} pill=\"md\" />\n <InnerButton color=\"destructive\" icon={faImage} pill=\"md\" />\n </div>\n <div className=\"ui-flex ui-flex-wrap ui-gap-8\">\n <InnerButton color=\"primary\" icon={faImage} pill=\"lg\" />\n <InnerButton color=\"secondary\" icon={faImage} pill=\"lg\" />\n <InnerButton color=\"tertiary\" icon={faImage} pill=\"lg\" />\n <InnerButton color=\"destructive\" icon={faImage} pill=\"lg\" />\n </div>\n <div className=\"ui-flex ui-flex-wrap ui-gap-8\">\n <InnerButton color=\"primary\" icon={faImage} pill=\"pill\" />\n <InnerButton color=\"secondary\" icon={faImage} pill=\"pill\" />\n <InnerButton color=\"tertiary\" icon={faImage} pill=\"pill\" />\n <InnerButton color=\"destructive\" icon={faImage} pill=\"pill\" />\n </div>\n </>\n )\n }",
|
|
1106
1660
|
"import { InnerButton } from '@imj_media/ui';\n\n export default function Example() {\n return (\n <>\n <InnerButton color=\"primary\" tooltip=\"Tooltip\">Blue</InnerButton>\n <InnerButton color=\"secondary\" tooltip=\"Tooltip\">Red</InnerButton>\n <InnerButton color=\"tertiary\" tooltip=\"Tooltip\">Green</InnerButton>\n <InnerButton color=\"destructive\" tooltip=\"Tooltip\">Orange</InnerButton>\n <InnerButton color=\"primary\" tooltip=\"Tooltip\">White</InnerButton>\n </>\n )\n }",
|
|
1107
1661
|
"<InnerButton color=\"primary\" theme='solid'>\n Primary\n </InnerButton>"
|
|
1108
|
-
]
|
|
1662
|
+
],
|
|
1663
|
+
"props": {
|
|
1664
|
+
"groups": {},
|
|
1665
|
+
"deprecatedRoot": [
|
|
1666
|
+
{
|
|
1667
|
+
"name": "badgeColor",
|
|
1668
|
+
"migrateTo": "`badge",
|
|
1669
|
+
"type": "BadgeColor"
|
|
1670
|
+
},
|
|
1671
|
+
{
|
|
1672
|
+
"name": "badgeLabel",
|
|
1673
|
+
"migrateTo": "`badge",
|
|
1674
|
+
"type": "string"
|
|
1675
|
+
},
|
|
1676
|
+
{
|
|
1677
|
+
"name": "badgeIcon",
|
|
1678
|
+
"migrateTo": "`badge",
|
|
1679
|
+
"type": "IconType | AnyIconDefinition"
|
|
1680
|
+
},
|
|
1681
|
+
{
|
|
1682
|
+
"name": "badgeLoading",
|
|
1683
|
+
"migrateTo": "`badge",
|
|
1684
|
+
"jsdoc": "Si es true, muestra un spinner de carga en el badge.",
|
|
1685
|
+
"type": "boolean"
|
|
1686
|
+
},
|
|
1687
|
+
{
|
|
1688
|
+
"name": "colorIcon",
|
|
1689
|
+
"migrateTo": "`iconProps",
|
|
1690
|
+
"type": "IconFontColor"
|
|
1691
|
+
},
|
|
1692
|
+
{
|
|
1693
|
+
"name": "iconDuotonePrimary",
|
|
1694
|
+
"migrateTo": "iconProps",
|
|
1695
|
+
"type": "IconFontColor"
|
|
1696
|
+
},
|
|
1697
|
+
{
|
|
1698
|
+
"name": "iconDuotoneSecondary",
|
|
1699
|
+
"migrateTo": "iconProps",
|
|
1700
|
+
"type": "IconFontColor"
|
|
1701
|
+
},
|
|
1702
|
+
{
|
|
1703
|
+
"name": "iconDuotoneOpacityPrimary",
|
|
1704
|
+
"migrateTo": "iconProps",
|
|
1705
|
+
"type": "number"
|
|
1706
|
+
},
|
|
1707
|
+
{
|
|
1708
|
+
"name": "iconDuotoneOpacitySecondary",
|
|
1709
|
+
"migrateTo": "iconProps",
|
|
1710
|
+
"type": "number"
|
|
1711
|
+
},
|
|
1712
|
+
{
|
|
1713
|
+
"name": "leftSlotDuotonePrimary",
|
|
1714
|
+
"migrateTo": "leftSlotProps",
|
|
1715
|
+
"type": "IconFontColor"
|
|
1716
|
+
},
|
|
1717
|
+
{
|
|
1718
|
+
"name": "leftSlotDuotoneSecondary",
|
|
1719
|
+
"migrateTo": "leftSlotProps",
|
|
1720
|
+
"type": "IconFontColor"
|
|
1721
|
+
},
|
|
1722
|
+
{
|
|
1723
|
+
"name": "leftSlotDuotoneOpacityPrimary",
|
|
1724
|
+
"migrateTo": "leftSlotProps",
|
|
1725
|
+
"type": "number"
|
|
1726
|
+
},
|
|
1727
|
+
{
|
|
1728
|
+
"name": "leftSlotDuotoneOpacitySecondary",
|
|
1729
|
+
"migrateTo": "leftSlotProps",
|
|
1730
|
+
"type": "number"
|
|
1731
|
+
},
|
|
1732
|
+
{
|
|
1733
|
+
"name": "rightSlotDuotonePrimary",
|
|
1734
|
+
"migrateTo": "rightSlotProps",
|
|
1735
|
+
"type": "IconFontColor"
|
|
1736
|
+
},
|
|
1737
|
+
{
|
|
1738
|
+
"name": "rightSlotDuotoneSecondary",
|
|
1739
|
+
"migrateTo": "rightSlotProps",
|
|
1740
|
+
"type": "IconFontColor"
|
|
1741
|
+
},
|
|
1742
|
+
{
|
|
1743
|
+
"name": "rightSlotDuotoneOpacityPrimary",
|
|
1744
|
+
"migrateTo": "rightSlotProps",
|
|
1745
|
+
"type": "number"
|
|
1746
|
+
},
|
|
1747
|
+
{
|
|
1748
|
+
"name": "rightSlotDuotoneOpacitySecondary",
|
|
1749
|
+
"migrateTo": "rightSlotProps",
|
|
1750
|
+
"type": "number"
|
|
1751
|
+
},
|
|
1752
|
+
{
|
|
1753
|
+
"name": "onClickIcon",
|
|
1754
|
+
"migrateTo": "`iconProps",
|
|
1755
|
+
"type": "(e: React.MouseEvent<HTMLDivElement>) => void"
|
|
1756
|
+
},
|
|
1757
|
+
{
|
|
1758
|
+
"name": "onClickLeftSlot",
|
|
1759
|
+
"migrateTo": "`leftSlotProps",
|
|
1760
|
+
"type": "(e: React.MouseEvent<HTMLDivElement>) => void"
|
|
1761
|
+
},
|
|
1762
|
+
{
|
|
1763
|
+
"name": "onClickRightSlot",
|
|
1764
|
+
"migrateTo": "`rightSlotProps",
|
|
1765
|
+
"type": "(e: React.MouseEvent<HTMLDivElement>) => void"
|
|
1766
|
+
},
|
|
1767
|
+
{
|
|
1768
|
+
"name": "tooltipPosition",
|
|
1769
|
+
"migrateTo": "tooltip como objeto o tooltipProps",
|
|
1770
|
+
"type": "TooltipPosition"
|
|
1771
|
+
},
|
|
1772
|
+
{
|
|
1773
|
+
"name": "tooltipAlignment",
|
|
1774
|
+
"migrateTo": "tooltip como objeto o tooltipProps",
|
|
1775
|
+
"type": "TooltipAlignment"
|
|
1776
|
+
},
|
|
1777
|
+
{
|
|
1778
|
+
"name": "tooltipColor",
|
|
1779
|
+
"migrateTo": "tooltip como objeto o tooltipProps",
|
|
1780
|
+
"type": "TooltipColors"
|
|
1781
|
+
},
|
|
1782
|
+
{
|
|
1783
|
+
"name": "tooltipDelay",
|
|
1784
|
+
"migrateTo": "tooltip como objeto o tooltipProps",
|
|
1785
|
+
"type": "number"
|
|
1786
|
+
},
|
|
1787
|
+
{
|
|
1788
|
+
"name": "tooltipAbsolute",
|
|
1789
|
+
"migrateTo": "tooltip como objeto o tooltipProps",
|
|
1790
|
+
"type": "boolean"
|
|
1791
|
+
},
|
|
1792
|
+
{
|
|
1793
|
+
"name": "defaultTooltipColor",
|
|
1794
|
+
"migrateTo": "tooltip como objeto o tooltipProps",
|
|
1795
|
+
"type": "boolean"
|
|
1796
|
+
},
|
|
1797
|
+
{
|
|
1798
|
+
"name": "classNameTooltip",
|
|
1799
|
+
"migrateTo": "tooltip como objeto o tooltipProps",
|
|
1800
|
+
"type": "string"
|
|
1801
|
+
},
|
|
1802
|
+
{
|
|
1803
|
+
"name": "classNameIcon",
|
|
1804
|
+
"migrateTo": "`iconProps",
|
|
1805
|
+
"type": "string"
|
|
1806
|
+
}
|
|
1807
|
+
],
|
|
1808
|
+
"flat": {
|
|
1809
|
+
"className": {
|
|
1810
|
+
"name": "className",
|
|
1811
|
+
"type": "string",
|
|
1812
|
+
"required": false
|
|
1813
|
+
},
|
|
1814
|
+
"disabled": {
|
|
1815
|
+
"name": "disabled",
|
|
1816
|
+
"type": "boolean",
|
|
1817
|
+
"required": false
|
|
1818
|
+
},
|
|
1819
|
+
"classNameLabel": {
|
|
1820
|
+
"name": "classNameLabel",
|
|
1821
|
+
"type": "string",
|
|
1822
|
+
"required": false
|
|
1823
|
+
},
|
|
1824
|
+
"theme": {
|
|
1825
|
+
"name": "theme",
|
|
1826
|
+
"type": "ButtonTheme",
|
|
1827
|
+
"required": false,
|
|
1828
|
+
"description": "Tema visual del botón (`solid` o variante `icon` deprecada).\n Preferir `solid` y botón solo icono vía `icon` + sin `children`."
|
|
1829
|
+
},
|
|
1830
|
+
"rounded": {
|
|
1831
|
+
"name": "rounded",
|
|
1832
|
+
"type": "boolean",
|
|
1833
|
+
"required": false
|
|
1834
|
+
},
|
|
1835
|
+
"clickable": {
|
|
1836
|
+
"name": "clickable",
|
|
1837
|
+
"type": "boolean",
|
|
1838
|
+
"required": false
|
|
1839
|
+
},
|
|
1840
|
+
"square": {
|
|
1841
|
+
"name": "square",
|
|
1842
|
+
"type": "boolean",
|
|
1843
|
+
"required": false
|
|
1844
|
+
},
|
|
1845
|
+
"badgeTheme": {
|
|
1846
|
+
"name": "badgeTheme",
|
|
1847
|
+
"type": "BadgeTheme",
|
|
1848
|
+
"required": false
|
|
1849
|
+
},
|
|
1850
|
+
"badgeSize": {
|
|
1851
|
+
"name": "badgeSize",
|
|
1852
|
+
"type": "BadgeSize",
|
|
1853
|
+
"required": false
|
|
1854
|
+
},
|
|
1855
|
+
"badgeStroke": {
|
|
1856
|
+
"name": "badgeStroke",
|
|
1857
|
+
"type": "boolean",
|
|
1858
|
+
"required": false
|
|
1859
|
+
},
|
|
1860
|
+
"badgeIconDuotonePrimary": {
|
|
1861
|
+
"name": "badgeIconDuotonePrimary",
|
|
1862
|
+
"type": "IconFontColor",
|
|
1863
|
+
"required": false
|
|
1864
|
+
},
|
|
1865
|
+
"badgeIconDuotoneSecondary": {
|
|
1866
|
+
"name": "badgeIconDuotoneSecondary",
|
|
1867
|
+
"type": "IconFontColor",
|
|
1868
|
+
"required": false
|
|
1869
|
+
},
|
|
1870
|
+
"badgeIconDuotoneOpacityPrimary": {
|
|
1871
|
+
"name": "badgeIconDuotoneOpacityPrimary",
|
|
1872
|
+
"type": "number",
|
|
1873
|
+
"required": false
|
|
1874
|
+
},
|
|
1875
|
+
"badgeIconDuotoneOpacitySecondary": {
|
|
1876
|
+
"name": "badgeIconDuotoneOpacitySecondary",
|
|
1877
|
+
"type": "number",
|
|
1878
|
+
"required": false
|
|
1879
|
+
},
|
|
1880
|
+
"color": {
|
|
1881
|
+
"name": "color",
|
|
1882
|
+
"type": "ButtonColors",
|
|
1883
|
+
"required": false
|
|
1884
|
+
},
|
|
1885
|
+
"icon": {
|
|
1886
|
+
"name": "icon",
|
|
1887
|
+
"type": "VisualSlotType | React.ReactElement | ButtonIconConfig",
|
|
1888
|
+
"required": false,
|
|
1889
|
+
"description": "Icono principal del botón.\n Puede ser un string simple (ej: \"ImageOutlined\"), un ReactElement, o un objeto de configuración completo.\n Si se usa como string simple (sin estilos personalizados), funciona sin deprecación.\n Si se usa como objeto de configuración, tiene la misma funcionalidad que iconProps.\n Para estilos personalizados con props separadas, usar iconProps."
|
|
1890
|
+
},
|
|
1891
|
+
"DEPRECADAS": {
|
|
1892
|
+
"name": "DEPRECADAS",
|
|
1893
|
+
"type": "usar tooltip como objeto o tooltipProps en su lugar",
|
|
1894
|
+
"required": true
|
|
1895
|
+
},
|
|
1896
|
+
"leftSlot": {
|
|
1897
|
+
"name": "leftSlot",
|
|
1898
|
+
"type": "VisualSlotType | ButtonSlotConfig",
|
|
1899
|
+
"required": false,
|
|
1900
|
+
"description": "Slot izquierdo del botón.\n Puede ser un string simple (ej: \"EditOutlined\"), un ReactElement, o un objeto de configuración completo.\n Si se usa como string simple (sin estilos personalizados), funciona sin deprecación.\n Si se usa como objeto de configuración, tiene la misma funcionalidad que leftSlotProps.\n Para estilos personalizados con props separadas, usar leftSlotProps."
|
|
1901
|
+
},
|
|
1902
|
+
"rightSlot": {
|
|
1903
|
+
"name": "rightSlot",
|
|
1904
|
+
"type": "VisualSlotType | ButtonSlotConfig",
|
|
1905
|
+
"required": false,
|
|
1906
|
+
"description": "Slot derecho del botón.\n Puede ser un string simple (ej: \"ArrowRightOutlined\"), un ReactElement, o un objeto de configuración completo.\n Si se usa como string simple (sin estilos personalizados), funciona sin deprecación.\n Si se usa como objeto de configuración, tiene la misma funcionalidad que rightSlotProps.\n Para estilos personalizados con props separadas, usar rightSlotProps."
|
|
1907
|
+
},
|
|
1908
|
+
"fullWidth": {
|
|
1909
|
+
"name": "fullWidth",
|
|
1910
|
+
"type": "boolean",
|
|
1911
|
+
"required": false
|
|
1912
|
+
},
|
|
1913
|
+
"size": {
|
|
1914
|
+
"name": "size",
|
|
1915
|
+
"type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'",
|
|
1916
|
+
"required": false
|
|
1917
|
+
},
|
|
1918
|
+
"iconSizeExtended": {
|
|
1919
|
+
"name": "iconSizeExtended",
|
|
1920
|
+
"type": "'none' | VisualSize",
|
|
1921
|
+
"required": false
|
|
1922
|
+
},
|
|
1923
|
+
"link": {
|
|
1924
|
+
"name": "link",
|
|
1925
|
+
"type": "string",
|
|
1926
|
+
"required": false
|
|
1927
|
+
},
|
|
1928
|
+
"borderable": {
|
|
1929
|
+
"name": "borderable",
|
|
1930
|
+
"type": "boolean | undefined",
|
|
1931
|
+
"required": false
|
|
1932
|
+
},
|
|
1933
|
+
"target": {
|
|
1934
|
+
"name": "target",
|
|
1935
|
+
"type": "string",
|
|
1936
|
+
"required": false
|
|
1937
|
+
},
|
|
1938
|
+
"type": {
|
|
1939
|
+
"name": "type",
|
|
1940
|
+
"type": "React.ButtonHTMLAttributes<HTMLButtonElement>['type']",
|
|
1941
|
+
"required": false,
|
|
1942
|
+
"description": "Atributo nativo `type` del `<button>` (`button`, `submit`, `reset`).\n Solo aplica cuando el componente se renderiza como `<button>` (sin `link`, y `as` distinto de `div`)."
|
|
1943
|
+
},
|
|
1944
|
+
"defaultSizeIcon": {
|
|
1945
|
+
"name": "defaultSizeIcon",
|
|
1946
|
+
"type": "boolean",
|
|
1947
|
+
"required": false
|
|
1948
|
+
},
|
|
1949
|
+
"as": {
|
|
1950
|
+
"name": "as",
|
|
1951
|
+
"type": "'button' | 'div'",
|
|
1952
|
+
"required": false
|
|
1953
|
+
},
|
|
1954
|
+
"classNameId": {
|
|
1955
|
+
"name": "classNameId",
|
|
1956
|
+
"type": "string",
|
|
1957
|
+
"required": false
|
|
1958
|
+
},
|
|
1959
|
+
"showShadow": {
|
|
1960
|
+
"name": "showShadow",
|
|
1961
|
+
"type": "boolean",
|
|
1962
|
+
"required": false
|
|
1963
|
+
},
|
|
1964
|
+
"tooltip": {
|
|
1965
|
+
"name": "tooltip",
|
|
1966
|
+
"type": "string | ButtonTooltipConfig",
|
|
1967
|
+
"required": false,
|
|
1968
|
+
"description": "Tooltip del botón.\n Puede ser un string simple o un objeto de configuración completo.\n Si se usa como string simple (sin estilos personalizados), funciona sin deprecación.\n Si se usa como objeto de configuración, tiene la misma funcionalidad que tooltipProps.\n Para estilos personalizados con props separadas, usar tooltipProps."
|
|
1969
|
+
},
|
|
1970
|
+
"stopPropagation": {
|
|
1971
|
+
"name": "stopPropagation",
|
|
1972
|
+
"type": "boolean",
|
|
1973
|
+
"required": false
|
|
1974
|
+
},
|
|
1975
|
+
"pointer": {
|
|
1976
|
+
"name": "pointer",
|
|
1977
|
+
"type": "boolean",
|
|
1978
|
+
"required": false
|
|
1979
|
+
},
|
|
1980
|
+
"textColor": {
|
|
1981
|
+
"name": "textColor",
|
|
1982
|
+
"type": "ButtonColors",
|
|
1983
|
+
"required": false
|
|
1984
|
+
},
|
|
1985
|
+
"textAlign": {
|
|
1986
|
+
"name": "textAlign",
|
|
1987
|
+
"type": "'left' | 'center' | 'right'",
|
|
1988
|
+
"required": false
|
|
1989
|
+
},
|
|
1990
|
+
"slotLayout": {
|
|
1991
|
+
"name": "slotLayout",
|
|
1992
|
+
"type": "ButtonSlotLayout",
|
|
1993
|
+
"required": false,
|
|
1994
|
+
"description": "Distribución de `leftSlot` / `rightSlot` respecto al texto.\n - `inline` (por defecto): iconos y texto forman un grupo centrado (comportamiento histórico).\n - `{ var: 'spread', textAlign? }`: iconos en extremos; el bloque de texto usa `textAlign` (`left` | `center` | `right`).\n Si omites `textAlign` en el objeto, se usa heurística: ambos slots → `center`; solo izquierda → `right`; solo derecha → `left`.\n La prop raíz `textAlign` del botón, si se define, tiene prioridad sobre `slotLayout.textAlign`."
|
|
1995
|
+
},
|
|
1996
|
+
"whiteBackground": {
|
|
1997
|
+
"name": "whiteBackground",
|
|
1998
|
+
"type": "boolean",
|
|
1999
|
+
"required": false
|
|
2000
|
+
},
|
|
2001
|
+
"strokeWidth": {
|
|
2002
|
+
"name": "strokeWidth",
|
|
2003
|
+
"type": "number",
|
|
2004
|
+
"required": false
|
|
2005
|
+
},
|
|
2006
|
+
"transition": {
|
|
2007
|
+
"name": "transition",
|
|
2008
|
+
"type": "boolean",
|
|
2009
|
+
"required": false
|
|
2010
|
+
},
|
|
2011
|
+
"pill": {
|
|
2012
|
+
"name": "pill",
|
|
2013
|
+
"type": "PillSize",
|
|
2014
|
+
"required": false
|
|
2015
|
+
},
|
|
2016
|
+
"active": {
|
|
2017
|
+
"name": "active",
|
|
2018
|
+
"type": "boolean",
|
|
2019
|
+
"required": false
|
|
2020
|
+
},
|
|
2021
|
+
"hoverText": {
|
|
2022
|
+
"name": "hoverText",
|
|
2023
|
+
"type": "string",
|
|
2024
|
+
"required": false,
|
|
2025
|
+
"description": "Texto que se muestra al hacer hover sobre el botón. Solo funciona cuando el badge termina de cargar (badgeLoading cambia de true a false)"
|
|
2026
|
+
},
|
|
2027
|
+
"iconProps": {
|
|
2028
|
+
"name": "iconProps",
|
|
2029
|
+
"type": "ButtonIconConfig",
|
|
2030
|
+
"required": false,
|
|
2031
|
+
"description": "Sistema nuevo: Configuración del icono principal del botón (objeto)\n Permite configurar el icono principal de forma más flexible\n Si se proporciona, tiene prioridad sobre las props legacy (icon, iconDuotonePrimary, etc.)"
|
|
2032
|
+
},
|
|
2033
|
+
"badge": {
|
|
2034
|
+
"name": "badge",
|
|
2035
|
+
"type": "ButtonBadgeConfig",
|
|
2036
|
+
"required": false,
|
|
2037
|
+
"description": "Sistema nuevo: Configuración del badge del botón (objeto)\n Permite configurar el badge de forma más flexible\n Si se proporciona, tiene prioridad sobre las props legacy (badgeColor, badgeLabel, etc.)"
|
|
2038
|
+
},
|
|
2039
|
+
"leftSlotProps": {
|
|
2040
|
+
"name": "leftSlotProps",
|
|
2041
|
+
"type": "ButtonSlotConfig",
|
|
2042
|
+
"required": false,
|
|
2043
|
+
"description": "Sistema nuevo: Configuración del slot izquierdo (objeto)\n Permite configurar el slot izquierdo de forma más flexible\n Si se proporciona, tiene prioridad sobre las props legacy (leftSlot, leftSlotDuotonePrimary, etc.)"
|
|
2044
|
+
},
|
|
2045
|
+
"rightSlotProps": {
|
|
2046
|
+
"name": "rightSlotProps",
|
|
2047
|
+
"type": "ButtonSlotConfig",
|
|
2048
|
+
"required": false,
|
|
2049
|
+
"description": "Sistema nuevo: Configuración del slot derecho (objeto)\n Permite configurar el slot derecho de forma más flexible\n Si se proporciona, tiene prioridad sobre las props legacy (rightSlot, rightSlotDuotonePrimary, etc.)"
|
|
2050
|
+
},
|
|
2051
|
+
"tooltipProps": {
|
|
2052
|
+
"name": "tooltipProps",
|
|
2053
|
+
"type": "ButtonTooltipConfig",
|
|
2054
|
+
"required": false,
|
|
2055
|
+
"description": "Sistema nuevo: Configuración del tooltip del botón (objeto)\n Permite configurar el tooltip de forma más flexible\n Si se proporciona, tiene prioridad sobre las props legacy (tooltip, tooltipPosition, etc.)"
|
|
2056
|
+
}
|
|
2057
|
+
}
|
|
2058
|
+
}
|
|
1109
2059
|
}
|
|
1110
2060
|
]
|
|
1111
2061
|
},
|
|
@@ -1421,7 +2371,353 @@
|
|
|
1421
2371
|
"import { useState } from 'react';\nimport { Modal } from '@/modules/Modal';\n\nexport default function DifferentModalSizes() {\n const [isOpen, setIsOpen] = useState(false);\n const [modalSize, setModalSize] = useState<'sm' | 'md' | 'lg' | 'xl'>('lg');\n\n return (\n <Modal isOpen={isOpen} onClose={() => setIsOpen(false)} title=\"Modal\" size={modalSize}>\n <Modal.Body>\n <Modal.Image\n src={imageSrc}\n alt={imageAlt}\n thumbnailMode={true}\n thumbnailSize=\"md\"\n />\n </Modal.Body>\n </Modal>\n );\n}",
|
|
1422
2372
|
"import { useState, useMemo } from 'react';\nimport { Modal } from '@/modules/Modal';\nimport { Table } from '@/modules/Table';\n\n// Definir columnas y datos...\nconst columnasModal = [/* ... */];\nconst datosEjemplo = [/* ... */];\n\nexport function TablaEnModal() {\n const [isOpen, setIsOpen] = useState(false);\n const rows = useMemo(() => datosEjemplo, []);\n\n return (\n <>\n <button onClick={() => setIsOpen(true)}>Abrir modal con tabla</button>\n\n <Modal\n isOpen={isOpen}\n onClose={() => setIsOpen(false)}\n title=\"Listado de usuarios\"\n size=\"xl\"\n >\n <Modal.Body>\n <div className=\"ui-h-[400px] ui-min-h-0\">\n <Table\n columns={columnasModal}\n rows={rows}\n empty={{ title: 'Sin datos', description: 'No hay registros para mostrar.' }}\n />\n </div>\n </Modal.Body>\n </Modal>\n </>\n );\n}",
|
|
1423
2373
|
"import { useState, useMemo } from 'react';\nimport { Modal } from '@/modules/Modal';\nimport { Table } from '@/modules/Table';\n\n// Definir columnas y datos...\nconst columnasModal = [/* ... */];\nconst datosEjemplo = [/* ... */];\n\nexport function TablaEnModal() {\n const [isOpen, setIsOpen] = useState(false);\n const rows = useMemo(() => datosEjemplo, []);\n\n return (\n <>\n <button onClick={() => setIsOpen(true)}>Abrir modal con tabla</button>\n\n <Modal\n isOpen={isOpen}\n onClose={() => setIsOpen(false)}\n title=\"Listado de usuarios\"\n size=\"xl\"\n >\n <Modal.Body>\n <div className=\"ui-h-[400px] ui-min-h-0\">\n <Table\n columns={columnasModal}\n rows={rows}\n empty={{ title: 'Sin datos', description: 'No hay registros para mostrar.' }}\n />\n </div>\n </Modal.Body>\n </Modal>\n </>\n );\n}"
|
|
1424
|
-
]
|
|
2374
|
+
],
|
|
2375
|
+
"props": {
|
|
2376
|
+
"groups": {},
|
|
2377
|
+
"deprecatedRoot": [
|
|
2378
|
+
{
|
|
2379
|
+
"name": "icon",
|
|
2380
|
+
"migrateTo": "iconConfig en su lugar\n */",
|
|
2381
|
+
"type": "IconType | AnyIconDefinition"
|
|
2382
|
+
},
|
|
2383
|
+
{
|
|
2384
|
+
"name": "headerButtonIcon",
|
|
2385
|
+
"migrateTo": "headerButton en su lugar\n */",
|
|
2386
|
+
"type": "IconType | AnyIconDefinition"
|
|
2387
|
+
},
|
|
2388
|
+
{
|
|
2389
|
+
"name": "badgeIcon",
|
|
2390
|
+
"migrateTo": "badge en su lugar\n */",
|
|
2391
|
+
"type": "IconType | AnyIconDefinition"
|
|
2392
|
+
},
|
|
2393
|
+
{
|
|
2394
|
+
"name": "footerButtonIcon",
|
|
2395
|
+
"migrateTo": "footerAuxButton en su lugar\n */",
|
|
2396
|
+
"type": "IconType | AnyIconDefinition"
|
|
2397
|
+
},
|
|
2398
|
+
{
|
|
2399
|
+
"name": "cancelButtonText",
|
|
2400
|
+
"migrateTo": "footerPrimaryButton (success) y footerSecondaryButton (cancel) en su lugar\n */",
|
|
2401
|
+
"type": "string"
|
|
2402
|
+
},
|
|
2403
|
+
{
|
|
2404
|
+
"name": "tabs",
|
|
2405
|
+
"migrateTo": "`tabsConfig",
|
|
2406
|
+
"type": "SwitchOption[]"
|
|
2407
|
+
},
|
|
2408
|
+
{
|
|
2409
|
+
"name": "defaultValueTab",
|
|
2410
|
+
"migrateTo": "`tabsConfig",
|
|
2411
|
+
"type": "string"
|
|
2412
|
+
},
|
|
2413
|
+
{
|
|
2414
|
+
"name": "onChangeTab",
|
|
2415
|
+
"migrateTo": "`tabsConfig",
|
|
2416
|
+
"type": "(value: string) => void"
|
|
2417
|
+
}
|
|
2418
|
+
],
|
|
2419
|
+
"flat": {
|
|
2420
|
+
"isOpen": {
|
|
2421
|
+
"name": "isOpen",
|
|
2422
|
+
"type": "boolean",
|
|
2423
|
+
"required": true
|
|
2424
|
+
},
|
|
2425
|
+
"onClose": {
|
|
2426
|
+
"name": "onClose",
|
|
2427
|
+
"type": "() => void",
|
|
2428
|
+
"required": true
|
|
2429
|
+
},
|
|
2430
|
+
"size": {
|
|
2431
|
+
"name": "size",
|
|
2432
|
+
"type": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'",
|
|
2433
|
+
"required": false
|
|
2434
|
+
},
|
|
2435
|
+
"children": {
|
|
2436
|
+
"name": "children",
|
|
2437
|
+
"type": "React.ReactNode",
|
|
2438
|
+
"required": true
|
|
2439
|
+
},
|
|
2440
|
+
"disableEscapeClose": {
|
|
2441
|
+
"name": "disableEscapeClose",
|
|
2442
|
+
"type": "boolean",
|
|
2443
|
+
"required": false
|
|
2444
|
+
},
|
|
2445
|
+
"disableOutsideTab": {
|
|
2446
|
+
"name": "disableOutsideTab",
|
|
2447
|
+
"type": "boolean",
|
|
2448
|
+
"required": false
|
|
2449
|
+
},
|
|
2450
|
+
"disableOutsideClick": {
|
|
2451
|
+
"name": "disableOutsideClick",
|
|
2452
|
+
"type": "boolean",
|
|
2453
|
+
"required": false
|
|
2454
|
+
},
|
|
2455
|
+
"closeAtCorner": {
|
|
2456
|
+
"name": "closeAtCorner",
|
|
2457
|
+
"type": "boolean",
|
|
2458
|
+
"required": false
|
|
2459
|
+
},
|
|
2460
|
+
"showCloseButton": {
|
|
2461
|
+
"name": "showCloseButton",
|
|
2462
|
+
"type": "boolean",
|
|
2463
|
+
"required": false
|
|
2464
|
+
},
|
|
2465
|
+
"title": {
|
|
2466
|
+
"name": "title",
|
|
2467
|
+
"type": "string",
|
|
2468
|
+
"required": false
|
|
2469
|
+
},
|
|
2470
|
+
"zIndex": {
|
|
2471
|
+
"name": "zIndex",
|
|
2472
|
+
"type": "number",
|
|
2473
|
+
"required": false,
|
|
2474
|
+
"description": "z-index del overlay raíz. Por defecto `52` (por encima de headers/celdas sticky de `Table`, hasta 51).\n `50` y `60` (p. ej. AlertDialog anidado) usan tokens; cualquier otro número se aplica vía `style`\n (p. ej. `1200` para quedar por encima de popovers en portal ~1000)."
|
|
2475
|
+
},
|
|
2476
|
+
"hideFooter": {
|
|
2477
|
+
"name": "hideFooter",
|
|
2478
|
+
"type": "boolean",
|
|
2479
|
+
"required": false
|
|
2480
|
+
},
|
|
2481
|
+
"scrollMode": {
|
|
2482
|
+
"name": "scrollMode",
|
|
2483
|
+
"type": "'scroll' | 'paper'",
|
|
2484
|
+
"required": false,
|
|
2485
|
+
"description": "Modo de scroll del modal.\n - `paper` (por defecto): el panel se fija a `100svh - 32px` (16 px top + 16 px bottom), centrado verticalmente; el scroll es interno en `Modal.Body`.\n - `scroll`: scroll externo en el overlay; el panel crece sin límite y la página scrollea para mostrarlo."
|
|
2486
|
+
},
|
|
2487
|
+
"sectionPadding": {
|
|
2488
|
+
"name": "sectionPadding",
|
|
2489
|
+
"type": "'md' | 'sm'",
|
|
2490
|
+
"required": false,
|
|
2491
|
+
"description": "Padding uniforme de cabecera, cuerpo y pie (`Modal.Header` / `Modal.Body` / `Modal.Footer`).\n - `md` (por defecto): 16px — diálogo modal.\n - `sm`: 8px — p. ej. `Popup` con `popoverStructured`."
|
|
2492
|
+
},
|
|
2493
|
+
"iconConfig": {
|
|
2494
|
+
"name": "iconConfig",
|
|
2495
|
+
"type": "ModalIcon",
|
|
2496
|
+
"required": false,
|
|
2497
|
+
"description": "Sistema nuevo: Icono principal del Modal\n Permite configurar el icono principal de forma más flexible\n Si se proporciona, tiene prioridad sobre las props legacy (icon, iconDuotonePrimary, etc.)"
|
|
2498
|
+
},
|
|
2499
|
+
"closeButton": {
|
|
2500
|
+
"name": "closeButton",
|
|
2501
|
+
"type": "ModalCloseButtonConfig",
|
|
2502
|
+
"required": false,
|
|
2503
|
+
"description": "Botón de cerrar (cabecera): tooltip opcional. Preferir este bloque frente a extender props sueltas en raíz."
|
|
2504
|
+
},
|
|
2505
|
+
"headerButton": {
|
|
2506
|
+
"name": "headerButton",
|
|
2507
|
+
"type": "ModalButton",
|
|
2508
|
+
"required": false,
|
|
2509
|
+
"description": "Sistema nuevo: Botón del header (modelo cerrado)\n Solo existe un botón en el header actualmente\n Si se proporciona, tiene prioridad sobre las props legacy (headerButtonIcon, headerButtonOnClick, etc.)\n Para casos especiales con múltiples botones, usar headerButtons (array)"
|
|
2510
|
+
},
|
|
2511
|
+
"headerButtons": {
|
|
2512
|
+
"name": "headerButtons",
|
|
2513
|
+
"type": "ModalButton[]",
|
|
2514
|
+
"required": false,
|
|
2515
|
+
"description": "Sistema nuevo: Array de botones del header (para casos especiales)\n Permite definir múltiples botones cuando se necesite más flexibilidad"
|
|
2516
|
+
},
|
|
2517
|
+
"badge": {
|
|
2518
|
+
"name": "badge",
|
|
2519
|
+
"type": "ModalBadge",
|
|
2520
|
+
"required": false,
|
|
2521
|
+
"description": "Sistema nuevo: Badge del header (modelo cerrado)\n Solo existe un badge en el header actualmente\n Si se proporciona, tiene prioridad sobre las props legacy (badgeIcon, badgeLabel, etc.)\n Para casos especiales con múltiples badges, usar badges (array)"
|
|
2522
|
+
},
|
|
2523
|
+
"badges": {
|
|
2524
|
+
"name": "badges",
|
|
2525
|
+
"type": "ModalBadge[]",
|
|
2526
|
+
"required": false,
|
|
2527
|
+
"description": "Sistema nuevo: Array de badges del header (para casos especiales)\n Permite definir múltiples badges cuando se necesite más flexibilidad"
|
|
2528
|
+
},
|
|
2529
|
+
"footerAuxButton": {
|
|
2530
|
+
"name": "footerAuxButton",
|
|
2531
|
+
"type": "ModalButton",
|
|
2532
|
+
"required": false,
|
|
2533
|
+
"description": "Sistema nuevo: Botón auxiliar del footer (a la izquierda)\n Solo existe un botón auxiliar en el footer actualmente\n Si se proporciona, tiene prioridad sobre las props legacy (footerButtonIcon, footerButtonOnClick, etc.)"
|
|
2534
|
+
},
|
|
2535
|
+
"footerPrimaryButton": {
|
|
2536
|
+
"name": "footerPrimaryButton",
|
|
2537
|
+
"type": "ModalButton",
|
|
2538
|
+
"required": false,
|
|
2539
|
+
"description": "Sistema nuevo: Botones del footer (modelo cerrado)\n Define específicamente los botones principales del footer (primary = success, secondary = cancel)\n Si se proporciona, tiene prioridad sobre las props legacy (cancelButtonText, successButtonText, etc.)\n Para casos especiales con más botones, usar footerButtons (array)"
|
|
2540
|
+
},
|
|
2541
|
+
"footerSecondaryButton": {
|
|
2542
|
+
"name": "footerSecondaryButton",
|
|
2543
|
+
"type": "ModalButton",
|
|
2544
|
+
"required": false
|
|
2545
|
+
},
|
|
2546
|
+
"footerButtons": {
|
|
2547
|
+
"name": "footerButtons",
|
|
2548
|
+
"type": "ModalButton[]",
|
|
2549
|
+
"required": false,
|
|
2550
|
+
"description": "Sistema nuevo: Array de botones del footer (para casos especiales)\n Permite definir múltiples botones cuando se necesite más flexibilidad"
|
|
2551
|
+
},
|
|
2552
|
+
"iconDuotonePrimary": {
|
|
2553
|
+
"name": "iconDuotonePrimary",
|
|
2554
|
+
"type": "IconFontColor",
|
|
2555
|
+
"required": false
|
|
2556
|
+
},
|
|
2557
|
+
"iconDuotoneSecondary": {
|
|
2558
|
+
"name": "iconDuotoneSecondary",
|
|
2559
|
+
"type": "IconFontColor",
|
|
2560
|
+
"required": false
|
|
2561
|
+
},
|
|
2562
|
+
"iconDuotoneOpacityPrimary": {
|
|
2563
|
+
"name": "iconDuotoneOpacityPrimary",
|
|
2564
|
+
"type": "number",
|
|
2565
|
+
"required": false
|
|
2566
|
+
},
|
|
2567
|
+
"iconDuotoneOpacitySecondary": {
|
|
2568
|
+
"name": "iconDuotoneOpacitySecondary",
|
|
2569
|
+
"type": "number",
|
|
2570
|
+
"required": false
|
|
2571
|
+
},
|
|
2572
|
+
"headerButtonIconDuotonePrimary": {
|
|
2573
|
+
"name": "headerButtonIconDuotonePrimary",
|
|
2574
|
+
"type": "IconFontColor",
|
|
2575
|
+
"required": false
|
|
2576
|
+
},
|
|
2577
|
+
"headerButtonIconDuotoneSecondary": {
|
|
2578
|
+
"name": "headerButtonIconDuotoneSecondary",
|
|
2579
|
+
"type": "IconFontColor",
|
|
2580
|
+
"required": false
|
|
2581
|
+
},
|
|
2582
|
+
"headerButtonIconDuotoneOpacityPrimary": {
|
|
2583
|
+
"name": "headerButtonIconDuotoneOpacityPrimary",
|
|
2584
|
+
"type": "number",
|
|
2585
|
+
"required": false
|
|
2586
|
+
},
|
|
2587
|
+
"headerButtonIconDuotoneOpacitySecondary": {
|
|
2588
|
+
"name": "headerButtonIconDuotoneOpacitySecondary",
|
|
2589
|
+
"type": "number",
|
|
2590
|
+
"required": false
|
|
2591
|
+
},
|
|
2592
|
+
"headerButtonOnClick": {
|
|
2593
|
+
"name": "headerButtonOnClick",
|
|
2594
|
+
"type": "() => void",
|
|
2595
|
+
"required": false
|
|
2596
|
+
},
|
|
2597
|
+
"badgeIconDuotonePrimary": {
|
|
2598
|
+
"name": "badgeIconDuotonePrimary",
|
|
2599
|
+
"type": "IconFontColor",
|
|
2600
|
+
"required": false
|
|
2601
|
+
},
|
|
2602
|
+
"badgeIconDuotoneSecondary": {
|
|
2603
|
+
"name": "badgeIconDuotoneSecondary",
|
|
2604
|
+
"type": "IconFontColor",
|
|
2605
|
+
"required": false
|
|
2606
|
+
},
|
|
2607
|
+
"badgeIconDuotoneOpacityPrimary": {
|
|
2608
|
+
"name": "badgeIconDuotoneOpacityPrimary",
|
|
2609
|
+
"type": "number",
|
|
2610
|
+
"required": false
|
|
2611
|
+
},
|
|
2612
|
+
"badgeIconDuotoneOpacitySecondary": {
|
|
2613
|
+
"name": "badgeIconDuotoneOpacitySecondary",
|
|
2614
|
+
"type": "number",
|
|
2615
|
+
"required": false
|
|
2616
|
+
},
|
|
2617
|
+
"badgeLabel": {
|
|
2618
|
+
"name": "badgeLabel",
|
|
2619
|
+
"type": "string",
|
|
2620
|
+
"required": false
|
|
2621
|
+
},
|
|
2622
|
+
"footerButtonIconDuotonePrimary": {
|
|
2623
|
+
"name": "footerButtonIconDuotonePrimary",
|
|
2624
|
+
"type": "IconFontColor",
|
|
2625
|
+
"required": false
|
|
2626
|
+
},
|
|
2627
|
+
"footerButtonIconDuotoneSecondary": {
|
|
2628
|
+
"name": "footerButtonIconDuotoneSecondary",
|
|
2629
|
+
"type": "IconFontColor",
|
|
2630
|
+
"required": false
|
|
2631
|
+
},
|
|
2632
|
+
"footerButtonIconDuotoneOpacityPrimary": {
|
|
2633
|
+
"name": "footerButtonIconDuotoneOpacityPrimary",
|
|
2634
|
+
"type": "number",
|
|
2635
|
+
"required": false
|
|
2636
|
+
},
|
|
2637
|
+
"footerButtonIconDuotoneOpacitySecondary": {
|
|
2638
|
+
"name": "footerButtonIconDuotoneOpacitySecondary",
|
|
2639
|
+
"type": "number",
|
|
2640
|
+
"required": false
|
|
2641
|
+
},
|
|
2642
|
+
"footerButtonOnClick": {
|
|
2643
|
+
"name": "footerButtonOnClick",
|
|
2644
|
+
"type": "() => void",
|
|
2645
|
+
"required": false
|
|
2646
|
+
},
|
|
2647
|
+
"successButtonText": {
|
|
2648
|
+
"name": "successButtonText",
|
|
2649
|
+
"type": "string",
|
|
2650
|
+
"required": false
|
|
2651
|
+
},
|
|
2652
|
+
"onCancel": {
|
|
2653
|
+
"name": "onCancel",
|
|
2654
|
+
"type": "(event?: React.MouseEvent<HTMLButtonElement>) => void",
|
|
2655
|
+
"required": false
|
|
2656
|
+
},
|
|
2657
|
+
"onSuccess": {
|
|
2658
|
+
"name": "onSuccess",
|
|
2659
|
+
"type": "(event?: React.MouseEvent<HTMLButtonElement>) => void",
|
|
2660
|
+
"required": false
|
|
2661
|
+
},
|
|
2662
|
+
"showCancelButton": {
|
|
2663
|
+
"name": "showCancelButton",
|
|
2664
|
+
"type": "boolean",
|
|
2665
|
+
"required": false
|
|
2666
|
+
},
|
|
2667
|
+
"showSuccessButton": {
|
|
2668
|
+
"name": "showSuccessButton",
|
|
2669
|
+
"type": "boolean",
|
|
2670
|
+
"required": false
|
|
2671
|
+
},
|
|
2672
|
+
"closeAtSuccess": {
|
|
2673
|
+
"name": "closeAtSuccess",
|
|
2674
|
+
"type": "boolean",
|
|
2675
|
+
"required": false
|
|
2676
|
+
},
|
|
2677
|
+
"closeAtCancel": {
|
|
2678
|
+
"name": "closeAtCancel",
|
|
2679
|
+
"type": "boolean",
|
|
2680
|
+
"required": false
|
|
2681
|
+
},
|
|
2682
|
+
"cancelButtonSlotLeft": {
|
|
2683
|
+
"name": "cancelButtonSlotLeft",
|
|
2684
|
+
"type": "VisualSlotType",
|
|
2685
|
+
"required": false
|
|
2686
|
+
},
|
|
2687
|
+
"successButtonSlotRight": {
|
|
2688
|
+
"name": "successButtonSlotRight",
|
|
2689
|
+
"type": "VisualSlotType",
|
|
2690
|
+
"required": false
|
|
2691
|
+
},
|
|
2692
|
+
"disableCancelButton": {
|
|
2693
|
+
"name": "disableCancelButton",
|
|
2694
|
+
"type": "boolean",
|
|
2695
|
+
"required": false
|
|
2696
|
+
},
|
|
2697
|
+
"disableSuccessButton": {
|
|
2698
|
+
"name": "disableSuccessButton",
|
|
2699
|
+
"type": "boolean",
|
|
2700
|
+
"required": false
|
|
2701
|
+
},
|
|
2702
|
+
"successButtonColor": {
|
|
2703
|
+
"name": "successButtonColor",
|
|
2704
|
+
"type": "ButtonColors",
|
|
2705
|
+
"required": false
|
|
2706
|
+
},
|
|
2707
|
+
"footerSlotLayout": {
|
|
2708
|
+
"name": "footerSlotLayout",
|
|
2709
|
+
"type": "'inline' | 'spread'",
|
|
2710
|
+
"required": false,
|
|
2711
|
+
"description": "Reparto de iconos en los botones legacy del footer (`cancelButtonSlotLeft` / `successButtonSlotRight`).\n `spread` aplica `slotLayout={{ var: 'spread', textAlign: 'center' }}` en ambos y reparte el ancho en la fila del footer."
|
|
2712
|
+
},
|
|
2713
|
+
"tabsConfig": {
|
|
2714
|
+
"name": "tabsConfig",
|
|
2715
|
+
"type": "ModalTabsConfig",
|
|
2716
|
+
"required": false,
|
|
2717
|
+
"description": "Pestañas del header: opciones, callbacks y props del Switch en un solo objeto (API recomendada)."
|
|
2718
|
+
}
|
|
2719
|
+
}
|
|
2720
|
+
}
|
|
1425
2721
|
}
|
|
1426
2722
|
],
|
|
1427
2723
|
"compositionRecipe": {
|
|
@@ -1735,7 +3031,178 @@
|
|
|
1735
3031
|
"// Uso simple - la barra anima automáticamente de 75% a 0% en 5 segundos\n<ProgressBar \n progress={75}\n countdown={5}\n label=\"Descargando...\"\n onCountdownComplete={() => console.log('¡Completado!')}\n/>\n\n// Con diferentes colores y duraciones\n<ProgressBar \n progress={100}\n countdown={10}\n color=\"warning\"\n label=\"Tiempo restante\"\n onCountdownComplete={() => alert('¡Se acabó el tiempo!')}\n/>",
|
|
1736
3032
|
"// Modo normal\n<ProgressBar \n progress={75} \n label=\"archivo.zip\"\n eta=\"1m restante\"\n helperText=\"200MB de 512MB\"\n/>\n\n// Modo compacto - barra en línea con el label\n<ProgressBar \n progress={75} \n label=\"archivo.zip\"\n eta=\"1m restante\"\n helperText=\"200MB de 512MB\"\n compact\n/>",
|
|
1737
3033
|
"<ProgressBar\n progress={75}\n label=\"archivo.zip\"\n eta=\"1m restante\"\n size=\"sm\"\n color=\"brand\"\n helperText=\"200MB de 512MB\"\n helperTextType=\"size\"\n showCloseButton\n onClose={() => {}}\n withBackground\n/>"
|
|
1738
|
-
]
|
|
3034
|
+
],
|
|
3035
|
+
"props": {
|
|
3036
|
+
"groups": {},
|
|
3037
|
+
"deprecatedRoot": [
|
|
3038
|
+
{
|
|
3039
|
+
"name": "description",
|
|
3040
|
+
"migrateTo": "helperText */",
|
|
3041
|
+
"type": "string"
|
|
3042
|
+
},
|
|
3043
|
+
{
|
|
3044
|
+
"name": "progressChar",
|
|
3045
|
+
"migrateTo": "progressSuffix */",
|
|
3046
|
+
"type": "string"
|
|
3047
|
+
},
|
|
3048
|
+
{
|
|
3049
|
+
"name": "status",
|
|
3050
|
+
"type": "'neutral' | 'blue' | 'red'"
|
|
3051
|
+
},
|
|
3052
|
+
{
|
|
3053
|
+
"name": "borderStyle",
|
|
3054
|
+
"type": "'dashed' | 'solid' | 'small-solid'"
|
|
3055
|
+
}
|
|
3056
|
+
],
|
|
3057
|
+
"flat": {
|
|
3058
|
+
"color": {
|
|
3059
|
+
"name": "color",
|
|
3060
|
+
"type": "ProgressBarColor",
|
|
3061
|
+
"required": false,
|
|
3062
|
+
"description": "Color de la barra"
|
|
3063
|
+
},
|
|
3064
|
+
"progress": {
|
|
3065
|
+
"name": "progress",
|
|
3066
|
+
"type": "number",
|
|
3067
|
+
"required": false,
|
|
3068
|
+
"description": "Porcentaje de progreso (0-100)"
|
|
3069
|
+
},
|
|
3070
|
+
"label": {
|
|
3071
|
+
"name": "label",
|
|
3072
|
+
"type": "string",
|
|
3073
|
+
"required": false,
|
|
3074
|
+
"description": "Texto del label"
|
|
3075
|
+
},
|
|
3076
|
+
"showLabel": {
|
|
3077
|
+
"name": "showLabel",
|
|
3078
|
+
"type": "boolean",
|
|
3079
|
+
"required": false,
|
|
3080
|
+
"description": "Mostrar label"
|
|
3081
|
+
},
|
|
3082
|
+
"showProgress": {
|
|
3083
|
+
"name": "showProgress",
|
|
3084
|
+
"type": "boolean",
|
|
3085
|
+
"required": false,
|
|
3086
|
+
"description": "Mostrar porcentaje de progreso"
|
|
3087
|
+
},
|
|
3088
|
+
"progressSuffix": {
|
|
3089
|
+
"name": "progressSuffix",
|
|
3090
|
+
"type": "string",
|
|
3091
|
+
"required": false,
|
|
3092
|
+
"description": "Sufijo del progreso (por defecto \"%\")"
|
|
3093
|
+
},
|
|
3094
|
+
"eta": {
|
|
3095
|
+
"name": "eta",
|
|
3096
|
+
"type": "string",
|
|
3097
|
+
"required": false,
|
|
3098
|
+
"description": "Texto ETA (ej: \"1m restante\")"
|
|
3099
|
+
},
|
|
3100
|
+
"size": {
|
|
3101
|
+
"name": "size",
|
|
3102
|
+
"type": "ProgressBarSize",
|
|
3103
|
+
"required": false,
|
|
3104
|
+
"description": "Tamaño de la barra"
|
|
3105
|
+
},
|
|
3106
|
+
"icon": {
|
|
3107
|
+
"name": "icon",
|
|
3108
|
+
"type": "IconType | IconProp",
|
|
3109
|
+
"required": false,
|
|
3110
|
+
"description": "Ícono a mostrar (deprecado - usar showCloseButton)"
|
|
3111
|
+
},
|
|
3112
|
+
"iconDuotonePrimary": {
|
|
3113
|
+
"name": "iconDuotonePrimary",
|
|
3114
|
+
"type": "IconFontColor",
|
|
3115
|
+
"required": false
|
|
3116
|
+
},
|
|
3117
|
+
"iconDuotoneSecondary": {
|
|
3118
|
+
"name": "iconDuotoneSecondary",
|
|
3119
|
+
"type": "IconFontColor",
|
|
3120
|
+
"required": false
|
|
3121
|
+
},
|
|
3122
|
+
"iconDuotoneOpacityPrimary": {
|
|
3123
|
+
"name": "iconDuotoneOpacityPrimary",
|
|
3124
|
+
"type": "number",
|
|
3125
|
+
"required": false
|
|
3126
|
+
},
|
|
3127
|
+
"iconDuotoneOpacitySecondary": {
|
|
3128
|
+
"name": "iconDuotoneOpacitySecondary",
|
|
3129
|
+
"type": "number",
|
|
3130
|
+
"required": false
|
|
3131
|
+
},
|
|
3132
|
+
"showIcon": {
|
|
3133
|
+
"name": "showIcon",
|
|
3134
|
+
"type": "boolean",
|
|
3135
|
+
"required": false,
|
|
3136
|
+
"description": "Mostrar ícono (deprecado - usar showCloseButton)"
|
|
3137
|
+
},
|
|
3138
|
+
"className": {
|
|
3139
|
+
"name": "className",
|
|
3140
|
+
"type": "string",
|
|
3141
|
+
"required": false,
|
|
3142
|
+
"description": "Clases adicionales"
|
|
3143
|
+
},
|
|
3144
|
+
"duration": {
|
|
3145
|
+
"name": "duration",
|
|
3146
|
+
"type": "number",
|
|
3147
|
+
"required": false,
|
|
3148
|
+
"description": "Duración de la animación"
|
|
3149
|
+
},
|
|
3150
|
+
"withBackground": {
|
|
3151
|
+
"name": "withBackground",
|
|
3152
|
+
"type": "boolean",
|
|
3153
|
+
"required": false,
|
|
3154
|
+
"description": "Mostrar fondo de la barra"
|
|
3155
|
+
},
|
|
3156
|
+
"helperText": {
|
|
3157
|
+
"name": "helperText",
|
|
3158
|
+
"type": "string",
|
|
3159
|
+
"required": false,
|
|
3160
|
+
"description": "Texto de ayuda inferior"
|
|
3161
|
+
},
|
|
3162
|
+
"helperTextType": {
|
|
3163
|
+
"name": "helperTextType",
|
|
3164
|
+
"type": "HelperTextType",
|
|
3165
|
+
"required": false,
|
|
3166
|
+
"description": "Tipo de texto de ayuda"
|
|
3167
|
+
},
|
|
3168
|
+
"compact": {
|
|
3169
|
+
"name": "compact",
|
|
3170
|
+
"type": "boolean",
|
|
3171
|
+
"required": false,
|
|
3172
|
+
"description": "Modo compacto (sin texto de ayuda)"
|
|
3173
|
+
},
|
|
3174
|
+
"disabled": {
|
|
3175
|
+
"name": "disabled",
|
|
3176
|
+
"type": "boolean",
|
|
3177
|
+
"required": false,
|
|
3178
|
+
"description": "Estado deshabilitado"
|
|
3179
|
+
},
|
|
3180
|
+
"showCloseButton": {
|
|
3181
|
+
"name": "showCloseButton",
|
|
3182
|
+
"type": "boolean",
|
|
3183
|
+
"required": false,
|
|
3184
|
+
"description": "Mostrar botón de cerrar"
|
|
3185
|
+
},
|
|
3186
|
+
"onClose": {
|
|
3187
|
+
"name": "onClose",
|
|
3188
|
+
"type": "() => void",
|
|
3189
|
+
"required": false,
|
|
3190
|
+
"description": "Callback al cerrar"
|
|
3191
|
+
},
|
|
3192
|
+
"countdown": {
|
|
3193
|
+
"name": "countdown",
|
|
3194
|
+
"type": "number",
|
|
3195
|
+
"required": false,
|
|
3196
|
+
"description": "Duración de la cuenta regresiva en segundos.\n Si se proporciona, la barra animará automáticamente desde el valor de `progress` hasta 0."
|
|
3197
|
+
},
|
|
3198
|
+
"onCountdownComplete": {
|
|
3199
|
+
"name": "onCountdownComplete",
|
|
3200
|
+
"type": "() => void",
|
|
3201
|
+
"required": false,
|
|
3202
|
+
"description": "Callback que se ejecuta cuando la cuenta regresiva llega a 0.\n Solo se ejecuta si `countdown` está definido."
|
|
3203
|
+
}
|
|
3204
|
+
}
|
|
3205
|
+
}
|
|
1739
3206
|
}
|
|
1740
3207
|
]
|
|
1741
3208
|
},
|
|
@@ -2229,7 +3696,78 @@
|
|
|
2229
3696
|
"import { Text } from '@/modules/Text';\n\n export default function Example() {\n return (\n <>\n <Text type=\"body\" size=\"xs\" weight=\"regular\">Body XS Regular</Text>\n <Text type=\"body\" size=\"sm\" weight=\"medium\">Body SM Medium</Text>\n <Text type=\"body\" size=\"md\" weight=\"semibold\">Body MD Semibold</Text>\n <Text type=\"body\" size=\"lg\" weight=\"bold\">Body LG Bold</Text>\n </>\n )\n }",
|
|
2230
3697
|
"<Text type=\"title\" size=\"h1\">Heading H1</Text>\n <Text type=\"title\" size=\"h2\">Heading H2</Text>\n <Text type=\"title\" size=\"h3\">Heading H3</Text>",
|
|
2231
3698
|
"import { Text } from '@/modules/Text';\n\n export default function Example() {\n return (\n <>\n <Text type=\"caption\" size=\"xs\">Caption XS</Text>\n <Text type=\"caption\" size=\"md\">Caption MD</Text>\n </>\n )\n }"
|
|
2232
|
-
]
|
|
3699
|
+
],
|
|
3700
|
+
"props": {
|
|
3701
|
+
"groups": {},
|
|
3702
|
+
"deprecatedRoot": [
|
|
3703
|
+
{
|
|
3704
|
+
"name": "textColor",
|
|
3705
|
+
"type": "TextColor"
|
|
3706
|
+
}
|
|
3707
|
+
],
|
|
3708
|
+
"flat": {
|
|
3709
|
+
"type": {
|
|
3710
|
+
"name": "type",
|
|
3711
|
+
"type": "T",
|
|
3712
|
+
"required": false,
|
|
3713
|
+
"description": "Tipo de texto: title, body, caption, code"
|
|
3714
|
+
},
|
|
3715
|
+
"size": {
|
|
3716
|
+
"name": "size",
|
|
3717
|
+
"type": "TextSize<T>",
|
|
3718
|
+
"required": false,
|
|
3719
|
+
"description": "Tamaño del texto según el tipo"
|
|
3720
|
+
},
|
|
3721
|
+
"weight": {
|
|
3722
|
+
"name": "weight",
|
|
3723
|
+
"type": "TextWeight",
|
|
3724
|
+
"required": false,
|
|
3725
|
+
"description": "Peso de la fuente"
|
|
3726
|
+
},
|
|
3727
|
+
"children": {
|
|
3728
|
+
"name": "children",
|
|
3729
|
+
"type": "ReactNode",
|
|
3730
|
+
"required": true,
|
|
3731
|
+
"description": "Contenido del texto"
|
|
3732
|
+
},
|
|
3733
|
+
"className": {
|
|
3734
|
+
"name": "className",
|
|
3735
|
+
"type": "string",
|
|
3736
|
+
"required": false,
|
|
3737
|
+
"description": "Clase CSS adicional"
|
|
3738
|
+
},
|
|
3739
|
+
"as": {
|
|
3740
|
+
"name": "as",
|
|
3741
|
+
"type": "keyof JSX.IntrinsicElements",
|
|
3742
|
+
"required": false,
|
|
3743
|
+
"description": "Elemento HTML a renderizar (por defecto: span para body/caption/code, h1-h6 para title)"
|
|
3744
|
+
},
|
|
3745
|
+
"color": {
|
|
3746
|
+
"name": "color",
|
|
3747
|
+
"type": "TextColor | (string & {})",
|
|
3748
|
+
"required": false,
|
|
3749
|
+
"description": "Color del texto: puede ser un color del sistema de diseño o un color CSS personalizado"
|
|
3750
|
+
},
|
|
3751
|
+
"truncateLabel": {
|
|
3752
|
+
"name": "truncateLabel",
|
|
3753
|
+
"type": "boolean",
|
|
3754
|
+
"required": false,
|
|
3755
|
+
"description": "Si es true, el texto se trunca con ellipsis y, si `truncateTooltip` es true, muestra un tooltip\n con el contenido completo al pasar el cursor cuando el texto está efectivamente truncado."
|
|
3756
|
+
},
|
|
3757
|
+
"truncateTooltip": {
|
|
3758
|
+
"name": "truncateTooltip",
|
|
3759
|
+
"type": "boolean",
|
|
3760
|
+
"required": false,
|
|
3761
|
+
"description": "Si es true (por defecto) y `truncateLabel` es true, muestra el tooltip al truncar.\n Si es false, solo se aplica truncado sin tooltip."
|
|
3762
|
+
},
|
|
3763
|
+
"tooltipTitle": {
|
|
3764
|
+
"name": "tooltipTitle",
|
|
3765
|
+
"type": "ReactNode",
|
|
3766
|
+
"required": false,
|
|
3767
|
+
"description": "Texto mostrado en el tooltip cuando hace falta (p. ej. `children` no es un string o se quiere\n un texto distinto al visible)."
|
|
3768
|
+
}
|
|
3769
|
+
}
|
|
3770
|
+
}
|
|
2233
3771
|
},
|
|
2234
3772
|
{
|
|
2235
3773
|
"name": "Body",
|
|
@@ -3056,5 +4594,1752 @@
|
|
|
3056
4594
|
"md": "0 4px 8px -2px rgba(0, 0, 0, 0.2)",
|
|
3057
4595
|
"lg": "0 16px 24px -8px rgba(0, 0, 0, 0.3)"
|
|
3058
4596
|
}
|
|
4597
|
+
},
|
|
4598
|
+
"themeCssVars": {
|
|
4599
|
+
"light": {
|
|
4600
|
+
"--ui-color-white": "rgb(255, 255, 255)",
|
|
4601
|
+
"--ui-color-black": "rgb(0, 0, 0)",
|
|
4602
|
+
"--ui-color-red-50": "rgb(255, 242, 242)",
|
|
4603
|
+
"--ui-color-red-100": "rgb(252, 227, 227)",
|
|
4604
|
+
"--ui-color-red-200": "rgb(250, 189, 189)",
|
|
4605
|
+
"--ui-color-red-300": "rgb(245, 148, 148)",
|
|
4606
|
+
"--ui-color-red-400": "rgb(242, 107, 107)",
|
|
4607
|
+
"--ui-color-red-500": "rgb(240, 69, 69)",
|
|
4608
|
+
"--ui-color-red-600": "rgb(212, 61, 61)",
|
|
4609
|
+
"--ui-color-red-700": "rgb(184, 51, 51)",
|
|
4610
|
+
"--ui-color-red-800": "rgb(156, 43, 43)",
|
|
4611
|
+
"--ui-color-red-900": "rgb(128, 36, 36)",
|
|
4612
|
+
"--ui-color-orange-50": "rgb(255, 247, 242)",
|
|
4613
|
+
"--ui-color-orange-100": "rgb(252, 237, 227)",
|
|
4614
|
+
"--ui-color-orange-200": "rgb(252, 209, 176)",
|
|
4615
|
+
"--ui-color-orange-300": "rgb(250, 176, 125)",
|
|
4616
|
+
"--ui-color-orange-400": "rgb(250, 145, 74)",
|
|
4617
|
+
"--ui-color-orange-500": "rgb(250, 115, 23)",
|
|
4618
|
+
"--ui-color-orange-600": "rgb(219, 102, 20)",
|
|
4619
|
+
"--ui-color-orange-700": "rgb(189, 87, 18)",
|
|
4620
|
+
"--ui-color-orange-800": "rgb(158, 74, 13)",
|
|
4621
|
+
"--ui-color-orange-900": "rgb(128, 59, 10)",
|
|
4622
|
+
"--ui-color-yellow-50": "rgb(255, 250, 242)",
|
|
4623
|
+
"--ui-color-yellow-100": "rgb(252, 245, 227)",
|
|
4624
|
+
"--ui-color-yellow-200": "rgb(247, 230, 173)",
|
|
4625
|
+
"--ui-color-yellow-300": "rgb(242, 214, 117)",
|
|
4626
|
+
"--ui-color-yellow-400": "rgb(240, 196, 64)",
|
|
4627
|
+
"--ui-color-yellow-500": "rgb(235, 179, 8)",
|
|
4628
|
+
"--ui-color-yellow-600": "rgb(209, 158, 8)",
|
|
4629
|
+
"--ui-color-yellow-700": "rgb(181, 140, 5)",
|
|
4630
|
+
"--ui-color-yellow-800": "rgb(156, 120, 5)",
|
|
4631
|
+
"--ui-color-yellow-900": "rgb(128, 97, 5)",
|
|
4632
|
+
"--ui-color-lime-50": "rgb(250, 255, 242)",
|
|
4633
|
+
"--ui-color-lime-100": "rgb(242, 252, 227)",
|
|
4634
|
+
"--ui-color-lime-200": "rgb(214, 240, 176)",
|
|
4635
|
+
"--ui-color-lime-300": "rgb(186, 227, 125)",
|
|
4636
|
+
"--ui-color-lime-400": "rgb(161, 217, 74)",
|
|
4637
|
+
"--ui-color-lime-500": "rgb(133, 204, 23)",
|
|
4638
|
+
"--ui-color-lime-600": "rgb(120, 186, 20)",
|
|
4639
|
+
"--ui-color-lime-700": "rgb(107, 166, 18)",
|
|
4640
|
+
"--ui-color-lime-800": "rgb(97, 148, 15)",
|
|
4641
|
+
"--ui-color-lime-900": "rgb(84, 128, 13)",
|
|
4642
|
+
"--ui-color-green-50": "rgb(242, 255, 245)",
|
|
4643
|
+
"--ui-color-green-100": "rgb(227, 252, 237)",
|
|
4644
|
+
"--ui-color-green-200": "rgb(179, 240, 201)",
|
|
4645
|
+
"--ui-color-green-300": "rgb(130, 224, 166)",
|
|
4646
|
+
"--ui-color-green-400": "rgb(84, 212, 130)",
|
|
4647
|
+
"--ui-color-green-500": "rgb(33, 196, 94)",
|
|
4648
|
+
"--ui-color-green-600": "rgb(31, 181, 87)",
|
|
4649
|
+
"--ui-color-green-700": "rgb(28, 163, 79)",
|
|
4650
|
+
"--ui-color-green-800": "rgb(26, 145, 69)",
|
|
4651
|
+
"--ui-color-green-900": "rgb(23, 128, 61)",
|
|
4652
|
+
"--ui-color-cyan-50": "rgb(242, 252, 255)",
|
|
4653
|
+
"--ui-color-cyan-100": "rgb(227, 250, 252)",
|
|
4654
|
+
"--ui-color-cyan-200": "rgb(171, 232, 242)",
|
|
4655
|
+
"--ui-color-cyan-300": "rgb(117, 217, 232)",
|
|
4656
|
+
"--ui-color-cyan-400": "rgb(61, 199, 222)",
|
|
4657
|
+
"--ui-color-cyan-500": "rgb(5, 181, 212)",
|
|
4658
|
+
"--ui-color-cyan-600": "rgb(5, 163, 191)",
|
|
4659
|
+
"--ui-color-cyan-700": "rgb(5, 145, 171)",
|
|
4660
|
+
"--ui-color-cyan-800": "rgb(5, 128, 148)",
|
|
4661
|
+
"--ui-color-cyan-900": "rgb(5, 110, 128)",
|
|
4662
|
+
"--ui-color-azure-50": "rgb(242, 250, 255)",
|
|
4663
|
+
"--ui-color-azure-100": "rgb(227, 245, 252)",
|
|
4664
|
+
"--ui-color-azure-200": "rgb(173, 224, 247)",
|
|
4665
|
+
"--ui-color-azure-300": "rgb(120, 204, 242)",
|
|
4666
|
+
"--ui-color-azure-400": "rgb(69, 186, 237)",
|
|
4667
|
+
"--ui-color-azure-500": "rgb(13, 166, 232)",
|
|
4668
|
+
"--ui-color-azure-600": "rgb(13, 148, 207)",
|
|
4669
|
+
"--ui-color-azure-700": "rgb(10, 128, 181)",
|
|
4670
|
+
"--ui-color-azure-800": "rgb(10, 110, 156)",
|
|
4671
|
+
"--ui-color-azure-900": "rgb(8, 89, 128)",
|
|
4672
|
+
"--ui-color-blue-50": "rgb(242, 245, 255)",
|
|
4673
|
+
"--ui-color-blue-100": "rgb(227, 232, 252)",
|
|
4674
|
+
"--ui-color-blue-200": "rgb(184, 196, 237)",
|
|
4675
|
+
"--ui-color-blue-300": "rgb(140, 161, 222)",
|
|
4676
|
+
"--ui-color-blue-400": "rgb(97, 125, 209)",
|
|
4677
|
+
"--ui-color-blue-500": "rgb(54, 89, 194)",
|
|
4678
|
+
"--ui-color-blue-600": "rgb(51, 82, 176)",
|
|
4679
|
+
"--ui-color-blue-700": "rgb(46, 74, 161)",
|
|
4680
|
+
"--ui-color-blue-800": "rgb(41, 66, 145)",
|
|
4681
|
+
"--ui-color-blue-900": "rgb(36, 59, 128)",
|
|
4682
|
+
"--ui-color-violet-50": "rgb(245, 242, 255)",
|
|
4683
|
+
"--ui-color-violet-100": "rgb(237, 227, 252)",
|
|
4684
|
+
"--ui-color-violet-200": "rgb(209, 186, 250)",
|
|
4685
|
+
"--ui-color-violet-300": "rgb(181, 143, 245)",
|
|
4686
|
+
"--ui-color-violet-400": "rgb(153, 102, 242)",
|
|
4687
|
+
"--ui-color-violet-500": "rgb(125, 59, 237)",
|
|
4688
|
+
"--ui-color-violet-600": "rgb(110, 51, 209)",
|
|
4689
|
+
"--ui-color-violet-700": "rgb(97, 46, 184)",
|
|
4690
|
+
"--ui-color-violet-800": "rgb(82, 38, 156)",
|
|
4691
|
+
"--ui-color-violet-900": "rgb(66, 31, 128)",
|
|
4692
|
+
"--ui-color-magenta-50": "rgb(255, 242, 247)",
|
|
4693
|
+
"--ui-color-magenta-100": "rgb(252, 227, 240)",
|
|
4694
|
+
"--ui-color-magenta-200": "rgb(247, 184, 214)",
|
|
4695
|
+
"--ui-color-magenta-300": "rgb(245, 140, 186)",
|
|
4696
|
+
"--ui-color-magenta-400": "rgb(240, 94, 161)",
|
|
4697
|
+
"--ui-color-magenta-500": "rgb(235, 51, 135)",
|
|
4698
|
+
"--ui-color-magenta-600": "rgb(209, 46, 120)",
|
|
4699
|
+
"--ui-color-magenta-700": "rgb(181, 41, 105)",
|
|
4700
|
+
"--ui-color-magenta-800": "rgb(156, 33, 89)",
|
|
4701
|
+
"--ui-color-magenta-900": "rgb(128, 28, 74)",
|
|
4702
|
+
"--ui-color-rose-50": "rgb(255, 242, 245)",
|
|
4703
|
+
"--ui-color-rose-100": "rgb(252, 227, 232)",
|
|
4704
|
+
"--ui-color-rose-200": "rgb(245, 179, 194)",
|
|
4705
|
+
"--ui-color-rose-300": "rgb(240, 128, 153)",
|
|
4706
|
+
"--ui-color-rose-400": "rgb(232, 79, 112)",
|
|
4707
|
+
"--ui-color-rose-500": "rgb(224, 28, 71)",
|
|
4708
|
+
"--ui-color-rose-600": "rgb(201, 26, 64)",
|
|
4709
|
+
"--ui-color-rose-700": "rgb(176, 23, 56)",
|
|
4710
|
+
"--ui-color-rose-800": "rgb(153, 20, 48)",
|
|
4711
|
+
"--ui-color-rose-900": "rgb(128, 15, 41)",
|
|
4712
|
+
"--ui-color-light-gray-50": "rgb(247, 247, 250)",
|
|
4713
|
+
"--ui-color-light-gray-100": "rgb(240, 242, 242)",
|
|
4714
|
+
"--ui-color-light-gray-200": "rgb(224, 227, 230)",
|
|
4715
|
+
"--ui-color-light-gray-300": "rgb(212, 214, 217)",
|
|
4716
|
+
"--ui-color-light-gray-400": "rgb(199, 199, 204)",
|
|
4717
|
+
"--ui-color-light-gray-500": "rgb(186, 189, 191)",
|
|
4718
|
+
"--ui-color-light-gray-600": "rgb(171, 173, 179)",
|
|
4719
|
+
"--ui-color-light-gray-700": "rgb(158, 163, 166)",
|
|
4720
|
+
"--ui-color-light-gray-800": "rgb(145, 148, 153)",
|
|
4721
|
+
"--ui-color-light-gray-900": "rgb(133, 135, 140)",
|
|
4722
|
+
"--ui-color-dark-gray-50": "rgb(120, 122, 128)",
|
|
4723
|
+
"--ui-color-dark-gray-100": "rgb(107, 110, 115)",
|
|
4724
|
+
"--ui-color-dark-gray-200": "rgb(97, 99, 105)",
|
|
4725
|
+
"--ui-color-dark-gray-300": "rgb(89, 89, 94)",
|
|
4726
|
+
"--ui-color-dark-gray-400": "rgb(77, 79, 84)",
|
|
4727
|
+
"--ui-color-dark-gray-500": "rgb(69, 69, 74)",
|
|
4728
|
+
"--ui-color-dark-gray-600": "rgb(59, 61, 64)",
|
|
4729
|
+
"--ui-color-dark-gray-700": "rgb(48, 51, 54)",
|
|
4730
|
+
"--ui-color-dark-gray-800": "rgb(38, 41, 43)",
|
|
4731
|
+
"--ui-color-dark-gray-900": "rgb(31, 31, 33)",
|
|
4732
|
+
"--ui-color-black-alpha-transparent": "rgba(0, 0, 0, 0)",
|
|
4733
|
+
"--ui-color-black-alpha-5": "rgba(0, 0, 0, 0.05)",
|
|
4734
|
+
"--ui-color-black-alpha-10": "rgba(0, 0, 0, 0.1)",
|
|
4735
|
+
"--ui-color-black-alpha-20": "rgba(0, 0, 0, 0.2)",
|
|
4736
|
+
"--ui-color-black-alpha-30": "rgba(0, 0, 0, 0.3)",
|
|
4737
|
+
"--ui-color-black-alpha-40": "rgba(0, 0, 0, 0.4)",
|
|
4738
|
+
"--ui-color-black-alpha-50": "rgba(0, 0, 0, 0.5)",
|
|
4739
|
+
"--ui-color-black-alpha-60": "rgba(0, 0, 0, 0.6)",
|
|
4740
|
+
"--ui-color-black-alpha-70": "rgba(0, 0, 0, 0.7)",
|
|
4741
|
+
"--ui-color-black-alpha-80": "rgba(0, 0, 0, 0.8)",
|
|
4742
|
+
"--ui-color-black-alpha-90": "rgba(0, 0, 0, 0.9)",
|
|
4743
|
+
"--ui-positive-Value_0": "0",
|
|
4744
|
+
"--ui-positive-Value_12": "0.66px",
|
|
4745
|
+
"--ui-positive-Value_25": "1px",
|
|
4746
|
+
"--ui-positive-Value_50": "2px",
|
|
4747
|
+
"--ui-positive-Value_100": "4px",
|
|
4748
|
+
"--ui-positive-Value_150": "6px",
|
|
4749
|
+
"--ui-positive-Value_200": "8px",
|
|
4750
|
+
"--ui-positive-Value_250": "10px",
|
|
4751
|
+
"--ui-positive-Value_275": "11px",
|
|
4752
|
+
"--ui-positive-Value_300": "12px",
|
|
4753
|
+
"--ui-positive-Value_325": "13px",
|
|
4754
|
+
"--ui-positive-Value_350": "14px",
|
|
4755
|
+
"--ui-positive-Value_400": "16px",
|
|
4756
|
+
"--ui-positive-Value_450": "18px",
|
|
4757
|
+
"--ui-positive-Value_500": "20px",
|
|
4758
|
+
"--ui-positive-Value_600": "24px",
|
|
4759
|
+
"--ui-positive-Value_700": "28px",
|
|
4760
|
+
"--ui-positive-Value_750": "30px",
|
|
4761
|
+
"--ui-positive-Value_800": "32px",
|
|
4762
|
+
"--ui-positive-Value_900": "36px",
|
|
4763
|
+
"--ui-positive-Value_1000": "40px",
|
|
4764
|
+
"--ui-positive-Value_1200": "48px",
|
|
4765
|
+
"--ui-positive-Value_1400": "56px",
|
|
4766
|
+
"--ui-positive-Value_1600": "64px",
|
|
4767
|
+
"--ui-positive-Value_2000": "80px",
|
|
4768
|
+
"--ui-positive-Value_2400": "96px",
|
|
4769
|
+
"--ui-positive-Value_2800": "112px",
|
|
4770
|
+
"--ui-positive-Value_3200": "128px",
|
|
4771
|
+
"--ui-positive-Value_full": "9999px",
|
|
4772
|
+
"--ui-negative-Value_0": "0",
|
|
4773
|
+
"--ui-negative-Value_12": "-0.66px",
|
|
4774
|
+
"--ui-negative-Value_25": "-1px",
|
|
4775
|
+
"--ui-negative-Value_50": "-2px",
|
|
4776
|
+
"--ui-negative-Value_100": "-4px",
|
|
4777
|
+
"--ui-negative-Value_150": "-6px",
|
|
4778
|
+
"--ui-negative-Value_200": "-8px",
|
|
4779
|
+
"--ui-negative-Value_250": "-10px",
|
|
4780
|
+
"--ui-negative-Value_275": "-11px",
|
|
4781
|
+
"--ui-negative-Value_300": "-12px",
|
|
4782
|
+
"--ui-negative-Value_325": "-13px",
|
|
4783
|
+
"--ui-negative-Value_350": "-14px",
|
|
4784
|
+
"--ui-negative-Value_400": "-16px",
|
|
4785
|
+
"--ui-negative-Value_450": "-18px",
|
|
4786
|
+
"--ui-negative-Value_500": "-20px",
|
|
4787
|
+
"--ui-negative-Value_600": "-24px",
|
|
4788
|
+
"--ui-negative-Value_700": "-28px",
|
|
4789
|
+
"--ui-negative-Value_750": "-30px",
|
|
4790
|
+
"--ui-negative-Value_800": "-32px",
|
|
4791
|
+
"--ui-negative-Value_900": "-36px",
|
|
4792
|
+
"--ui-negative-Value_1000": "-40px",
|
|
4793
|
+
"--ui-negative-Value_1200": "-48px",
|
|
4794
|
+
"--ui-negative-Value_1400": "-56px",
|
|
4795
|
+
"--ui-negative-Value_1600": "-64px",
|
|
4796
|
+
"--ui-negative-Value_2000": "-80px",
|
|
4797
|
+
"--ui-negative-Value_2400": "-96px",
|
|
4798
|
+
"--ui-negative-Value_2800": "-112px",
|
|
4799
|
+
"--ui-negative-Value_3200": "-128px",
|
|
4800
|
+
"--ui-negative-Value_full": "-9999px",
|
|
4801
|
+
"--ui-font-family-ui": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4802
|
+
"--ui-font-family-mono": "'IBM Plex Mono'",
|
|
4803
|
+
"--ui-font-lh-10-tight": "12px",
|
|
4804
|
+
"--ui-font-lh-10-snug": "12.5px",
|
|
4805
|
+
"--ui-font-lh-10-normal": "14.5px",
|
|
4806
|
+
"--ui-font-lh-10-relaxed": "16px",
|
|
4807
|
+
"--ui-font-track-tight": "0.5px",
|
|
4808
|
+
"--ui-font-track-normal": "0",
|
|
4809
|
+
"--ui-font-track-wide": "2px",
|
|
4810
|
+
"--ui-font-weight-regular": "400",
|
|
4811
|
+
"--ui-font-weight-medium": "500",
|
|
4812
|
+
"--ui-font-weight-semibold": "600",
|
|
4813
|
+
"--ui-font-weight-bold": "700",
|
|
4814
|
+
"--ui-font-lh-12-tight": "14.5px",
|
|
4815
|
+
"--ui-font-lh-12-snug": "15px",
|
|
4816
|
+
"--ui-font-lh-12-normal": "17.5px",
|
|
4817
|
+
"--ui-font-lh-12-relaxed": "19px",
|
|
4818
|
+
"--ui-font-lh-14-tight": "17px",
|
|
4819
|
+
"--ui-font-lh-14-snug": "17.5px",
|
|
4820
|
+
"--ui-font-lh-14-normal": "20.5px",
|
|
4821
|
+
"--ui-font-lh-14-relaxed": "22.5px",
|
|
4822
|
+
"--ui-font-lh-16-tight": "19.5px",
|
|
4823
|
+
"--ui-font-lh-16-snug": "20px",
|
|
4824
|
+
"--ui-font-lh-16-normal": "23px",
|
|
4825
|
+
"--ui-font-lh-16-relaxed": "25.5px",
|
|
4826
|
+
"--ui-font-lh-18-tight": "22px",
|
|
4827
|
+
"--ui-font-lh-18-snug": "22.5px",
|
|
4828
|
+
"--ui-font-lh-18-normal": "26px",
|
|
4829
|
+
"--ui-font-lh-18-relaxed": "29px",
|
|
4830
|
+
"--ui-font-lh-20-tight": "24px",
|
|
4831
|
+
"--ui-font-lh-20-snug": "25px",
|
|
4832
|
+
"--ui-font-lh-20-normal": "29px",
|
|
4833
|
+
"--ui-font-lh-20-relaxed": "32px",
|
|
4834
|
+
"--ui-font-lh-24-tight": "29px",
|
|
4835
|
+
"--ui-font-lh-24-snug": "30px",
|
|
4836
|
+
"--ui-font-lh-24-normal": "35px",
|
|
4837
|
+
"--ui-font-lh-24-relaxed": "38.5px",
|
|
4838
|
+
"--ui-font-lh-30-tight": "36.5px",
|
|
4839
|
+
"--ui-font-lh-30-snug": "37.5px",
|
|
4840
|
+
"--ui-font-lh-30-normal": "43.5px",
|
|
4841
|
+
"--ui-font-lh-30-relaxed": "48px",
|
|
4842
|
+
"--ui-font-lh-36-tight": "43.5px",
|
|
4843
|
+
"--ui-font-lh-36-snug": "45px",
|
|
4844
|
+
"--ui-font-lh-36-normal": "52px",
|
|
4845
|
+
"--ui-font-lh-36-relaxed": "57.5px",
|
|
4846
|
+
"--ui-font-lh-48-tight": "58px",
|
|
4847
|
+
"--ui-font-lh-48-snug": "60px",
|
|
4848
|
+
"--ui-font-lh-48-normal": "69.5px",
|
|
4849
|
+
"--ui-font-lh-48-relaxed": "77px",
|
|
4850
|
+
"--ui-style-solid": "'solid'",
|
|
4851
|
+
"--ui-style-dashed": "'dashed'",
|
|
4852
|
+
"--ui-shadow-none-x": "0",
|
|
4853
|
+
"--ui-shadow-none-y": "0",
|
|
4854
|
+
"--ui-shadow-none-blur": "0",
|
|
4855
|
+
"--ui-shadow-none-Spread": "0",
|
|
4856
|
+
"--ui-shadow-none-Color": "rgba(0, 0, 0, 0)",
|
|
4857
|
+
"--ui-shadow-01-x": "0",
|
|
4858
|
+
"--ui-shadow-01-y": "1px",
|
|
4859
|
+
"--ui-shadow-01-blur": "2px",
|
|
4860
|
+
"--ui-shadow-01-Spread": "0",
|
|
4861
|
+
"--ui-shadow-02-x": "0",
|
|
4862
|
+
"--ui-shadow-02-y": "2px",
|
|
4863
|
+
"--ui-shadow-02-blur": "4px",
|
|
4864
|
+
"--ui-shadow-02-Spread": "-1px",
|
|
4865
|
+
"--ui-shadow-03-x": "0",
|
|
4866
|
+
"--ui-shadow-03-y": "4px",
|
|
4867
|
+
"--ui-shadow-03-blur": "8px",
|
|
4868
|
+
"--ui-shadow-03-Spread": "-2px",
|
|
4869
|
+
"--ui-shadow-04-x": "0",
|
|
4870
|
+
"--ui-shadow-04-y": "8px",
|
|
4871
|
+
"--ui-shadow-04-blur": "16px",
|
|
4872
|
+
"--ui-shadow-04-Spread": "-4px",
|
|
4873
|
+
"--ui-shadow-05-x": "0",
|
|
4874
|
+
"--ui-shadow-05-y": "16px",
|
|
4875
|
+
"--ui-shadow-05-blur": "24px",
|
|
4876
|
+
"--ui-shadow-05-Spread": "-8px",
|
|
4877
|
+
"--ui-shadow-x": "0",
|
|
4878
|
+
"--ui-z-hide": "-1px",
|
|
4879
|
+
"--ui-z-base": "0",
|
|
4880
|
+
"--ui-z-raised": "100px",
|
|
4881
|
+
"--ui-z-sticky": "200px",
|
|
4882
|
+
"--ui-z-shell": "300px",
|
|
4883
|
+
"--ui-z-dropdown": "400px",
|
|
4884
|
+
"--ui-z-popover": "500px",
|
|
4885
|
+
"--ui-z-tooltip": "600px",
|
|
4886
|
+
"--ui-z-modalBackdrop": "690px",
|
|
4887
|
+
"--ui-z-modal": "700px",
|
|
4888
|
+
"--ui-z-toast": "800px",
|
|
4889
|
+
"--ui-z-overlay": "900px",
|
|
4890
|
+
"--ui-z-max": "99999",
|
|
4891
|
+
"--ui-font-size-2xs": "10px",
|
|
4892
|
+
"--ui-font-size-xs": "12px",
|
|
4893
|
+
"--ui-font-size-sm": "14px",
|
|
4894
|
+
"--ui-font-size-md": "16px",
|
|
4895
|
+
"--ui-font-size-lg": "18px",
|
|
4896
|
+
"--ui-font-size-xl": "20px",
|
|
4897
|
+
"--ui-font-size-2xl": "24px",
|
|
4898
|
+
"--ui-font-size-3xl": "30px",
|
|
4899
|
+
"--ui-font-size-4xl": "36px",
|
|
4900
|
+
"--ui-font-size-5xl": "48px",
|
|
4901
|
+
"--ui-type-heading-h1-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4902
|
+
"--ui-type-heading-h1-size": "36px",
|
|
4903
|
+
"--ui-type-heading-h1-weight": "600",
|
|
4904
|
+
"--ui-type-heading-h1-ih": "45px",
|
|
4905
|
+
"--ui-type-heading-h1-tracking": "0.5px",
|
|
4906
|
+
"--ui-type-heading-h2-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4907
|
+
"--ui-type-heading-h2-size": "30px",
|
|
4908
|
+
"--ui-type-heading-h2-weight": "600",
|
|
4909
|
+
"--ui-type-heading-h2-ih": "37.5px",
|
|
4910
|
+
"--ui-type-heading-h2-tracking": "0.5px",
|
|
4911
|
+
"--ui-type-heading-h3-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4912
|
+
"--ui-type-heading-h3-size": "20px",
|
|
4913
|
+
"--ui-type-heading-h3-weight": "600",
|
|
4914
|
+
"--ui-type-heading-h3-ih": "25px",
|
|
4915
|
+
"--ui-type-heading-h3-tracking": "0",
|
|
4916
|
+
"--ui-type-body-lg-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4917
|
+
"--ui-type-caption-xs-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4918
|
+
"--ui-type-caption-xs-size": "10px",
|
|
4919
|
+
"--ui-type-caption-xs-weight": "400",
|
|
4920
|
+
"--ui-type-caption-xs-ih": "14.5px",
|
|
4921
|
+
"--ui-type-caption-xs-tracking": "2px",
|
|
4922
|
+
"--ui-type-caption-md-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4923
|
+
"--ui-type-caption-md-size": "12px",
|
|
4924
|
+
"--ui-type-caption-md-weight": "400",
|
|
4925
|
+
"--ui-type-caption-md-ih": "17.5px",
|
|
4926
|
+
"--ui-type-caption-md-tracking": "2px",
|
|
4927
|
+
"--ui-type-body-lg-Regular-size": "18px",
|
|
4928
|
+
"--ui-type-body-lg-Regular-weight": "400",
|
|
4929
|
+
"--ui-type-body-lg-Regular-ih": "26px",
|
|
4930
|
+
"--ui-type-body-lg-Regular-tracking": "0.5px",
|
|
4931
|
+
"--ui-type-body-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4932
|
+
"--ui-type-body-md-Regular-size": "16px",
|
|
4933
|
+
"--ui-type-body-md-Regular-weight": "400",
|
|
4934
|
+
"--ui-type-body-md-Regular-ih": "23px",
|
|
4935
|
+
"--ui-type-body-md-Regular-tracking": "0.5px",
|
|
4936
|
+
"--ui-type-body-sm-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4937
|
+
"--ui-type-body-sm-Regular-size": "14px",
|
|
4938
|
+
"--ui-type-body-sm-Regular-weight": "400",
|
|
4939
|
+
"--ui-type-body-sm-Regular-ih": "20.5px",
|
|
4940
|
+
"--ui-type-body-sm-Regular-tracking": "0.5px",
|
|
4941
|
+
"--ui-type-label-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4942
|
+
"--ui-type-label-md-Regular-size": "14px",
|
|
4943
|
+
"--ui-type-label-md-Regular-weight": "400",
|
|
4944
|
+
"--ui-type-label-md-Regular-ih": "20.5px",
|
|
4945
|
+
"--ui-type-label-md-Regular-tracking": "0.5px",
|
|
4946
|
+
"--ui-type-code-md-family": "'IBM Plex Mono'",
|
|
4947
|
+
"--ui-type-code-md-size": "14px",
|
|
4948
|
+
"--ui-type-code-md-weight": "400",
|
|
4949
|
+
"--ui-type-code-md-ih": "14.5px",
|
|
4950
|
+
"--ui-type-code-md-tracking": "0",
|
|
4951
|
+
"--ui-type-heading-h4-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4952
|
+
"--ui-type-heading-h4-size": "18px",
|
|
4953
|
+
"--ui-type-heading-h4-weight": "600",
|
|
4954
|
+
"--ui-type-heading-h4-ih": "25px",
|
|
4955
|
+
"--ui-type-heading-h4-tracking": "0",
|
|
4956
|
+
"--ui-type-heading-h5-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4957
|
+
"--ui-type-heading-h5-size": "16px",
|
|
4958
|
+
"--ui-type-heading-h5-weight": "600",
|
|
4959
|
+
"--ui-type-heading-h5-ih": "25px",
|
|
4960
|
+
"--ui-type-heading-h5-tracking": "0",
|
|
4961
|
+
"--ui-type-heading-h6-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4962
|
+
"--ui-type-heading-h6-size": "14px",
|
|
4963
|
+
"--ui-type-heading-h6-weight": "600",
|
|
4964
|
+
"--ui-type-heading-h6-ih": "25px",
|
|
4965
|
+
"--ui-type-heading-h6-tracking": "0",
|
|
4966
|
+
"--ui-type-body-lg-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4967
|
+
"--ui-type-body-lg-Medium-size": "18px",
|
|
4968
|
+
"--ui-type-body-lg-Medium-weight": "500",
|
|
4969
|
+
"--ui-type-body-lg-Medium-ih": "26px",
|
|
4970
|
+
"--ui-type-body-lg-Medium-tracking": "0.5px",
|
|
4971
|
+
"--ui-type-body-lg-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4972
|
+
"--ui-type-body-lg-Semibold-size": "18px",
|
|
4973
|
+
"--ui-type-body-lg-Semibold-weight": "600",
|
|
4974
|
+
"--ui-type-body-lg-Semibold-ih": "26px",
|
|
4975
|
+
"--ui-type-body-lg-Semibold-tracking": "0.5px",
|
|
4976
|
+
"--ui-type-body-lg-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4977
|
+
"--ui-type-body-lg-Bold-size": "18px",
|
|
4978
|
+
"--ui-type-body-lg-Bold-weight": "700",
|
|
4979
|
+
"--ui-type-body-lg-Bold-ih": "26px",
|
|
4980
|
+
"--ui-type-body-lg-Bold-tracking": "0.5px",
|
|
4981
|
+
"--ui-type-body-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4982
|
+
"--ui-type-body-md-Medium-size": "16px",
|
|
4983
|
+
"--ui-type-body-md-Medium-weight": "500",
|
|
4984
|
+
"--ui-type-body-md-Medium-ih": "23px",
|
|
4985
|
+
"--ui-type-body-md-Medium-tracking": "0.5px",
|
|
4986
|
+
"--ui-type-body-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4987
|
+
"--ui-type-body-md-Semibold-size": "16px",
|
|
4988
|
+
"--ui-type-body-md-Semibold-weight": "600",
|
|
4989
|
+
"--ui-type-body-md-Semibold-ih": "23px",
|
|
4990
|
+
"--ui-type-body-md-Semibold-tracking": "0.5px",
|
|
4991
|
+
"--ui-type-body-sm-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4992
|
+
"--ui-type-body-sm-Medium-size": "14px",
|
|
4993
|
+
"--ui-type-body-sm-Medium-weight": "500",
|
|
4994
|
+
"--ui-type-body-sm-Medium-ih": "20.5px",
|
|
4995
|
+
"--ui-type-body-sm-Medium-tracking": "0.5px",
|
|
4996
|
+
"--ui-type-body-sm-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
4997
|
+
"--ui-type-body-sm-Semibold-size": "14px",
|
|
4998
|
+
"--ui-type-body-sm-Semibold-weight": "600",
|
|
4999
|
+
"--ui-type-body-sm-Semibold-ih": "20.5px",
|
|
5000
|
+
"--ui-type-body-sm-Semibold-tracking": "0.5px",
|
|
5001
|
+
"--ui-type-body-sm-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5002
|
+
"--ui-type-body-sm-Bold-size": "14px",
|
|
5003
|
+
"--ui-type-body-sm-Bold-weight": "700",
|
|
5004
|
+
"--ui-type-body-sm-Bold-ih": "20.5px",
|
|
5005
|
+
"--ui-type-body-sm-Bold-tracking": "0.5px",
|
|
5006
|
+
"--ui-type-label-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5007
|
+
"--ui-type-label-md-Medium-size": "14px",
|
|
5008
|
+
"--ui-type-label-md-Medium-weight": "500",
|
|
5009
|
+
"--ui-type-label-md-Medium-ih": "20.5px",
|
|
5010
|
+
"--ui-type-label-md-Medium-tracking": "0.5px",
|
|
5011
|
+
"--ui-type-label-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5012
|
+
"--ui-type-label-md-Semibold-size": "14px",
|
|
5013
|
+
"--ui-type-label-md-Semibold-weight": "600",
|
|
5014
|
+
"--ui-type-label-md-Semibold-ih": "20.5px",
|
|
5015
|
+
"--ui-type-label-md-Semibold-tracking": "0.5px",
|
|
5016
|
+
"--ui-type-label-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5017
|
+
"--ui-type-label-md-Bold-size": "14px",
|
|
5018
|
+
"--ui-type-label-md-Bold-weight": "700",
|
|
5019
|
+
"--ui-type-label-md-Bold-ih": "20.5px",
|
|
5020
|
+
"--ui-type-label-md-Bold-tracking": "0.5px",
|
|
5021
|
+
"--ui-type-body-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5022
|
+
"--ui-type-body-md-Bold-size": "16px",
|
|
5023
|
+
"--ui-type-body-md-Bold-weight": "700",
|
|
5024
|
+
"--ui-type-body-md-Bold-ih": "23px",
|
|
5025
|
+
"--ui-type-body-md-Bold-tracking": "0.5px",
|
|
5026
|
+
"--ui-type-body-xs-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5027
|
+
"--ui-type-body-xs-Regular-size": "12px",
|
|
5028
|
+
"--ui-type-body-xs-Regular-weight": "400",
|
|
5029
|
+
"--ui-type-body-xs-Regular-ih": "17.5px",
|
|
5030
|
+
"--ui-type-body-xs-Regular-tracking": "0.5px",
|
|
5031
|
+
"--ui-type-body-xs-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5032
|
+
"--ui-type-body-xs-Medium-size": "12px",
|
|
5033
|
+
"--ui-type-body-xs-Medium-weight": "500",
|
|
5034
|
+
"--ui-type-body-xs-Medium-ih": "17.5px",
|
|
5035
|
+
"--ui-type-body-xs-Medium-tracking": "0.5px",
|
|
5036
|
+
"--ui-type-body-xs-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5037
|
+
"--ui-type-body-xs-Semibold-size": "12px",
|
|
5038
|
+
"--ui-type-body-xs-Semibold-weight": "600",
|
|
5039
|
+
"--ui-type-body-xs-Semibold-ih": "17.5px",
|
|
5040
|
+
"--ui-type-body-xs-Semibold-tracking": "0.5px",
|
|
5041
|
+
"--ui-type-body-xs-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5042
|
+
"--ui-type-body-xs-Bold-size": "12px",
|
|
5043
|
+
"--ui-type-body-xs-Bold-weight": "700",
|
|
5044
|
+
"--ui-type-body-xs-Bold-ih": "17.5px",
|
|
5045
|
+
"--ui-type-body-xs-Bold-tracking": "0.5px",
|
|
5046
|
+
"--ui-color-bg-canvas-default": "rgb(247, 247, 250)",
|
|
5047
|
+
"--ui-color-bg-canvas-inverse": "rgb(31, 31, 33)",
|
|
5048
|
+
"--ui-color-bg-overlay-default": "rgba(0, 0, 0, 0.4)",
|
|
5049
|
+
"--ui-color-bg-overlay-darker": "rgba(0, 0, 0, 0.7)",
|
|
5050
|
+
"--ui-color-text-primary": "rgb(48, 51, 54)",
|
|
5051
|
+
"--ui-color-text-secondary": "rgb(89, 89, 94)",
|
|
5052
|
+
"--ui-color-icon-default": "rgb(77, 79, 84)",
|
|
5053
|
+
"--ui-color-text-tertiary": "rgb(107, 110, 115)",
|
|
5054
|
+
"--ui-color-icon-hover": "rgb(59, 61, 64)",
|
|
5055
|
+
"--ui-color-icon-pressed": "rgb(38, 41, 43)",
|
|
5056
|
+
"--ui-color-text-disabled": "rgb(186, 189, 191)",
|
|
5057
|
+
"--ui-color-icon-selected": "rgb(51, 82, 176)",
|
|
5058
|
+
"--ui-color-icon-secondary-default": "rgb(97, 99, 105)",
|
|
5059
|
+
"--ui-color-icon-secondary-hover": "rgb(89, 89, 94)",
|
|
5060
|
+
"--ui-color-icon-secondary-pressed": "rgb(69, 69, 74)",
|
|
5061
|
+
"--ui-color-icon-secondary-selected": "rgb(77, 79, 84)",
|
|
5062
|
+
"--ui-color-icon-tertiary-default": "rgb(145, 148, 153)",
|
|
5063
|
+
"--ui-color-icon-tertiary-hover": "rgb(133, 135, 140)",
|
|
5064
|
+
"--ui-color-icon-tertiary-pressed": "rgb(107, 110, 115)",
|
|
5065
|
+
"--ui-color-icon-tertiary-selected": "rgb(120, 122, 128)",
|
|
5066
|
+
"--ui-color-icon-brand-default": "rgb(97, 125, 209)",
|
|
5067
|
+
"--ui-color-icon-brand-hover": "rgb(54, 89, 194)",
|
|
5068
|
+
"--ui-color-icon-brand-pressed": "rgb(51, 82, 176)",
|
|
5069
|
+
"--ui-color-icon-brand-selected": "rgb(51, 82, 176)",
|
|
5070
|
+
"--ui-color-icon-success-default": "rgb(28, 163, 79)",
|
|
5071
|
+
"--ui-color-icon-success-hover": "rgb(26, 145, 69)",
|
|
5072
|
+
"--ui-color-icon-success-pressed": "rgb(23, 128, 61)",
|
|
5073
|
+
"--ui-color-icon-success-selected": "rgb(23, 128, 61)",
|
|
5074
|
+
"--ui-color-icon-warning-default": "rgb(181, 140, 5)",
|
|
5075
|
+
"--ui-color-icon-warning-hover": "rgb(156, 120, 5)",
|
|
5076
|
+
"--ui-color-icon-warning-pressed": "rgb(128, 97, 5)",
|
|
5077
|
+
"--ui-color-icon-warning-selected": "rgb(128, 97, 5)",
|
|
5078
|
+
"--ui-color-icon-danger-default": "rgb(184, 51, 51)",
|
|
5079
|
+
"--ui-color-icon-danger-hover": "rgb(156, 43, 43)",
|
|
5080
|
+
"--ui-color-icon-danger-pressed": "rgb(128, 36, 36)",
|
|
5081
|
+
"--ui-color-icon-danger-selected": "rgb(128, 36, 36)",
|
|
5082
|
+
"--ui-color-icon-info-default": "rgb(5, 145, 171)",
|
|
5083
|
+
"--ui-color-icon-all-colors-red": "rgb(240, 69, 69)",
|
|
5084
|
+
"--ui-color-icon-all-colors-orange": "rgb(250, 115, 23)",
|
|
5085
|
+
"--ui-color-icon-all-colors-yellow": "rgb(235, 179, 8)",
|
|
5086
|
+
"--ui-color-icon-all-colors-lime": "rgb(133, 204, 23)",
|
|
5087
|
+
"--ui-color-icon-all-colors-green": "rgb(33, 196, 94)",
|
|
5088
|
+
"--ui-color-icon-all-colors-cyan": "rgb(5, 181, 212)",
|
|
5089
|
+
"--ui-color-icon-all-colors-azure": "rgb(13, 166, 232)",
|
|
5090
|
+
"--ui-color-icon-all-colors-blue": "rgb(54, 89, 194)",
|
|
5091
|
+
"--ui-color-icon-all-colors-violet": "rgb(125, 59, 237)",
|
|
5092
|
+
"--ui-color-icon-all-colors-magenta": "rgb(235, 51, 135)",
|
|
5093
|
+
"--ui-color-icon-all-colors-rose": "rgb(224, 28, 71)",
|
|
5094
|
+
"--ui-color-icon-info-hover": "rgb(5, 128, 148)",
|
|
5095
|
+
"--ui-color-icon-info-pressed": "rgb(5, 110, 128)",
|
|
5096
|
+
"--ui-color-icon-info-selected": "rgb(5, 110, 128)",
|
|
5097
|
+
"--ui-color-icon-disabled": "rgb(186, 189, 191)",
|
|
5098
|
+
"--ui-color-icon-on-color": "rgb(255, 255, 255)",
|
|
5099
|
+
"--ui-color-border-default": "rgb(199, 199, 204)",
|
|
5100
|
+
"--ui-color-border-hover": "rgb(133, 135, 140)",
|
|
5101
|
+
"--ui-color-border-pressed": "rgb(69, 69, 74)",
|
|
5102
|
+
"--ui-color-border-focus": "rgb(97, 125, 209)",
|
|
5103
|
+
"--ui-color-border-disabled": "rgb(212, 214, 217)",
|
|
5104
|
+
"--ui-color-border-subtle": "rgb(212, 214, 217)",
|
|
5105
|
+
"--ui-color-border-on-color": "rgb(255, 255, 255)",
|
|
5106
|
+
"--ui-color-border-strong": "rgb(77, 79, 84)",
|
|
5107
|
+
"--ui-color-border-brand": "rgb(54, 89, 194)",
|
|
5108
|
+
"--ui-color-border-success": "rgb(33, 196, 94)",
|
|
5109
|
+
"--ui-color-border-warning": "rgb(235, 179, 8)",
|
|
5110
|
+
"--ui-color-border-danger": "rgb(240, 69, 69)",
|
|
5111
|
+
"--ui-color-border-info": "rgb(5, 181, 212)",
|
|
5112
|
+
"--ui-color-text-text-on-color": "rgb(255, 255, 255)",
|
|
5113
|
+
"--ui-color-bg-surface-default": "rgb(255, 255, 255)",
|
|
5114
|
+
"--ui-color-bg-surface-hover": "rgb(247, 247, 250)",
|
|
5115
|
+
"--ui-color-bg-surface-pressed": "rgb(224, 227, 230)",
|
|
5116
|
+
"--ui-color-bg-surface-selected": "rgb(240, 242, 242)",
|
|
5117
|
+
"--ui-color-bg-surface-dissabled": "rgb(247, 247, 250)",
|
|
5118
|
+
"--ui-color-bg-surface-secondary-default": "rgb(247, 247, 250)",
|
|
5119
|
+
"--ui-color-bg-surface-secondary-hover": "rgb(240, 242, 242)",
|
|
5120
|
+
"--ui-color-bg-surface-secondary-pressed": "rgb(199, 199, 204)",
|
|
5121
|
+
"--ui-color-bg-surface-secondary-selected": "rgb(212, 214, 217)",
|
|
5122
|
+
"--ui-color-bg-surface-tertiary-default": "rgb(224, 227, 230)",
|
|
5123
|
+
"--ui-color-bg-surface-tertiary-hover": "rgb(212, 214, 217)",
|
|
5124
|
+
"--ui-color-bg-surface-tertiary-pressed": "rgb(186, 189, 191)",
|
|
5125
|
+
"--ui-color-bg-surface-tertiary-selected": "rgb(199, 199, 204)",
|
|
5126
|
+
"--ui-color-bg-surface-brand-default": "rgb(242, 245, 255)",
|
|
5127
|
+
"--ui-color-bg-surface-brand-hover": "rgb(227, 232, 252)",
|
|
5128
|
+
"--ui-color-bg-surface-brand-pressed": "rgb(140, 161, 222)",
|
|
5129
|
+
"--ui-color-bg-surface-brand-selected": "rgb(184, 196, 237)",
|
|
5130
|
+
"--ui-color-bg-surface-brand-disabled": "rgb(242, 245, 255)",
|
|
5131
|
+
"--ui-color-bg-surface-success-default": "rgb(242, 255, 245)",
|
|
5132
|
+
"--ui-color-bg-surface-success-hover": "rgb(227, 252, 237)",
|
|
5133
|
+
"--ui-color-bg-surface-success-pressed": "rgb(130, 224, 166)",
|
|
5134
|
+
"--ui-color-bg-surface-success-selected": "rgb(179, 240, 201)",
|
|
5135
|
+
"--ui-color-bg-surface-success-disabled": "rgb(242, 255, 245)",
|
|
5136
|
+
"--ui-color-bg-surface-warning-default": "rgb(255, 250, 242)",
|
|
5137
|
+
"--ui-color-bg-surface-warning-hover": "rgb(252, 245, 227)",
|
|
5138
|
+
"--ui-color-bg-surface-warning-pressed": "rgb(242, 214, 117)",
|
|
5139
|
+
"--ui-color-bg-surface-warning-selected": "rgb(247, 230, 173)",
|
|
5140
|
+
"--ui-color-bg-surface-warning-disabled": "rgb(255, 250, 242)",
|
|
5141
|
+
"--ui-color-bg-surface-danger-default": "rgb(255, 242, 242)",
|
|
5142
|
+
"--ui-color-bg-surface-danger-hover": "rgb(252, 227, 227)",
|
|
5143
|
+
"--ui-color-bg-surface-danger-pressed": "rgb(245, 148, 148)",
|
|
5144
|
+
"--ui-color-bg-surface-danger-selected": "rgb(250, 189, 189)",
|
|
5145
|
+
"--ui-color-bg-surface-danger-disabled": "rgb(255, 242, 242)",
|
|
5146
|
+
"--ui-color-bg-fill-default": "rgb(255, 255, 255)",
|
|
5147
|
+
"--ui-color-bg-fill-hover": "rgb(240, 242, 242)",
|
|
5148
|
+
"--ui-color-bg-fill-pressed": "rgb(199, 199, 204)",
|
|
5149
|
+
"--ui-color-bg-fill-selected": "rgb(224, 227, 230)",
|
|
5150
|
+
"--ui-color-bg-fill-dissabled": "rgb(247, 247, 250)",
|
|
5151
|
+
"--ui-color-bg-fill-secondary-default": "rgb(247, 247, 250)",
|
|
5152
|
+
"--ui-color-bg-fill-secondary-hover": "rgb(224, 227, 230)",
|
|
5153
|
+
"--ui-color-bg-fill-secondary-pressed": "rgb(186, 189, 191)",
|
|
5154
|
+
"--ui-color-bg-fill-secondary-selected": "rgb(212, 214, 217)",
|
|
5155
|
+
"--ui-color-bg-fill-tertiary-default": "rgb(240, 242, 242)",
|
|
5156
|
+
"--ui-color-bg-fill-tertiary-hover": "rgb(212, 214, 217)",
|
|
5157
|
+
"--ui-color-bg-fill-tertiary-pressed": "rgb(171, 173, 179)",
|
|
5158
|
+
"--ui-color-bg-fill-tertiary-selected": "rgb(199, 199, 204)",
|
|
5159
|
+
"--ui-color-bg-fill-brand-default": "rgb(54, 89, 194)",
|
|
5160
|
+
"--ui-color-bg-fill-brand-hover": "rgb(51, 82, 176)",
|
|
5161
|
+
"--ui-color-bg-fill-brand-pressed": "rgb(46, 74, 161)",
|
|
5162
|
+
"--ui-color-bg-fill-brand-selected": "rgb(97, 125, 209)",
|
|
5163
|
+
"--ui-color-bg-fill-brand-disabled": "rgb(184, 196, 237)",
|
|
5164
|
+
"--ui-color-bg-fill-success-default": "rgb(33, 196, 94)",
|
|
5165
|
+
"--ui-color-bg-fill-success-hover": "rgb(31, 181, 87)",
|
|
5166
|
+
"--ui-color-bg-fill-success-pressed": "rgb(28, 163, 79)",
|
|
5167
|
+
"--ui-color-bg-fill-success-selected": "rgb(84, 212, 130)",
|
|
5168
|
+
"--ui-color-bg-fill-success-disabled": "rgb(179, 240, 201)",
|
|
5169
|
+
"--ui-color-bg-fill-warning-default": "rgb(235, 179, 8)",
|
|
5170
|
+
"--ui-color-bg-fill-warning-hover": "rgb(209, 158, 8)",
|
|
5171
|
+
"--ui-color-bg-fill-warning-pressed": "rgb(181, 140, 5)",
|
|
5172
|
+
"--ui-color-bg-fill-warning-selected": "rgb(240, 196, 64)",
|
|
5173
|
+
"--ui-color-bg-fill-warning-disabled": "rgb(247, 230, 173)",
|
|
5174
|
+
"--ui-color-bg-fill-danger-default": "rgb(240, 69, 69)",
|
|
5175
|
+
"--ui-color-bg-fill-danger-hover": "rgb(212, 61, 61)",
|
|
5176
|
+
"--ui-color-bg-fill-danger-pressed": "rgb(184, 51, 51)",
|
|
5177
|
+
"--ui-color-bg-fill-danger-selected": "rgb(242, 107, 107)",
|
|
5178
|
+
"--ui-color-bg-fill-danger-pressed-2": "rgb(250, 189, 189)",
|
|
5179
|
+
"--ui-color-bg-fill-info-default": "rgb(5, 181, 212)",
|
|
5180
|
+
"--ui-color-bg-fill-info-hover": "rgb(5, 163, 191)",
|
|
5181
|
+
"--ui-color-bg-fill-info-pressed": "rgb(5, 145, 171)",
|
|
5182
|
+
"--ui-color-bg-fill-info-selected": "rgb(61, 199, 222)",
|
|
5183
|
+
"--ui-color-bg-fill-info-pressed-2": "rgb(171, 232, 242)",
|
|
5184
|
+
"--ui-color-text-on-canvas-Inverse": "rgb(255, 255, 255)",
|
|
5185
|
+
"--ui-color-text-brand-default": "rgb(46, 74, 161)",
|
|
5186
|
+
"--ui-color-text-brand-hover": "rgb(41, 66, 145)",
|
|
5187
|
+
"--ui-color-text-brand-pressed": "rgb(36, 59, 128)",
|
|
5188
|
+
"--ui-color-text-brand-selected": "rgb(36, 59, 128)",
|
|
5189
|
+
"--ui-color-bg-surface-info-default": "rgb(242, 252, 255)",
|
|
5190
|
+
"--ui-color-bg-surface-info-hover": "rgb(227, 250, 252)",
|
|
5191
|
+
"--ui-color-bg-surface-info-pressed": "rgb(117, 217, 232)",
|
|
5192
|
+
"--ui-color-bg-surface-info-selected": "rgb(171, 232, 242)",
|
|
5193
|
+
"--ui-color-bg-surface-info-disabled": "rgb(242, 252, 255)",
|
|
5194
|
+
"--ui-color-text-success-default": "rgb(28, 163, 79)",
|
|
5195
|
+
"--ui-color-text-success-hover": "rgb(26, 145, 69)",
|
|
5196
|
+
"--ui-color-text-success-pressed": "rgb(23, 128, 61)",
|
|
5197
|
+
"--ui-color-text-success-selected": "rgb(23, 128, 61)",
|
|
5198
|
+
"--ui-color-text-warning-default": "rgb(181, 140, 5)",
|
|
5199
|
+
"--ui-color-text-warning-hover": "rgb(156, 120, 5)",
|
|
5200
|
+
"--ui-color-text-warning-pressed": "rgb(128, 97, 5)",
|
|
5201
|
+
"--ui-color-text-warning-selected": "rgb(128, 97, 5)",
|
|
5202
|
+
"--ui-color-text-danger-default": "rgb(184, 51, 51)",
|
|
5203
|
+
"--ui-color-text-danger-hover": "rgb(156, 43, 43)",
|
|
5204
|
+
"--ui-color-text-danger-pressed": "rgb(128, 36, 36)",
|
|
5205
|
+
"--ui-color-text-danger-selected": "rgb(128, 36, 36)",
|
|
5206
|
+
"--ui-color-text-info-default": "rgb(5, 145, 171)",
|
|
5207
|
+
"--ui-color-text-link-default": "rgb(51, 82, 176)",
|
|
5208
|
+
"--ui-color-text-all-colors-red": "rgb(184, 51, 51)",
|
|
5209
|
+
"--ui-color-text-all-colors-orange": "rgb(189, 87, 18)",
|
|
5210
|
+
"--ui-color-text-all-colors-yellow": "rgb(181, 140, 5)",
|
|
5211
|
+
"--ui-color-text-all-colors-lime": "rgb(107, 166, 18)",
|
|
5212
|
+
"--ui-color-text-all-colors-green": "rgb(28, 163, 79)",
|
|
5213
|
+
"--ui-color-text-all-colors-cyan": "rgb(5, 145, 171)",
|
|
5214
|
+
"--ui-color-text-all-colors-azure": "rgb(10, 128, 181)",
|
|
5215
|
+
"--ui-color-text-all-colors-blue": "rgb(46, 74, 161)",
|
|
5216
|
+
"--ui-color-text-all-colors-violet": "rgb(97, 46, 184)",
|
|
5217
|
+
"--ui-color-text-all-colors-magenta": "rgb(181, 41, 105)",
|
|
5218
|
+
"--ui-color-text-all-colors-rose": "rgb(176, 23, 56)",
|
|
5219
|
+
"--ui-color-text-link-hover": "rgb(46, 74, 161)",
|
|
5220
|
+
"--ui-color-text-link-pressed": "rgb(41, 66, 145)",
|
|
5221
|
+
"--ui-color-text-link-visited": "rgb(97, 46, 184)",
|
|
5222
|
+
"--ui-color-text-info-hover": "rgb(5, 128, 148)",
|
|
5223
|
+
"--ui-color-text-info-pressed": "rgb(5, 110, 128)",
|
|
5224
|
+
"--ui-color-text-info-selected": "rgb(5, 110, 128)",
|
|
5225
|
+
"--ui-color-bg-fill-all-colors-red": "rgb(240, 69, 69)",
|
|
5226
|
+
"--ui-color-bg-fill-all-colors-orange": "rgb(250, 115, 23)",
|
|
5227
|
+
"--ui-color-bg-fill-all-colors-yellow": "rgb(235, 179, 8)",
|
|
5228
|
+
"--ui-color-bg-fill-all-colors-lime": "rgb(133, 204, 23)",
|
|
5229
|
+
"--ui-color-bg-surface-all-colors-red": "rgb(252, 227, 227)",
|
|
5230
|
+
"--ui-color-bg-surface-all-colors-orange": "rgb(252, 237, 227)",
|
|
5231
|
+
"--ui-color-bg-fill-all-colors-green": "rgb(33, 196, 94)",
|
|
5232
|
+
"--ui-color-bg-surface-all-colors-yellow": "rgb(252, 245, 227)",
|
|
5233
|
+
"--ui-color-bg-fill-all-colors-cyan": "rgb(5, 181, 212)",
|
|
5234
|
+
"--ui-color-bg-surface-all-colors-lime": "rgb(242, 252, 227)",
|
|
5235
|
+
"--ui-color-bg-fill-all-colors-azure": "rgb(13, 166, 232)",
|
|
5236
|
+
"--ui-color-bg-surface-all-colors-green": "rgb(227, 252, 237)",
|
|
5237
|
+
"--ui-color-bg-fill-all-colors-blue": "rgb(54, 89, 194)",
|
|
5238
|
+
"--ui-color-bg-fill-all-colors-violet": "rgb(125, 59, 237)",
|
|
5239
|
+
"--ui-color-bg-surface-all-colors-cyan": "rgb(227, 250, 252)",
|
|
5240
|
+
"--ui-color-bg-fill-all-colors-magenta": "rgb(235, 51, 135)",
|
|
5241
|
+
"--ui-color-bg-fill-all-colors-rose": "rgb(224, 28, 71)",
|
|
5242
|
+
"--ui-color-bg-surface-all-colors-azure": "rgb(227, 245, 252)",
|
|
5243
|
+
"--ui-color-bg-surface-all-colors-blue": "rgb(227, 232, 252)",
|
|
5244
|
+
"--ui-color-bg-surface-all-colors-violet": "rgb(237, 227, 252)",
|
|
5245
|
+
"--ui-color-bg-surface-all-colors-magenta": "rgb(252, 227, 240)",
|
|
5246
|
+
"--ui-color-bg-surface-all-colors-rose": "rgb(252, 227, 232)",
|
|
5247
|
+
"--ui-color-border-all-colors-red": "rgb(242, 107, 107)",
|
|
5248
|
+
"--ui-color-border-all-colors-orange": "rgb(250, 145, 74)",
|
|
5249
|
+
"--ui-color-border-all-colors-yellow": "rgb(240, 196, 64)",
|
|
5250
|
+
"--ui-color-border-all-colors-lime": "rgb(161, 217, 74)",
|
|
5251
|
+
"--ui-color-border-all-colors-green": "rgb(84, 212, 130)",
|
|
5252
|
+
"--ui-color-border-all-colors-cyan": "rgb(61, 199, 222)",
|
|
5253
|
+
"--ui-color-border-all-colors-azure": "rgb(69, 186, 237)",
|
|
5254
|
+
"--ui-color-border-all-colors-blue": "rgb(97, 125, 209)",
|
|
5255
|
+
"--ui-color-border-all-colors-violet": "rgb(153, 102, 242)",
|
|
5256
|
+
"--ui-color-border-all-colors-magenta": "rgb(240, 94, 161)",
|
|
5257
|
+
"--ui-color-border-all-colors-rose": "rgb(232, 79, 112)",
|
|
5258
|
+
"--ui-Positive-space_0": "0",
|
|
5259
|
+
"--ui-Positive-space_2": "2px",
|
|
5260
|
+
"--ui-Positive-space_4": "4px",
|
|
5261
|
+
"--ui-Positive-space_6": "6px",
|
|
5262
|
+
"--ui-Positive-space_8": "8px",
|
|
5263
|
+
"--ui-Positive-space_10": "10px",
|
|
5264
|
+
"--ui-Positive-space_12": "12px",
|
|
5265
|
+
"--ui-Positive-space_16": "16px",
|
|
5266
|
+
"--ui-Positive-space_20": "20px",
|
|
5267
|
+
"--ui-Positive-space_24": "24px",
|
|
5268
|
+
"--ui-Positive-space_28": "28px",
|
|
5269
|
+
"--ui-Positive-space_32": "32px",
|
|
5270
|
+
"--ui-Positive-space_40": "40px",
|
|
5271
|
+
"--ui-Positive-space_48": "48px",
|
|
5272
|
+
"--ui-Positive-space_56": "56px",
|
|
5273
|
+
"--ui-Positive-space_64": "64px",
|
|
5274
|
+
"--ui-Positive-space_80": "80px",
|
|
5275
|
+
"--ui-Positive-space_96": "96px",
|
|
5276
|
+
"--ui-Negative-space_0": "0",
|
|
5277
|
+
"--ui-Negative-space_2": "-2px",
|
|
5278
|
+
"--ui-Negative-space_4": "-4px",
|
|
5279
|
+
"--ui-Negative-space_6": "-6px",
|
|
5280
|
+
"--ui-Negative-space_8": "-8px",
|
|
5281
|
+
"--ui-Negative-space_10": "-10px",
|
|
5282
|
+
"--ui-Negative-space_12": "-12px",
|
|
5283
|
+
"--ui-Negative-space_16": "-16px",
|
|
5284
|
+
"--ui-Negative-space_20": "-20px",
|
|
5285
|
+
"--ui-Negative-space_24": "-24px",
|
|
5286
|
+
"--ui-Negative-space_28": "-28px",
|
|
5287
|
+
"--ui-Negative-space_32": "-32px",
|
|
5288
|
+
"--ui-Negative-space_40": "-40px",
|
|
5289
|
+
"--ui-Negative-space_48": "-48px",
|
|
5290
|
+
"--ui-Negative-space_56": "-56px",
|
|
5291
|
+
"--ui-Negative-space_64": "-64px",
|
|
5292
|
+
"--ui-Negative-space_80": "-80px",
|
|
5293
|
+
"--ui-Negative-space_96": "-96px",
|
|
5294
|
+
"--ui-size-control-xxs": "20px",
|
|
5295
|
+
"--ui-size-control-xs": "32px",
|
|
5296
|
+
"--ui-size-control-sm": "36px",
|
|
5297
|
+
"--ui-size-control-md": "40px",
|
|
5298
|
+
"--ui-size-control-lg": "48px",
|
|
5299
|
+
"--ui-size-Icon-xs": "10px",
|
|
5300
|
+
"--ui-size-Icon-sm": "16px",
|
|
5301
|
+
"--ui-size-Icon-md": "20px",
|
|
5302
|
+
"--ui-size-Icon-lg": "24px",
|
|
5303
|
+
"--ui-size-Icon-xl": "32px",
|
|
5304
|
+
"--ui-size-avatar-xxs": "16px",
|
|
5305
|
+
"--ui-size-avatar-xs": "24px",
|
|
5306
|
+
"--ui-size-row-regular": "32px",
|
|
5307
|
+
"--ui-size-row-compact": "40px",
|
|
5308
|
+
"--ui-size-avatar-sm": "32px",
|
|
5309
|
+
"--ui-size-avatar-md": "40px",
|
|
5310
|
+
"--ui-size-avatar-lg": "48px",
|
|
5311
|
+
"--ui-size-avatar-xl": "64px",
|
|
5312
|
+
"--ui-size-Image-xs": "24px",
|
|
5313
|
+
"--ui-size-Image-sm": "40px",
|
|
5314
|
+
"--ui-size-Image-md": "64px",
|
|
5315
|
+
"--ui-size-Image-lg": "128px",
|
|
5316
|
+
"--ui-size-Image-full": "9999px",
|
|
5317
|
+
"--ui-width-0": "0",
|
|
5318
|
+
"--ui-width-1": "1px",
|
|
5319
|
+
"--ui-width-2": "2px",
|
|
5320
|
+
"--ui-radius_0": "0",
|
|
5321
|
+
"--ui-radius_2": "2px",
|
|
5322
|
+
"--ui-radius_4": "4px",
|
|
5323
|
+
"--ui-radius_6": "6px",
|
|
5324
|
+
"--ui-radius_8": "8px",
|
|
5325
|
+
"--ui-radius_10": "10px",
|
|
5326
|
+
"--ui-radius_12": "12px",
|
|
5327
|
+
"--ui-radius_16": "16px",
|
|
5328
|
+
"--ui-radius_24": "24px",
|
|
5329
|
+
"--ui-radius_full": "9999px",
|
|
5330
|
+
"--ui-radius-control-na": "0",
|
|
5331
|
+
"--ui-radius-control-xs": "6px",
|
|
5332
|
+
"--ui-radius-control-sm": "8px",
|
|
5333
|
+
"--ui-radius-control-md": "8px",
|
|
5334
|
+
"--ui-radius-control-lg": "10px",
|
|
5335
|
+
"--ui-radius-control-pill": "9999px",
|
|
5336
|
+
"--ui-radius-surface-cuadrado": "0",
|
|
5337
|
+
"--ui-radius-surface-forms": "2px",
|
|
5338
|
+
"--ui-radius-surface-card": "12px",
|
|
5339
|
+
"--ui-radius-surface-modal": "16px",
|
|
5340
|
+
"--ui-radius-surface-sheet": "16px",
|
|
5341
|
+
"--ui-radius-surface-popover": "8px",
|
|
5342
|
+
"--ui-radius-surface-tooltip": "6px",
|
|
5343
|
+
"--ui-radius-image-na": "0",
|
|
5344
|
+
"--ui-radius-image-sm": "8px",
|
|
5345
|
+
"--ui-radius-image-md": "16px",
|
|
5346
|
+
"--ui-radius-image-pill": "9999px",
|
|
5347
|
+
"--ui-shadow-01-Color": "rgba(0, 0, 0, 0.1)",
|
|
5348
|
+
"--ui-shadow-02-Color": "rgba(0, 0, 0, 0.2)",
|
|
5349
|
+
"--ui-shadow-03-Color": "rgba(0, 0, 0, 0.2)",
|
|
5350
|
+
"--ui-shadow-04-Color": "rgba(0, 0, 0, 0.3)",
|
|
5351
|
+
"--ui-shadow-05-Color": "rgba(0, 0, 0, 0.3)",
|
|
5352
|
+
"--ui-Layer-App-header": "300px",
|
|
5353
|
+
"--ui-Layer-nav-dropdown": "400px",
|
|
5354
|
+
"--ui-Layer-surface-popover": "500px",
|
|
5355
|
+
"--ui-Layer-surface-tooltip": "600px",
|
|
5356
|
+
"--ui-Layer-dialog-backdrop": "690px",
|
|
5357
|
+
"--ui-Layer-dialog-modal": "700px",
|
|
5358
|
+
"--ui-Layer-feedback-toast": "800px",
|
|
5359
|
+
"--ui-Layer-system-overlay": "900px",
|
|
5360
|
+
"--ui-color-blue-50-legacy": "#ebeef9",
|
|
5361
|
+
"--ui-color-blue-100-legacy": "#c1cbec",
|
|
5362
|
+
"--ui-color-blue-200-legacy": "#a3b2e2",
|
|
5363
|
+
"--ui-color-blue-300-legacy": "#788fd5",
|
|
5364
|
+
"--ui-color-blue-400-legacy": "#5e79cd",
|
|
5365
|
+
"--ui-color-blue-500-legacy": "#3658c1",
|
|
5366
|
+
"--ui-color-blue-600-legacy": "#3150b0",
|
|
5367
|
+
"--ui-color-blue-700-legacy": "#263e89",
|
|
5368
|
+
"--ui-color-blue-800-legacy": "#1e306a",
|
|
5369
|
+
"--ui-color-blue-900-legacy": "#172551",
|
|
5370
|
+
"--ui-color-green-50-legacy": "#f0f9f0",
|
|
5371
|
+
"--ui-color-green-100-legacy": "#b1e0cc",
|
|
5372
|
+
"--ui-color-green-200-legacy": "#8bd1b3",
|
|
5373
|
+
"--ui-color-green-300-legacy": "#56bc90",
|
|
5374
|
+
"--ui-color-green-400-legacy": "#35af7a",
|
|
5375
|
+
"--ui-color-green-500-legacy": "#039b59",
|
|
5376
|
+
"--ui-color-green-600-legacy": "#038d51",
|
|
5377
|
+
"--ui-color-green-700-legacy": "#026e3f",
|
|
5378
|
+
"--ui-color-green-800-legacy": "#025531",
|
|
5379
|
+
"--ui-color-green-900-legacy": "#014125",
|
|
5380
|
+
"--ui-color-neutral-50-legacy": "#f0f0f0",
|
|
5381
|
+
"--ui-color-neutral-100-legacy": "#d1d1d1",
|
|
5382
|
+
"--ui-color-neutral-200-legacy": "#bbbbbb",
|
|
5383
|
+
"--ui-color-neutral-300-legacy": "#9c9c9c",
|
|
5384
|
+
"--ui-color-neutral-400-legacy": "#898989",
|
|
5385
|
+
"--ui-color-neutral-500-legacy": "#6b6b6b",
|
|
5386
|
+
"--ui-color-neutral-600-legacy": "#616161",
|
|
5387
|
+
"--ui-color-neutral-700-legacy": "#4c4c4c",
|
|
5388
|
+
"--ui-color-neutral-800-legacy": "#3b3b3b",
|
|
5389
|
+
"--ui-color-neutral-900-legacy": "#2d2d2d",
|
|
5390
|
+
"--ui-color-red-50-legacy": "#f9eae9",
|
|
5391
|
+
"--ui-color-red-100-legacy": "#edbeba",
|
|
5392
|
+
"--ui-color-red-200-legacy": "#e59f98",
|
|
5393
|
+
"--ui-color-red-300-legacy": "#d97369",
|
|
5394
|
+
"--ui-color-red-400-legacy": "#d1584c",
|
|
5395
|
+
"--ui-color-red-500-legacy": "#c62e1f",
|
|
5396
|
+
"--ui-color-red-600-legacy": "#b42a1c",
|
|
5397
|
+
"--ui-color-red-700-legacy": "#8d2116",
|
|
5398
|
+
"--ui-color-red-800-legacy": "#6d1911",
|
|
5399
|
+
"--ui-color-red-900-legacy": "#53130d",
|
|
5400
|
+
"--ui-color-orange-50-legacy": "#fcf3e9",
|
|
5401
|
+
"--ui-color-orange-100-legacy": "#f4daba",
|
|
5402
|
+
"--ui-color-orange-200-legacy": "#efc999",
|
|
5403
|
+
"--ui-color-orange-300-legacy": "#e8b06a",
|
|
5404
|
+
"--ui-color-orange-400-legacy": "#e3a14d",
|
|
5405
|
+
"--ui-color-orange-500-legacy": "#dc8921",
|
|
5406
|
+
"--ui-color-orange-600-legacy": "#c87d1e",
|
|
5407
|
+
"--ui-color-orange-700-legacy": "#9c6117",
|
|
5408
|
+
"--ui-color-orange-800-legacy": "#794b12",
|
|
5409
|
+
"--ui-color-orange-900-legacy": "#5c3a0e",
|
|
5410
|
+
"--ui-color-yellow-50-legacy": "#fcfbec",
|
|
5411
|
+
"--ui-color-yellow-100-legacy": "#f6f2c3",
|
|
5412
|
+
"--ui-color-yellow-200-legacy": "#f1eca6",
|
|
5413
|
+
"--ui-color-yellow-300-legacy": "#ebe47d",
|
|
5414
|
+
"--ui-color-yellow-400-legacy": "#e7de64",
|
|
5415
|
+
"--ui-color-yellow-500-legacy": "#e1d63d",
|
|
5416
|
+
"--ui-color-yellow-600-legacy": "#cdc338",
|
|
5417
|
+
"--ui-color-yellow-700-legacy": "#a0982b",
|
|
5418
|
+
"--ui-color-yellow-800-legacy": "#7c7622",
|
|
5419
|
+
"--ui-color-yellow-900-legacy": "#5f5a1a",
|
|
5420
|
+
"--ui-color-blue-dark-50-legacy": "#e8f0f5",
|
|
5421
|
+
"--ui-color-blue-dark-100-legacy": "#b8d0df",
|
|
5422
|
+
"--ui-color-blue-dark-200-legacy": "#96b9d0",
|
|
5423
|
+
"--ui-color-blue-dark-300-legacy": "#6698ba",
|
|
5424
|
+
"--ui-color-blue-dark-400-legacy": "#4985ad",
|
|
5425
|
+
"--ui-color-blue-dark-500-legacy": "#1b6698",
|
|
5426
|
+
"--ui-color-blue-dark-600-legacy": "#195d8a",
|
|
5427
|
+
"--ui-color-blue-dark-700-legacy": "#13486c",
|
|
5428
|
+
"--ui-color-blue-dark-800-legacy": "#0f3854",
|
|
5429
|
+
"--ui-color-blue-dark-900-legacy": "#0b2b40",
|
|
5430
|
+
"--ui-color-blue-light-50-legacy": "#e7f6fd",
|
|
5431
|
+
"--ui-color-blue-light-100-legacy": "#b4e3f8",
|
|
5432
|
+
"--ui-color-blue-light-200-legacy": "#90d6f5",
|
|
5433
|
+
"--ui-color-blue-light-300-legacy": "#5ec3f0",
|
|
5434
|
+
"--ui-color-blue-light-400-legacy": "#3eb7ed",
|
|
5435
|
+
"--ui-color-blue-light-500-legacy": "#0ea5e9",
|
|
5436
|
+
"--ui-color-blue-light-600-legacy": "#0d96d4",
|
|
5437
|
+
"--ui-color-blue-light-700-legacy": "#0a75a5",
|
|
5438
|
+
"--ui-color-blue-light-800-legacy": "#085b80",
|
|
5439
|
+
"--ui-color-blue-light-900-legacy": "#064562",
|
|
5440
|
+
"--ui-color-gray-50-legacy": "#f9fafb",
|
|
5441
|
+
"--ui-color-gray-100-legacy": "#f3f4f6",
|
|
5442
|
+
"--ui-color-gray-200-legacy": "#e5e7eb",
|
|
5443
|
+
"--ui-color-gray-300-legacy": "#d1d5db",
|
|
5444
|
+
"--ui-color-gray-400-legacy": "#9ca3af",
|
|
5445
|
+
"--ui-color-gray-500-legacy": "#6b7280",
|
|
5446
|
+
"--ui-color-gray-600-legacy": "#4b5563",
|
|
5447
|
+
"--ui-color-gray-700-legacy": "#374151",
|
|
5448
|
+
"--ui-color-gray-800-legacy": "#1f2937",
|
|
5449
|
+
"--ui-color-gray-900-legacy": "#111827",
|
|
5450
|
+
"--ui-color-alert-info-bg": "#f1f4fe",
|
|
5451
|
+
"--ui-color-alert-info-border": "#627dd0",
|
|
5452
|
+
"--ui-color-alert-info-text": "#2d49a1",
|
|
5453
|
+
"--ui-color-alert-info-icon": "#2d49a1",
|
|
5454
|
+
"--ui-color-alert-success-bg": "#f1fef6",
|
|
5455
|
+
"--ui-color-alert-success-border": "#53d382",
|
|
5456
|
+
"--ui-color-alert-success-text": "#1ca34e",
|
|
5457
|
+
"--ui-color-alert-success-icon": "#1ca34e",
|
|
5458
|
+
"--ui-color-alert-danger-bg": "#fff3f1",
|
|
5459
|
+
"--ui-color-alert-danger-border": "#fc3d38",
|
|
5460
|
+
"--ui-color-alert-danger-text": "#da3430",
|
|
5461
|
+
"--ui-color-alert-danger-icon": "#da3430",
|
|
5462
|
+
"--ui-color-alert-warning-bg": "#fefbf1",
|
|
5463
|
+
"--ui-color-alert-warning-border": "#efc43f",
|
|
5464
|
+
"--ui-color-alert-warning-text": "#b58b06",
|
|
5465
|
+
"--ui-color-alert-warning-icon": "#b58b06",
|
|
5466
|
+
"--ui-bg-base": "rgb(247, 247, 250)",
|
|
5467
|
+
"--ui-text-primary": "rgb(48, 51, 54)",
|
|
5468
|
+
"--ui-text-secondary": "rgb(89, 89, 94)",
|
|
5469
|
+
"--ui-border-default": "rgb(199, 199, 204)"
|
|
5470
|
+
},
|
|
5471
|
+
"dark": {
|
|
5472
|
+
"--ui-color-white": "rgb(255, 255, 255)",
|
|
5473
|
+
"--ui-color-black": "rgb(0, 0, 0)",
|
|
5474
|
+
"--ui-color-red-50": "rgb(255, 242, 242)",
|
|
5475
|
+
"--ui-color-red-100": "rgb(252, 227, 227)",
|
|
5476
|
+
"--ui-color-red-200": "rgb(250, 189, 189)",
|
|
5477
|
+
"--ui-color-red-300": "rgb(245, 148, 148)",
|
|
5478
|
+
"--ui-color-red-400": "rgb(242, 107, 107)",
|
|
5479
|
+
"--ui-color-red-500": "rgb(240, 69, 69)",
|
|
5480
|
+
"--ui-color-red-600": "rgb(212, 61, 61)",
|
|
5481
|
+
"--ui-color-red-700": "rgb(184, 51, 51)",
|
|
5482
|
+
"--ui-color-red-800": "rgb(156, 43, 43)",
|
|
5483
|
+
"--ui-color-red-900": "rgb(128, 36, 36)",
|
|
5484
|
+
"--ui-color-orange-50": "rgb(255, 247, 242)",
|
|
5485
|
+
"--ui-color-orange-100": "rgb(252, 237, 227)",
|
|
5486
|
+
"--ui-color-orange-200": "rgb(252, 209, 176)",
|
|
5487
|
+
"--ui-color-orange-300": "rgb(250, 176, 125)",
|
|
5488
|
+
"--ui-color-orange-400": "rgb(250, 145, 74)",
|
|
5489
|
+
"--ui-color-orange-500": "rgb(250, 115, 23)",
|
|
5490
|
+
"--ui-color-orange-600": "rgb(219, 102, 20)",
|
|
5491
|
+
"--ui-color-orange-700": "rgb(189, 87, 18)",
|
|
5492
|
+
"--ui-color-orange-800": "rgb(158, 74, 13)",
|
|
5493
|
+
"--ui-color-orange-900": "rgb(128, 59, 10)",
|
|
5494
|
+
"--ui-color-yellow-50": "rgb(255, 250, 242)",
|
|
5495
|
+
"--ui-color-yellow-100": "rgb(252, 245, 227)",
|
|
5496
|
+
"--ui-color-yellow-200": "rgb(247, 230, 173)",
|
|
5497
|
+
"--ui-color-yellow-300": "rgb(242, 214, 117)",
|
|
5498
|
+
"--ui-color-yellow-400": "rgb(240, 196, 64)",
|
|
5499
|
+
"--ui-color-yellow-500": "rgb(235, 179, 8)",
|
|
5500
|
+
"--ui-color-yellow-600": "rgb(209, 158, 8)",
|
|
5501
|
+
"--ui-color-yellow-700": "rgb(181, 140, 5)",
|
|
5502
|
+
"--ui-color-yellow-800": "rgb(156, 120, 5)",
|
|
5503
|
+
"--ui-color-yellow-900": "rgb(128, 97, 5)",
|
|
5504
|
+
"--ui-color-lime-50": "rgb(250, 255, 242)",
|
|
5505
|
+
"--ui-color-lime-100": "rgb(242, 252, 227)",
|
|
5506
|
+
"--ui-color-lime-200": "rgb(214, 240, 176)",
|
|
5507
|
+
"--ui-color-lime-300": "rgb(186, 227, 125)",
|
|
5508
|
+
"--ui-color-lime-400": "rgb(161, 217, 74)",
|
|
5509
|
+
"--ui-color-lime-500": "rgb(133, 204, 23)",
|
|
5510
|
+
"--ui-color-lime-600": "rgb(120, 186, 20)",
|
|
5511
|
+
"--ui-color-lime-700": "rgb(107, 166, 18)",
|
|
5512
|
+
"--ui-color-lime-800": "rgb(97, 148, 15)",
|
|
5513
|
+
"--ui-color-lime-900": "rgb(84, 128, 13)",
|
|
5514
|
+
"--ui-color-green-50": "rgb(242, 255, 245)",
|
|
5515
|
+
"--ui-color-green-100": "rgb(227, 252, 237)",
|
|
5516
|
+
"--ui-color-green-200": "rgb(179, 240, 201)",
|
|
5517
|
+
"--ui-color-green-300": "rgb(130, 224, 166)",
|
|
5518
|
+
"--ui-color-green-400": "rgb(84, 212, 130)",
|
|
5519
|
+
"--ui-color-green-500": "rgb(33, 196, 94)",
|
|
5520
|
+
"--ui-color-green-600": "rgb(31, 181, 87)",
|
|
5521
|
+
"--ui-color-green-700": "rgb(28, 163, 79)",
|
|
5522
|
+
"--ui-color-green-800": "rgb(26, 145, 69)",
|
|
5523
|
+
"--ui-color-green-900": "rgb(23, 128, 61)",
|
|
5524
|
+
"--ui-color-cyan-50": "rgb(242, 252, 255)",
|
|
5525
|
+
"--ui-color-cyan-100": "rgb(227, 250, 252)",
|
|
5526
|
+
"--ui-color-cyan-200": "rgb(171, 232, 242)",
|
|
5527
|
+
"--ui-color-cyan-300": "rgb(117, 217, 232)",
|
|
5528
|
+
"--ui-color-cyan-400": "rgb(61, 199, 222)",
|
|
5529
|
+
"--ui-color-cyan-500": "rgb(5, 181, 212)",
|
|
5530
|
+
"--ui-color-cyan-600": "rgb(5, 163, 191)",
|
|
5531
|
+
"--ui-color-cyan-700": "rgb(5, 145, 171)",
|
|
5532
|
+
"--ui-color-cyan-800": "rgb(5, 128, 148)",
|
|
5533
|
+
"--ui-color-cyan-900": "rgb(5, 110, 128)",
|
|
5534
|
+
"--ui-color-azure-50": "rgb(242, 250, 255)",
|
|
5535
|
+
"--ui-color-azure-100": "rgb(227, 245, 252)",
|
|
5536
|
+
"--ui-color-azure-200": "rgb(173, 224, 247)",
|
|
5537
|
+
"--ui-color-azure-300": "rgb(120, 204, 242)",
|
|
5538
|
+
"--ui-color-azure-400": "rgb(69, 186, 237)",
|
|
5539
|
+
"--ui-color-azure-500": "rgb(13, 166, 232)",
|
|
5540
|
+
"--ui-color-azure-600": "rgb(13, 148, 207)",
|
|
5541
|
+
"--ui-color-azure-700": "rgb(10, 128, 181)",
|
|
5542
|
+
"--ui-color-azure-800": "rgb(10, 110, 156)",
|
|
5543
|
+
"--ui-color-azure-900": "rgb(8, 89, 128)",
|
|
5544
|
+
"--ui-color-blue-50": "rgb(242, 245, 255)",
|
|
5545
|
+
"--ui-color-blue-100": "rgb(227, 232, 252)",
|
|
5546
|
+
"--ui-color-blue-200": "rgb(184, 196, 237)",
|
|
5547
|
+
"--ui-color-blue-300": "rgb(140, 161, 222)",
|
|
5548
|
+
"--ui-color-blue-400": "rgb(97, 125, 209)",
|
|
5549
|
+
"--ui-color-blue-500": "rgb(54, 89, 194)",
|
|
5550
|
+
"--ui-color-blue-600": "rgb(51, 82, 176)",
|
|
5551
|
+
"--ui-color-blue-700": "rgb(46, 74, 161)",
|
|
5552
|
+
"--ui-color-blue-800": "rgb(41, 66, 145)",
|
|
5553
|
+
"--ui-color-blue-900": "rgb(36, 59, 128)",
|
|
5554
|
+
"--ui-color-violet-50": "rgb(245, 242, 255)",
|
|
5555
|
+
"--ui-color-violet-100": "rgb(237, 227, 252)",
|
|
5556
|
+
"--ui-color-violet-200": "rgb(209, 186, 250)",
|
|
5557
|
+
"--ui-color-violet-300": "rgb(181, 143, 245)",
|
|
5558
|
+
"--ui-color-violet-400": "rgb(153, 102, 242)",
|
|
5559
|
+
"--ui-color-violet-500": "rgb(125, 59, 237)",
|
|
5560
|
+
"--ui-color-violet-600": "rgb(110, 51, 209)",
|
|
5561
|
+
"--ui-color-violet-700": "rgb(97, 46, 184)",
|
|
5562
|
+
"--ui-color-violet-800": "rgb(82, 38, 156)",
|
|
5563
|
+
"--ui-color-violet-900": "rgb(66, 31, 128)",
|
|
5564
|
+
"--ui-color-magenta-50": "rgb(255, 242, 247)",
|
|
5565
|
+
"--ui-color-magenta-100": "rgb(252, 227, 240)",
|
|
5566
|
+
"--ui-color-magenta-200": "rgb(247, 184, 214)",
|
|
5567
|
+
"--ui-color-magenta-300": "rgb(245, 140, 186)",
|
|
5568
|
+
"--ui-color-magenta-400": "rgb(240, 94, 161)",
|
|
5569
|
+
"--ui-color-magenta-500": "rgb(235, 51, 135)",
|
|
5570
|
+
"--ui-color-magenta-600": "rgb(209, 46, 120)",
|
|
5571
|
+
"--ui-color-magenta-700": "rgb(181, 41, 105)",
|
|
5572
|
+
"--ui-color-magenta-800": "rgb(156, 33, 89)",
|
|
5573
|
+
"--ui-color-magenta-900": "rgb(128, 28, 74)",
|
|
5574
|
+
"--ui-color-rose-50": "rgb(255, 242, 245)",
|
|
5575
|
+
"--ui-color-rose-100": "rgb(252, 227, 232)",
|
|
5576
|
+
"--ui-color-rose-200": "rgb(245, 179, 194)",
|
|
5577
|
+
"--ui-color-rose-300": "rgb(240, 128, 153)",
|
|
5578
|
+
"--ui-color-rose-400": "rgb(232, 79, 112)",
|
|
5579
|
+
"--ui-color-rose-500": "rgb(224, 28, 71)",
|
|
5580
|
+
"--ui-color-rose-600": "rgb(201, 26, 64)",
|
|
5581
|
+
"--ui-color-rose-700": "rgb(176, 23, 56)",
|
|
5582
|
+
"--ui-color-rose-800": "rgb(153, 20, 48)",
|
|
5583
|
+
"--ui-color-rose-900": "rgb(128, 15, 41)",
|
|
5584
|
+
"--ui-color-light-gray-50": "rgb(247, 247, 250)",
|
|
5585
|
+
"--ui-color-light-gray-100": "rgb(240, 242, 242)",
|
|
5586
|
+
"--ui-color-light-gray-200": "rgb(224, 227, 230)",
|
|
5587
|
+
"--ui-color-light-gray-300": "rgb(212, 214, 217)",
|
|
5588
|
+
"--ui-color-light-gray-400": "rgb(199, 199, 204)",
|
|
5589
|
+
"--ui-color-light-gray-500": "rgb(186, 189, 191)",
|
|
5590
|
+
"--ui-color-light-gray-600": "rgb(171, 173, 179)",
|
|
5591
|
+
"--ui-color-light-gray-700": "rgb(158, 163, 166)",
|
|
5592
|
+
"--ui-color-light-gray-800": "rgb(145, 148, 153)",
|
|
5593
|
+
"--ui-color-light-gray-900": "rgb(133, 135, 140)",
|
|
5594
|
+
"--ui-color-dark-gray-50": "rgb(120, 122, 128)",
|
|
5595
|
+
"--ui-color-dark-gray-100": "rgb(107, 110, 115)",
|
|
5596
|
+
"--ui-color-dark-gray-200": "rgb(97, 99, 105)",
|
|
5597
|
+
"--ui-color-dark-gray-300": "rgb(89, 89, 94)",
|
|
5598
|
+
"--ui-color-dark-gray-400": "rgb(77, 79, 84)",
|
|
5599
|
+
"--ui-color-dark-gray-500": "rgb(69, 69, 74)",
|
|
5600
|
+
"--ui-color-dark-gray-600": "rgb(59, 61, 64)",
|
|
5601
|
+
"--ui-color-dark-gray-700": "rgb(48, 51, 54)",
|
|
5602
|
+
"--ui-color-dark-gray-800": "rgb(38, 41, 43)",
|
|
5603
|
+
"--ui-color-dark-gray-900": "rgb(31, 31, 33)",
|
|
5604
|
+
"--ui-color-black-alpha-transparent": "rgba(0, 0, 0, 0)",
|
|
5605
|
+
"--ui-color-black-alpha-5": "rgba(0, 0, 0, 0.05)",
|
|
5606
|
+
"--ui-color-black-alpha-10": "rgba(0, 0, 0, 0.1)",
|
|
5607
|
+
"--ui-color-black-alpha-20": "rgba(0, 0, 0, 0.2)",
|
|
5608
|
+
"--ui-color-black-alpha-30": "rgba(0, 0, 0, 0.3)",
|
|
5609
|
+
"--ui-color-black-alpha-40": "rgba(0, 0, 0, 0.4)",
|
|
5610
|
+
"--ui-color-black-alpha-50": "rgba(0, 0, 0, 0.5)",
|
|
5611
|
+
"--ui-color-black-alpha-60": "rgba(0, 0, 0, 0.6)",
|
|
5612
|
+
"--ui-color-black-alpha-70": "rgba(0, 0, 0, 0.7)",
|
|
5613
|
+
"--ui-color-black-alpha-80": "rgba(0, 0, 0, 0.8)",
|
|
5614
|
+
"--ui-color-black-alpha-90": "rgba(0, 0, 0, 0.9)",
|
|
5615
|
+
"--ui-positive-Value_0": "0",
|
|
5616
|
+
"--ui-positive-Value_12": "0.66px",
|
|
5617
|
+
"--ui-positive-Value_25": "1px",
|
|
5618
|
+
"--ui-positive-Value_50": "2px",
|
|
5619
|
+
"--ui-positive-Value_100": "4px",
|
|
5620
|
+
"--ui-positive-Value_150": "6px",
|
|
5621
|
+
"--ui-positive-Value_200": "8px",
|
|
5622
|
+
"--ui-positive-Value_250": "10px",
|
|
5623
|
+
"--ui-positive-Value_275": "11px",
|
|
5624
|
+
"--ui-positive-Value_300": "12px",
|
|
5625
|
+
"--ui-positive-Value_325": "13px",
|
|
5626
|
+
"--ui-positive-Value_350": "14px",
|
|
5627
|
+
"--ui-positive-Value_400": "16px",
|
|
5628
|
+
"--ui-positive-Value_450": "18px",
|
|
5629
|
+
"--ui-positive-Value_500": "20px",
|
|
5630
|
+
"--ui-positive-Value_600": "24px",
|
|
5631
|
+
"--ui-positive-Value_700": "28px",
|
|
5632
|
+
"--ui-positive-Value_750": "30px",
|
|
5633
|
+
"--ui-positive-Value_800": "32px",
|
|
5634
|
+
"--ui-positive-Value_900": "36px",
|
|
5635
|
+
"--ui-positive-Value_1000": "40px",
|
|
5636
|
+
"--ui-positive-Value_1200": "48px",
|
|
5637
|
+
"--ui-positive-Value_1400": "56px",
|
|
5638
|
+
"--ui-positive-Value_1600": "64px",
|
|
5639
|
+
"--ui-positive-Value_2000": "80px",
|
|
5640
|
+
"--ui-positive-Value_2400": "96px",
|
|
5641
|
+
"--ui-positive-Value_2800": "112px",
|
|
5642
|
+
"--ui-positive-Value_3200": "128px",
|
|
5643
|
+
"--ui-positive-Value_full": "9999px",
|
|
5644
|
+
"--ui-negative-Value_0": "0",
|
|
5645
|
+
"--ui-negative-Value_12": "-0.66px",
|
|
5646
|
+
"--ui-negative-Value_25": "-1px",
|
|
5647
|
+
"--ui-negative-Value_50": "-2px",
|
|
5648
|
+
"--ui-negative-Value_100": "-4px",
|
|
5649
|
+
"--ui-negative-Value_150": "-6px",
|
|
5650
|
+
"--ui-negative-Value_200": "-8px",
|
|
5651
|
+
"--ui-negative-Value_250": "-10px",
|
|
5652
|
+
"--ui-negative-Value_275": "-11px",
|
|
5653
|
+
"--ui-negative-Value_300": "-12px",
|
|
5654
|
+
"--ui-negative-Value_325": "-13px",
|
|
5655
|
+
"--ui-negative-Value_350": "-14px",
|
|
5656
|
+
"--ui-negative-Value_400": "-16px",
|
|
5657
|
+
"--ui-negative-Value_450": "-18px",
|
|
5658
|
+
"--ui-negative-Value_500": "-20px",
|
|
5659
|
+
"--ui-negative-Value_600": "-24px",
|
|
5660
|
+
"--ui-negative-Value_700": "-28px",
|
|
5661
|
+
"--ui-negative-Value_750": "-30px",
|
|
5662
|
+
"--ui-negative-Value_800": "-32px",
|
|
5663
|
+
"--ui-negative-Value_900": "-36px",
|
|
5664
|
+
"--ui-negative-Value_1000": "-40px",
|
|
5665
|
+
"--ui-negative-Value_1200": "-48px",
|
|
5666
|
+
"--ui-negative-Value_1400": "-56px",
|
|
5667
|
+
"--ui-negative-Value_1600": "-64px",
|
|
5668
|
+
"--ui-negative-Value_2000": "-80px",
|
|
5669
|
+
"--ui-negative-Value_2400": "-96px",
|
|
5670
|
+
"--ui-negative-Value_2800": "-112px",
|
|
5671
|
+
"--ui-negative-Value_3200": "-128px",
|
|
5672
|
+
"--ui-negative-Value_full": "-9999px",
|
|
5673
|
+
"--ui-font-family-ui": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5674
|
+
"--ui-font-family-mono": "'IBM Plex Mono'",
|
|
5675
|
+
"--ui-font-lh-10-tight": "12px",
|
|
5676
|
+
"--ui-font-lh-10-snug": "12.5px",
|
|
5677
|
+
"--ui-font-lh-10-normal": "14.5px",
|
|
5678
|
+
"--ui-font-lh-10-relaxed": "16px",
|
|
5679
|
+
"--ui-font-track-tight": "0.5px",
|
|
5680
|
+
"--ui-font-track-normal": "0",
|
|
5681
|
+
"--ui-font-track-wide": "2px",
|
|
5682
|
+
"--ui-font-weight-regular": "400",
|
|
5683
|
+
"--ui-font-weight-medium": "500",
|
|
5684
|
+
"--ui-font-weight-semibold": "600",
|
|
5685
|
+
"--ui-font-weight-bold": "700",
|
|
5686
|
+
"--ui-font-lh-12-tight": "14.5px",
|
|
5687
|
+
"--ui-font-lh-12-snug": "15px",
|
|
5688
|
+
"--ui-font-lh-12-normal": "17.5px",
|
|
5689
|
+
"--ui-font-lh-12-relaxed": "19px",
|
|
5690
|
+
"--ui-font-lh-14-tight": "17px",
|
|
5691
|
+
"--ui-font-lh-14-snug": "17.5px",
|
|
5692
|
+
"--ui-font-lh-14-normal": "20.5px",
|
|
5693
|
+
"--ui-font-lh-14-relaxed": "22.5px",
|
|
5694
|
+
"--ui-font-lh-16-tight": "19.5px",
|
|
5695
|
+
"--ui-font-lh-16-snug": "20px",
|
|
5696
|
+
"--ui-font-lh-16-normal": "23px",
|
|
5697
|
+
"--ui-font-lh-16-relaxed": "25.5px",
|
|
5698
|
+
"--ui-font-lh-18-tight": "22px",
|
|
5699
|
+
"--ui-font-lh-18-snug": "22.5px",
|
|
5700
|
+
"--ui-font-lh-18-normal": "26px",
|
|
5701
|
+
"--ui-font-lh-18-relaxed": "29px",
|
|
5702
|
+
"--ui-font-lh-20-tight": "24px",
|
|
5703
|
+
"--ui-font-lh-20-snug": "25px",
|
|
5704
|
+
"--ui-font-lh-20-normal": "29px",
|
|
5705
|
+
"--ui-font-lh-20-relaxed": "32px",
|
|
5706
|
+
"--ui-font-lh-24-tight": "29px",
|
|
5707
|
+
"--ui-font-lh-24-snug": "30px",
|
|
5708
|
+
"--ui-font-lh-24-normal": "35px",
|
|
5709
|
+
"--ui-font-lh-24-relaxed": "38.5px",
|
|
5710
|
+
"--ui-font-lh-30-tight": "36.5px",
|
|
5711
|
+
"--ui-font-lh-30-snug": "37.5px",
|
|
5712
|
+
"--ui-font-lh-30-normal": "43.5px",
|
|
5713
|
+
"--ui-font-lh-30-relaxed": "48px",
|
|
5714
|
+
"--ui-font-lh-36-tight": "43.5px",
|
|
5715
|
+
"--ui-font-lh-36-snug": "45px",
|
|
5716
|
+
"--ui-font-lh-36-normal": "52px",
|
|
5717
|
+
"--ui-font-lh-36-relaxed": "57.5px",
|
|
5718
|
+
"--ui-font-lh-48-tight": "58px",
|
|
5719
|
+
"--ui-font-lh-48-snug": "60px",
|
|
5720
|
+
"--ui-font-lh-48-normal": "69.5px",
|
|
5721
|
+
"--ui-font-lh-48-relaxed": "77px",
|
|
5722
|
+
"--ui-style-solid": "'solid'",
|
|
5723
|
+
"--ui-style-dashed": "'dashed'",
|
|
5724
|
+
"--ui-shadow-none-x": "0",
|
|
5725
|
+
"--ui-shadow-none-y": "0",
|
|
5726
|
+
"--ui-shadow-none-blur": "0",
|
|
5727
|
+
"--ui-shadow-none-Spread": "0",
|
|
5728
|
+
"--ui-shadow-none-Color": "rgba(0, 0, 0, 0)",
|
|
5729
|
+
"--ui-shadow-01-x": "0",
|
|
5730
|
+
"--ui-shadow-01-y": "1px",
|
|
5731
|
+
"--ui-shadow-01-blur": "2px",
|
|
5732
|
+
"--ui-shadow-01-Spread": "0",
|
|
5733
|
+
"--ui-shadow-02-x": "0",
|
|
5734
|
+
"--ui-shadow-02-y": "2px",
|
|
5735
|
+
"--ui-shadow-02-blur": "4px",
|
|
5736
|
+
"--ui-shadow-02-Spread": "-1px",
|
|
5737
|
+
"--ui-shadow-03-x": "0",
|
|
5738
|
+
"--ui-shadow-03-y": "4px",
|
|
5739
|
+
"--ui-shadow-03-blur": "8px",
|
|
5740
|
+
"--ui-shadow-03-Spread": "-2px",
|
|
5741
|
+
"--ui-shadow-04-x": "0",
|
|
5742
|
+
"--ui-shadow-04-y": "8px",
|
|
5743
|
+
"--ui-shadow-04-blur": "16px",
|
|
5744
|
+
"--ui-shadow-04-Spread": "-4px",
|
|
5745
|
+
"--ui-shadow-05-x": "0",
|
|
5746
|
+
"--ui-shadow-05-y": "16px",
|
|
5747
|
+
"--ui-shadow-05-blur": "24px",
|
|
5748
|
+
"--ui-shadow-05-Spread": "-8px",
|
|
5749
|
+
"--ui-shadow-x": "0",
|
|
5750
|
+
"--ui-z-hide": "-1px",
|
|
5751
|
+
"--ui-z-base": "0",
|
|
5752
|
+
"--ui-z-raised": "100px",
|
|
5753
|
+
"--ui-z-sticky": "200px",
|
|
5754
|
+
"--ui-z-shell": "300px",
|
|
5755
|
+
"--ui-z-dropdown": "400px",
|
|
5756
|
+
"--ui-z-popover": "500px",
|
|
5757
|
+
"--ui-z-tooltip": "600px",
|
|
5758
|
+
"--ui-z-modalBackdrop": "690px",
|
|
5759
|
+
"--ui-z-modal": "700px",
|
|
5760
|
+
"--ui-z-toast": "800px",
|
|
5761
|
+
"--ui-z-overlay": "900px",
|
|
5762
|
+
"--ui-z-max": "99999",
|
|
5763
|
+
"--ui-font-size-2xs": "10px",
|
|
5764
|
+
"--ui-font-size-xs": "12px",
|
|
5765
|
+
"--ui-font-size-sm": "14px",
|
|
5766
|
+
"--ui-font-size-md": "16px",
|
|
5767
|
+
"--ui-font-size-lg": "18px",
|
|
5768
|
+
"--ui-font-size-xl": "20px",
|
|
5769
|
+
"--ui-font-size-2xl": "24px",
|
|
5770
|
+
"--ui-font-size-3xl": "30px",
|
|
5771
|
+
"--ui-font-size-4xl": "36px",
|
|
5772
|
+
"--ui-font-size-5xl": "48px",
|
|
5773
|
+
"--ui-type-heading-h1-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5774
|
+
"--ui-type-heading-h1-size": "36px",
|
|
5775
|
+
"--ui-type-heading-h1-weight": "600",
|
|
5776
|
+
"--ui-type-heading-h1-ih": "45px",
|
|
5777
|
+
"--ui-type-heading-h1-tracking": "0.5px",
|
|
5778
|
+
"--ui-type-heading-h2-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5779
|
+
"--ui-type-heading-h2-size": "30px",
|
|
5780
|
+
"--ui-type-heading-h2-weight": "600",
|
|
5781
|
+
"--ui-type-heading-h2-ih": "37.5px",
|
|
5782
|
+
"--ui-type-heading-h2-tracking": "0.5px",
|
|
5783
|
+
"--ui-type-heading-h3-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5784
|
+
"--ui-type-heading-h3-size": "20px",
|
|
5785
|
+
"--ui-type-heading-h3-weight": "600",
|
|
5786
|
+
"--ui-type-heading-h3-ih": "25px",
|
|
5787
|
+
"--ui-type-heading-h3-tracking": "0",
|
|
5788
|
+
"--ui-type-body-lg-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5789
|
+
"--ui-type-caption-xs-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5790
|
+
"--ui-type-caption-xs-size": "10px",
|
|
5791
|
+
"--ui-type-caption-xs-weight": "400",
|
|
5792
|
+
"--ui-type-caption-xs-ih": "14.5px",
|
|
5793
|
+
"--ui-type-caption-xs-tracking": "2px",
|
|
5794
|
+
"--ui-type-caption-md-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5795
|
+
"--ui-type-caption-md-size": "12px",
|
|
5796
|
+
"--ui-type-caption-md-weight": "400",
|
|
5797
|
+
"--ui-type-caption-md-ih": "17.5px",
|
|
5798
|
+
"--ui-type-caption-md-tracking": "2px",
|
|
5799
|
+
"--ui-type-body-lg-Regular-size": "18px",
|
|
5800
|
+
"--ui-type-body-lg-Regular-weight": "400",
|
|
5801
|
+
"--ui-type-body-lg-Regular-ih": "26px",
|
|
5802
|
+
"--ui-type-body-lg-Regular-tracking": "0.5px",
|
|
5803
|
+
"--ui-type-body-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5804
|
+
"--ui-type-body-md-Regular-size": "16px",
|
|
5805
|
+
"--ui-type-body-md-Regular-weight": "400",
|
|
5806
|
+
"--ui-type-body-md-Regular-ih": "23px",
|
|
5807
|
+
"--ui-type-body-md-Regular-tracking": "0.5px",
|
|
5808
|
+
"--ui-type-body-sm-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5809
|
+
"--ui-type-body-sm-Regular-size": "14px",
|
|
5810
|
+
"--ui-type-body-sm-Regular-weight": "400",
|
|
5811
|
+
"--ui-type-body-sm-Regular-ih": "20.5px",
|
|
5812
|
+
"--ui-type-body-sm-Regular-tracking": "0.5px",
|
|
5813
|
+
"--ui-type-label-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5814
|
+
"--ui-type-label-md-Regular-size": "14px",
|
|
5815
|
+
"--ui-type-label-md-Regular-weight": "400",
|
|
5816
|
+
"--ui-type-label-md-Regular-ih": "20.5px",
|
|
5817
|
+
"--ui-type-label-md-Regular-tracking": "0.5px",
|
|
5818
|
+
"--ui-type-code-md-family": "'IBM Plex Mono'",
|
|
5819
|
+
"--ui-type-code-md-size": "14px",
|
|
5820
|
+
"--ui-type-code-md-weight": "400",
|
|
5821
|
+
"--ui-type-code-md-ih": "14.5px",
|
|
5822
|
+
"--ui-type-code-md-tracking": "0",
|
|
5823
|
+
"--ui-type-heading-h4-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5824
|
+
"--ui-type-heading-h4-size": "18px",
|
|
5825
|
+
"--ui-type-heading-h4-weight": "600",
|
|
5826
|
+
"--ui-type-heading-h4-ih": "25px",
|
|
5827
|
+
"--ui-type-heading-h4-tracking": "0",
|
|
5828
|
+
"--ui-type-heading-h5-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5829
|
+
"--ui-type-heading-h5-size": "16px",
|
|
5830
|
+
"--ui-type-heading-h5-weight": "600",
|
|
5831
|
+
"--ui-type-heading-h5-ih": "25px",
|
|
5832
|
+
"--ui-type-heading-h5-tracking": "0",
|
|
5833
|
+
"--ui-type-heading-h6-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5834
|
+
"--ui-type-heading-h6-size": "14px",
|
|
5835
|
+
"--ui-type-heading-h6-weight": "600",
|
|
5836
|
+
"--ui-type-heading-h6-ih": "25px",
|
|
5837
|
+
"--ui-type-heading-h6-tracking": "0",
|
|
5838
|
+
"--ui-type-body-lg-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5839
|
+
"--ui-type-body-lg-Medium-size": "18px",
|
|
5840
|
+
"--ui-type-body-lg-Medium-weight": "500",
|
|
5841
|
+
"--ui-type-body-lg-Medium-ih": "26px",
|
|
5842
|
+
"--ui-type-body-lg-Medium-tracking": "0.5px",
|
|
5843
|
+
"--ui-type-body-lg-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5844
|
+
"--ui-type-body-lg-Semibold-size": "18px",
|
|
5845
|
+
"--ui-type-body-lg-Semibold-weight": "600",
|
|
5846
|
+
"--ui-type-body-lg-Semibold-ih": "26px",
|
|
5847
|
+
"--ui-type-body-lg-Semibold-tracking": "0.5px",
|
|
5848
|
+
"--ui-type-body-lg-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5849
|
+
"--ui-type-body-lg-Bold-size": "18px",
|
|
5850
|
+
"--ui-type-body-lg-Bold-weight": "700",
|
|
5851
|
+
"--ui-type-body-lg-Bold-ih": "26px",
|
|
5852
|
+
"--ui-type-body-lg-Bold-tracking": "0.5px",
|
|
5853
|
+
"--ui-type-body-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5854
|
+
"--ui-type-body-md-Medium-size": "16px",
|
|
5855
|
+
"--ui-type-body-md-Medium-weight": "500",
|
|
5856
|
+
"--ui-type-body-md-Medium-ih": "23px",
|
|
5857
|
+
"--ui-type-body-md-Medium-tracking": "0.5px",
|
|
5858
|
+
"--ui-type-body-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5859
|
+
"--ui-type-body-md-Semibold-size": "16px",
|
|
5860
|
+
"--ui-type-body-md-Semibold-weight": "600",
|
|
5861
|
+
"--ui-type-body-md-Semibold-ih": "23px",
|
|
5862
|
+
"--ui-type-body-md-Semibold-tracking": "0.5px",
|
|
5863
|
+
"--ui-type-body-sm-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5864
|
+
"--ui-type-body-sm-Medium-size": "14px",
|
|
5865
|
+
"--ui-type-body-sm-Medium-weight": "500",
|
|
5866
|
+
"--ui-type-body-sm-Medium-ih": "20.5px",
|
|
5867
|
+
"--ui-type-body-sm-Medium-tracking": "0.5px",
|
|
5868
|
+
"--ui-type-body-sm-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5869
|
+
"--ui-type-body-sm-Semibold-size": "14px",
|
|
5870
|
+
"--ui-type-body-sm-Semibold-weight": "600",
|
|
5871
|
+
"--ui-type-body-sm-Semibold-ih": "20.5px",
|
|
5872
|
+
"--ui-type-body-sm-Semibold-tracking": "0.5px",
|
|
5873
|
+
"--ui-type-body-sm-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5874
|
+
"--ui-type-body-sm-Bold-size": "14px",
|
|
5875
|
+
"--ui-type-body-sm-Bold-weight": "700",
|
|
5876
|
+
"--ui-type-body-sm-Bold-ih": "20.5px",
|
|
5877
|
+
"--ui-type-body-sm-Bold-tracking": "0.5px",
|
|
5878
|
+
"--ui-type-label-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5879
|
+
"--ui-type-label-md-Medium-size": "14px",
|
|
5880
|
+
"--ui-type-label-md-Medium-weight": "500",
|
|
5881
|
+
"--ui-type-label-md-Medium-ih": "20.5px",
|
|
5882
|
+
"--ui-type-label-md-Medium-tracking": "0.5px",
|
|
5883
|
+
"--ui-type-label-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5884
|
+
"--ui-type-label-md-Semibold-size": "14px",
|
|
5885
|
+
"--ui-type-label-md-Semibold-weight": "600",
|
|
5886
|
+
"--ui-type-label-md-Semibold-ih": "20.5px",
|
|
5887
|
+
"--ui-type-label-md-Semibold-tracking": "0.5px",
|
|
5888
|
+
"--ui-type-label-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5889
|
+
"--ui-type-label-md-Bold-size": "14px",
|
|
5890
|
+
"--ui-type-label-md-Bold-weight": "700",
|
|
5891
|
+
"--ui-type-label-md-Bold-ih": "20.5px",
|
|
5892
|
+
"--ui-type-label-md-Bold-tracking": "0.5px",
|
|
5893
|
+
"--ui-type-body-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5894
|
+
"--ui-type-body-md-Bold-size": "16px",
|
|
5895
|
+
"--ui-type-body-md-Bold-weight": "700",
|
|
5896
|
+
"--ui-type-body-md-Bold-ih": "23px",
|
|
5897
|
+
"--ui-type-body-md-Bold-tracking": "0.5px",
|
|
5898
|
+
"--ui-type-body-xs-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5899
|
+
"--ui-type-body-xs-Regular-size": "12px",
|
|
5900
|
+
"--ui-type-body-xs-Regular-weight": "400",
|
|
5901
|
+
"--ui-type-body-xs-Regular-ih": "17.5px",
|
|
5902
|
+
"--ui-type-body-xs-Regular-tracking": "0.5px",
|
|
5903
|
+
"--ui-type-body-xs-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5904
|
+
"--ui-type-body-xs-Medium-size": "12px",
|
|
5905
|
+
"--ui-type-body-xs-Medium-weight": "500",
|
|
5906
|
+
"--ui-type-body-xs-Medium-ih": "17.5px",
|
|
5907
|
+
"--ui-type-body-xs-Medium-tracking": "0.5px",
|
|
5908
|
+
"--ui-type-body-xs-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5909
|
+
"--ui-type-body-xs-Semibold-size": "12px",
|
|
5910
|
+
"--ui-type-body-xs-Semibold-weight": "600",
|
|
5911
|
+
"--ui-type-body-xs-Semibold-ih": "17.5px",
|
|
5912
|
+
"--ui-type-body-xs-Semibold-tracking": "0.5px",
|
|
5913
|
+
"--ui-type-body-xs-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n sans-serif",
|
|
5914
|
+
"--ui-type-body-xs-Bold-size": "12px",
|
|
5915
|
+
"--ui-type-body-xs-Bold-weight": "700",
|
|
5916
|
+
"--ui-type-body-xs-Bold-ih": "17.5px",
|
|
5917
|
+
"--ui-type-body-xs-Bold-tracking": "0.5px",
|
|
5918
|
+
"--ui-color-bg-canvas-default": "rgb(31, 31, 33)",
|
|
5919
|
+
"--ui-color-bg-canvas-inverse": "rgb(247, 247, 250)",
|
|
5920
|
+
"--ui-color-bg-overlay-default": "rgba(0, 0, 0, 0.6)",
|
|
5921
|
+
"--ui-color-bg-overlay-darker": "rgba(0, 0, 0, 0.8)",
|
|
5922
|
+
"--ui-color-text-primary": "rgb(240, 242, 242)",
|
|
5923
|
+
"--ui-color-text-secondary": "rgb(199, 199, 204)",
|
|
5924
|
+
"--ui-color-icon-default": "rgb(212, 214, 217)",
|
|
5925
|
+
"--ui-color-text-tertiary": "rgb(158, 163, 166)",
|
|
5926
|
+
"--ui-color-icon-hover": "rgb(240, 242, 242)",
|
|
5927
|
+
"--ui-color-icon-pressed": "rgb(255, 255, 255)",
|
|
5928
|
+
"--ui-color-text-disabled": "rgb(97, 99, 105)",
|
|
5929
|
+
"--ui-color-icon-selected": "rgb(97, 125, 209)",
|
|
5930
|
+
"--ui-color-icon-secondary-default": "rgb(186, 189, 191)",
|
|
5931
|
+
"--ui-color-icon-secondary-hover": "rgb(212, 214, 217)",
|
|
5932
|
+
"--ui-color-icon-secondary-pressed": "rgb(240, 242, 242)",
|
|
5933
|
+
"--ui-color-icon-secondary-selected": "rgb(212, 214, 217)",
|
|
5934
|
+
"--ui-color-icon-tertiary-default": "rgb(133, 135, 140)",
|
|
5935
|
+
"--ui-color-icon-tertiary-hover": "rgb(158, 163, 166)",
|
|
5936
|
+
"--ui-color-icon-tertiary-pressed": "rgb(186, 189, 191)",
|
|
5937
|
+
"--ui-color-icon-tertiary-selected": "rgb(158, 163, 166)",
|
|
5938
|
+
"--ui-color-icon-brand-default": "rgb(184, 196, 237)",
|
|
5939
|
+
"--ui-color-icon-brand-hover": "rgb(227, 232, 252)",
|
|
5940
|
+
"--ui-color-icon-brand-pressed": "rgb(242, 245, 255)",
|
|
5941
|
+
"--ui-color-icon-brand-selected": "rgb(255, 255, 255)",
|
|
5942
|
+
"--ui-color-icon-success-default": "rgb(179, 240, 201)",
|
|
5943
|
+
"--ui-color-icon-success-hover": "rgb(227, 252, 237)",
|
|
5944
|
+
"--ui-color-icon-success-pressed": "rgb(242, 255, 245)",
|
|
5945
|
+
"--ui-color-icon-success-selected": "rgb(255, 255, 255)",
|
|
5946
|
+
"--ui-color-icon-warning-default": "rgb(247, 230, 173)",
|
|
5947
|
+
"--ui-color-icon-warning-hover": "rgb(252, 245, 227)",
|
|
5948
|
+
"--ui-color-icon-warning-pressed": "rgb(255, 250, 242)",
|
|
5949
|
+
"--ui-color-icon-warning-selected": "rgb(255, 255, 255)",
|
|
5950
|
+
"--ui-color-icon-danger-default": "rgb(250, 189, 189)",
|
|
5951
|
+
"--ui-color-icon-danger-hover": "rgb(252, 227, 227)",
|
|
5952
|
+
"--ui-color-icon-danger-pressed": "rgb(255, 242, 242)",
|
|
5953
|
+
"--ui-color-icon-danger-selected": "rgb(255, 255, 255)",
|
|
5954
|
+
"--ui-color-icon-info-default": "rgb(171, 232, 242)",
|
|
5955
|
+
"--ui-color-icon-all-colors-red": "rgb(242, 107, 107)",
|
|
5956
|
+
"--ui-color-icon-all-colors-orange": "rgb(250, 145, 74)",
|
|
5957
|
+
"--ui-color-icon-all-colors-yellow": "rgb(240, 196, 64)",
|
|
5958
|
+
"--ui-color-icon-all-colors-lime": "rgb(161, 217, 74)",
|
|
5959
|
+
"--ui-color-icon-all-colors-green": "rgb(84, 212, 130)",
|
|
5960
|
+
"--ui-color-icon-all-colors-cyan": "rgb(61, 199, 222)",
|
|
5961
|
+
"--ui-color-icon-all-colors-azure": "rgb(69, 186, 237)",
|
|
5962
|
+
"--ui-color-icon-all-colors-blue": "rgb(97, 125, 209)",
|
|
5963
|
+
"--ui-color-icon-all-colors-violet": "rgb(153, 102, 242)",
|
|
5964
|
+
"--ui-color-icon-all-colors-magenta": "rgb(240, 94, 161)",
|
|
5965
|
+
"--ui-color-icon-all-colors-rose": "rgb(232, 79, 112)",
|
|
5966
|
+
"--ui-color-icon-info-hover": "rgb(227, 250, 252)",
|
|
5967
|
+
"--ui-color-icon-info-pressed": "rgb(242, 252, 255)",
|
|
5968
|
+
"--ui-color-icon-info-selected": "rgb(255, 255, 255)",
|
|
5969
|
+
"--ui-color-icon-disabled": "rgb(97, 99, 105)",
|
|
5970
|
+
"--ui-color-icon-on-color": "rgb(255, 255, 255)",
|
|
5971
|
+
"--ui-color-border-default": "rgb(77, 79, 84)",
|
|
5972
|
+
"--ui-color-border-hover": "rgb(158, 163, 166)",
|
|
5973
|
+
"--ui-color-border-pressed": "rgb(186, 189, 191)",
|
|
5974
|
+
"--ui-color-border-focus": "rgb(97, 125, 209)",
|
|
5975
|
+
"--ui-color-border-disabled": "rgb(69, 69, 74)",
|
|
5976
|
+
"--ui-color-border-subtle": "rgb(69, 69, 74)",
|
|
5977
|
+
"--ui-color-border-on-color": "rgb(255, 255, 255)",
|
|
5978
|
+
"--ui-color-border-strong": "rgb(171, 173, 179)",
|
|
5979
|
+
"--ui-color-border-brand": "rgb(97, 125, 209)",
|
|
5980
|
+
"--ui-color-border-success": "rgb(84, 212, 130)",
|
|
5981
|
+
"--ui-color-border-warning": "rgb(240, 196, 64)",
|
|
5982
|
+
"--ui-color-border-danger": "rgb(242, 107, 107)",
|
|
5983
|
+
"--ui-color-border-info": "rgb(61, 199, 222)",
|
|
5984
|
+
"--ui-color-text-text-on-color": "rgb(255, 255, 255)",
|
|
5985
|
+
"--ui-color-bg-surface-default": "rgb(38, 41, 43)",
|
|
5986
|
+
"--ui-color-bg-surface-hover": "rgb(48, 51, 54)",
|
|
5987
|
+
"--ui-color-bg-surface-pressed": "rgb(69, 69, 74)",
|
|
5988
|
+
"--ui-color-bg-surface-selected": "rgb(59, 61, 64)",
|
|
5989
|
+
"--ui-color-bg-surface-dissabled": "rgb(48, 51, 54)",
|
|
5990
|
+
"--ui-color-bg-surface-secondary-default": "rgb(48, 51, 54)",
|
|
5991
|
+
"--ui-color-bg-surface-secondary-hover": "rgb(59, 61, 64)",
|
|
5992
|
+
"--ui-color-bg-surface-secondary-pressed": "rgb(89, 89, 94)",
|
|
5993
|
+
"--ui-color-bg-surface-secondary-selected": "rgb(77, 79, 84)",
|
|
5994
|
+
"--ui-color-bg-surface-tertiary-default": "rgb(69, 69, 74)",
|
|
5995
|
+
"--ui-color-bg-surface-tertiary-hover": "rgb(77, 79, 84)",
|
|
5996
|
+
"--ui-color-bg-surface-tertiary-pressed": "rgb(97, 99, 105)",
|
|
5997
|
+
"--ui-color-bg-surface-tertiary-selected": "rgb(89, 89, 94)",
|
|
5998
|
+
"--ui-color-bg-surface-brand-default": "rgb(36, 59, 128)",
|
|
5999
|
+
"--ui-color-bg-surface-brand-hover": "rgb(41, 66, 145)",
|
|
6000
|
+
"--ui-color-bg-surface-brand-pressed": "rgb(51, 82, 176)",
|
|
6001
|
+
"--ui-color-bg-surface-brand-selected": "rgb(46, 74, 161)",
|
|
6002
|
+
"--ui-color-bg-surface-brand-disabled": "rgb(36, 59, 128)",
|
|
6003
|
+
"--ui-color-bg-surface-success-default": "rgb(23, 128, 61)",
|
|
6004
|
+
"--ui-color-bg-surface-success-hover": "rgb(26, 145, 69)",
|
|
6005
|
+
"--ui-color-bg-surface-success-pressed": "rgb(31, 181, 87)",
|
|
6006
|
+
"--ui-color-bg-surface-success-selected": "rgb(28, 163, 79)",
|
|
6007
|
+
"--ui-color-bg-surface-success-disabled": "rgb(23, 128, 61)",
|
|
6008
|
+
"--ui-color-bg-surface-warning-default": "rgb(128, 97, 5)",
|
|
6009
|
+
"--ui-color-bg-surface-warning-hover": "rgb(156, 120, 5)",
|
|
6010
|
+
"--ui-color-bg-surface-warning-pressed": "rgb(209, 158, 8)",
|
|
6011
|
+
"--ui-color-bg-surface-warning-selected": "rgb(181, 140, 5)",
|
|
6012
|
+
"--ui-color-bg-surface-warning-disabled": "rgb(128, 97, 5)",
|
|
6013
|
+
"--ui-color-bg-surface-danger-default": "rgb(128, 36, 36)",
|
|
6014
|
+
"--ui-color-bg-surface-danger-hover": "rgb(156, 43, 43)",
|
|
6015
|
+
"--ui-color-bg-surface-danger-pressed": "rgb(212, 61, 61)",
|
|
6016
|
+
"--ui-color-bg-surface-danger-selected": "rgb(184, 51, 51)",
|
|
6017
|
+
"--ui-color-bg-surface-danger-disabled": "rgb(128, 36, 36)",
|
|
6018
|
+
"--ui-color-bg-fill-default": "rgb(38, 41, 43)",
|
|
6019
|
+
"--ui-color-bg-fill-hover": "rgb(59, 61, 64)",
|
|
6020
|
+
"--ui-color-bg-fill-pressed": "rgb(89, 89, 94)",
|
|
6021
|
+
"--ui-color-bg-fill-selected": "rgb(69, 69, 74)",
|
|
6022
|
+
"--ui-color-bg-fill-dissabled": "rgb(48, 51, 54)",
|
|
6023
|
+
"--ui-color-bg-fill-secondary-default": "rgb(48, 51, 54)",
|
|
6024
|
+
"--ui-color-bg-fill-secondary-hover": "rgb(69, 69, 74)",
|
|
6025
|
+
"--ui-color-bg-fill-secondary-pressed": "rgb(97, 99, 105)",
|
|
6026
|
+
"--ui-color-bg-fill-secondary-selected": "rgb(77, 79, 84)",
|
|
6027
|
+
"--ui-color-bg-fill-tertiary-default": "rgb(59, 61, 64)",
|
|
6028
|
+
"--ui-color-bg-fill-tertiary-hover": "rgb(77, 79, 84)",
|
|
6029
|
+
"--ui-color-bg-fill-tertiary-pressed": "rgb(107, 110, 115)",
|
|
6030
|
+
"--ui-color-bg-fill-tertiary-selected": "rgb(89, 89, 94)",
|
|
6031
|
+
"--ui-color-bg-fill-brand-default": "rgb(51, 82, 176)",
|
|
6032
|
+
"--ui-color-bg-fill-brand-hover": "rgb(54, 89, 194)",
|
|
6033
|
+
"--ui-color-bg-fill-brand-pressed": "rgb(97, 125, 209)",
|
|
6034
|
+
"--ui-color-bg-fill-brand-selected": "rgb(46, 74, 161)",
|
|
6035
|
+
"--ui-color-bg-fill-brand-disabled": "rgb(36, 59, 128)",
|
|
6036
|
+
"--ui-color-bg-fill-success-default": "rgb(31, 181, 87)",
|
|
6037
|
+
"--ui-color-bg-fill-success-hover": "rgb(33, 196, 94)",
|
|
6038
|
+
"--ui-color-bg-fill-success-pressed": "rgb(84, 212, 130)",
|
|
6039
|
+
"--ui-color-bg-fill-success-selected": "rgb(28, 163, 79)",
|
|
6040
|
+
"--ui-color-bg-fill-success-disabled": "rgb(23, 128, 61)",
|
|
6041
|
+
"--ui-color-bg-fill-warning-default": "rgb(209, 158, 8)",
|
|
6042
|
+
"--ui-color-bg-fill-warning-hover": "rgb(235, 179, 8)",
|
|
6043
|
+
"--ui-color-bg-fill-warning-pressed": "rgb(240, 196, 64)",
|
|
6044
|
+
"--ui-color-bg-fill-warning-selected": "rgb(181, 140, 5)",
|
|
6045
|
+
"--ui-color-bg-fill-warning-disabled": "rgb(128, 97, 5)",
|
|
6046
|
+
"--ui-color-bg-fill-danger-default": "rgb(212, 61, 61)",
|
|
6047
|
+
"--ui-color-bg-fill-danger-hover": "rgb(240, 69, 69)",
|
|
6048
|
+
"--ui-color-bg-fill-danger-pressed": "rgb(242, 107, 107)",
|
|
6049
|
+
"--ui-color-bg-fill-danger-selected": "rgb(184, 51, 51)",
|
|
6050
|
+
"--ui-color-bg-fill-danger-pressed-2": "rgb(128, 36, 36)",
|
|
6051
|
+
"--ui-color-bg-fill-info-default": "rgb(5, 163, 191)",
|
|
6052
|
+
"--ui-color-bg-fill-info-hover": "rgb(5, 181, 212)",
|
|
6053
|
+
"--ui-color-bg-fill-info-pressed": "rgb(61, 199, 222)",
|
|
6054
|
+
"--ui-color-bg-fill-info-selected": "rgb(5, 145, 171)",
|
|
6055
|
+
"--ui-color-bg-fill-info-pressed-2": "rgb(5, 110, 128)",
|
|
6056
|
+
"--ui-color-text-on-canvas-Inverse": "rgb(48, 51, 54)",
|
|
6057
|
+
"--ui-color-text-brand-default": "rgb(227, 232, 252)",
|
|
6058
|
+
"--ui-color-text-brand-hover": "rgb(242, 245, 255)",
|
|
6059
|
+
"--ui-color-text-brand-pressed": "rgb(255, 255, 255)",
|
|
6060
|
+
"--ui-color-text-brand-selected": "rgb(242, 245, 255)",
|
|
6061
|
+
"--ui-color-bg-surface-info-default": "rgb(5, 110, 128)",
|
|
6062
|
+
"--ui-color-bg-surface-info-hover": "rgb(5, 128, 148)",
|
|
6063
|
+
"--ui-color-bg-surface-info-pressed": "rgb(5, 163, 191)",
|
|
6064
|
+
"--ui-color-bg-surface-info-selected": "rgb(5, 145, 171)",
|
|
6065
|
+
"--ui-color-bg-surface-info-disabled": "rgb(5, 110, 128)",
|
|
6066
|
+
"--ui-color-text-success-default": "rgb(227, 252, 237)",
|
|
6067
|
+
"--ui-color-text-success-hover": "rgb(242, 255, 245)",
|
|
6068
|
+
"--ui-color-text-success-pressed": "rgb(255, 255, 255)",
|
|
6069
|
+
"--ui-color-text-success-selected": "rgb(242, 255, 245)",
|
|
6070
|
+
"--ui-color-text-warning-default": "rgb(252, 245, 227)",
|
|
6071
|
+
"--ui-color-text-warning-hover": "rgb(255, 250, 242)",
|
|
6072
|
+
"--ui-color-text-warning-pressed": "rgb(255, 255, 255)",
|
|
6073
|
+
"--ui-color-text-warning-selected": "rgb(255, 250, 242)",
|
|
6074
|
+
"--ui-color-text-danger-default": "rgb(252, 227, 227)",
|
|
6075
|
+
"--ui-color-text-danger-hover": "rgb(255, 242, 242)",
|
|
6076
|
+
"--ui-color-text-danger-pressed": "rgb(255, 255, 255)",
|
|
6077
|
+
"--ui-color-text-danger-selected": "rgb(255, 242, 242)",
|
|
6078
|
+
"--ui-color-text-info-default": "rgb(227, 250, 252)",
|
|
6079
|
+
"--ui-color-text-link-default": "rgb(97, 125, 209)",
|
|
6080
|
+
"--ui-color-text-all-colors-red": "rgb(245, 148, 148)",
|
|
6081
|
+
"--ui-color-text-all-colors-orange": "rgb(250, 176, 125)",
|
|
6082
|
+
"--ui-color-text-all-colors-yellow": "rgb(242, 214, 117)",
|
|
6083
|
+
"--ui-color-text-all-colors-lime": "rgb(186, 227, 125)",
|
|
6084
|
+
"--ui-color-text-all-colors-green": "rgb(130, 224, 166)",
|
|
6085
|
+
"--ui-color-text-all-colors-cyan": "rgb(117, 217, 232)",
|
|
6086
|
+
"--ui-color-text-all-colors-azure": "rgb(120, 204, 242)",
|
|
6087
|
+
"--ui-color-text-all-colors-blue": "rgb(140, 161, 222)",
|
|
6088
|
+
"--ui-color-text-all-colors-violet": "rgb(181, 143, 245)",
|
|
6089
|
+
"--ui-color-text-all-colors-magenta": "rgb(245, 140, 186)",
|
|
6090
|
+
"--ui-color-text-all-colors-rose": "rgb(240, 128, 153)",
|
|
6091
|
+
"--ui-color-text-link-hover": "rgb(140, 161, 222)",
|
|
6092
|
+
"--ui-color-text-link-pressed": "rgb(184, 196, 237)",
|
|
6093
|
+
"--ui-color-text-link-visited": "rgb(181, 143, 245)",
|
|
6094
|
+
"--ui-color-text-info-hover": "rgb(242, 252, 255)",
|
|
6095
|
+
"--ui-color-text-info-pressed": "rgb(255, 255, 255)",
|
|
6096
|
+
"--ui-color-text-info-selected": "rgb(242, 252, 255)",
|
|
6097
|
+
"--ui-color-bg-fill-all-colors-red": "rgb(212, 61, 61)",
|
|
6098
|
+
"--ui-color-bg-fill-all-colors-orange": "rgb(219, 102, 20)",
|
|
6099
|
+
"--ui-color-bg-fill-all-colors-yellow": "rgb(209, 158, 8)",
|
|
6100
|
+
"--ui-color-bg-fill-all-colors-lime": "rgb(120, 186, 20)",
|
|
6101
|
+
"--ui-color-bg-surface-all-colors-red": "rgb(128, 36, 36)",
|
|
6102
|
+
"--ui-color-bg-surface-all-colors-orange": "rgb(128, 59, 10)",
|
|
6103
|
+
"--ui-color-bg-fill-all-colors-green": "rgb(31, 181, 87)",
|
|
6104
|
+
"--ui-color-bg-surface-all-colors-yellow": "rgb(128, 97, 5)",
|
|
6105
|
+
"--ui-color-bg-fill-all-colors-cyan": "rgb(5, 163, 191)",
|
|
6106
|
+
"--ui-color-bg-surface-all-colors-lime": "rgb(84, 128, 13)",
|
|
6107
|
+
"--ui-color-bg-fill-all-colors-azure": "rgb(13, 148, 207)",
|
|
6108
|
+
"--ui-color-bg-surface-all-colors-green": "rgb(23, 128, 61)",
|
|
6109
|
+
"--ui-color-bg-fill-all-colors-blue": "rgb(51, 82, 176)",
|
|
6110
|
+
"--ui-color-bg-fill-all-colors-violet": "rgb(110, 51, 209)",
|
|
6111
|
+
"--ui-color-bg-surface-all-colors-cyan": "rgb(5, 110, 128)",
|
|
6112
|
+
"--ui-color-bg-fill-all-colors-magenta": "rgb(209, 46, 120)",
|
|
6113
|
+
"--ui-color-bg-fill-all-colors-rose": "rgb(201, 26, 64)",
|
|
6114
|
+
"--ui-color-bg-surface-all-colors-azure": "rgb(8, 89, 128)",
|
|
6115
|
+
"--ui-color-bg-surface-all-colors-blue": "rgb(36, 59, 128)",
|
|
6116
|
+
"--ui-color-bg-surface-all-colors-violet": "rgb(66, 31, 128)",
|
|
6117
|
+
"--ui-color-bg-surface-all-colors-magenta": "rgb(128, 28, 74)",
|
|
6118
|
+
"--ui-color-bg-surface-all-colors-rose": "rgb(128, 15, 41)",
|
|
6119
|
+
"--ui-color-border-all-colors-red": "rgb(240, 69, 69)",
|
|
6120
|
+
"--ui-color-border-all-colors-orange": "rgb(250, 115, 23)",
|
|
6121
|
+
"--ui-color-border-all-colors-yellow": "rgb(235, 179, 8)",
|
|
6122
|
+
"--ui-color-border-all-colors-lime": "rgb(133, 204, 23)",
|
|
6123
|
+
"--ui-color-border-all-colors-green": "rgb(33, 196, 94)",
|
|
6124
|
+
"--ui-color-border-all-colors-cyan": "rgb(5, 181, 212)",
|
|
6125
|
+
"--ui-color-border-all-colors-azure": "rgb(13, 166, 232)",
|
|
6126
|
+
"--ui-color-border-all-colors-blue": "rgb(54, 89, 194)",
|
|
6127
|
+
"--ui-color-border-all-colors-violet": "rgb(125, 59, 237)",
|
|
6128
|
+
"--ui-color-border-all-colors-magenta": "rgb(235, 51, 135)",
|
|
6129
|
+
"--ui-color-border-all-colors-rose": "rgb(224, 28, 71)",
|
|
6130
|
+
"--ui-Positive-space_0": "0",
|
|
6131
|
+
"--ui-Positive-space_2": "2px",
|
|
6132
|
+
"--ui-Positive-space_4": "4px",
|
|
6133
|
+
"--ui-Positive-space_6": "6px",
|
|
6134
|
+
"--ui-Positive-space_8": "8px",
|
|
6135
|
+
"--ui-Positive-space_10": "10px",
|
|
6136
|
+
"--ui-Positive-space_12": "12px",
|
|
6137
|
+
"--ui-Positive-space_16": "16px",
|
|
6138
|
+
"--ui-Positive-space_20": "20px",
|
|
6139
|
+
"--ui-Positive-space_24": "24px",
|
|
6140
|
+
"--ui-Positive-space_28": "28px",
|
|
6141
|
+
"--ui-Positive-space_32": "32px",
|
|
6142
|
+
"--ui-Positive-space_40": "40px",
|
|
6143
|
+
"--ui-Positive-space_48": "48px",
|
|
6144
|
+
"--ui-Positive-space_56": "56px",
|
|
6145
|
+
"--ui-Positive-space_64": "64px",
|
|
6146
|
+
"--ui-Positive-space_80": "80px",
|
|
6147
|
+
"--ui-Positive-space_96": "96px",
|
|
6148
|
+
"--ui-Negative-space_0": "0",
|
|
6149
|
+
"--ui-Negative-space_2": "-2px",
|
|
6150
|
+
"--ui-Negative-space_4": "-4px",
|
|
6151
|
+
"--ui-Negative-space_6": "-6px",
|
|
6152
|
+
"--ui-Negative-space_8": "-8px",
|
|
6153
|
+
"--ui-Negative-space_10": "-10px",
|
|
6154
|
+
"--ui-Negative-space_12": "-12px",
|
|
6155
|
+
"--ui-Negative-space_16": "-16px",
|
|
6156
|
+
"--ui-Negative-space_20": "-20px",
|
|
6157
|
+
"--ui-Negative-space_24": "-24px",
|
|
6158
|
+
"--ui-Negative-space_28": "-28px",
|
|
6159
|
+
"--ui-Negative-space_32": "-32px",
|
|
6160
|
+
"--ui-Negative-space_40": "-40px",
|
|
6161
|
+
"--ui-Negative-space_48": "-48px",
|
|
6162
|
+
"--ui-Negative-space_56": "-56px",
|
|
6163
|
+
"--ui-Negative-space_64": "-64px",
|
|
6164
|
+
"--ui-Negative-space_80": "-80px",
|
|
6165
|
+
"--ui-Negative-space_96": "-96px",
|
|
6166
|
+
"--ui-size-control-xxs": "20px",
|
|
6167
|
+
"--ui-size-control-xs": "32px",
|
|
6168
|
+
"--ui-size-control-sm": "36px",
|
|
6169
|
+
"--ui-size-control-md": "40px",
|
|
6170
|
+
"--ui-size-control-lg": "48px",
|
|
6171
|
+
"--ui-size-Icon-xs": "10px",
|
|
6172
|
+
"--ui-size-Icon-sm": "16px",
|
|
6173
|
+
"--ui-size-Icon-md": "20px",
|
|
6174
|
+
"--ui-size-Icon-lg": "24px",
|
|
6175
|
+
"--ui-size-Icon-xl": "32px",
|
|
6176
|
+
"--ui-size-avatar-xxs": "16px",
|
|
6177
|
+
"--ui-size-avatar-xs": "24px",
|
|
6178
|
+
"--ui-size-row-regular": "32px",
|
|
6179
|
+
"--ui-size-row-compact": "40px",
|
|
6180
|
+
"--ui-size-avatar-sm": "32px",
|
|
6181
|
+
"--ui-size-avatar-md": "40px",
|
|
6182
|
+
"--ui-size-avatar-lg": "48px",
|
|
6183
|
+
"--ui-size-avatar-xl": "64px",
|
|
6184
|
+
"--ui-size-Image-xs": "24px",
|
|
6185
|
+
"--ui-size-Image-sm": "40px",
|
|
6186
|
+
"--ui-size-Image-md": "64px",
|
|
6187
|
+
"--ui-size-Image-lg": "128px",
|
|
6188
|
+
"--ui-size-Image-full": "9999px",
|
|
6189
|
+
"--ui-width-0": "0",
|
|
6190
|
+
"--ui-width-1": "1px",
|
|
6191
|
+
"--ui-width-2": "2px",
|
|
6192
|
+
"--ui-radius_0": "0",
|
|
6193
|
+
"--ui-radius_2": "2px",
|
|
6194
|
+
"--ui-radius_4": "4px",
|
|
6195
|
+
"--ui-radius_6": "6px",
|
|
6196
|
+
"--ui-radius_8": "8px",
|
|
6197
|
+
"--ui-radius_10": "10px",
|
|
6198
|
+
"--ui-radius_12": "12px",
|
|
6199
|
+
"--ui-radius_16": "16px",
|
|
6200
|
+
"--ui-radius_24": "24px",
|
|
6201
|
+
"--ui-radius_full": "9999px",
|
|
6202
|
+
"--ui-radius-control-na": "0",
|
|
6203
|
+
"--ui-radius-control-xs": "6px",
|
|
6204
|
+
"--ui-radius-control-sm": "8px",
|
|
6205
|
+
"--ui-radius-control-md": "8px",
|
|
6206
|
+
"--ui-radius-control-lg": "10px",
|
|
6207
|
+
"--ui-radius-control-pill": "9999px",
|
|
6208
|
+
"--ui-radius-surface-cuadrado": "0",
|
|
6209
|
+
"--ui-radius-surface-forms": "2px",
|
|
6210
|
+
"--ui-radius-surface-card": "12px",
|
|
6211
|
+
"--ui-radius-surface-modal": "16px",
|
|
6212
|
+
"--ui-radius-surface-sheet": "16px",
|
|
6213
|
+
"--ui-radius-surface-popover": "8px",
|
|
6214
|
+
"--ui-radius-surface-tooltip": "6px",
|
|
6215
|
+
"--ui-radius-image-na": "0",
|
|
6216
|
+
"--ui-radius-image-sm": "8px",
|
|
6217
|
+
"--ui-radius-image-md": "16px",
|
|
6218
|
+
"--ui-radius-image-pill": "9999px",
|
|
6219
|
+
"--ui-shadow-01-Color": "rgba(0, 0, 0, 0.4)",
|
|
6220
|
+
"--ui-shadow-02-Color": "rgba(0, 0, 0, 0.5)",
|
|
6221
|
+
"--ui-shadow-03-Color": "rgba(0, 0, 0, 0.5)",
|
|
6222
|
+
"--ui-shadow-04-Color": "rgba(0, 0, 0, 0.6)",
|
|
6223
|
+
"--ui-shadow-05-Color": "rgba(0, 0, 0, 0.6)",
|
|
6224
|
+
"--ui-Layer-App-header": "300px",
|
|
6225
|
+
"--ui-Layer-nav-dropdown": "400px",
|
|
6226
|
+
"--ui-Layer-surface-popover": "500px",
|
|
6227
|
+
"--ui-Layer-surface-tooltip": "600px",
|
|
6228
|
+
"--ui-Layer-dialog-backdrop": "690px",
|
|
6229
|
+
"--ui-Layer-dialog-modal": "700px",
|
|
6230
|
+
"--ui-Layer-feedback-toast": "800px",
|
|
6231
|
+
"--ui-Layer-system-overlay": "900px",
|
|
6232
|
+
"--ui-color-blue-50-legacy": "#ebeef9",
|
|
6233
|
+
"--ui-color-blue-100-legacy": "#c1cbec",
|
|
6234
|
+
"--ui-color-blue-200-legacy": "#a3b2e2",
|
|
6235
|
+
"--ui-color-blue-300-legacy": "#788fd5",
|
|
6236
|
+
"--ui-color-blue-400-legacy": "#5e79cd",
|
|
6237
|
+
"--ui-color-blue-500-legacy": "#3658c1",
|
|
6238
|
+
"--ui-color-blue-600-legacy": "#3150b0",
|
|
6239
|
+
"--ui-color-blue-700-legacy": "#263e89",
|
|
6240
|
+
"--ui-color-blue-800-legacy": "#1e306a",
|
|
6241
|
+
"--ui-color-blue-900-legacy": "#172551",
|
|
6242
|
+
"--ui-color-green-50-legacy": "#f0f9f0",
|
|
6243
|
+
"--ui-color-green-100-legacy": "#b1e0cc",
|
|
6244
|
+
"--ui-color-green-200-legacy": "#8bd1b3",
|
|
6245
|
+
"--ui-color-green-300-legacy": "#56bc90",
|
|
6246
|
+
"--ui-color-green-400-legacy": "#35af7a",
|
|
6247
|
+
"--ui-color-green-500-legacy": "#039b59",
|
|
6248
|
+
"--ui-color-green-600-legacy": "#038d51",
|
|
6249
|
+
"--ui-color-green-700-legacy": "#026e3f",
|
|
6250
|
+
"--ui-color-green-800-legacy": "#025531",
|
|
6251
|
+
"--ui-color-green-900-legacy": "#014125",
|
|
6252
|
+
"--ui-color-neutral-50-legacy": "#f0f0f0",
|
|
6253
|
+
"--ui-color-neutral-100-legacy": "#d1d1d1",
|
|
6254
|
+
"--ui-color-neutral-200-legacy": "#bbbbbb",
|
|
6255
|
+
"--ui-color-neutral-300-legacy": "#9c9c9c",
|
|
6256
|
+
"--ui-color-neutral-400-legacy": "#898989",
|
|
6257
|
+
"--ui-color-neutral-500-legacy": "#6b6b6b",
|
|
6258
|
+
"--ui-color-neutral-600-legacy": "#616161",
|
|
6259
|
+
"--ui-color-neutral-700-legacy": "#4c4c4c",
|
|
6260
|
+
"--ui-color-neutral-800-legacy": "#3b3b3b",
|
|
6261
|
+
"--ui-color-neutral-900-legacy": "#2d2d2d",
|
|
6262
|
+
"--ui-color-red-50-legacy": "#f9eae9",
|
|
6263
|
+
"--ui-color-red-100-legacy": "#edbeba",
|
|
6264
|
+
"--ui-color-red-200-legacy": "#e59f98",
|
|
6265
|
+
"--ui-color-red-300-legacy": "#d97369",
|
|
6266
|
+
"--ui-color-red-400-legacy": "#d1584c",
|
|
6267
|
+
"--ui-color-red-500-legacy": "#c62e1f",
|
|
6268
|
+
"--ui-color-red-600-legacy": "#b42a1c",
|
|
6269
|
+
"--ui-color-red-700-legacy": "#8d2116",
|
|
6270
|
+
"--ui-color-red-800-legacy": "#6d1911",
|
|
6271
|
+
"--ui-color-red-900-legacy": "#53130d",
|
|
6272
|
+
"--ui-color-orange-50-legacy": "#fcf3e9",
|
|
6273
|
+
"--ui-color-orange-100-legacy": "#f4daba",
|
|
6274
|
+
"--ui-color-orange-200-legacy": "#efc999",
|
|
6275
|
+
"--ui-color-orange-300-legacy": "#e8b06a",
|
|
6276
|
+
"--ui-color-orange-400-legacy": "#e3a14d",
|
|
6277
|
+
"--ui-color-orange-500-legacy": "#dc8921",
|
|
6278
|
+
"--ui-color-orange-600-legacy": "#c87d1e",
|
|
6279
|
+
"--ui-color-orange-700-legacy": "#9c6117",
|
|
6280
|
+
"--ui-color-orange-800-legacy": "#794b12",
|
|
6281
|
+
"--ui-color-orange-900-legacy": "#5c3a0e",
|
|
6282
|
+
"--ui-color-yellow-50-legacy": "#fcfbec",
|
|
6283
|
+
"--ui-color-yellow-100-legacy": "#f6f2c3",
|
|
6284
|
+
"--ui-color-yellow-200-legacy": "#f1eca6",
|
|
6285
|
+
"--ui-color-yellow-300-legacy": "#ebe47d",
|
|
6286
|
+
"--ui-color-yellow-400-legacy": "#e7de64",
|
|
6287
|
+
"--ui-color-yellow-500-legacy": "#e1d63d",
|
|
6288
|
+
"--ui-color-yellow-600-legacy": "#cdc338",
|
|
6289
|
+
"--ui-color-yellow-700-legacy": "#a0982b",
|
|
6290
|
+
"--ui-color-yellow-800-legacy": "#7c7622",
|
|
6291
|
+
"--ui-color-yellow-900-legacy": "#5f5a1a",
|
|
6292
|
+
"--ui-color-blue-dark-50-legacy": "#e8f0f5",
|
|
6293
|
+
"--ui-color-blue-dark-100-legacy": "#b8d0df",
|
|
6294
|
+
"--ui-color-blue-dark-200-legacy": "#96b9d0",
|
|
6295
|
+
"--ui-color-blue-dark-300-legacy": "#6698ba",
|
|
6296
|
+
"--ui-color-blue-dark-400-legacy": "#4985ad",
|
|
6297
|
+
"--ui-color-blue-dark-500-legacy": "#1b6698",
|
|
6298
|
+
"--ui-color-blue-dark-600-legacy": "#195d8a",
|
|
6299
|
+
"--ui-color-blue-dark-700-legacy": "#13486c",
|
|
6300
|
+
"--ui-color-blue-dark-800-legacy": "#0f3854",
|
|
6301
|
+
"--ui-color-blue-dark-900-legacy": "#0b2b40",
|
|
6302
|
+
"--ui-color-blue-light-50-legacy": "#e7f6fd",
|
|
6303
|
+
"--ui-color-blue-light-100-legacy": "#b4e3f8",
|
|
6304
|
+
"--ui-color-blue-light-200-legacy": "#90d6f5",
|
|
6305
|
+
"--ui-color-blue-light-300-legacy": "#5ec3f0",
|
|
6306
|
+
"--ui-color-blue-light-400-legacy": "#3eb7ed",
|
|
6307
|
+
"--ui-color-blue-light-500-legacy": "#0ea5e9",
|
|
6308
|
+
"--ui-color-blue-light-600-legacy": "#0d96d4",
|
|
6309
|
+
"--ui-color-blue-light-700-legacy": "#0a75a5",
|
|
6310
|
+
"--ui-color-blue-light-800-legacy": "#085b80",
|
|
6311
|
+
"--ui-color-blue-light-900-legacy": "#064562",
|
|
6312
|
+
"--ui-color-gray-50-legacy": "#f9fafb",
|
|
6313
|
+
"--ui-color-gray-100-legacy": "#f3f4f6",
|
|
6314
|
+
"--ui-color-gray-200-legacy": "#e5e7eb",
|
|
6315
|
+
"--ui-color-gray-300-legacy": "#d1d5db",
|
|
6316
|
+
"--ui-color-gray-400-legacy": "#9ca3af",
|
|
6317
|
+
"--ui-color-gray-500-legacy": "#6b7280",
|
|
6318
|
+
"--ui-color-gray-600-legacy": "#4b5563",
|
|
6319
|
+
"--ui-color-gray-700-legacy": "#374151",
|
|
6320
|
+
"--ui-color-gray-800-legacy": "#1f2937",
|
|
6321
|
+
"--ui-color-gray-900-legacy": "#111827",
|
|
6322
|
+
"--ui-color-alert-info-bg": "#1a2338",
|
|
6323
|
+
"--ui-color-alert-info-border": "rgb(54, 89, 194)",
|
|
6324
|
+
"--ui-color-alert-info-text": "rgb(184, 196, 237)",
|
|
6325
|
+
"--ui-color-alert-info-icon": "rgb(140, 161, 222)",
|
|
6326
|
+
"--ui-color-alert-success-bg": "#14261c",
|
|
6327
|
+
"--ui-color-alert-success-border": "rgb(33, 196, 94)",
|
|
6328
|
+
"--ui-color-alert-success-text": "rgb(130, 224, 166)",
|
|
6329
|
+
"--ui-color-alert-success-icon": "rgb(84, 212, 130)",
|
|
6330
|
+
"--ui-color-alert-danger-bg": "#2a1818",
|
|
6331
|
+
"--ui-color-alert-danger-border": "rgb(240, 69, 69)",
|
|
6332
|
+
"--ui-color-alert-danger-text": "rgb(245, 148, 148)",
|
|
6333
|
+
"--ui-color-alert-danger-icon": "rgb(242, 107, 107)",
|
|
6334
|
+
"--ui-color-alert-warning-bg": "#2a2414",
|
|
6335
|
+
"--ui-color-alert-warning-border": "rgb(235, 179, 8)",
|
|
6336
|
+
"--ui-color-alert-warning-text": "rgb(242, 214, 117)",
|
|
6337
|
+
"--ui-color-alert-warning-icon": "rgb(240, 196, 64)",
|
|
6338
|
+
"--ui-color-icon-on-canvas-inverse": "rgb(77, 79, 84)",
|
|
6339
|
+
"--ui-bg-base": "rgb(31, 31, 33)",
|
|
6340
|
+
"--ui-text-primary": "rgb(240, 242, 242)",
|
|
6341
|
+
"--ui-text-secondary": "rgb(199, 199, 204)",
|
|
6342
|
+
"--ui-border-default": "rgb(77, 79, 84)"
|
|
6343
|
+
}
|
|
3059
6344
|
}
|
|
3060
6345
|
}
|