@genesislcap/foundation-ui 14.490.0 → 14.491.0-FUI-2567.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.
@@ -12,7 +12,7 @@
12
12
  "type": {
13
13
  "text": "object"
14
14
  },
15
- "default": "{\n foundationAccordion,\n foundationAiCriteriaSearch,\n foundationAiIndicator,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumb,\n foundationBreadcrumbItem,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCategorizedMultiselect,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBanner,\n foundationErrorBoundary,\n foundationErrorDialog,\n foundationFileReader,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationOptgroup,\n foundationPopper,\n foundationProgress,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationScheduler,\n foundationSchedulerCronBuilder,\n foundationSchedulerTimezone,\n foundationSearchBar,\n foundationSearchBarCombobox,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStackingIcons,\n foundationStatusPill,\n foundationEnvironmentIndicator,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationSystemHealthOverlay,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n foundationSectionNavigator,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
15
+ "default": "{\n foundationAccordion,\n foundationAiCriteriaSearch,\n foundationAiIndicator,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumb,\n foundationBreadcrumbItem,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCategorizedMultiselect,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBanner,\n foundationErrorBoundary,\n foundationErrorDialog,\n foundationFileReader,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationOptgroup,\n foundationPopper,\n foundationProgress,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationScheduler,\n foundationSchedulerCronBuilder,\n foundationSchedulerTimezone,\n foundationSearchBar,\n foundationSearchBarCombobox,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStackingIcons,\n foundationStatusPill,\n foundationEnvironmentIndicator,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationSystemHealthOverlay,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n foundationVerificationCodeInput,\n foundationSectionNavigator,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
16
16
  }
17
17
  ],
18
18
  "exports": [
@@ -859,6 +859,14 @@
859
859
  "name": "getPrefix",
860
860
  "module": "./utils/dom"
861
861
  }
862
+ },
863
+ {
864
+ "kind": "js",
865
+ "name": "*",
866
+ "declaration": {
867
+ "name": "*",
868
+ "package": "./verification-code-input"
869
+ }
862
870
  }
863
871
  ]
864
872
  },
@@ -1408,11 +1416,42 @@
1408
1416
  },
1409
1417
  {
1410
1418
  "kind": "javascript-module",
1411
- "path": "src/accordion/accordion.styles.ts",
1419
+ "path": "src/_config/index.ts",
1420
+ "declarations": [],
1421
+ "exports": [
1422
+ {
1423
+ "kind": "js",
1424
+ "name": "*",
1425
+ "declaration": {
1426
+ "name": "*",
1427
+ "package": "./styles"
1428
+ }
1429
+ },
1430
+ {
1431
+ "kind": "js",
1432
+ "name": "*",
1433
+ "declaration": {
1434
+ "name": "*",
1435
+ "package": "./tokens"
1436
+ }
1437
+ },
1438
+ {
1439
+ "kind": "js",
1440
+ "name": "*",
1441
+ "declaration": {
1442
+ "name": "*",
1443
+ "package": "./values"
1444
+ }
1445
+ }
1446
+ ]
1447
+ },
1448
+ {
1449
+ "kind": "javascript-module",
1450
+ "path": "src/accordion-item/accordion-item.styles.ts",
1412
1451
  "declarations": [
1413
1452
  {
1414
1453
  "kind": "function",
1415
- "name": "foundationAccordionStyles",
1454
+ "name": "foundationAccordionItemStyles",
1416
1455
  "return": {
1417
1456
  "type": {
1418
1457
  "text": "ElementStyles"
@@ -1437,24 +1476,24 @@
1437
1476
  "exports": [
1438
1477
  {
1439
1478
  "kind": "js",
1440
- "name": "foundationAccordionStyles",
1479
+ "name": "foundationAccordionItemStyles",
1441
1480
  "declaration": {
1442
- "name": "foundationAccordionStyles",
1443
- "module": "src/accordion/accordion.styles.ts"
1481
+ "name": "foundationAccordionItemStyles",
1482
+ "module": "src/accordion-item/accordion-item.styles.ts"
1444
1483
  }
1445
1484
  }
1446
1485
  ]
1447
1486
  },
1448
1487
  {
1449
1488
  "kind": "javascript-module",
1450
- "path": "src/accordion/accordion.template.ts",
1489
+ "path": "src/accordion-item/accordion-item.template.ts",
1451
1490
  "declarations": [
1452
1491
  {
1453
1492
  "kind": "function",
1454
- "name": "foundationAccordionTemplate",
1493
+ "name": "foundationAccordionItemTemplate",
1455
1494
  "return": {
1456
1495
  "type": {
1457
- "text": "ViewTemplate<Accordion>"
1496
+ "text": "ViewTemplate<AccordionItem>"
1458
1497
  }
1459
1498
  },
1460
1499
  "parameters": [
@@ -1476,237 +1515,116 @@
1476
1515
  "exports": [
1477
1516
  {
1478
1517
  "kind": "js",
1479
- "name": "foundationAccordionTemplate",
1518
+ "name": "foundationAccordionItemTemplate",
1480
1519
  "declaration": {
1481
- "name": "foundationAccordionTemplate",
1482
- "module": "src/accordion/accordion.template.ts"
1520
+ "name": "foundationAccordionItemTemplate",
1521
+ "module": "src/accordion-item/accordion-item.template.ts"
1483
1522
  }
1484
1523
  }
1485
1524
  ]
1486
1525
  },
1487
1526
  {
1488
1527
  "kind": "javascript-module",
1489
- "path": "src/accordion/accordion.ts",
1528
+ "path": "src/accordion-item/accordion-item.ts",
1490
1529
  "declarations": [
1491
1530
  {
1492
1531
  "kind": "class",
1493
1532
  "description": "",
1494
- "name": "Accordion",
1533
+ "name": "AccordionItem",
1495
1534
  "superclass": {
1496
- "name": "FASTAccordion",
1497
- "package": "@microsoft/fast-foundation"
1535
+ "name": "FASTAccordionItem",
1536
+ "package": "@microsoft/fast-components"
1498
1537
  },
1499
- "tagName": "%%prefix%%-accordion",
1538
+ "tagName": "%%prefix%%-accordion-item",
1500
1539
  "customElement": true,
1501
1540
  "attributes": [
1502
1541
  {
1503
- "name": "expand-mode",
1504
- "type": {
1505
- "text": "AccordionExpandMode"
1506
- },
1507
- "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1508
- "fieldName": "expandmode",
1509
- "inheritedFrom": {
1510
- "name": "Accordion",
1511
- "module": "src/accordion/accordion.ts"
1512
- }
1513
- }
1514
- ],
1515
- "members": [
1516
- {
1517
- "kind": "field",
1518
- "name": "expandmode",
1542
+ "name": "heading-level",
1519
1543
  "type": {
1520
- "text": "AccordionExpandMode"
1544
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1521
1545
  },
1522
- "privacy": "public",
1523
- "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1546
+ "default": "2",
1547
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1548
+ "fieldName": "headinglevel",
1524
1549
  "inheritedFrom": {
1525
- "name": "Accordion",
1526
- "module": "src/accordion/accordion.ts"
1550
+ "name": "AccordionItem",
1551
+ "module": "src/accordion-item/accordion-item.ts"
1527
1552
  }
1528
1553
  },
1529
1554
  {
1530
- "kind": "field",
1531
- "name": "activeid",
1532
1555
  "type": {
1533
- "text": "string | null"
1556
+ "text": "boolean"
1534
1557
  },
1535
- "privacy": "private",
1558
+ "default": "false",
1559
+ "description": "Expands or collapses the item.",
1560
+ "fieldName": "expanded",
1536
1561
  "inheritedFrom": {
1537
- "name": "Accordion",
1538
- "module": "src/accordion/accordion.ts"
1562
+ "name": "AccordionItem",
1563
+ "module": "src/accordion-item/accordion-item.ts"
1539
1564
  }
1540
1565
  },
1541
1566
  {
1542
- "kind": "field",
1543
- "name": "activeItemIndex",
1567
+ "name": "id",
1544
1568
  "type": {
1545
- "text": "number"
1569
+ "text": "string"
1546
1570
  },
1547
- "privacy": "private",
1548
- "default": "0",
1571
+ "description": "The item ID",
1572
+ "fieldName": "id",
1549
1573
  "inheritedFrom": {
1550
- "name": "Accordion",
1551
- "module": "src/accordion/accordion.ts"
1574
+ "name": "AccordionItem",
1575
+ "module": "src/accordion-item/accordion-item.ts"
1552
1576
  }
1553
- },
1577
+ }
1578
+ ],
1579
+ "members": [
1554
1580
  {
1555
1581
  "kind": "field",
1556
- "name": "accordionIds",
1582
+ "name": "headinglevel",
1557
1583
  "type": {
1558
- "text": "Array<string | null>"
1559
- },
1560
- "privacy": "private",
1561
- "inheritedFrom": {
1562
- "name": "Accordion",
1563
- "module": "src/accordion/accordion.ts"
1564
- }
1565
- },
1566
- {
1567
- "kind": "field",
1568
- "name": "change",
1569
- "privacy": "private",
1570
- "inheritedFrom": {
1571
- "name": "Accordion",
1572
- "module": "src/accordion/accordion.ts"
1573
- }
1574
- },
1575
- {
1576
- "kind": "method",
1577
- "name": "findExpandedItem",
1578
- "privacy": "private",
1579
- "return": {
1580
- "type": {
1581
- "text": "AccordionItem | null"
1582
- }
1584
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1583
1585
  },
1586
+ "privacy": "public",
1587
+ "default": "2",
1588
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1584
1589
  "inheritedFrom": {
1585
- "name": "Accordion",
1586
- "module": "src/accordion/accordion.ts"
1590
+ "name": "AccordionItem",
1591
+ "module": "src/accordion-item/accordion-item.ts"
1587
1592
  }
1588
1593
  },
1589
1594
  {
1590
1595
  "kind": "field",
1591
- "name": "setItems",
1592
- "privacy": "private",
1593
- "inheritedFrom": {
1594
- "name": "Accordion",
1595
- "module": "src/accordion/accordion.ts"
1596
- }
1597
- },
1598
- {
1599
- "kind": "method",
1600
- "name": "resetItems",
1601
- "privacy": "private",
1602
- "return": {
1603
- "type": {
1604
- "text": "void"
1605
- }
1596
+ "name": "expanded",
1597
+ "type": {
1598
+ "text": "boolean"
1606
1599
  },
1600
+ "privacy": "public",
1601
+ "default": "false",
1602
+ "description": "Expands or collapses the item.",
1607
1603
  "inheritedFrom": {
1608
- "name": "Accordion",
1609
- "module": "src/accordion/accordion.ts"
1610
- }
1611
- },
1612
- {
1613
- "kind": "field",
1614
- "name": "removeItemListeners",
1615
- "privacy": "private",
1616
- "inheritedFrom": {
1617
- "name": "Accordion",
1618
- "module": "src/accordion/accordion.ts"
1604
+ "name": "AccordionItem",
1605
+ "module": "src/accordion-item/accordion-item.ts"
1619
1606
  }
1620
1607
  },
1621
1608
  {
1622
1609
  "kind": "field",
1623
- "name": "activeItemChange",
1624
- "privacy": "private",
1625
- "inheritedFrom": {
1626
- "name": "Accordion",
1627
- "module": "src/accordion/accordion.ts"
1628
- }
1629
- },
1630
- {
1631
- "kind": "method",
1632
- "name": "getItemIds",
1633
- "privacy": "private",
1634
- "return": {
1635
- "type": {
1636
- "text": "Array<string | null>"
1637
- }
1638
- },
1639
- "inheritedFrom": {
1640
- "name": "Accordion",
1641
- "module": "src/accordion/accordion.ts"
1642
- }
1643
- },
1644
- {
1645
- "kind": "method",
1646
- "name": "isSingleExpandMode",
1647
- "privacy": "private",
1648
- "return": {
1649
- "type": {
1650
- "text": "boolean"
1651
- }
1610
+ "name": "id",
1611
+ "type": {
1612
+ "text": "string"
1652
1613
  },
1614
+ "privacy": "public",
1615
+ "description": "The item ID",
1653
1616
  "inheritedFrom": {
1654
- "name": "Accordion",
1655
- "module": "src/accordion/accordion.ts"
1656
- }
1657
- },
1658
- {
1659
- "kind": "field",
1660
- "name": "handleItemKeyDown",
1661
- "privacy": "private",
1662
- "inheritedFrom": {
1663
- "name": "Accordion",
1664
- "module": "src/accordion/accordion.ts"
1617
+ "name": "AccordionItem",
1618
+ "module": "src/accordion-item/accordion-item.ts"
1665
1619
  }
1666
1620
  },
1667
1621
  {
1668
1622
  "kind": "field",
1669
- "name": "handleItemFocus",
1670
- "privacy": "private",
1671
- "inheritedFrom": {
1672
- "name": "Accordion",
1673
- "module": "src/accordion/accordion.ts"
1674
- }
1675
- },
1676
- {
1677
- "kind": "method",
1678
- "name": "adjust",
1679
- "privacy": "private",
1680
- "return": {
1681
- "type": {
1682
- "text": "void"
1683
- }
1684
- },
1685
- "parameters": [
1686
- {
1687
- "name": "adjustment",
1688
- "type": {
1689
- "text": "number"
1690
- }
1691
- }
1692
- ],
1693
- "inheritedFrom": {
1694
- "name": "Accordion",
1695
- "module": "src/accordion/accordion.ts"
1696
- }
1697
- },
1698
- {
1699
- "kind": "method",
1700
- "name": "focusItem",
1623
+ "name": "change",
1701
1624
  "privacy": "private",
1702
- "return": {
1703
- "type": {
1704
- "text": "void"
1705
- }
1706
- },
1707
1625
  "inheritedFrom": {
1708
- "name": "Accordion",
1709
- "module": "src/accordion/accordion.ts"
1626
+ "name": "AccordionItem",
1627
+ "module": "src/accordion-item/accordion-item.ts"
1710
1628
  }
1711
1629
  },
1712
1630
  {
@@ -1823,18 +1741,18 @@
1823
1741
  ],
1824
1742
  "events": [
1825
1743
  {
1826
- "description": "Fires a custom 'change' event when the active item changes",
1744
+ "description": "Fires a custom 'change' event when the button is invoked",
1827
1745
  "name": "change",
1828
1746
  "inheritedFrom": {
1829
- "name": "Accordion",
1830
- "module": "src/accordion/accordion.ts"
1747
+ "name": "AccordionItem",
1748
+ "module": "src/accordion-item/accordion-item.ts"
1831
1749
  }
1832
1750
  }
1833
1751
  ]
1834
1752
  },
1835
1753
  {
1836
1754
  "kind": "variable",
1837
- "name": "foundationAccordionShadowOptions",
1755
+ "name": "foundationAccordionItemShadowOptions",
1838
1756
  "type": {
1839
1757
  "text": "ShadowRootInit"
1840
1758
  },
@@ -1842,88 +1760,57 @@
1842
1760
  },
1843
1761
  {
1844
1762
  "kind": "variable",
1845
- "name": "defaultAccordionConfig",
1763
+ "name": "defaultAccordionItemConfig",
1846
1764
  "type": {
1847
1765
  "text": "object"
1848
1766
  },
1849
- "default": "{}"
1767
+ "default": "{\n collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n}"
1850
1768
  },
1851
1769
  {
1852
1770
  "kind": "variable",
1853
- "name": "foundationAccordion",
1854
- "description": "The Foundation Accordion",
1771
+ "name": "foundationAccordionItem",
1772
+ "description": "The Foundation Accordion Item",
1855
1773
  "privacy": "public"
1856
1774
  }
1857
1775
  ],
1858
1776
  "exports": [
1859
1777
  {
1860
1778
  "kind": "js",
1861
- "name": "Accordion",
1862
- "declaration": {
1863
- "name": "Accordion",
1864
- "module": "src/accordion/accordion.ts"
1865
- }
1866
- },
1867
- {
1868
- "kind": "js",
1869
- "name": "foundationAccordionShadowOptions",
1870
- "declaration": {
1871
- "name": "foundationAccordionShadowOptions",
1872
- "module": "src/accordion/accordion.ts"
1873
- }
1874
- },
1875
- {
1876
- "kind": "js",
1877
- "name": "defaultAccordionConfig",
1779
+ "name": "AccordionItem",
1878
1780
  "declaration": {
1879
- "name": "defaultAccordionConfig",
1880
- "module": "src/accordion/accordion.ts"
1781
+ "name": "AccordionItem",
1782
+ "module": "src/accordion-item/accordion-item.ts"
1881
1783
  }
1882
1784
  },
1883
1785
  {
1884
1786
  "kind": "js",
1885
- "name": "foundationAccordion",
1886
- "declaration": {
1887
- "name": "foundationAccordion",
1888
- "module": "src/accordion/accordion.ts"
1889
- }
1890
- }
1891
- ]
1892
- },
1893
- {
1894
- "kind": "javascript-module",
1895
- "path": "src/accordion/index.ts",
1896
- "declarations": [],
1897
- "exports": [
1898
- {
1899
- "kind": "js",
1900
- "name": "*",
1787
+ "name": "foundationAccordionItemShadowOptions",
1901
1788
  "declaration": {
1902
- "name": "*",
1903
- "package": "./accordion.template"
1789
+ "name": "foundationAccordionItemShadowOptions",
1790
+ "module": "src/accordion-item/accordion-item.ts"
1904
1791
  }
1905
1792
  },
1906
1793
  {
1907
1794
  "kind": "js",
1908
- "name": "*",
1795
+ "name": "defaultAccordionItemConfig",
1909
1796
  "declaration": {
1910
- "name": "*",
1911
- "package": "./accordion.styles"
1797
+ "name": "defaultAccordionItemConfig",
1798
+ "module": "src/accordion-item/accordion-item.ts"
1912
1799
  }
1913
1800
  },
1914
1801
  {
1915
1802
  "kind": "js",
1916
- "name": "*",
1803
+ "name": "foundationAccordionItem",
1917
1804
  "declaration": {
1918
- "name": "*",
1919
- "package": "./accordion"
1805
+ "name": "foundationAccordionItem",
1806
+ "module": "src/accordion-item/accordion-item.ts"
1920
1807
  }
1921
1808
  }
1922
1809
  ]
1923
1810
  },
1924
1811
  {
1925
1812
  "kind": "javascript-module",
1926
- "path": "src/_config/index.ts",
1813
+ "path": "src/accordion-item/index.ts",
1927
1814
  "declarations": [],
1928
1815
  "exports": [
1929
1816
  {
@@ -1931,7 +1818,7 @@
1931
1818
  "name": "*",
1932
1819
  "declaration": {
1933
1820
  "name": "*",
1934
- "package": "./styles"
1821
+ "package": "./accordion-item.template"
1935
1822
  }
1936
1823
  },
1937
1824
  {
@@ -1939,7 +1826,7 @@
1939
1826
  "name": "*",
1940
1827
  "declaration": {
1941
1828
  "name": "*",
1942
- "package": "./tokens"
1829
+ "package": "./accordion-item.styles"
1943
1830
  }
1944
1831
  },
1945
1832
  {
@@ -1947,18 +1834,18 @@
1947
1834
  "name": "*",
1948
1835
  "declaration": {
1949
1836
  "name": "*",
1950
- "package": "./values"
1837
+ "package": "./accordion-item"
1951
1838
  }
1952
1839
  }
1953
1840
  ]
1954
1841
  },
1955
1842
  {
1956
1843
  "kind": "javascript-module",
1957
- "path": "src/accordion-item/accordion-item.styles.ts",
1844
+ "path": "src/accordion/accordion.styles.ts",
1958
1845
  "declarations": [
1959
1846
  {
1960
1847
  "kind": "function",
1961
- "name": "foundationAccordionItemStyles",
1848
+ "name": "foundationAccordionStyles",
1962
1849
  "return": {
1963
1850
  "type": {
1964
1851
  "text": "ElementStyles"
@@ -1983,24 +1870,24 @@
1983
1870
  "exports": [
1984
1871
  {
1985
1872
  "kind": "js",
1986
- "name": "foundationAccordionItemStyles",
1873
+ "name": "foundationAccordionStyles",
1987
1874
  "declaration": {
1988
- "name": "foundationAccordionItemStyles",
1989
- "module": "src/accordion-item/accordion-item.styles.ts"
1875
+ "name": "foundationAccordionStyles",
1876
+ "module": "src/accordion/accordion.styles.ts"
1990
1877
  }
1991
1878
  }
1992
1879
  ]
1993
1880
  },
1994
1881
  {
1995
1882
  "kind": "javascript-module",
1996
- "path": "src/accordion-item/accordion-item.template.ts",
1883
+ "path": "src/accordion/accordion.template.ts",
1997
1884
  "declarations": [
1998
1885
  {
1999
1886
  "kind": "function",
2000
- "name": "foundationAccordionItemTemplate",
1887
+ "name": "foundationAccordionTemplate",
2001
1888
  "return": {
2002
1889
  "type": {
2003
- "text": "ViewTemplate<AccordionItem>"
1890
+ "text": "ViewTemplate<Accordion>"
2004
1891
  }
2005
1892
  },
2006
1893
  "parameters": [
@@ -2022,116 +1909,237 @@
2022
1909
  "exports": [
2023
1910
  {
2024
1911
  "kind": "js",
2025
- "name": "foundationAccordionItemTemplate",
1912
+ "name": "foundationAccordionTemplate",
2026
1913
  "declaration": {
2027
- "name": "foundationAccordionItemTemplate",
2028
- "module": "src/accordion-item/accordion-item.template.ts"
1914
+ "name": "foundationAccordionTemplate",
1915
+ "module": "src/accordion/accordion.template.ts"
2029
1916
  }
2030
1917
  }
2031
1918
  ]
2032
1919
  },
2033
1920
  {
2034
1921
  "kind": "javascript-module",
2035
- "path": "src/accordion-item/accordion-item.ts",
1922
+ "path": "src/accordion/accordion.ts",
2036
1923
  "declarations": [
2037
1924
  {
2038
1925
  "kind": "class",
2039
1926
  "description": "",
2040
- "name": "AccordionItem",
1927
+ "name": "Accordion",
2041
1928
  "superclass": {
2042
- "name": "FASTAccordionItem",
2043
- "package": "@microsoft/fast-components"
1929
+ "name": "FASTAccordion",
1930
+ "package": "@microsoft/fast-foundation"
2044
1931
  },
2045
- "tagName": "%%prefix%%-accordion-item",
1932
+ "tagName": "%%prefix%%-accordion",
2046
1933
  "customElement": true,
2047
1934
  "attributes": [
2048
1935
  {
2049
- "name": "heading-level",
1936
+ "name": "expand-mode",
2050
1937
  "type": {
2051
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1938
+ "text": "AccordionExpandMode"
2052
1939
  },
2053
- "default": "2",
2054
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
2055
- "fieldName": "headinglevel",
1940
+ "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1941
+ "fieldName": "expandmode",
2056
1942
  "inheritedFrom": {
2057
- "name": "AccordionItem",
2058
- "module": "src/accordion-item/accordion-item.ts"
1943
+ "name": "Accordion",
1944
+ "module": "src/accordion/accordion.ts"
2059
1945
  }
2060
- },
1946
+ }
1947
+ ],
1948
+ "members": [
2061
1949
  {
1950
+ "kind": "field",
1951
+ "name": "expandmode",
2062
1952
  "type": {
2063
- "text": "boolean"
1953
+ "text": "AccordionExpandMode"
2064
1954
  },
2065
- "default": "false",
2066
- "description": "Expands or collapses the item.",
2067
- "fieldName": "expanded",
1955
+ "privacy": "public",
1956
+ "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
2068
1957
  "inheritedFrom": {
2069
- "name": "AccordionItem",
2070
- "module": "src/accordion-item/accordion-item.ts"
1958
+ "name": "Accordion",
1959
+ "module": "src/accordion/accordion.ts"
2071
1960
  }
2072
1961
  },
2073
1962
  {
2074
- "name": "id",
1963
+ "kind": "field",
1964
+ "name": "activeid",
2075
1965
  "type": {
2076
- "text": "string"
1966
+ "text": "string | null"
2077
1967
  },
2078
- "description": "The item ID",
2079
- "fieldName": "id",
1968
+ "privacy": "private",
2080
1969
  "inheritedFrom": {
2081
- "name": "AccordionItem",
2082
- "module": "src/accordion-item/accordion-item.ts"
1970
+ "name": "Accordion",
1971
+ "module": "src/accordion/accordion.ts"
2083
1972
  }
2084
- }
2085
- ],
2086
- "members": [
1973
+ },
2087
1974
  {
2088
1975
  "kind": "field",
2089
- "name": "headinglevel",
1976
+ "name": "activeItemIndex",
2090
1977
  "type": {
2091
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1978
+ "text": "number"
2092
1979
  },
2093
- "privacy": "public",
2094
- "default": "2",
2095
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1980
+ "privacy": "private",
1981
+ "default": "0",
2096
1982
  "inheritedFrom": {
2097
- "name": "AccordionItem",
2098
- "module": "src/accordion-item/accordion-item.ts"
1983
+ "name": "Accordion",
1984
+ "module": "src/accordion/accordion.ts"
2099
1985
  }
2100
1986
  },
2101
1987
  {
2102
1988
  "kind": "field",
2103
- "name": "expanded",
1989
+ "name": "accordionIds",
2104
1990
  "type": {
2105
- "text": "boolean"
1991
+ "text": "Array<string | null>"
2106
1992
  },
2107
- "privacy": "public",
2108
- "default": "false",
2109
- "description": "Expands or collapses the item.",
1993
+ "privacy": "private",
2110
1994
  "inheritedFrom": {
2111
- "name": "AccordionItem",
2112
- "module": "src/accordion-item/accordion-item.ts"
1995
+ "name": "Accordion",
1996
+ "module": "src/accordion/accordion.ts"
2113
1997
  }
2114
1998
  },
2115
1999
  {
2116
2000
  "kind": "field",
2117
- "name": "id",
2118
- "type": {
2119
- "text": "string"
2001
+ "name": "change",
2002
+ "privacy": "private",
2003
+ "inheritedFrom": {
2004
+ "name": "Accordion",
2005
+ "module": "src/accordion/accordion.ts"
2006
+ }
2007
+ },
2008
+ {
2009
+ "kind": "method",
2010
+ "name": "findExpandedItem",
2011
+ "privacy": "private",
2012
+ "return": {
2013
+ "type": {
2014
+ "text": "AccordionItem | null"
2015
+ }
2120
2016
  },
2121
- "privacy": "public",
2122
- "description": "The item ID",
2123
2017
  "inheritedFrom": {
2124
- "name": "AccordionItem",
2125
- "module": "src/accordion-item/accordion-item.ts"
2018
+ "name": "Accordion",
2019
+ "module": "src/accordion/accordion.ts"
2126
2020
  }
2127
2021
  },
2128
2022
  {
2129
2023
  "kind": "field",
2130
- "name": "change",
2024
+ "name": "setItems",
2131
2025
  "privacy": "private",
2132
2026
  "inheritedFrom": {
2133
- "name": "AccordionItem",
2134
- "module": "src/accordion-item/accordion-item.ts"
2027
+ "name": "Accordion",
2028
+ "module": "src/accordion/accordion.ts"
2029
+ }
2030
+ },
2031
+ {
2032
+ "kind": "method",
2033
+ "name": "resetItems",
2034
+ "privacy": "private",
2035
+ "return": {
2036
+ "type": {
2037
+ "text": "void"
2038
+ }
2039
+ },
2040
+ "inheritedFrom": {
2041
+ "name": "Accordion",
2042
+ "module": "src/accordion/accordion.ts"
2043
+ }
2044
+ },
2045
+ {
2046
+ "kind": "field",
2047
+ "name": "removeItemListeners",
2048
+ "privacy": "private",
2049
+ "inheritedFrom": {
2050
+ "name": "Accordion",
2051
+ "module": "src/accordion/accordion.ts"
2052
+ }
2053
+ },
2054
+ {
2055
+ "kind": "field",
2056
+ "name": "activeItemChange",
2057
+ "privacy": "private",
2058
+ "inheritedFrom": {
2059
+ "name": "Accordion",
2060
+ "module": "src/accordion/accordion.ts"
2061
+ }
2062
+ },
2063
+ {
2064
+ "kind": "method",
2065
+ "name": "getItemIds",
2066
+ "privacy": "private",
2067
+ "return": {
2068
+ "type": {
2069
+ "text": "Array<string | null>"
2070
+ }
2071
+ },
2072
+ "inheritedFrom": {
2073
+ "name": "Accordion",
2074
+ "module": "src/accordion/accordion.ts"
2075
+ }
2076
+ },
2077
+ {
2078
+ "kind": "method",
2079
+ "name": "isSingleExpandMode",
2080
+ "privacy": "private",
2081
+ "return": {
2082
+ "type": {
2083
+ "text": "boolean"
2084
+ }
2085
+ },
2086
+ "inheritedFrom": {
2087
+ "name": "Accordion",
2088
+ "module": "src/accordion/accordion.ts"
2089
+ }
2090
+ },
2091
+ {
2092
+ "kind": "field",
2093
+ "name": "handleItemKeyDown",
2094
+ "privacy": "private",
2095
+ "inheritedFrom": {
2096
+ "name": "Accordion",
2097
+ "module": "src/accordion/accordion.ts"
2098
+ }
2099
+ },
2100
+ {
2101
+ "kind": "field",
2102
+ "name": "handleItemFocus",
2103
+ "privacy": "private",
2104
+ "inheritedFrom": {
2105
+ "name": "Accordion",
2106
+ "module": "src/accordion/accordion.ts"
2107
+ }
2108
+ },
2109
+ {
2110
+ "kind": "method",
2111
+ "name": "adjust",
2112
+ "privacy": "private",
2113
+ "return": {
2114
+ "type": {
2115
+ "text": "void"
2116
+ }
2117
+ },
2118
+ "parameters": [
2119
+ {
2120
+ "name": "adjustment",
2121
+ "type": {
2122
+ "text": "number"
2123
+ }
2124
+ }
2125
+ ],
2126
+ "inheritedFrom": {
2127
+ "name": "Accordion",
2128
+ "module": "src/accordion/accordion.ts"
2129
+ }
2130
+ },
2131
+ {
2132
+ "kind": "method",
2133
+ "name": "focusItem",
2134
+ "privacy": "private",
2135
+ "return": {
2136
+ "type": {
2137
+ "text": "void"
2138
+ }
2139
+ },
2140
+ "inheritedFrom": {
2141
+ "name": "Accordion",
2142
+ "module": "src/accordion/accordion.ts"
2135
2143
  }
2136
2144
  },
2137
2145
  {
@@ -2248,18 +2256,18 @@
2248
2256
  ],
2249
2257
  "events": [
2250
2258
  {
2251
- "description": "Fires a custom 'change' event when the button is invoked",
2259
+ "description": "Fires a custom 'change' event when the active item changes",
2252
2260
  "name": "change",
2253
2261
  "inheritedFrom": {
2254
- "name": "AccordionItem",
2255
- "module": "src/accordion-item/accordion-item.ts"
2262
+ "name": "Accordion",
2263
+ "module": "src/accordion/accordion.ts"
2256
2264
  }
2257
2265
  }
2258
2266
  ]
2259
2267
  },
2260
2268
  {
2261
2269
  "kind": "variable",
2262
- "name": "foundationAccordionItemShadowOptions",
2270
+ "name": "foundationAccordionShadowOptions",
2263
2271
  "type": {
2264
2272
  "text": "ShadowRootInit"
2265
2273
  },
@@ -2267,57 +2275,57 @@
2267
2275
  },
2268
2276
  {
2269
2277
  "kind": "variable",
2270
- "name": "defaultAccordionItemConfig",
2278
+ "name": "defaultAccordionConfig",
2271
2279
  "type": {
2272
2280
  "text": "object"
2273
2281
  },
2274
- "default": "{\n collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n}"
2282
+ "default": "{}"
2275
2283
  },
2276
2284
  {
2277
2285
  "kind": "variable",
2278
- "name": "foundationAccordionItem",
2279
- "description": "The Foundation Accordion Item",
2286
+ "name": "foundationAccordion",
2287
+ "description": "The Foundation Accordion",
2280
2288
  "privacy": "public"
2281
2289
  }
2282
2290
  ],
2283
2291
  "exports": [
2284
2292
  {
2285
2293
  "kind": "js",
2286
- "name": "AccordionItem",
2294
+ "name": "Accordion",
2287
2295
  "declaration": {
2288
- "name": "AccordionItem",
2289
- "module": "src/accordion-item/accordion-item.ts"
2296
+ "name": "Accordion",
2297
+ "module": "src/accordion/accordion.ts"
2290
2298
  }
2291
2299
  },
2292
2300
  {
2293
2301
  "kind": "js",
2294
- "name": "foundationAccordionItemShadowOptions",
2302
+ "name": "foundationAccordionShadowOptions",
2295
2303
  "declaration": {
2296
- "name": "foundationAccordionItemShadowOptions",
2297
- "module": "src/accordion-item/accordion-item.ts"
2304
+ "name": "foundationAccordionShadowOptions",
2305
+ "module": "src/accordion/accordion.ts"
2298
2306
  }
2299
2307
  },
2300
2308
  {
2301
2309
  "kind": "js",
2302
- "name": "defaultAccordionItemConfig",
2310
+ "name": "defaultAccordionConfig",
2303
2311
  "declaration": {
2304
- "name": "defaultAccordionItemConfig",
2305
- "module": "src/accordion-item/accordion-item.ts"
2312
+ "name": "defaultAccordionConfig",
2313
+ "module": "src/accordion/accordion.ts"
2306
2314
  }
2307
2315
  },
2308
2316
  {
2309
2317
  "kind": "js",
2310
- "name": "foundationAccordionItem",
2318
+ "name": "foundationAccordion",
2311
2319
  "declaration": {
2312
- "name": "foundationAccordionItem",
2313
- "module": "src/accordion-item/accordion-item.ts"
2320
+ "name": "foundationAccordion",
2321
+ "module": "src/accordion/accordion.ts"
2314
2322
  }
2315
2323
  }
2316
2324
  ]
2317
2325
  },
2318
2326
  {
2319
2327
  "kind": "javascript-module",
2320
- "path": "src/accordion-item/index.ts",
2328
+ "path": "src/accordion/index.ts",
2321
2329
  "declarations": [],
2322
2330
  "exports": [
2323
2331
  {
@@ -2325,7 +2333,7 @@
2325
2333
  "name": "*",
2326
2334
  "declaration": {
2327
2335
  "name": "*",
2328
- "package": "./accordion-item.template"
2336
+ "package": "./accordion.template"
2329
2337
  }
2330
2338
  },
2331
2339
  {
@@ -2333,7 +2341,7 @@
2333
2341
  "name": "*",
2334
2342
  "declaration": {
2335
2343
  "name": "*",
2336
- "package": "./accordion-item.styles"
2344
+ "package": "./accordion.styles"
2337
2345
  }
2338
2346
  },
2339
2347
  {
@@ -2341,7 +2349,7 @@
2341
2349
  "name": "*",
2342
2350
  "declaration": {
2343
2351
  "name": "*",
2344
- "package": "./accordion-item"
2352
+ "package": "./accordion"
2345
2353
  }
2346
2354
  }
2347
2355
  ]
@@ -6075,11 +6083,11 @@
6075
6083
  },
6076
6084
  {
6077
6085
  "kind": "javascript-module",
6078
- "path": "src/badge/badge.styles.ts",
6086
+ "path": "src/avatar/avatar.styles.ts",
6079
6087
  "declarations": [
6080
6088
  {
6081
6089
  "kind": "function",
6082
- "name": "foundationBadgeStyles",
6090
+ "name": "foundationAvatarStyles",
6083
6091
  "return": {
6084
6092
  "type": {
6085
6093
  "text": "ElementStyles"
@@ -6104,24 +6112,24 @@
6104
6112
  "exports": [
6105
6113
  {
6106
6114
  "kind": "js",
6107
- "name": "foundationBadgeStyles",
6115
+ "name": "foundationAvatarStyles",
6108
6116
  "declaration": {
6109
- "name": "foundationBadgeStyles",
6110
- "module": "src/badge/badge.styles.ts"
6117
+ "name": "foundationAvatarStyles",
6118
+ "module": "src/avatar/avatar.styles.ts"
6111
6119
  }
6112
6120
  }
6113
6121
  ]
6114
6122
  },
6115
6123
  {
6116
6124
  "kind": "javascript-module",
6117
- "path": "src/badge/badge.template.ts",
6125
+ "path": "src/avatar/avatar.template.ts",
6118
6126
  "declarations": [
6119
6127
  {
6120
6128
  "kind": "function",
6121
- "name": "foundationBadgeTemplate",
6129
+ "name": "foundationAvatarTemplate",
6122
6130
  "return": {
6123
6131
  "type": {
6124
- "text": "ViewTemplate<Badge>"
6132
+ "text": "ViewTemplate<Avatar>"
6125
6133
  }
6126
6134
  },
6127
6135
  "parameters": [
@@ -6138,32 +6146,45 @@
6138
6146
  }
6139
6147
  }
6140
6148
  ]
6149
+ },
6150
+ {
6151
+ "kind": "variable",
6152
+ "name": "media",
6153
+ "default": "html<Avatar>`\n ${when(\n (x) => x.imgSrc,\n html<Avatar>`\n <img src=\"${(x) => x.imgSrc}\" alt=\"${(x) => x.alt}\" slot=\"media\" class=\"media\" part=\"media\" />\n `,\n )}\n`"
6141
6154
  }
6142
6155
  ],
6143
6156
  "exports": [
6144
6157
  {
6145
6158
  "kind": "js",
6146
- "name": "foundationBadgeTemplate",
6159
+ "name": "foundationAvatarTemplate",
6147
6160
  "declaration": {
6148
- "name": "foundationBadgeTemplate",
6149
- "module": "src/badge/badge.template.ts"
6161
+ "name": "foundationAvatarTemplate",
6162
+ "module": "src/avatar/avatar.template.ts"
6163
+ }
6164
+ },
6165
+ {
6166
+ "kind": "js",
6167
+ "name": "media",
6168
+ "declaration": {
6169
+ "name": "media",
6170
+ "module": "src/avatar/avatar.template.ts"
6150
6171
  }
6151
6172
  }
6152
6173
  ]
6153
6174
  },
6154
6175
  {
6155
6176
  "kind": "javascript-module",
6156
- "path": "src/badge/badge.ts",
6177
+ "path": "src/avatar/avatar.ts",
6157
6178
  "declarations": [
6158
6179
  {
6159
6180
  "kind": "class",
6160
6181
  "description": "",
6161
- "name": "Badge",
6182
+ "name": "Avatar",
6162
6183
  "superclass": {
6163
- "name": "FASTBadge",
6184
+ "name": "FASTAvatar",
6164
6185
  "package": "@microsoft/fast-components"
6165
6186
  },
6166
- "tagName": "%%prefix%%-badge",
6187
+ "tagName": "%%prefix%%-avatar",
6167
6188
  "customElement": true,
6168
6189
  "attributes": [
6169
6190
  {
@@ -6171,11 +6192,11 @@
6171
6192
  "type": {
6172
6193
  "text": "string"
6173
6194
  },
6174
- "description": "Indicates the badge should have a filled style.",
6195
+ "description": "Indicates the Avatar should have a color fill.",
6175
6196
  "fieldName": "fill",
6176
6197
  "inheritedFrom": {
6177
- "name": "Badge",
6178
- "module": "src/badge/badge.ts"
6198
+ "name": "Avatar",
6199
+ "module": "src/avatar/avatar.ts"
6179
6200
  }
6180
6201
  },
6181
6202
  {
@@ -6183,22 +6204,35 @@
6183
6204
  "type": {
6184
6205
  "text": "string"
6185
6206
  },
6186
- "description": "Indicates the badge should have a filled style.",
6207
+ "description": "Indicates the Avatar should have a text color.",
6187
6208
  "fieldName": "color",
6188
6209
  "inheritedFrom": {
6189
- "name": "Badge",
6190
- "module": "src/badge/badge.ts"
6210
+ "name": "Avatar",
6211
+ "module": "src/avatar/avatar.ts"
6191
6212
  }
6192
6213
  },
6193
6214
  {
6215
+ "name": "link",
6194
6216
  "type": {
6195
- "text": "boolean"
6217
+ "text": "string"
6196
6218
  },
6197
- "description": "Indicates the element should be circular",
6198
- "fieldName": "circular",
6219
+ "description": "Indicates the Avatar should have url link",
6220
+ "fieldName": "link",
6199
6221
  "inheritedFrom": {
6200
- "name": "Badge",
6201
- "module": "src/badge/badge.ts"
6222
+ "name": "Avatar",
6223
+ "module": "src/avatar/avatar.ts"
6224
+ }
6225
+ },
6226
+ {
6227
+ "name": "shape",
6228
+ "type": {
6229
+ "text": "AvatarShape"
6230
+ },
6231
+ "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6232
+ "fieldName": "shape",
6233
+ "inheritedFrom": {
6234
+ "name": "Avatar",
6235
+ "module": "src/avatar/avatar.ts"
6202
6236
  }
6203
6237
  }
6204
6238
  ],
@@ -6210,10 +6244,10 @@
6210
6244
  "text": "string"
6211
6245
  },
6212
6246
  "privacy": "public",
6213
- "description": "Indicates the badge should have a filled style.",
6247
+ "description": "Indicates the Avatar should have a color fill.",
6214
6248
  "inheritedFrom": {
6215
- "name": "Badge",
6216
- "module": "src/badge/badge.ts"
6249
+ "name": "Avatar",
6250
+ "module": "src/avatar/avatar.ts"
6217
6251
  }
6218
6252
  },
6219
6253
  {
@@ -6223,32 +6257,36 @@
6223
6257
  "text": "string"
6224
6258
  },
6225
6259
  "privacy": "public",
6226
- "description": "Indicates the badge should have a filled style.",
6260
+ "description": "Indicates the Avatar should have a text color.",
6227
6261
  "inheritedFrom": {
6228
- "name": "Badge",
6229
- "module": "src/badge/badge.ts"
6262
+ "name": "Avatar",
6263
+ "module": "src/avatar/avatar.ts"
6230
6264
  }
6231
6265
  },
6232
6266
  {
6233
6267
  "kind": "field",
6234
- "name": "circular",
6268
+ "name": "link",
6235
6269
  "type": {
6236
- "text": "boolean"
6270
+ "text": "string"
6237
6271
  },
6238
6272
  "privacy": "public",
6239
- "description": "Indicates the element should be circular",
6273
+ "description": "Indicates the Avatar should have url link",
6240
6274
  "inheritedFrom": {
6241
- "name": "Badge",
6242
- "module": "src/badge/badge.ts"
6275
+ "name": "Avatar",
6276
+ "module": "src/avatar/avatar.ts"
6243
6277
  }
6244
6278
  },
6245
6279
  {
6246
6280
  "kind": "field",
6247
- "name": "generateBadgeStyle",
6281
+ "name": "shape",
6282
+ "type": {
6283
+ "text": "AvatarShape"
6284
+ },
6248
6285
  "privacy": "public",
6286
+ "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6249
6287
  "inheritedFrom": {
6250
- "name": "Badge",
6251
- "module": "src/badge/badge.ts"
6288
+ "name": "Avatar",
6289
+ "module": "src/avatar/avatar.ts"
6252
6290
  }
6253
6291
  },
6254
6292
  {
@@ -6366,65 +6404,65 @@
6366
6404
  },
6367
6405
  {
6368
6406
  "kind": "variable",
6369
- "name": "foundationBadgeShadowOptions",
6407
+ "name": "foundationAvatarShadowOptions",
6370
6408
  "type": {
6371
6409
  "text": "ShadowRootInit"
6372
6410
  },
6373
- "default": "undefined"
6411
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
6374
6412
  },
6375
6413
  {
6376
6414
  "kind": "variable",
6377
- "name": "defaultBadgeConfig",
6415
+ "name": "defaultAvatarConfig",
6378
6416
  "type": {
6379
6417
  "text": "object"
6380
6418
  },
6381
- "default": "{}"
6419
+ "default": "{\n media: mediaTemplate,\n}"
6382
6420
  },
6383
6421
  {
6384
6422
  "kind": "variable",
6385
- "name": "foundationBadge",
6386
- "description": "The Foundation Badge",
6423
+ "name": "foundationAvatar",
6424
+ "description": "The Foundation Avatar",
6387
6425
  "privacy": "public"
6388
6426
  }
6389
6427
  ],
6390
6428
  "exports": [
6391
6429
  {
6392
6430
  "kind": "js",
6393
- "name": "Badge",
6431
+ "name": "Avatar",
6394
6432
  "declaration": {
6395
- "name": "Badge",
6396
- "module": "src/badge/badge.ts"
6433
+ "name": "Avatar",
6434
+ "module": "src/avatar/avatar.ts"
6397
6435
  }
6398
6436
  },
6399
6437
  {
6400
6438
  "kind": "js",
6401
- "name": "foundationBadgeShadowOptions",
6439
+ "name": "foundationAvatarShadowOptions",
6402
6440
  "declaration": {
6403
- "name": "foundationBadgeShadowOptions",
6404
- "module": "src/badge/badge.ts"
6441
+ "name": "foundationAvatarShadowOptions",
6442
+ "module": "src/avatar/avatar.ts"
6405
6443
  }
6406
6444
  },
6407
6445
  {
6408
6446
  "kind": "js",
6409
- "name": "defaultBadgeConfig",
6447
+ "name": "defaultAvatarConfig",
6410
6448
  "declaration": {
6411
- "name": "defaultBadgeConfig",
6412
- "module": "src/badge/badge.ts"
6449
+ "name": "defaultAvatarConfig",
6450
+ "module": "src/avatar/avatar.ts"
6413
6451
  }
6414
6452
  },
6415
6453
  {
6416
6454
  "kind": "js",
6417
- "name": "foundationBadge",
6455
+ "name": "foundationAvatar",
6418
6456
  "declaration": {
6419
- "name": "foundationBadge",
6420
- "module": "src/badge/badge.ts"
6457
+ "name": "foundationAvatar",
6458
+ "module": "src/avatar/avatar.ts"
6421
6459
  }
6422
6460
  }
6423
6461
  ]
6424
6462
  },
6425
6463
  {
6426
6464
  "kind": "javascript-module",
6427
- "path": "src/badge/index.ts",
6465
+ "path": "src/avatar/index.ts",
6428
6466
  "declarations": [],
6429
6467
  "exports": [
6430
6468
  {
@@ -6432,7 +6470,7 @@
6432
6470
  "name": "*",
6433
6471
  "declaration": {
6434
6472
  "name": "*",
6435
- "package": "./badge.template"
6473
+ "package": "./avatar.template"
6436
6474
  }
6437
6475
  },
6438
6476
  {
@@ -6440,7 +6478,7 @@
6440
6478
  "name": "*",
6441
6479
  "declaration": {
6442
6480
  "name": "*",
6443
- "package": "./badge.styles"
6481
+ "package": "./avatar.styles"
6444
6482
  }
6445
6483
  },
6446
6484
  {
@@ -6448,18 +6486,18 @@
6448
6486
  "name": "*",
6449
6487
  "declaration": {
6450
6488
  "name": "*",
6451
- "package": "./badge"
6489
+ "package": "./avatar"
6452
6490
  }
6453
6491
  }
6454
6492
  ]
6455
6493
  },
6456
6494
  {
6457
6495
  "kind": "javascript-module",
6458
- "path": "src/avatar/avatar.styles.ts",
6496
+ "path": "src/badge/badge.styles.ts",
6459
6497
  "declarations": [
6460
6498
  {
6461
6499
  "kind": "function",
6462
- "name": "foundationAvatarStyles",
6500
+ "name": "foundationBadgeStyles",
6463
6501
  "return": {
6464
6502
  "type": {
6465
6503
  "text": "ElementStyles"
@@ -6484,24 +6522,24 @@
6484
6522
  "exports": [
6485
6523
  {
6486
6524
  "kind": "js",
6487
- "name": "foundationAvatarStyles",
6525
+ "name": "foundationBadgeStyles",
6488
6526
  "declaration": {
6489
- "name": "foundationAvatarStyles",
6490
- "module": "src/avatar/avatar.styles.ts"
6527
+ "name": "foundationBadgeStyles",
6528
+ "module": "src/badge/badge.styles.ts"
6491
6529
  }
6492
6530
  }
6493
6531
  ]
6494
6532
  },
6495
6533
  {
6496
6534
  "kind": "javascript-module",
6497
- "path": "src/avatar/avatar.template.ts",
6535
+ "path": "src/badge/badge.template.ts",
6498
6536
  "declarations": [
6499
6537
  {
6500
6538
  "kind": "function",
6501
- "name": "foundationAvatarTemplate",
6539
+ "name": "foundationBadgeTemplate",
6502
6540
  "return": {
6503
6541
  "type": {
6504
- "text": "ViewTemplate<Avatar>"
6542
+ "text": "ViewTemplate<Badge>"
6505
6543
  }
6506
6544
  },
6507
6545
  "parameters": [
@@ -6518,45 +6556,32 @@
6518
6556
  }
6519
6557
  }
6520
6558
  ]
6521
- },
6522
- {
6523
- "kind": "variable",
6524
- "name": "media",
6525
- "default": "html<Avatar>`\n ${when(\n (x) => x.imgSrc,\n html<Avatar>`\n <img src=\"${(x) => x.imgSrc}\" alt=\"${(x) => x.alt}\" slot=\"media\" class=\"media\" part=\"media\" />\n `,\n )}\n`"
6526
6559
  }
6527
6560
  ],
6528
6561
  "exports": [
6529
6562
  {
6530
6563
  "kind": "js",
6531
- "name": "foundationAvatarTemplate",
6532
- "declaration": {
6533
- "name": "foundationAvatarTemplate",
6534
- "module": "src/avatar/avatar.template.ts"
6535
- }
6536
- },
6537
- {
6538
- "kind": "js",
6539
- "name": "media",
6564
+ "name": "foundationBadgeTemplate",
6540
6565
  "declaration": {
6541
- "name": "media",
6542
- "module": "src/avatar/avatar.template.ts"
6566
+ "name": "foundationBadgeTemplate",
6567
+ "module": "src/badge/badge.template.ts"
6543
6568
  }
6544
6569
  }
6545
6570
  ]
6546
6571
  },
6547
6572
  {
6548
6573
  "kind": "javascript-module",
6549
- "path": "src/avatar/avatar.ts",
6574
+ "path": "src/badge/badge.ts",
6550
6575
  "declarations": [
6551
6576
  {
6552
6577
  "kind": "class",
6553
6578
  "description": "",
6554
- "name": "Avatar",
6579
+ "name": "Badge",
6555
6580
  "superclass": {
6556
- "name": "FASTAvatar",
6581
+ "name": "FASTBadge",
6557
6582
  "package": "@microsoft/fast-components"
6558
6583
  },
6559
- "tagName": "%%prefix%%-avatar",
6584
+ "tagName": "%%prefix%%-badge",
6560
6585
  "customElement": true,
6561
6586
  "attributes": [
6562
6587
  {
@@ -6564,11 +6589,11 @@
6564
6589
  "type": {
6565
6590
  "text": "string"
6566
6591
  },
6567
- "description": "Indicates the Avatar should have a color fill.",
6592
+ "description": "Indicates the badge should have a filled style.",
6568
6593
  "fieldName": "fill",
6569
6594
  "inheritedFrom": {
6570
- "name": "Avatar",
6571
- "module": "src/avatar/avatar.ts"
6595
+ "name": "Badge",
6596
+ "module": "src/badge/badge.ts"
6572
6597
  }
6573
6598
  },
6574
6599
  {
@@ -6576,35 +6601,22 @@
6576
6601
  "type": {
6577
6602
  "text": "string"
6578
6603
  },
6579
- "description": "Indicates the Avatar should have a text color.",
6604
+ "description": "Indicates the badge should have a filled style.",
6580
6605
  "fieldName": "color",
6581
6606
  "inheritedFrom": {
6582
- "name": "Avatar",
6583
- "module": "src/avatar/avatar.ts"
6584
- }
6585
- },
6586
- {
6587
- "name": "link",
6588
- "type": {
6589
- "text": "string"
6590
- },
6591
- "description": "Indicates the Avatar should have url link",
6592
- "fieldName": "link",
6593
- "inheritedFrom": {
6594
- "name": "Avatar",
6595
- "module": "src/avatar/avatar.ts"
6607
+ "name": "Badge",
6608
+ "module": "src/badge/badge.ts"
6596
6609
  }
6597
6610
  },
6598
6611
  {
6599
- "name": "shape",
6600
6612
  "type": {
6601
- "text": "AvatarShape"
6613
+ "text": "boolean"
6602
6614
  },
6603
- "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6604
- "fieldName": "shape",
6615
+ "description": "Indicates the element should be circular",
6616
+ "fieldName": "circular",
6605
6617
  "inheritedFrom": {
6606
- "name": "Avatar",
6607
- "module": "src/avatar/avatar.ts"
6618
+ "name": "Badge",
6619
+ "module": "src/badge/badge.ts"
6608
6620
  }
6609
6621
  }
6610
6622
  ],
@@ -6616,10 +6628,10 @@
6616
6628
  "text": "string"
6617
6629
  },
6618
6630
  "privacy": "public",
6619
- "description": "Indicates the Avatar should have a color fill.",
6631
+ "description": "Indicates the badge should have a filled style.",
6620
6632
  "inheritedFrom": {
6621
- "name": "Avatar",
6622
- "module": "src/avatar/avatar.ts"
6633
+ "name": "Badge",
6634
+ "module": "src/badge/badge.ts"
6623
6635
  }
6624
6636
  },
6625
6637
  {
@@ -6629,36 +6641,32 @@
6629
6641
  "text": "string"
6630
6642
  },
6631
6643
  "privacy": "public",
6632
- "description": "Indicates the Avatar should have a text color.",
6644
+ "description": "Indicates the badge should have a filled style.",
6633
6645
  "inheritedFrom": {
6634
- "name": "Avatar",
6635
- "module": "src/avatar/avatar.ts"
6646
+ "name": "Badge",
6647
+ "module": "src/badge/badge.ts"
6636
6648
  }
6637
6649
  },
6638
6650
  {
6639
6651
  "kind": "field",
6640
- "name": "link",
6652
+ "name": "circular",
6641
6653
  "type": {
6642
- "text": "string"
6654
+ "text": "boolean"
6643
6655
  },
6644
6656
  "privacy": "public",
6645
- "description": "Indicates the Avatar should have url link",
6657
+ "description": "Indicates the element should be circular",
6646
6658
  "inheritedFrom": {
6647
- "name": "Avatar",
6648
- "module": "src/avatar/avatar.ts"
6659
+ "name": "Badge",
6660
+ "module": "src/badge/badge.ts"
6649
6661
  }
6650
6662
  },
6651
6663
  {
6652
6664
  "kind": "field",
6653
- "name": "shape",
6654
- "type": {
6655
- "text": "AvatarShape"
6656
- },
6665
+ "name": "generateBadgeStyle",
6657
6666
  "privacy": "public",
6658
- "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6659
6667
  "inheritedFrom": {
6660
- "name": "Avatar",
6661
- "module": "src/avatar/avatar.ts"
6668
+ "name": "Badge",
6669
+ "module": "src/badge/badge.ts"
6662
6670
  }
6663
6671
  },
6664
6672
  {
@@ -6776,65 +6784,65 @@
6776
6784
  },
6777
6785
  {
6778
6786
  "kind": "variable",
6779
- "name": "foundationAvatarShadowOptions",
6787
+ "name": "foundationBadgeShadowOptions",
6780
6788
  "type": {
6781
6789
  "text": "ShadowRootInit"
6782
6790
  },
6783
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
6791
+ "default": "undefined"
6784
6792
  },
6785
6793
  {
6786
6794
  "kind": "variable",
6787
- "name": "defaultAvatarConfig",
6795
+ "name": "defaultBadgeConfig",
6788
6796
  "type": {
6789
6797
  "text": "object"
6790
6798
  },
6791
- "default": "{\n media: mediaTemplate,\n}"
6799
+ "default": "{}"
6792
6800
  },
6793
6801
  {
6794
6802
  "kind": "variable",
6795
- "name": "foundationAvatar",
6796
- "description": "The Foundation Avatar",
6803
+ "name": "foundationBadge",
6804
+ "description": "The Foundation Badge",
6797
6805
  "privacy": "public"
6798
6806
  }
6799
6807
  ],
6800
6808
  "exports": [
6801
6809
  {
6802
6810
  "kind": "js",
6803
- "name": "Avatar",
6811
+ "name": "Badge",
6804
6812
  "declaration": {
6805
- "name": "Avatar",
6806
- "module": "src/avatar/avatar.ts"
6813
+ "name": "Badge",
6814
+ "module": "src/badge/badge.ts"
6807
6815
  }
6808
6816
  },
6809
6817
  {
6810
6818
  "kind": "js",
6811
- "name": "foundationAvatarShadowOptions",
6819
+ "name": "foundationBadgeShadowOptions",
6812
6820
  "declaration": {
6813
- "name": "foundationAvatarShadowOptions",
6814
- "module": "src/avatar/avatar.ts"
6821
+ "name": "foundationBadgeShadowOptions",
6822
+ "module": "src/badge/badge.ts"
6815
6823
  }
6816
6824
  },
6817
6825
  {
6818
6826
  "kind": "js",
6819
- "name": "defaultAvatarConfig",
6827
+ "name": "defaultBadgeConfig",
6820
6828
  "declaration": {
6821
- "name": "defaultAvatarConfig",
6822
- "module": "src/avatar/avatar.ts"
6829
+ "name": "defaultBadgeConfig",
6830
+ "module": "src/badge/badge.ts"
6823
6831
  }
6824
6832
  },
6825
6833
  {
6826
6834
  "kind": "js",
6827
- "name": "foundationAvatar",
6835
+ "name": "foundationBadge",
6828
6836
  "declaration": {
6829
- "name": "foundationAvatar",
6830
- "module": "src/avatar/avatar.ts"
6837
+ "name": "foundationBadge",
6838
+ "module": "src/badge/badge.ts"
6831
6839
  }
6832
6840
  }
6833
6841
  ]
6834
6842
  },
6835
6843
  {
6836
6844
  "kind": "javascript-module",
6837
- "path": "src/avatar/index.ts",
6845
+ "path": "src/badge/index.ts",
6838
6846
  "declarations": [],
6839
6847
  "exports": [
6840
6848
  {
@@ -6842,7 +6850,7 @@
6842
6850
  "name": "*",
6843
6851
  "declaration": {
6844
6852
  "name": "*",
6845
- "package": "./avatar.template"
6853
+ "package": "./badge.template"
6846
6854
  }
6847
6855
  },
6848
6856
  {
@@ -6850,7 +6858,7 @@
6850
6858
  "name": "*",
6851
6859
  "declaration": {
6852
6860
  "name": "*",
6853
- "package": "./avatar.styles"
6861
+ "package": "./badge.styles"
6854
6862
  }
6855
6863
  },
6856
6864
  {
@@ -6858,7 +6866,7 @@
6858
6866
  "name": "*",
6859
6867
  "declaration": {
6860
6868
  "name": "*",
6861
- "package": "./avatar"
6869
+ "package": "./badge"
6862
6870
  }
6863
6871
  }
6864
6872
  ]
@@ -58649,6 +58657,797 @@
58649
58657
  }
58650
58658
  ]
58651
58659
  },
58660
+ {
58661
+ "kind": "javascript-module",
58662
+ "path": "src/verification-code-input/index.ts",
58663
+ "declarations": [],
58664
+ "exports": [
58665
+ {
58666
+ "kind": "js",
58667
+ "name": "*",
58668
+ "declaration": {
58669
+ "name": "*",
58670
+ "package": "./verification-code-input"
58671
+ }
58672
+ },
58673
+ {
58674
+ "kind": "js",
58675
+ "name": "*",
58676
+ "declaration": {
58677
+ "name": "*",
58678
+ "package": "./verification-code-input.template"
58679
+ }
58680
+ },
58681
+ {
58682
+ "kind": "js",
58683
+ "name": "*",
58684
+ "declaration": {
58685
+ "name": "*",
58686
+ "package": "./verification-code-input.styles"
58687
+ }
58688
+ }
58689
+ ]
58690
+ },
58691
+ {
58692
+ "kind": "javascript-module",
58693
+ "path": "src/verification-code-input/verification-code-input.styles.ts",
58694
+ "declarations": [
58695
+ {
58696
+ "kind": "variable",
58697
+ "name": "foundationVerificationCodeInputStyles",
58698
+ "type": {
58699
+ "text": "ElementStyles"
58700
+ },
58701
+ "default": "css`\n :host {\n display: block;\n font-family: var(--body-font);\n outline: none;\n }\n\n .label {\n display: block;\n color: var(--neutral-foreground-rest);\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n margin-bottom: 4px;\n }\n\n .label-hidden {\n display: none;\n }\n\n :host([readonly]) .label {\n cursor: var(--disabled-cursor);\n }\n\n .container {\n display: flex;\n gap: calc(var(--design-unit) * 1px);\n align-items: center;\n }\n\n .digit {\n display: inline-block;\n box-sizing: border-box;\n outline: none;\n min-width: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n }\n\n .digit .root {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n color: var(--neutral-foreground-rest);\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n }\n\n .digit .control {\n appearance: none;\n font: inherit;\n background: transparent;\n border: 0;\n color: inherit;\n height: calc(100% - 4px);\n width: 100%;\n margin-top: auto;\n margin-bottom: auto;\n padding: 0 calc(var(--design-unit) * 2px + 1px);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n text-align: center;\n outline: none;\n color-scheme: ${activeColorScheme};\n }\n\n .digit[appearance='filled'] .root {\n background: var(--neutral-fill-rest);\n }\n\n .digit.error .root {\n border-color: var(--error-fill-rest);\n }\n\n .digit.disabled {\n opacity: var(--disabled-opacity);\n cursor: var(--disabled-cursor);\n }\n\n .digit.disabled .control {\n cursor: var(--disabled-cursor);\n }\n\n .digit:hover:not(.disabled) .root {\n background: var(--neutral-fill-input-hover);\n border-color: var(--accent-fill-hover);\n }\n\n .digit:focus-within:not(.disabled) .root {\n border-color: var(--focus-stroke-outer);\n box-shadow: 0 0 0 calc(var(--focus-stroke-width) * 1px) var(--focus-stroke-outer) inset;\n }\n\n .digit[appearance='filled']:hover:not(.disabled) .root {\n background: var(--neutral-fill-hover);\n }\n\n ${sharedFieldStyles}\n`"
58702
+ }
58703
+ ],
58704
+ "exports": [
58705
+ {
58706
+ "kind": "js",
58707
+ "name": "foundationVerificationCodeInputStyles",
58708
+ "declaration": {
58709
+ "name": "foundationVerificationCodeInputStyles",
58710
+ "module": "src/verification-code-input/verification-code-input.styles.ts"
58711
+ }
58712
+ }
58713
+ ]
58714
+ },
58715
+ {
58716
+ "kind": "javascript-module",
58717
+ "path": "src/verification-code-input/verification-code-input.template.ts",
58718
+ "declarations": [
58719
+ {
58720
+ "kind": "variable",
58721
+ "name": "foundationVerificationCodeInputTemplate",
58722
+ "default": "html<VerificationCodeInput>`\n <label\n part=\"label\"\n id=\"${(x) => x.labelId}\"\n for=\"${(x) => x.getControlId(0)}\"\n class=\"${(x) =>\n x.defaultSlottedNodes && x.defaultSlottedNodes.length ? 'label' : 'label label-hidden'}\"\n >\n <slot\n ${slotted({\n property: 'defaultSlottedNodes',\n filter: whitespaceFilter,\n })}\n ></slot>\n </label>\n <div\n class=\"container\"\n role=\"group\"\n aria-labelledby=\"${(x) => (x.hasLabel ? x.labelId : void 0)}\"\n aria-label=\"${(x) => (x.hasLabel ? void 0 : 'Verification code')}\"\n >\n ${repeat(\n (x) => x.digitsIndexes,\n html`\n <div\n class=\"digit ${(x, c) => (c.parent as VerificationCodeInput).digitClassnames}\"\n data-digit-index=\"${(x) => x}\"\n appearance=\"${(x, c) => (c.parent as VerificationCodeInput).appearance}\"\n >\n <div class=\"root\" part=\"root\">\n <div class=\"control-field\">\n <input\n class=\"control\"\n part=\"control\"\n type=\"text\"\n inputmode=\"numeric\"\n pattern=\"[0-9]*\"\n name=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n autocomplete=\"${(x) => (x === 0 ? 'one-time-code' : 'off')}\"\n data-test-id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n title=\"Only numbers are allowed\"\n maxlength=\"1\"\n ?autofocus=\"${(x, c) => (c.parent as VerificationCodeInput).autofocus && x === 0}\"\n ?readonly=\"${(x, c) => (c.parent as VerificationCodeInput).readOnly}\"\n ?disabled=\"${(x, c) =>\n (c.parent as VerificationCodeInput).disabled ||\n (c.parent as VerificationCodeInput).readOnly}\"\n ?aria-required=\"${(x, c) => (c.parent as VerificationCodeInput).required}\"\n ?aria-invalid=\"${(x, c) => (c.parent as VerificationCodeInput).error}\"\n />\n </div>\n </div>\n </div>\n `,\n )}\n </div>\n`"
58723
+ }
58724
+ ],
58725
+ "exports": [
58726
+ {
58727
+ "kind": "js",
58728
+ "name": "foundationVerificationCodeInputTemplate",
58729
+ "declaration": {
58730
+ "name": "foundationVerificationCodeInputTemplate",
58731
+ "module": "src/verification-code-input/verification-code-input.template.ts"
58732
+ }
58733
+ }
58734
+ ]
58735
+ },
58736
+ {
58737
+ "kind": "javascript-module",
58738
+ "path": "src/verification-code-input/verification-code-input.ts",
58739
+ "declarations": [
58740
+ {
58741
+ "kind": "variable",
58742
+ "name": "foundationVerificationCodeInputShadowOptions",
58743
+ "type": {
58744
+ "text": "ShadowRootInit"
58745
+ },
58746
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
58747
+ },
58748
+ {
58749
+ "kind": "variable",
58750
+ "name": "defaultVerificationCodeInputConfig",
58751
+ "type": {
58752
+ "text": "object"
58753
+ },
58754
+ "default": "{}"
58755
+ },
58756
+ {
58757
+ "kind": "class",
58758
+ "description": "Multi-digit verification code input for OTP / 2FA flows.\n\nForm-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate\nin native HTML form validation and submission like TextField.",
58759
+ "name": "VerificationCodeInput",
58760
+ "members": [
58761
+ {
58762
+ "kind": "field",
58763
+ "name": "values",
58764
+ "type": {
58765
+ "text": "string[]"
58766
+ },
58767
+ "default": "[]",
58768
+ "description": "Per-digit values indexed from `0` to `digits - 1`."
58769
+ },
58770
+ {
58771
+ "kind": "field",
58772
+ "name": "defaultSlottedNodes",
58773
+ "description": "Slotted label content; when empty the label is visually hidden."
58774
+ },
58775
+ {
58776
+ "kind": "field",
58777
+ "name": "controlListeners",
58778
+ "type": {
58779
+ "text": "Map<HTMLInputElement, ControlListeners>"
58780
+ },
58781
+ "privacy": "private",
58782
+ "readonly": true,
58783
+ "default": "new Map()"
58784
+ },
58785
+ {
58786
+ "kind": "field",
58787
+ "name": "syncingFromDigits",
58788
+ "type": {
58789
+ "text": "boolean"
58790
+ },
58791
+ "privacy": "private",
58792
+ "default": "false",
58793
+ "description": "Skip digit re-sync when `value` is updated from digit entry (`commitValues`)."
58794
+ },
58795
+ {
58796
+ "kind": "field",
58797
+ "name": "id",
58798
+ "type": {
58799
+ "text": "string"
58800
+ },
58801
+ "description": "Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)\nand the associated label element."
58802
+ },
58803
+ {
58804
+ "kind": "field",
58805
+ "name": "appearance",
58806
+ "type": {
58807
+ "text": "string"
58808
+ },
58809
+ "default": "'outline'",
58810
+ "description": "Visual treatment applied to each digit field.",
58811
+ "privacy": "public"
58812
+ },
58813
+ {
58814
+ "kind": "field",
58815
+ "name": "digits",
58816
+ "type": {
58817
+ "text": "number"
58818
+ },
58819
+ "default": "6",
58820
+ "description": "Number of single-character digit fields to render.",
58821
+ "privacy": "public"
58822
+ },
58823
+ {
58824
+ "kind": "field",
58825
+ "name": "readOnly",
58826
+ "type": {
58827
+ "text": "boolean"
58828
+ },
58829
+ "default": "false",
58830
+ "description": "When true, digit fields are non-interactive.",
58831
+ "privacy": "public"
58832
+ },
58833
+ {
58834
+ "kind": "field",
58835
+ "name": "disabled",
58836
+ "type": {
58837
+ "text": "boolean"
58838
+ },
58839
+ "default": "false",
58840
+ "description": "When true, digit fields are non-interactive.",
58841
+ "privacy": "public"
58842
+ },
58843
+ {
58844
+ "kind": "field",
58845
+ "name": "autofocus",
58846
+ "type": {
58847
+ "text": "boolean"
58848
+ },
58849
+ "default": "false",
58850
+ "description": "When true, focuses the first digit on connect (and after SPA route commit when hosted that way).",
58851
+ "privacy": "public"
58852
+ },
58853
+ {
58854
+ "kind": "field",
58855
+ "name": "error",
58856
+ "type": {
58857
+ "text": "boolean"
58858
+ },
58859
+ "default": "false",
58860
+ "description": "When true, applies the error visual state to each digit field.",
58861
+ "privacy": "public"
58862
+ },
58863
+ {
58864
+ "kind": "field",
58865
+ "name": "digitsIndexes",
58866
+ "type": {
58867
+ "text": "number[]"
58868
+ },
58869
+ "privacy": "public",
58870
+ "readonly": true
58871
+ },
58872
+ {
58873
+ "kind": "field",
58874
+ "name": "controlIdPrefix",
58875
+ "type": {
58876
+ "text": "string"
58877
+ },
58878
+ "privacy": "public",
58879
+ "readonly": true
58880
+ },
58881
+ {
58882
+ "kind": "field",
58883
+ "name": "labelId",
58884
+ "type": {
58885
+ "text": "string"
58886
+ },
58887
+ "privacy": "public",
58888
+ "readonly": true
58889
+ },
58890
+ {
58891
+ "kind": "field",
58892
+ "name": "hasLabel",
58893
+ "type": {
58894
+ "text": "boolean"
58895
+ },
58896
+ "privacy": "public",
58897
+ "readonly": true
58898
+ },
58899
+ {
58900
+ "kind": "method",
58901
+ "name": "getControlId",
58902
+ "privacy": "public",
58903
+ "return": {
58904
+ "type": {
58905
+ "text": "string"
58906
+ }
58907
+ },
58908
+ "parameters": [
58909
+ {
58910
+ "name": "index",
58911
+ "type": {
58912
+ "text": "number"
58913
+ }
58914
+ }
58915
+ ]
58916
+ },
58917
+ {
58918
+ "kind": "method",
58919
+ "name": "clear",
58920
+ "privacy": "public",
58921
+ "return": {
58922
+ "type": {
58923
+ "text": "void"
58924
+ }
58925
+ },
58926
+ "description": "Clears digits, emits `change`, and focuses the first field when connected."
58927
+ },
58928
+ {
58929
+ "kind": "method",
58930
+ "name": "focus",
58931
+ "privacy": "public",
58932
+ "return": {
58933
+ "type": {
58934
+ "text": "void"
58935
+ }
58936
+ }
58937
+ },
58938
+ {
58939
+ "kind": "method",
58940
+ "name": "digitsChanged",
58941
+ "return": {
58942
+ "type": {
58943
+ "text": "void"
58944
+ }
58945
+ }
58946
+ },
58947
+ {
58948
+ "kind": "field",
58949
+ "name": "digitClassnames",
58950
+ "type": {
58951
+ "text": "string"
58952
+ },
58953
+ "privacy": "public",
58954
+ "readonly": true
58955
+ },
58956
+ {
58957
+ "kind": "method",
58958
+ "name": "sanitizeCode",
58959
+ "privacy": "private",
58960
+ "return": {
58961
+ "type": {
58962
+ "text": "string"
58963
+ }
58964
+ },
58965
+ "parameters": [
58966
+ {
58967
+ "name": "raw",
58968
+ "type": {
58969
+ "text": "unknown"
58970
+ }
58971
+ }
58972
+ ]
58973
+ },
58974
+ {
58975
+ "kind": "method",
58976
+ "name": "bindControlListeners",
58977
+ "privacy": "private",
58978
+ "return": {
58979
+ "type": {
58980
+ "text": "void"
58981
+ }
58982
+ }
58983
+ },
58984
+ {
58985
+ "kind": "method",
58986
+ "name": "unbindControlListeners",
58987
+ "privacy": "private",
58988
+ "return": {
58989
+ "type": {
58990
+ "text": "void"
58991
+ }
58992
+ }
58993
+ },
58994
+ {
58995
+ "kind": "method",
58996
+ "name": "onKeyDown",
58997
+ "privacy": "private",
58998
+ "return": {
58999
+ "type": {
59000
+ "text": "void"
59001
+ }
59002
+ },
59003
+ "parameters": [
59004
+ {
59005
+ "name": "event",
59006
+ "type": {
59007
+ "text": "KeyboardEvent"
59008
+ }
59009
+ },
59010
+ {
59011
+ "name": "index",
59012
+ "type": {
59013
+ "text": "number"
59014
+ }
59015
+ }
59016
+ ]
59017
+ },
59018
+ {
59019
+ "kind": "method",
59020
+ "name": "isBlockedCharacter",
59021
+ "privacy": "private",
59022
+ "return": {
59023
+ "type": {
59024
+ "text": "boolean"
59025
+ }
59026
+ },
59027
+ "parameters": [
59028
+ {
59029
+ "name": "event",
59030
+ "type": {
59031
+ "text": "KeyboardEvent"
59032
+ }
59033
+ }
59034
+ ]
59035
+ },
59036
+ {
59037
+ "kind": "method",
59038
+ "name": "onInput",
59039
+ "privacy": "private",
59040
+ "return": {
59041
+ "type": {
59042
+ "text": "void"
59043
+ }
59044
+ },
59045
+ "parameters": [
59046
+ {
59047
+ "name": "event",
59048
+ "type": {
59049
+ "text": "InputEvent"
59050
+ }
59051
+ },
59052
+ {
59053
+ "name": "index",
59054
+ "type": {
59055
+ "text": "number"
59056
+ }
59057
+ }
59058
+ ]
59059
+ },
59060
+ {
59061
+ "kind": "method",
59062
+ "name": "onPaste",
59063
+ "privacy": "private",
59064
+ "return": {
59065
+ "type": {
59066
+ "text": "void"
59067
+ }
59068
+ },
59069
+ "parameters": [
59070
+ {
59071
+ "name": "event",
59072
+ "type": {
59073
+ "text": "ClipboardEvent"
59074
+ }
59075
+ },
59076
+ {
59077
+ "name": "index",
59078
+ "type": {
59079
+ "text": "number"
59080
+ }
59081
+ }
59082
+ ]
59083
+ },
59084
+ {
59085
+ "kind": "method",
59086
+ "name": "handleBackspace",
59087
+ "privacy": "private",
59088
+ "return": {
59089
+ "type": {
59090
+ "text": "void"
59091
+ }
59092
+ },
59093
+ "parameters": [
59094
+ {
59095
+ "name": "index",
59096
+ "type": {
59097
+ "text": "number"
59098
+ }
59099
+ }
59100
+ ]
59101
+ },
59102
+ {
59103
+ "kind": "method",
59104
+ "name": "handleDelete",
59105
+ "privacy": "private",
59106
+ "return": {
59107
+ "type": {
59108
+ "text": "void"
59109
+ }
59110
+ },
59111
+ "parameters": [
59112
+ {
59113
+ "name": "index",
59114
+ "type": {
59115
+ "text": "number"
59116
+ }
59117
+ }
59118
+ ]
59119
+ },
59120
+ {
59121
+ "kind": "method",
59122
+ "name": "getIndexFromInput",
59123
+ "privacy": "private",
59124
+ "return": {
59125
+ "type": {
59126
+ "text": "number | null"
59127
+ }
59128
+ },
59129
+ "parameters": [
59130
+ {
59131
+ "name": "input",
59132
+ "type": {
59133
+ "text": "HTMLInputElement"
59134
+ }
59135
+ }
59136
+ ]
59137
+ },
59138
+ {
59139
+ "kind": "method",
59140
+ "name": "syncDigitsFromValue",
59141
+ "privacy": "private",
59142
+ "return": {
59143
+ "type": {
59144
+ "text": "void"
59145
+ }
59146
+ },
59147
+ "parameters": [
59148
+ {
59149
+ "name": "cleaned",
59150
+ "type": {
59151
+ "text": "string"
59152
+ }
59153
+ }
59154
+ ],
59155
+ "description": "Maps a sanitized code string into per-digit `values` and syncs the DOM when connected."
59156
+ },
59157
+ {
59158
+ "kind": "method",
59159
+ "name": "updateDigit",
59160
+ "privacy": "private",
59161
+ "return": {
59162
+ "type": {
59163
+ "text": "void"
59164
+ }
59165
+ },
59166
+ "parameters": [
59167
+ {
59168
+ "name": "index",
59169
+ "type": {
59170
+ "text": "number"
59171
+ }
59172
+ },
59173
+ {
59174
+ "name": "digit",
59175
+ "type": {
59176
+ "text": "string"
59177
+ }
59178
+ }
59179
+ ]
59180
+ },
59181
+ {
59182
+ "kind": "method",
59183
+ "name": "applyDigits",
59184
+ "privacy": "private",
59185
+ "return": {
59186
+ "type": {
59187
+ "text": "void"
59188
+ }
59189
+ },
59190
+ "parameters": [
59191
+ {
59192
+ "name": "raw",
59193
+ "type": {
59194
+ "text": "string"
59195
+ }
59196
+ },
59197
+ {
59198
+ "name": "startIndex",
59199
+ "type": {
59200
+ "text": "number"
59201
+ }
59202
+ }
59203
+ ]
59204
+ },
59205
+ {
59206
+ "kind": "method",
59207
+ "name": "commitValues",
59208
+ "privacy": "private",
59209
+ "return": {
59210
+ "type": {
59211
+ "text": "void"
59212
+ }
59213
+ },
59214
+ "parameters": [
59215
+ {
59216
+ "name": "nextValues",
59217
+ "type": {
59218
+ "text": "string[]"
59219
+ }
59220
+ }
59221
+ ],
59222
+ "description": "Pushes digit state into the form-associated `value` and emits change / complete."
59223
+ },
59224
+ {
59225
+ "kind": "method",
59226
+ "name": "syncFieldValues",
59227
+ "privacy": "private",
59228
+ "return": {
59229
+ "type": {
59230
+ "text": "void"
59231
+ }
59232
+ }
59233
+ },
59234
+ {
59235
+ "kind": "method",
59236
+ "name": "syncFieldValue",
59237
+ "privacy": "private",
59238
+ "return": {
59239
+ "type": {
59240
+ "text": "void"
59241
+ }
59242
+ },
59243
+ "parameters": [
59244
+ {
59245
+ "name": "index",
59246
+ "type": {
59247
+ "text": "number"
59248
+ }
59249
+ }
59250
+ ]
59251
+ },
59252
+ {
59253
+ "kind": "method",
59254
+ "name": "focusDigit",
59255
+ "privacy": "private",
59256
+ "return": {
59257
+ "type": {
59258
+ "text": "void"
59259
+ }
59260
+ },
59261
+ "parameters": [
59262
+ {
59263
+ "name": "index",
59264
+ "type": {
59265
+ "text": "number"
59266
+ }
59267
+ }
59268
+ ]
59269
+ },
59270
+ {
59271
+ "kind": "field",
59272
+ "name": "rootNode",
59273
+ "type": {
59274
+ "text": "ParentNode"
59275
+ },
59276
+ "privacy": "private",
59277
+ "readonly": true
59278
+ },
59279
+ {
59280
+ "kind": "method",
59281
+ "name": "getControlElement",
59282
+ "privacy": "private",
59283
+ "return": {
59284
+ "type": {
59285
+ "text": "HTMLInputElement | null"
59286
+ }
59287
+ },
59288
+ "parameters": [
59289
+ {
59290
+ "name": "index",
59291
+ "type": {
59292
+ "text": "number"
59293
+ }
59294
+ }
59295
+ ]
59296
+ },
59297
+ {
59298
+ "kind": "method",
59299
+ "name": "isComplete",
59300
+ "privacy": "private",
59301
+ "return": {
59302
+ "type": {
59303
+ "text": "boolean"
59304
+ }
59305
+ }
59306
+ },
59307
+ {
59308
+ "kind": "method",
59309
+ "name": "emitChange",
59310
+ "privacy": "private",
59311
+ "return": {
59312
+ "type": {
59313
+ "text": "void"
59314
+ }
59315
+ }
59316
+ },
59317
+ {
59318
+ "kind": "field",
59319
+ "name": "proxy"
59320
+ }
59321
+ ],
59322
+ "events": [
59323
+ {
59324
+ "description": "Fired when any digit changes. Detail: `{ value: string }`.",
59325
+ "name": "change"
59326
+ },
59327
+ {
59328
+ "description": "Fired when all digits are filled. Detail: `{ value: string }`.",
59329
+ "name": "complete"
59330
+ }
59331
+ ],
59332
+ "attributes": [
59333
+ {
59334
+ "name": "id",
59335
+ "type": {
59336
+ "text": "string"
59337
+ },
59338
+ "description": "Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)\nand the associated label element.",
59339
+ "fieldName": "id"
59340
+ },
59341
+ {
59342
+ "name": "appearance",
59343
+ "type": {
59344
+ "text": "string"
59345
+ },
59346
+ "default": "'outline'",
59347
+ "description": "Visual treatment applied to each digit field.",
59348
+ "fieldName": "appearance"
59349
+ },
59350
+ {
59351
+ "name": "digits",
59352
+ "type": {
59353
+ "text": "number"
59354
+ },
59355
+ "default": "DEFAULT_DIGITS",
59356
+ "description": "Number of single-character digit fields to render.",
59357
+ "resolveInitializer": {
59358
+ "module": "src/verification-code-input/verification-code-input.ts"
59359
+ },
59360
+ "fieldName": "digits"
59361
+ },
59362
+ {
59363
+ "name": "readonly",
59364
+ "type": {
59365
+ "text": "boolean"
59366
+ },
59367
+ "default": "false",
59368
+ "description": "When true, digit fields are non-interactive.",
59369
+ "fieldName": "readOnly"
59370
+ },
59371
+ {
59372
+ "type": {
59373
+ "text": "boolean"
59374
+ },
59375
+ "default": "false",
59376
+ "description": "When true, digit fields are non-interactive.",
59377
+ "fieldName": "disabled"
59378
+ },
59379
+ {
59380
+ "type": {
59381
+ "text": "boolean"
59382
+ },
59383
+ "default": "false",
59384
+ "description": "When true, focuses the first digit on connect (and after SPA route commit when hosted that way).",
59385
+ "fieldName": "autofocus"
59386
+ },
59387
+ {
59388
+ "type": {
59389
+ "text": "boolean"
59390
+ },
59391
+ "default": "false",
59392
+ "description": "When true, applies the error visual state to each digit field.",
59393
+ "fieldName": "error"
59394
+ }
59395
+ ],
59396
+ "mixins": [
59397
+ {
59398
+ "name": "FormAssociated",
59399
+ "package": "@microsoft/fast-foundation"
59400
+ }
59401
+ ],
59402
+ "superclass": {
59403
+ "name": "_VerificationCodeInput",
59404
+ "module": "src/verification-code-input/verification-code-input.ts"
59405
+ },
59406
+ "tagName": "%%prefix%%-verification-code-input",
59407
+ "customElement": true
59408
+ },
59409
+ {
59410
+ "kind": "variable",
59411
+ "name": "foundationVerificationCodeInput",
59412
+ "description": "The Foundation Verification Code Input",
59413
+ "privacy": "public"
59414
+ }
59415
+ ],
59416
+ "exports": [
59417
+ {
59418
+ "kind": "js",
59419
+ "name": "foundationVerificationCodeInputShadowOptions",
59420
+ "declaration": {
59421
+ "name": "foundationVerificationCodeInputShadowOptions",
59422
+ "module": "src/verification-code-input/verification-code-input.ts"
59423
+ }
59424
+ },
59425
+ {
59426
+ "kind": "js",
59427
+ "name": "defaultVerificationCodeInputConfig",
59428
+ "declaration": {
59429
+ "name": "defaultVerificationCodeInputConfig",
59430
+ "module": "src/verification-code-input/verification-code-input.ts"
59431
+ }
59432
+ },
59433
+ {
59434
+ "kind": "js",
59435
+ "name": "VerificationCodeInput",
59436
+ "declaration": {
59437
+ "name": "VerificationCodeInput",
59438
+ "module": "src/verification-code-input/verification-code-input.ts"
59439
+ }
59440
+ },
59441
+ {
59442
+ "kind": "js",
59443
+ "name": "foundationVerificationCodeInput",
59444
+ "declaration": {
59445
+ "name": "foundationVerificationCodeInput",
59446
+ "module": "src/verification-code-input/verification-code-input.ts"
59447
+ }
59448
+ }
59449
+ ]
59450
+ },
58652
59451
  {
58653
59452
  "kind": "javascript-module",
58654
59453
  "path": "src/_config/styles/colors.ts",