@wizleap-inc/wiz-ui-next 2.10.0 → 2.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/base/inputs/search-input/search-input.vue.d.ts +465 -29
  2. package/dist/components/base/inputs/search-input/search-popup.vue.d.ts +233 -13
  3. package/dist/components/base/inputs/search-input/types.d.ts +6 -2
  4. package/dist/components/base/inputs/timepicker/time-picker.vue.d.ts +1 -0
  5. package/dist/components/base/tag/tag.vue.d.ts +126 -5
  6. package/dist/components/custom/chat/card/chat-card.vue.d.ts +126 -5
  7. package/dist/components/custom/form/control.vue.d.ts +126 -5
  8. package/dist/style.css +1 -1
  9. package/dist/wiz-ui.es.js +2660 -2542
  10. package/dist/wiz-ui.umd.js +16 -16
  11. package/package.json +2 -2
package/dist/components/base/inputs/search-input/search-input.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as styles from "@wizleap-inc/wiz-ui-styles/bases/search-input.css";
1
2
  import { PropType } from "vue";
2
3
  import { TIcon } from '../../../../components/icons';
3
4
  import { SearchInputOption } from "./types";
@@ -61,6 +62,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
61
62
  filteredOptions: import("vue").Ref<{
62
63
  label: string;
63
64
  value: number;
65
+ tag?: {
66
+ label: string;
67
+ } | undefined;
64
68
  children: any[];
65
69
  }[]>;
66
70
  selectedItem: import("vue").Ref<number[]>;
@@ -75,22 +79,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
75
79
  onMouseover: (value: number) => void;
76
80
  filterOptions: (match: (label: string) => boolean) => (options: SearchInputOption[]) => SearchInputOption[];
77
81
  searchBy: (keyword: string) => (str: string) => boolean;
78
- readonly searchBlockBorderRadiusStyle: string;
79
- readonly searchBlockBorderStyle: string;
80
- readonly searchBlockStyle: string;
81
- readonly searchCheckboxBlockCheckedStyle: string;
82
- readonly searchCheckboxIconStyle: string;
83
- readonly searchCheckboxInputStyle: string;
84
- readonly searchCheckboxLabelCheckedStyle: string;
85
- readonly searchCheckboxLabelStyle: string;
86
- readonly searchDropdownCheckboxItemStyle: string;
87
- readonly searchDropdownItemStyle: string;
88
- readonly searchDropdownLabelStyle: string;
89
- readonly searchDropdownSelectingItemStyle: string;
90
- readonly searchInputDisabledStyle: string;
91
- readonly searchInputIconStyle: string;
92
- readonly searchInputStyle: string;
93
- readonly searchStyle: string;
82
+ readonly styles: typeof styles;
94
83
  readonly inputBorderStyle: Record<"default" | "active" | "error", string>;
95
84
  readonly WizDivider: import("vue").DefineComponent<{
96
85
  color: {
@@ -878,6 +867,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
878
867
  scrollItems: import("vue").Ref<{
879
868
  label: string;
880
869
  value: number;
870
+ tag?: {
871
+ label: string;
872
+ } | undefined;
881
873
  children: any[];
882
874
  }[]>;
883
875
  onScroll: (parentOrder: number) => void;
@@ -885,19 +877,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
885
877
  computedPopupWidth: import("vue").ComputedRef<string | undefined>;
886
878
  computedIconColor: import("vue").ComputedRef<(value: number) => "green.800" | "gray.500">;
887
879
  onMouseover: (value: number, options: SearchInputOption[]) => void;
888
- readonly searchCheckboxBlockCheckedStyle: string;
889
- readonly searchCheckboxIconStyle: string;
890
- readonly searchCheckboxInputStyle: string;
891
- readonly searchCheckboxLabelCheckedStyle: string;
892
- readonly searchCheckboxLabelStyle: string;
893
- readonly searchDropdownCheckboxItemStyle: string;
894
- readonly searchDropdownLabelStyle: string;
895
- readonly searchDropdownSelectingItemStyle: string;
896
- readonly searchPopupBlockBorderRadiusStyle: string;
897
- readonly searchPopupBlockBorderRightStyle: string;
898
- readonly searchPopupBlockStyle: string;
899
- readonly searchPopupDropdownItemStyle: string;
900
- readonly searchPopupStyle: string;
880
+ readonly styles: typeof styles;
901
881
  readonly WizDivider: import("vue").DefineComponent<{
902
882
  color: {
903
883
  type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
@@ -1484,6 +1464,234 @@ declare const _sfc_main: import("vue").DefineComponent<{
1484
1464
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1485
1465
  onMouseover?: ((...args: any[]) => any) | undefined;
1486
1466
  }, {}>;
1467
+ readonly WizTag: import("vue").DefineComponent<{
1468
+ label: {
1469
+ type: StringConstructor;
1470
+ required: true;
1471
+ };
1472
+ icon: {
1473
+ type: PropType<TIcon>;
1474
+ required: false;
1475
+ };
1476
+ variant: {
1477
+ type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
1478
+ required: false;
1479
+ default: string;
1480
+ };
1481
+ fontSize: {
1482
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1483
+ required: false;
1484
+ default: string;
1485
+ };
1486
+ fontWeight: {
1487
+ type: PropType<"bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold">;
1488
+ required: false;
1489
+ default: string;
1490
+ };
1491
+ round: {
1492
+ type: BooleanConstructor;
1493
+ required: false;
1494
+ default: boolean;
1495
+ };
1496
+ width: {
1497
+ type: StringConstructor;
1498
+ required: false;
1499
+ };
1500
+ }, {
1501
+ readonly THEME: {
1502
+ readonly color: {
1503
+ gradient: string;
1504
+ transparent: string;
1505
+ green: {
1506
+ "300": string;
1507
+ "400": string;
1508
+ "500": string;
1509
+ "600": string;
1510
+ "700": string;
1511
+ "800": string;
1512
+ };
1513
+ blue: {
1514
+ "300": string;
1515
+ "400": string;
1516
+ "500": string;
1517
+ "600": string;
1518
+ "700": string;
1519
+ "800": string;
1520
+ };
1521
+ red: {
1522
+ "300": string;
1523
+ "400": string;
1524
+ "500": string;
1525
+ "600": string;
1526
+ "700": string;
1527
+ "800": string;
1528
+ };
1529
+ yellow: {
1530
+ "300": string;
1531
+ "400": string;
1532
+ "500": string;
1533
+ "600": string;
1534
+ "700": string;
1535
+ "800": string;
1536
+ };
1537
+ gray: {
1538
+ "200": string;
1539
+ "300": string;
1540
+ "400": string;
1541
+ "500": string;
1542
+ "600": string;
1543
+ "700": string;
1544
+ "800": string;
1545
+ "900": string;
1546
+ };
1547
+ white: {
1548
+ "500": string;
1549
+ "800": string;
1550
+ };
1551
+ };
1552
+ readonly spacing: {
1553
+ readonly no: "0";
1554
+ readonly xs2: "0.25rem";
1555
+ readonly xs: "0.5rem";
1556
+ readonly sm: "0.75rem";
1557
+ readonly md: "1rem";
1558
+ readonly lg: "1.25rem";
1559
+ readonly xl: "1.5rem";
1560
+ readonly xl2: "2rem";
1561
+ readonly xl3: "2.5rem";
1562
+ readonly xl4: "3rem";
1563
+ readonly max: "9999px";
1564
+ readonly at: "auto";
1565
+ };
1566
+ readonly fontSize: {
1567
+ readonly xs3: "0.5rem";
1568
+ readonly xs2: "0.625rem";
1569
+ readonly xs: "0.75rem";
1570
+ readonly sm: "0.875rem";
1571
+ readonly md: "1rem";
1572
+ readonly lg: "1.125rem";
1573
+ readonly xl: "1.25rem";
1574
+ readonly xl2: "1.5rem";
1575
+ readonly xl3: "1.75rem";
1576
+ readonly xl4: "2rem";
1577
+ readonly xl5: "2.25rem";
1578
+ readonly xl6: "2.5rem";
1579
+ };
1580
+ readonly fontWeight: {
1581
+ readonly thin: 100;
1582
+ readonly extralight: 200;
1583
+ readonly light: 300;
1584
+ readonly normal: 400;
1585
+ readonly medium: 500;
1586
+ readonly semibold: 600;
1587
+ readonly bold: 700;
1588
+ };
1589
+ readonly breakpoint: {
1590
+ readonly sm: "576px";
1591
+ readonly md: "768px";
1592
+ readonly lg: "992px";
1593
+ readonly xl: "1200px";
1594
+ };
1595
+ readonly shadow: {
1596
+ none: string;
1597
+ sm: string;
1598
+ md: string;
1599
+ };
1600
+ readonly zIndex: {
1601
+ readonly base: "0";
1602
+ readonly floating: "1000";
1603
+ readonly dialog: "2000";
1604
+ readonly popover: "3000";
1605
+ readonly overlay: "4000";
1606
+ };
1607
+ readonly share: {
1608
+ HEADER_HEIGHT: string;
1609
+ };
1610
+ };
1611
+ readonly tagColorStyle: Record<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill", string>;
1612
+ readonly tagIconColorStyle: Record<string, import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
1613
+ readonly tagStyle: string;
1614
+ readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1615
+ readonly fontWeightStyle: Record<"bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold", string>;
1616
+ readonly WizIcon: import("vue").DefineComponent<{
1617
+ icon: {
1618
+ type: PropType<TIcon>;
1619
+ required: true;
1620
+ };
1621
+ color: {
1622
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
1623
+ required: false;
1624
+ default: string;
1625
+ };
1626
+ size: {
1627
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1628
+ required: false;
1629
+ default: string;
1630
+ };
1631
+ }, {
1632
+ readonly iconStyle: string;
1633
+ readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1634
+ readonly iconDefaultStyle: string;
1635
+ readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
1636
+ readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1637
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1638
+ icon: {
1639
+ type: PropType<TIcon>;
1640
+ required: true;
1641
+ };
1642
+ color: {
1643
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
1644
+ required: false;
1645
+ default: string;
1646
+ };
1647
+ size: {
1648
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1649
+ required: false;
1650
+ default: string;
1651
+ };
1652
+ }>>, {
1653
+ color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
1654
+ size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
1655
+ }>;
1656
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1657
+ label: {
1658
+ type: StringConstructor;
1659
+ required: true;
1660
+ };
1661
+ icon: {
1662
+ type: PropType<TIcon>;
1663
+ required: false;
1664
+ };
1665
+ variant: {
1666
+ type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
1667
+ required: false;
1668
+ default: string;
1669
+ };
1670
+ fontSize: {
1671
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1672
+ required: false;
1673
+ default: string;
1674
+ };
1675
+ fontWeight: {
1676
+ type: PropType<"bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold">;
1677
+ required: false;
1678
+ default: string;
1679
+ };
1680
+ round: {
1681
+ type: BooleanConstructor;
1682
+ required: false;
1683
+ default: boolean;
1684
+ };
1685
+ width: {
1686
+ type: StringConstructor;
1687
+ required: false;
1688
+ };
1689
+ }>>, {
1690
+ fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
1691
+ fontWeight: "bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold";
1692
+ round: boolean;
1693
+ variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
1694
+ }>;
1487
1695
  readonly WizICheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1488
1696
  readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1489
1697
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "mouseover")[], "update:modelValue" | "mouseover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -1507,6 +1715,234 @@ declare const _sfc_main: import("vue").DefineComponent<{
1507
1715
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
1508
1716
  onMouseover?: ((...args: any[]) => any) | undefined;
1509
1717
  }, {}>;
1718
+ readonly WizTag: import("vue").DefineComponent<{
1719
+ label: {
1720
+ type: StringConstructor;
1721
+ required: true;
1722
+ };
1723
+ icon: {
1724
+ type: PropType<TIcon>;
1725
+ required: false;
1726
+ };
1727
+ variant: {
1728
+ type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
1729
+ required: false;
1730
+ default: string;
1731
+ };
1732
+ fontSize: {
1733
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1734
+ required: false;
1735
+ default: string;
1736
+ };
1737
+ fontWeight: {
1738
+ type: PropType<"bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold">;
1739
+ required: false;
1740
+ default: string;
1741
+ };
1742
+ round: {
1743
+ type: BooleanConstructor;
1744
+ required: false;
1745
+ default: boolean;
1746
+ };
1747
+ width: {
1748
+ type: StringConstructor;
1749
+ required: false;
1750
+ };
1751
+ }, {
1752
+ readonly THEME: {
1753
+ readonly color: {
1754
+ gradient: string;
1755
+ transparent: string;
1756
+ green: {
1757
+ "300": string;
1758
+ "400": string;
1759
+ "500": string;
1760
+ "600": string;
1761
+ "700": string;
1762
+ "800": string;
1763
+ };
1764
+ blue: {
1765
+ "300": string;
1766
+ "400": string;
1767
+ "500": string;
1768
+ "600": string;
1769
+ "700": string;
1770
+ "800": string;
1771
+ };
1772
+ red: {
1773
+ "300": string;
1774
+ "400": string;
1775
+ "500": string;
1776
+ "600": string;
1777
+ "700": string;
1778
+ "800": string;
1779
+ };
1780
+ yellow: {
1781
+ "300": string;
1782
+ "400": string;
1783
+ "500": string;
1784
+ "600": string;
1785
+ "700": string;
1786
+ "800": string;
1787
+ };
1788
+ gray: {
1789
+ "200": string;
1790
+ "300": string;
1791
+ "400": string;
1792
+ "500": string;
1793
+ "600": string;
1794
+ "700": string;
1795
+ "800": string;
1796
+ "900": string;
1797
+ };
1798
+ white: {
1799
+ "500": string;
1800
+ "800": string;
1801
+ };
1802
+ };
1803
+ readonly spacing: {
1804
+ readonly no: "0";
1805
+ readonly xs2: "0.25rem";
1806
+ readonly xs: "0.5rem";
1807
+ readonly sm: "0.75rem";
1808
+ readonly md: "1rem";
1809
+ readonly lg: "1.25rem";
1810
+ readonly xl: "1.5rem";
1811
+ readonly xl2: "2rem";
1812
+ readonly xl3: "2.5rem";
1813
+ readonly xl4: "3rem";
1814
+ readonly max: "9999px";
1815
+ readonly at: "auto";
1816
+ };
1817
+ readonly fontSize: {
1818
+ readonly xs3: "0.5rem";
1819
+ readonly xs2: "0.625rem";
1820
+ readonly xs: "0.75rem";
1821
+ readonly sm: "0.875rem";
1822
+ readonly md: "1rem";
1823
+ readonly lg: "1.125rem";
1824
+ readonly xl: "1.25rem";
1825
+ readonly xl2: "1.5rem";
1826
+ readonly xl3: "1.75rem";
1827
+ readonly xl4: "2rem";
1828
+ readonly xl5: "2.25rem";
1829
+ readonly xl6: "2.5rem";
1830
+ };
1831
+ readonly fontWeight: {
1832
+ readonly thin: 100;
1833
+ readonly extralight: 200;
1834
+ readonly light: 300;
1835
+ readonly normal: 400;
1836
+ readonly medium: 500;
1837
+ readonly semibold: 600;
1838
+ readonly bold: 700;
1839
+ };
1840
+ readonly breakpoint: {
1841
+ readonly sm: "576px";
1842
+ readonly md: "768px";
1843
+ readonly lg: "992px";
1844
+ readonly xl: "1200px";
1845
+ };
1846
+ readonly shadow: {
1847
+ none: string;
1848
+ sm: string;
1849
+ md: string;
1850
+ };
1851
+ readonly zIndex: {
1852
+ readonly base: "0";
1853
+ readonly floating: "1000";
1854
+ readonly dialog: "2000";
1855
+ readonly popover: "3000";
1856
+ readonly overlay: "4000";
1857
+ };
1858
+ readonly share: {
1859
+ HEADER_HEIGHT: string;
1860
+ };
1861
+ };
1862
+ readonly tagColorStyle: Record<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill", string>;
1863
+ readonly tagIconColorStyle: Record<string, import("@wizleap-inc/wiz-ui-constants").ColorKeys>;
1864
+ readonly tagStyle: string;
1865
+ readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1866
+ readonly fontWeightStyle: Record<"bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold", string>;
1867
+ readonly WizIcon: import("vue").DefineComponent<{
1868
+ icon: {
1869
+ type: PropType<TIcon>;
1870
+ required: true;
1871
+ };
1872
+ color: {
1873
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
1874
+ required: false;
1875
+ default: string;
1876
+ };
1877
+ size: {
1878
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1879
+ required: false;
1880
+ default: string;
1881
+ };
1882
+ }, {
1883
+ readonly iconStyle: string;
1884
+ readonly iconSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1885
+ readonly iconDefaultStyle: string;
1886
+ readonly fillStyle: Record<import("@wizleap-inc/wiz-ui-constants").ColorKeys, string>;
1887
+ readonly fontSizeStyle: Record<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6", string>;
1888
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1889
+ icon: {
1890
+ type: PropType<TIcon>;
1891
+ required: true;
1892
+ };
1893
+ color: {
1894
+ type: PropType<import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit">;
1895
+ required: false;
1896
+ default: string;
1897
+ };
1898
+ size: {
1899
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1900
+ required: false;
1901
+ default: string;
1902
+ };
1903
+ }>>, {
1904
+ color: import("@wizleap-inc/wiz-ui-constants").ColorKeys | "inherit";
1905
+ size: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
1906
+ }>;
1907
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
1908
+ label: {
1909
+ type: StringConstructor;
1910
+ required: true;
1911
+ };
1912
+ icon: {
1913
+ type: PropType<TIcon>;
1914
+ required: false;
1915
+ };
1916
+ variant: {
1917
+ type: PropType<"green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill">;
1918
+ required: false;
1919
+ default: string;
1920
+ };
1921
+ fontSize: {
1922
+ type: PropType<"xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6">;
1923
+ required: false;
1924
+ default: string;
1925
+ };
1926
+ fontWeight: {
1927
+ type: PropType<"bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold">;
1928
+ required: false;
1929
+ default: string;
1930
+ };
1931
+ round: {
1932
+ type: BooleanConstructor;
1933
+ required: false;
1934
+ default: boolean;
1935
+ };
1936
+ width: {
1937
+ type: StringConstructor;
1938
+ required: false;
1939
+ };
1940
+ }>>, {
1941
+ fontSize: "xs2" | "xs" | "sm" | "md" | "lg" | "xl" | "xl2" | "xl3" | "xl4" | "xs3" | "xl5" | "xl6";
1942
+ fontWeight: "bold" | "thin" | "extralight" | "light" | "normal" | "medium" | "semibold";
1943
+ round: boolean;
1944
+ variant: "green" | "blue" | "red" | "yellow" | "gray" | "white" | "info" | "mono" | "darkGray" | "greenFill";
1945
+ }>;
1510
1946
  readonly WizICheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1511
1947
  readonly WizIChevronRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1512
1948
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "click" | "update:modelValue")[], "toggle" | "click" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{