@genesislcap/foundation-zero 14.29.0 → 14.29.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.
- package/dist/custom-elements.json +463 -463
- package/package.json +6 -6
|
@@ -581,6 +581,145 @@
|
|
|
581
581
|
}
|
|
582
582
|
]
|
|
583
583
|
},
|
|
584
|
+
{
|
|
585
|
+
"kind": "javascript-module",
|
|
586
|
+
"path": "src/_common/colors.hex.ts",
|
|
587
|
+
"declarations": [],
|
|
588
|
+
"exports": []
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"kind": "javascript-module",
|
|
592
|
+
"path": "src/_common/colors.ts",
|
|
593
|
+
"declarations": [
|
|
594
|
+
{
|
|
595
|
+
"kind": "variable",
|
|
596
|
+
"name": "defaultRapidTextColor"
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"kind": "variable",
|
|
600
|
+
"name": "defaultRapidBGColor"
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"kind": "variable",
|
|
604
|
+
"name": "defaultRapidLabelColor"
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
"kind": "variable",
|
|
608
|
+
"name": "defaultRapidActiveBGColor"
|
|
609
|
+
},
|
|
610
|
+
{
|
|
611
|
+
"kind": "variable",
|
|
612
|
+
"name": "defaultRapidBorderUnfocusedColor"
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"kind": "variable",
|
|
616
|
+
"name": "FastAppearanceValues",
|
|
617
|
+
"type": {
|
|
618
|
+
"text": "array"
|
|
619
|
+
},
|
|
620
|
+
"default": "['accent', 'lightweight', 'neutral', 'outline', 'stealth']"
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"kind": "variable",
|
|
624
|
+
"name": "ZeroAppearanceValues"
|
|
625
|
+
}
|
|
626
|
+
],
|
|
627
|
+
"exports": [
|
|
628
|
+
{
|
|
629
|
+
"kind": "js",
|
|
630
|
+
"name": "defaultRapidTextColor",
|
|
631
|
+
"declaration": {
|
|
632
|
+
"name": "defaultRapidTextColor",
|
|
633
|
+
"module": "src/_common/colors.ts"
|
|
634
|
+
}
|
|
635
|
+
},
|
|
636
|
+
{
|
|
637
|
+
"kind": "js",
|
|
638
|
+
"name": "defaultRapidBGColor",
|
|
639
|
+
"declaration": {
|
|
640
|
+
"name": "defaultRapidBGColor",
|
|
641
|
+
"module": "src/_common/colors.ts"
|
|
642
|
+
}
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"kind": "js",
|
|
646
|
+
"name": "defaultRapidLabelColor",
|
|
647
|
+
"declaration": {
|
|
648
|
+
"name": "defaultRapidLabelColor",
|
|
649
|
+
"module": "src/_common/colors.ts"
|
|
650
|
+
}
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"kind": "js",
|
|
654
|
+
"name": "defaultRapidActiveBGColor",
|
|
655
|
+
"declaration": {
|
|
656
|
+
"name": "defaultRapidActiveBGColor",
|
|
657
|
+
"module": "src/_common/colors.ts"
|
|
658
|
+
}
|
|
659
|
+
},
|
|
660
|
+
{
|
|
661
|
+
"kind": "js",
|
|
662
|
+
"name": "defaultRapidBorderUnfocusedColor",
|
|
663
|
+
"declaration": {
|
|
664
|
+
"name": "defaultRapidBorderUnfocusedColor",
|
|
665
|
+
"module": "src/_common/colors.ts"
|
|
666
|
+
}
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"kind": "js",
|
|
670
|
+
"name": "FastAppearanceValues",
|
|
671
|
+
"declaration": {
|
|
672
|
+
"name": "FastAppearanceValues",
|
|
673
|
+
"module": "src/_common/colors.ts"
|
|
674
|
+
}
|
|
675
|
+
},
|
|
676
|
+
{
|
|
677
|
+
"kind": "js",
|
|
678
|
+
"name": "ZeroAppearanceValues",
|
|
679
|
+
"declaration": {
|
|
680
|
+
"name": "ZeroAppearanceValues",
|
|
681
|
+
"module": "src/_common/colors.ts"
|
|
682
|
+
}
|
|
683
|
+
}
|
|
684
|
+
]
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"kind": "javascript-module",
|
|
688
|
+
"path": "src/_common/colors.util.ts",
|
|
689
|
+
"declarations": [],
|
|
690
|
+
"exports": []
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"kind": "javascript-module",
|
|
694
|
+
"path": "src/_common/index.ts",
|
|
695
|
+
"declarations": [],
|
|
696
|
+
"exports": [
|
|
697
|
+
{
|
|
698
|
+
"kind": "js",
|
|
699
|
+
"name": "*",
|
|
700
|
+
"declaration": {
|
|
701
|
+
"name": "*",
|
|
702
|
+
"package": "./colors"
|
|
703
|
+
}
|
|
704
|
+
},
|
|
705
|
+
{
|
|
706
|
+
"kind": "js",
|
|
707
|
+
"name": "*",
|
|
708
|
+
"declaration": {
|
|
709
|
+
"name": "*",
|
|
710
|
+
"package": "./colors.hex"
|
|
711
|
+
}
|
|
712
|
+
},
|
|
713
|
+
{
|
|
714
|
+
"kind": "js",
|
|
715
|
+
"name": "*",
|
|
716
|
+
"declaration": {
|
|
717
|
+
"name": "*",
|
|
718
|
+
"package": "./colors.util"
|
|
719
|
+
}
|
|
720
|
+
}
|
|
721
|
+
]
|
|
722
|
+
},
|
|
584
723
|
{
|
|
585
724
|
"kind": "javascript-module",
|
|
586
725
|
"path": "src/_config/index.ts",
|
|
@@ -1521,187 +1660,48 @@
|
|
|
1521
1660
|
},
|
|
1522
1661
|
{
|
|
1523
1662
|
"kind": "javascript-module",
|
|
1524
|
-
"path": "src/
|
|
1525
|
-
"declarations": [],
|
|
1526
|
-
"exports": []
|
|
1527
|
-
},
|
|
1528
|
-
{
|
|
1529
|
-
"kind": "javascript-module",
|
|
1530
|
-
"path": "src/_common/colors.ts",
|
|
1663
|
+
"path": "src/breadcrumb/breadcrumb.stories.ts",
|
|
1531
1664
|
"declarations": [
|
|
1532
1665
|
{
|
|
1533
1666
|
"kind": "variable",
|
|
1534
|
-
"name": "
|
|
1535
|
-
},
|
|
1536
|
-
{
|
|
1537
|
-
"kind": "variable",
|
|
1538
|
-
"name": "defaultRapidBGColor"
|
|
1539
|
-
},
|
|
1540
|
-
{
|
|
1541
|
-
"kind": "variable",
|
|
1542
|
-
"name": "defaultRapidLabelColor"
|
|
1543
|
-
},
|
|
1544
|
-
{
|
|
1545
|
-
"kind": "variable",
|
|
1546
|
-
"name": "defaultRapidActiveBGColor"
|
|
1547
|
-
},
|
|
1548
|
-
{
|
|
1549
|
-
"kind": "variable",
|
|
1550
|
-
"name": "defaultRapidBorderUnfocusedColor"
|
|
1551
|
-
},
|
|
1552
|
-
{
|
|
1553
|
-
"kind": "variable",
|
|
1554
|
-
"name": "FastAppearanceValues",
|
|
1667
|
+
"name": "meta",
|
|
1555
1668
|
"type": {
|
|
1556
|
-
"text": "
|
|
1669
|
+
"text": "Meta"
|
|
1557
1670
|
},
|
|
1558
|
-
"default": "
|
|
1671
|
+
"default": "{\n title: 'Breadcrumb',\n component: 'zero-breadcrumb',\n}"
|
|
1559
1672
|
},
|
|
1560
1673
|
{
|
|
1561
1674
|
"kind": "variable",
|
|
1562
|
-
"name": "
|
|
1675
|
+
"name": "Primary",
|
|
1676
|
+
"type": {
|
|
1677
|
+
"text": "StoryObj"
|
|
1678
|
+
},
|
|
1679
|
+
"default": "{\n args: {\n breadcrumbItemsText: 'Breadcrumb Item',\n breadcrumbCurrentItemText: 'Current Page',\n },\n render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) =>\n html`\n <zero-breadcrumb>\n <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 1</zero-breadcrumb-item>\n <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 2</zero-breadcrumb-item>\n <zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>\n </zero-breadcrumb>\n `,\n}"
|
|
1563
1680
|
}
|
|
1564
1681
|
],
|
|
1565
1682
|
"exports": [
|
|
1566
1683
|
{
|
|
1567
1684
|
"kind": "js",
|
|
1568
|
-
"name": "
|
|
1569
|
-
"declaration": {
|
|
1570
|
-
"name": "defaultRapidTextColor",
|
|
1571
|
-
"module": "src/_common/colors.ts"
|
|
1572
|
-
}
|
|
1573
|
-
},
|
|
1574
|
-
{
|
|
1575
|
-
"kind": "js",
|
|
1576
|
-
"name": "defaultRapidBGColor",
|
|
1577
|
-
"declaration": {
|
|
1578
|
-
"name": "defaultRapidBGColor",
|
|
1579
|
-
"module": "src/_common/colors.ts"
|
|
1580
|
-
}
|
|
1581
|
-
},
|
|
1582
|
-
{
|
|
1583
|
-
"kind": "js",
|
|
1584
|
-
"name": "defaultRapidLabelColor",
|
|
1585
|
-
"declaration": {
|
|
1586
|
-
"name": "defaultRapidLabelColor",
|
|
1587
|
-
"module": "src/_common/colors.ts"
|
|
1588
|
-
}
|
|
1589
|
-
},
|
|
1590
|
-
{
|
|
1591
|
-
"kind": "js",
|
|
1592
|
-
"name": "defaultRapidActiveBGColor",
|
|
1593
|
-
"declaration": {
|
|
1594
|
-
"name": "defaultRapidActiveBGColor",
|
|
1595
|
-
"module": "src/_common/colors.ts"
|
|
1596
|
-
}
|
|
1597
|
-
},
|
|
1598
|
-
{
|
|
1599
|
-
"kind": "js",
|
|
1600
|
-
"name": "defaultRapidBorderUnfocusedColor",
|
|
1601
|
-
"declaration": {
|
|
1602
|
-
"name": "defaultRapidBorderUnfocusedColor",
|
|
1603
|
-
"module": "src/_common/colors.ts"
|
|
1604
|
-
}
|
|
1605
|
-
},
|
|
1606
|
-
{
|
|
1607
|
-
"kind": "js",
|
|
1608
|
-
"name": "FastAppearanceValues",
|
|
1685
|
+
"name": "default",
|
|
1609
1686
|
"declaration": {
|
|
1610
|
-
"name": "
|
|
1611
|
-
"module": "src/
|
|
1687
|
+
"name": "meta",
|
|
1688
|
+
"module": "src/breadcrumb/breadcrumb.stories.ts"
|
|
1612
1689
|
}
|
|
1613
1690
|
},
|
|
1614
1691
|
{
|
|
1615
1692
|
"kind": "js",
|
|
1616
|
-
"name": "
|
|
1693
|
+
"name": "Primary",
|
|
1617
1694
|
"declaration": {
|
|
1618
|
-
"name": "
|
|
1619
|
-
"module": "src/
|
|
1695
|
+
"name": "Primary",
|
|
1696
|
+
"module": "src/breadcrumb/breadcrumb.stories.ts"
|
|
1620
1697
|
}
|
|
1621
1698
|
}
|
|
1622
1699
|
]
|
|
1623
1700
|
},
|
|
1624
1701
|
{
|
|
1625
1702
|
"kind": "javascript-module",
|
|
1626
|
-
"path": "src/
|
|
1627
|
-
"declarations": [
|
|
1628
|
-
"exports": []
|
|
1629
|
-
},
|
|
1630
|
-
{
|
|
1631
|
-
"kind": "javascript-module",
|
|
1632
|
-
"path": "src/_common/index.ts",
|
|
1633
|
-
"declarations": [],
|
|
1634
|
-
"exports": [
|
|
1635
|
-
{
|
|
1636
|
-
"kind": "js",
|
|
1637
|
-
"name": "*",
|
|
1638
|
-
"declaration": {
|
|
1639
|
-
"name": "*",
|
|
1640
|
-
"package": "./colors"
|
|
1641
|
-
}
|
|
1642
|
-
},
|
|
1643
|
-
{
|
|
1644
|
-
"kind": "js",
|
|
1645
|
-
"name": "*",
|
|
1646
|
-
"declaration": {
|
|
1647
|
-
"name": "*",
|
|
1648
|
-
"package": "./colors.hex"
|
|
1649
|
-
}
|
|
1650
|
-
},
|
|
1651
|
-
{
|
|
1652
|
-
"kind": "js",
|
|
1653
|
-
"name": "*",
|
|
1654
|
-
"declaration": {
|
|
1655
|
-
"name": "*",
|
|
1656
|
-
"package": "./colors.util"
|
|
1657
|
-
}
|
|
1658
|
-
}
|
|
1659
|
-
]
|
|
1660
|
-
},
|
|
1661
|
-
{
|
|
1662
|
-
"kind": "javascript-module",
|
|
1663
|
-
"path": "src/breadcrumb/breadcrumb.stories.ts",
|
|
1664
|
-
"declarations": [
|
|
1665
|
-
{
|
|
1666
|
-
"kind": "variable",
|
|
1667
|
-
"name": "meta",
|
|
1668
|
-
"type": {
|
|
1669
|
-
"text": "Meta"
|
|
1670
|
-
},
|
|
1671
|
-
"default": "{\n title: 'Breadcrumb',\n component: 'zero-breadcrumb',\n}"
|
|
1672
|
-
},
|
|
1673
|
-
{
|
|
1674
|
-
"kind": "variable",
|
|
1675
|
-
"name": "Primary",
|
|
1676
|
-
"type": {
|
|
1677
|
-
"text": "StoryObj"
|
|
1678
|
-
},
|
|
1679
|
-
"default": "{\n args: {\n breadcrumbItemsText: 'Breadcrumb Item',\n breadcrumbCurrentItemText: 'Current Page',\n },\n render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) =>\n html`\n <zero-breadcrumb>\n <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 1</zero-breadcrumb-item>\n <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 2</zero-breadcrumb-item>\n <zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>\n </zero-breadcrumb>\n `,\n}"
|
|
1680
|
-
}
|
|
1681
|
-
],
|
|
1682
|
-
"exports": [
|
|
1683
|
-
{
|
|
1684
|
-
"kind": "js",
|
|
1685
|
-
"name": "default",
|
|
1686
|
-
"declaration": {
|
|
1687
|
-
"name": "meta",
|
|
1688
|
-
"module": "src/breadcrumb/breadcrumb.stories.ts"
|
|
1689
|
-
}
|
|
1690
|
-
},
|
|
1691
|
-
{
|
|
1692
|
-
"kind": "js",
|
|
1693
|
-
"name": "Primary",
|
|
1694
|
-
"declaration": {
|
|
1695
|
-
"name": "Primary",
|
|
1696
|
-
"module": "src/breadcrumb/breadcrumb.stories.ts"
|
|
1697
|
-
}
|
|
1698
|
-
}
|
|
1699
|
-
]
|
|
1700
|
-
},
|
|
1701
|
-
{
|
|
1702
|
-
"kind": "javascript-module",
|
|
1703
|
-
"path": "src/breadcrumb/breadcrumb.styles.ts",
|
|
1704
|
-
"declarations": [
|
|
1703
|
+
"path": "src/breadcrumb/breadcrumb.styles.ts",
|
|
1704
|
+
"declarations": [
|
|
1705
1705
|
{
|
|
1706
1706
|
"kind": "function",
|
|
1707
1707
|
"name": "zeroBreadcrumbStyles",
|
|
@@ -2030,7 +2030,7 @@
|
|
|
2030
2030
|
},
|
|
2031
2031
|
{
|
|
2032
2032
|
"kind": "javascript-module",
|
|
2033
|
-
"path": "src/
|
|
2033
|
+
"path": "src/button/button.stories.ts",
|
|
2034
2034
|
"declarations": [
|
|
2035
2035
|
{
|
|
2036
2036
|
"kind": "variable",
|
|
@@ -2038,15 +2038,23 @@
|
|
|
2038
2038
|
"type": {
|
|
2039
2039
|
"text": "Meta"
|
|
2040
2040
|
},
|
|
2041
|
-
"default": "{\n title: '
|
|
2041
|
+
"default": "{\n title: 'Button',\n component: 'zero-button',\n}"
|
|
2042
2042
|
},
|
|
2043
2043
|
{
|
|
2044
2044
|
"kind": "variable",
|
|
2045
|
-
"name": "
|
|
2045
|
+
"name": "All",
|
|
2046
2046
|
"type": {
|
|
2047
2047
|
"text": "StoryObj"
|
|
2048
2048
|
},
|
|
2049
|
-
"default": "{\n args: {\n
|
|
2049
|
+
"default": "{\n args: {\n appearances: ZeroAppearanceValues,\n buttonText: 'Zero Button',\n },\n ...StylesMapperTemplate,\n}"
|
|
2050
|
+
},
|
|
2051
|
+
{
|
|
2052
|
+
"kind": "variable",
|
|
2053
|
+
"name": "Single",
|
|
2054
|
+
"type": {
|
|
2055
|
+
"text": "StoryObj"
|
|
2056
|
+
},
|
|
2057
|
+
"default": "{\n args: {\n appearance: 'neutral',\n buttonText: 'Zero Button',\n },\n argTypes: {\n appearance: {\n control: 'select',\n options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n },\n },\n render: ({ appearance, buttonText }) =>\n html`\n <zero-button appearance=\"${appearance}\">${buttonText} (${appearance})</zero-button>\n `,\n}"
|
|
2050
2058
|
}
|
|
2051
2059
|
],
|
|
2052
2060
|
"exports": [
|
|
@@ -2055,26 +2063,34 @@
|
|
|
2055
2063
|
"name": "default",
|
|
2056
2064
|
"declaration": {
|
|
2057
2065
|
"name": "meta",
|
|
2058
|
-
"module": "src/
|
|
2066
|
+
"module": "src/button/button.stories.ts"
|
|
2059
2067
|
}
|
|
2060
2068
|
},
|
|
2061
2069
|
{
|
|
2062
2070
|
"kind": "js",
|
|
2063
|
-
"name": "
|
|
2071
|
+
"name": "All",
|
|
2064
2072
|
"declaration": {
|
|
2065
|
-
"name": "
|
|
2066
|
-
"module": "src/
|
|
2073
|
+
"name": "All",
|
|
2074
|
+
"module": "src/button/button.stories.ts"
|
|
2075
|
+
}
|
|
2076
|
+
},
|
|
2077
|
+
{
|
|
2078
|
+
"kind": "js",
|
|
2079
|
+
"name": "Single",
|
|
2080
|
+
"declaration": {
|
|
2081
|
+
"name": "Single",
|
|
2082
|
+
"module": "src/button/button.stories.ts"
|
|
2067
2083
|
}
|
|
2068
2084
|
}
|
|
2069
2085
|
]
|
|
2070
2086
|
},
|
|
2071
2087
|
{
|
|
2072
2088
|
"kind": "javascript-module",
|
|
2073
|
-
"path": "src/
|
|
2089
|
+
"path": "src/button/button.styles.ts",
|
|
2074
2090
|
"declarations": [
|
|
2075
2091
|
{
|
|
2076
2092
|
"kind": "function",
|
|
2077
|
-
"name": "
|
|
2093
|
+
"name": "zeroButtonStyles",
|
|
2078
2094
|
"return": {
|
|
2079
2095
|
"type": {
|
|
2080
2096
|
"text": "ElementStyles"
|
|
@@ -2099,24 +2115,24 @@
|
|
|
2099
2115
|
"exports": [
|
|
2100
2116
|
{
|
|
2101
2117
|
"kind": "js",
|
|
2102
|
-
"name": "
|
|
2118
|
+
"name": "zeroButtonStyles",
|
|
2103
2119
|
"declaration": {
|
|
2104
|
-
"name": "
|
|
2105
|
-
"module": "src/
|
|
2120
|
+
"name": "zeroButtonStyles",
|
|
2121
|
+
"module": "src/button/button.styles.ts"
|
|
2106
2122
|
}
|
|
2107
2123
|
}
|
|
2108
2124
|
]
|
|
2109
2125
|
},
|
|
2110
2126
|
{
|
|
2111
2127
|
"kind": "javascript-module",
|
|
2112
|
-
"path": "src/
|
|
2128
|
+
"path": "src/button/button.template.ts",
|
|
2113
2129
|
"declarations": [
|
|
2114
2130
|
{
|
|
2115
2131
|
"kind": "function",
|
|
2116
|
-
"name": "
|
|
2132
|
+
"name": "zeroButtonTemplate",
|
|
2117
2133
|
"return": {
|
|
2118
2134
|
"type": {
|
|
2119
|
-
"text": "ViewTemplate<
|
|
2135
|
+
"text": "ViewTemplate<Button>"
|
|
2120
2136
|
}
|
|
2121
2137
|
},
|
|
2122
2138
|
"parameters": [
|
|
@@ -2138,56 +2154,56 @@
|
|
|
2138
2154
|
"exports": [
|
|
2139
2155
|
{
|
|
2140
2156
|
"kind": "js",
|
|
2141
|
-
"name": "
|
|
2157
|
+
"name": "zeroButtonTemplate",
|
|
2142
2158
|
"declaration": {
|
|
2143
|
-
"name": "
|
|
2144
|
-
"module": "src/
|
|
2159
|
+
"name": "zeroButtonTemplate",
|
|
2160
|
+
"module": "src/button/button.template.ts"
|
|
2145
2161
|
}
|
|
2146
2162
|
}
|
|
2147
2163
|
]
|
|
2148
2164
|
},
|
|
2149
2165
|
{
|
|
2150
2166
|
"kind": "javascript-module",
|
|
2151
|
-
"path": "src/
|
|
2167
|
+
"path": "src/button/button.ts",
|
|
2152
2168
|
"declarations": [
|
|
2153
2169
|
{
|
|
2154
2170
|
"kind": "class",
|
|
2155
2171
|
"description": "",
|
|
2156
|
-
"name": "
|
|
2172
|
+
"name": "Button",
|
|
2157
2173
|
"superclass": {
|
|
2158
|
-
"name": "
|
|
2174
|
+
"name": "FoundationButton",
|
|
2159
2175
|
"package": "@genesislcap/foundation-ui"
|
|
2160
2176
|
},
|
|
2161
|
-
"tagName": "%%prefix%%-
|
|
2177
|
+
"tagName": "%%prefix%%-button",
|
|
2162
2178
|
"customElement": true
|
|
2163
2179
|
},
|
|
2164
2180
|
{
|
|
2165
2181
|
"kind": "variable",
|
|
2166
|
-
"name": "
|
|
2182
|
+
"name": "zeroButton"
|
|
2167
2183
|
}
|
|
2168
2184
|
],
|
|
2169
2185
|
"exports": [
|
|
2170
2186
|
{
|
|
2171
2187
|
"kind": "js",
|
|
2172
|
-
"name": "
|
|
2188
|
+
"name": "Button",
|
|
2173
2189
|
"declaration": {
|
|
2174
|
-
"name": "
|
|
2175
|
-
"module": "src/
|
|
2190
|
+
"name": "Button",
|
|
2191
|
+
"module": "src/button/button.ts"
|
|
2176
2192
|
}
|
|
2177
2193
|
},
|
|
2178
2194
|
{
|
|
2179
2195
|
"kind": "js",
|
|
2180
|
-
"name": "
|
|
2196
|
+
"name": "zeroButton",
|
|
2181
2197
|
"declaration": {
|
|
2182
|
-
"name": "
|
|
2183
|
-
"module": "src/
|
|
2198
|
+
"name": "zeroButton",
|
|
2199
|
+
"module": "src/button/button.ts"
|
|
2184
2200
|
}
|
|
2185
2201
|
}
|
|
2186
2202
|
]
|
|
2187
2203
|
},
|
|
2188
2204
|
{
|
|
2189
2205
|
"kind": "javascript-module",
|
|
2190
|
-
"path": "src/
|
|
2206
|
+
"path": "src/button/index.ts",
|
|
2191
2207
|
"declarations": [],
|
|
2192
2208
|
"exports": [
|
|
2193
2209
|
{
|
|
@@ -2195,7 +2211,7 @@
|
|
|
2195
2211
|
"name": "*",
|
|
2196
2212
|
"declaration": {
|
|
2197
2213
|
"name": "*",
|
|
2198
|
-
"package": "./
|
|
2214
|
+
"package": "./button"
|
|
2199
2215
|
}
|
|
2200
2216
|
},
|
|
2201
2217
|
{
|
|
@@ -2203,7 +2219,7 @@
|
|
|
2203
2219
|
"name": "*",
|
|
2204
2220
|
"declaration": {
|
|
2205
2221
|
"name": "*",
|
|
2206
|
-
"package": "./
|
|
2222
|
+
"package": "./button.styles"
|
|
2207
2223
|
}
|
|
2208
2224
|
},
|
|
2209
2225
|
{
|
|
@@ -2211,14 +2227,14 @@
|
|
|
2211
2227
|
"name": "*",
|
|
2212
2228
|
"declaration": {
|
|
2213
2229
|
"name": "*",
|
|
2214
|
-
"package": "./
|
|
2230
|
+
"package": "./button.template"
|
|
2215
2231
|
}
|
|
2216
2232
|
}
|
|
2217
2233
|
]
|
|
2218
2234
|
},
|
|
2219
2235
|
{
|
|
2220
2236
|
"kind": "javascript-module",
|
|
2221
|
-
"path": "src/
|
|
2237
|
+
"path": "src/card/card.stories.ts",
|
|
2222
2238
|
"declarations": [
|
|
2223
2239
|
{
|
|
2224
2240
|
"kind": "variable",
|
|
@@ -2226,7 +2242,7 @@
|
|
|
2226
2242
|
"type": {
|
|
2227
2243
|
"text": "Meta"
|
|
2228
2244
|
},
|
|
2229
|
-
"default": "{\n title: '
|
|
2245
|
+
"default": "{\n title: 'Card',\n component: 'zero-card',\n}"
|
|
2230
2246
|
},
|
|
2231
2247
|
{
|
|
2232
2248
|
"kind": "variable",
|
|
@@ -2234,7 +2250,7 @@
|
|
|
2234
2250
|
"type": {
|
|
2235
2251
|
"text": "StoryObj"
|
|
2236
2252
|
},
|
|
2237
|
-
"default": "{\n args: {\n
|
|
2253
|
+
"default": "{\n args: {\n cardFillColor: '#2f353a',\n cardHeading: 'Card 1',\n cardText: 'This is a Rapid Card (and the only one with without extra fui elements!)',\n },\n render: ({ cardFillColor, cardHeading, cardText }) =>\n html`\n <div style=\"${wrapperStyle} --zero-card-fill-color:${cardFillColor};\">\n <zero-card style=\"${cardStyle}\">\n <h6>${cardHeading}</h6>\n <span>${cardText}</span>\n </zero-card>\n </div>\n `,\n}"
|
|
2238
2254
|
}
|
|
2239
2255
|
],
|
|
2240
2256
|
"exports": [
|
|
@@ -2243,7 +2259,7 @@
|
|
|
2243
2259
|
"name": "default",
|
|
2244
2260
|
"declaration": {
|
|
2245
2261
|
"name": "meta",
|
|
2246
|
-
"module": "src/
|
|
2262
|
+
"module": "src/card/card.stories.ts"
|
|
2247
2263
|
}
|
|
2248
2264
|
},
|
|
2249
2265
|
{
|
|
@@ -2251,18 +2267,18 @@
|
|
|
2251
2267
|
"name": "Primary",
|
|
2252
2268
|
"declaration": {
|
|
2253
2269
|
"name": "Primary",
|
|
2254
|
-
"module": "src/
|
|
2270
|
+
"module": "src/card/card.stories.ts"
|
|
2255
2271
|
}
|
|
2256
2272
|
}
|
|
2257
2273
|
]
|
|
2258
2274
|
},
|
|
2259
2275
|
{
|
|
2260
2276
|
"kind": "javascript-module",
|
|
2261
|
-
"path": "src/
|
|
2277
|
+
"path": "src/card/card.styles.ts",
|
|
2262
2278
|
"declarations": [
|
|
2263
2279
|
{
|
|
2264
2280
|
"kind": "function",
|
|
2265
|
-
"name": "
|
|
2281
|
+
"name": "zeroCardStyles",
|
|
2266
2282
|
"return": {
|
|
2267
2283
|
"type": {
|
|
2268
2284
|
"text": "ElementStyles"
|
|
@@ -2278,7 +2294,7 @@
|
|
|
2278
2294
|
{
|
|
2279
2295
|
"name": "definition",
|
|
2280
2296
|
"type": {
|
|
2281
|
-
"text": "
|
|
2297
|
+
"text": "FoundationElementDefinition"
|
|
2282
2298
|
}
|
|
2283
2299
|
}
|
|
2284
2300
|
]
|
|
@@ -2287,24 +2303,24 @@
|
|
|
2287
2303
|
"exports": [
|
|
2288
2304
|
{
|
|
2289
2305
|
"kind": "js",
|
|
2290
|
-
"name": "
|
|
2306
|
+
"name": "zeroCardStyles",
|
|
2291
2307
|
"declaration": {
|
|
2292
|
-
"name": "
|
|
2293
|
-
"module": "src/
|
|
2308
|
+
"name": "zeroCardStyles",
|
|
2309
|
+
"module": "src/card/card.styles.ts"
|
|
2294
2310
|
}
|
|
2295
2311
|
}
|
|
2296
2312
|
]
|
|
2297
2313
|
},
|
|
2298
2314
|
{
|
|
2299
2315
|
"kind": "javascript-module",
|
|
2300
|
-
"path": "src/
|
|
2316
|
+
"path": "src/card/card.template.ts",
|
|
2301
2317
|
"declarations": [
|
|
2302
2318
|
{
|
|
2303
2319
|
"kind": "function",
|
|
2304
|
-
"name": "
|
|
2320
|
+
"name": "zeroCardTemplate",
|
|
2305
2321
|
"return": {
|
|
2306
2322
|
"type": {
|
|
2307
|
-
"text": "ViewTemplate<
|
|
2323
|
+
"text": "ViewTemplate<Card>"
|
|
2308
2324
|
}
|
|
2309
2325
|
},
|
|
2310
2326
|
"parameters": [
|
|
@@ -2317,7 +2333,7 @@
|
|
|
2317
2333
|
{
|
|
2318
2334
|
"name": "definition",
|
|
2319
2335
|
"type": {
|
|
2320
|
-
"text": "
|
|
2336
|
+
"text": "FoundationElementDefinition"
|
|
2321
2337
|
}
|
|
2322
2338
|
}
|
|
2323
2339
|
]
|
|
@@ -2326,54 +2342,56 @@
|
|
|
2326
2342
|
"exports": [
|
|
2327
2343
|
{
|
|
2328
2344
|
"kind": "js",
|
|
2329
|
-
"name": "
|
|
2345
|
+
"name": "zeroCardTemplate",
|
|
2330
2346
|
"declaration": {
|
|
2331
|
-
"name": "
|
|
2332
|
-
"module": "src/
|
|
2347
|
+
"name": "zeroCardTemplate",
|
|
2348
|
+
"module": "src/card/card.template.ts"
|
|
2333
2349
|
}
|
|
2334
2350
|
}
|
|
2335
2351
|
]
|
|
2336
2352
|
},
|
|
2337
2353
|
{
|
|
2338
2354
|
"kind": "javascript-module",
|
|
2339
|
-
"path": "src/
|
|
2355
|
+
"path": "src/card/card.ts",
|
|
2340
2356
|
"declarations": [
|
|
2341
2357
|
{
|
|
2342
2358
|
"kind": "class",
|
|
2343
2359
|
"description": "",
|
|
2344
|
-
"name": "
|
|
2360
|
+
"name": "Card",
|
|
2345
2361
|
"superclass": {
|
|
2346
|
-
"name": "
|
|
2362
|
+
"name": "FoundationCard",
|
|
2347
2363
|
"package": "@genesislcap/foundation-ui"
|
|
2348
|
-
}
|
|
2364
|
+
},
|
|
2365
|
+
"tagName": "%%prefix%%-card",
|
|
2366
|
+
"customElement": true
|
|
2349
2367
|
},
|
|
2350
2368
|
{
|
|
2351
2369
|
"kind": "variable",
|
|
2352
|
-
"name": "
|
|
2370
|
+
"name": "zeroCard"
|
|
2353
2371
|
}
|
|
2354
2372
|
],
|
|
2355
2373
|
"exports": [
|
|
2356
2374
|
{
|
|
2357
2375
|
"kind": "js",
|
|
2358
|
-
"name": "
|
|
2376
|
+
"name": "Card",
|
|
2359
2377
|
"declaration": {
|
|
2360
|
-
"name": "
|
|
2361
|
-
"module": "src/
|
|
2378
|
+
"name": "Card",
|
|
2379
|
+
"module": "src/card/card.ts"
|
|
2362
2380
|
}
|
|
2363
2381
|
},
|
|
2364
2382
|
{
|
|
2365
2383
|
"kind": "js",
|
|
2366
|
-
"name": "
|
|
2384
|
+
"name": "zeroCard",
|
|
2367
2385
|
"declaration": {
|
|
2368
|
-
"name": "
|
|
2369
|
-
"module": "src/
|
|
2386
|
+
"name": "zeroCard",
|
|
2387
|
+
"module": "src/card/card.ts"
|
|
2370
2388
|
}
|
|
2371
2389
|
}
|
|
2372
2390
|
]
|
|
2373
2391
|
},
|
|
2374
2392
|
{
|
|
2375
2393
|
"kind": "javascript-module",
|
|
2376
|
-
"path": "src/
|
|
2394
|
+
"path": "src/card/index.ts",
|
|
2377
2395
|
"declarations": [],
|
|
2378
2396
|
"exports": [
|
|
2379
2397
|
{
|
|
@@ -2381,7 +2399,7 @@
|
|
|
2381
2399
|
"name": "*",
|
|
2382
2400
|
"declaration": {
|
|
2383
2401
|
"name": "*",
|
|
2384
|
-
"package": "./
|
|
2402
|
+
"package": "./card"
|
|
2385
2403
|
}
|
|
2386
2404
|
},
|
|
2387
2405
|
{
|
|
@@ -2389,7 +2407,7 @@
|
|
|
2389
2407
|
"name": "*",
|
|
2390
2408
|
"declaration": {
|
|
2391
2409
|
"name": "*",
|
|
2392
|
-
"package": "./
|
|
2410
|
+
"package": "./card.styles"
|
|
2393
2411
|
}
|
|
2394
2412
|
},
|
|
2395
2413
|
{
|
|
@@ -2397,14 +2415,14 @@
|
|
|
2397
2415
|
"name": "*",
|
|
2398
2416
|
"declaration": {
|
|
2399
2417
|
"name": "*",
|
|
2400
|
-
"package": "./
|
|
2418
|
+
"package": "./card.template"
|
|
2401
2419
|
}
|
|
2402
2420
|
}
|
|
2403
2421
|
]
|
|
2404
2422
|
},
|
|
2405
2423
|
{
|
|
2406
2424
|
"kind": "javascript-module",
|
|
2407
|
-
"path": "src/
|
|
2425
|
+
"path": "src/checkbox/checkbox.stories.ts",
|
|
2408
2426
|
"declarations": [
|
|
2409
2427
|
{
|
|
2410
2428
|
"kind": "variable",
|
|
@@ -2412,23 +2430,15 @@
|
|
|
2412
2430
|
"type": {
|
|
2413
2431
|
"text": "Meta"
|
|
2414
2432
|
},
|
|
2415
|
-
"default": "{\n title: '
|
|
2416
|
-
},
|
|
2417
|
-
{
|
|
2418
|
-
"kind": "variable",
|
|
2419
|
-
"name": "All",
|
|
2420
|
-
"type": {
|
|
2421
|
-
"text": "StoryObj"
|
|
2422
|
-
},
|
|
2423
|
-
"default": "{\n args: {\n appearances: ZeroAppearanceValues,\n buttonText: 'Zero Button',\n },\n ...StylesMapperTemplate,\n}"
|
|
2433
|
+
"default": "{\n title: 'Checkbox',\n component: 'zero-checkbox>',\n}"
|
|
2424
2434
|
},
|
|
2425
2435
|
{
|
|
2426
2436
|
"kind": "variable",
|
|
2427
|
-
"name": "
|
|
2437
|
+
"name": "Primary",
|
|
2428
2438
|
"type": {
|
|
2429
2439
|
"text": "StoryObj"
|
|
2430
2440
|
},
|
|
2431
|
-
"default": "{\n args: {\n
|
|
2441
|
+
"default": "{\n args: {\n customCheckboxText: 'Custom Zero Checkbox',\n customCheckboxDesignUnit: 8,\n customCheckboxCornerRadius: 4,\n },\n render: ({ customCheckboxText, customCheckboxDesignUnit, customCheckboxCornerRadius }) =>\n html`\n <div style=\"${wrapperStyle}\">\n <zero-checkbox>Default Zero Checkbox</zero-checkbox>\n\n <zero-design-system-provider\n design-unit=\"${customCheckboxDesignUnit}\"\n corner-radius=${customCheckboxCornerRadius}\"\n >\n <zero-checkbox>${customCheckboxText}</zero-checkbox>\n </zero-design-system-provider>\n </div>\n `,\n}"
|
|
2432
2442
|
}
|
|
2433
2443
|
],
|
|
2434
2444
|
"exports": [
|
|
@@ -2437,34 +2447,26 @@
|
|
|
2437
2447
|
"name": "default",
|
|
2438
2448
|
"declaration": {
|
|
2439
2449
|
"name": "meta",
|
|
2440
|
-
"module": "src/
|
|
2441
|
-
}
|
|
2442
|
-
},
|
|
2443
|
-
{
|
|
2444
|
-
"kind": "js",
|
|
2445
|
-
"name": "All",
|
|
2446
|
-
"declaration": {
|
|
2447
|
-
"name": "All",
|
|
2448
|
-
"module": "src/button/button.stories.ts"
|
|
2450
|
+
"module": "src/checkbox/checkbox.stories.ts"
|
|
2449
2451
|
}
|
|
2450
2452
|
},
|
|
2451
2453
|
{
|
|
2452
2454
|
"kind": "js",
|
|
2453
|
-
"name": "
|
|
2455
|
+
"name": "Primary",
|
|
2454
2456
|
"declaration": {
|
|
2455
|
-
"name": "
|
|
2456
|
-
"module": "src/
|
|
2457
|
+
"name": "Primary",
|
|
2458
|
+
"module": "src/checkbox/checkbox.stories.ts"
|
|
2457
2459
|
}
|
|
2458
2460
|
}
|
|
2459
2461
|
]
|
|
2460
2462
|
},
|
|
2461
2463
|
{
|
|
2462
2464
|
"kind": "javascript-module",
|
|
2463
|
-
"path": "src/
|
|
2465
|
+
"path": "src/checkbox/checkbox.styles.ts",
|
|
2464
2466
|
"declarations": [
|
|
2465
2467
|
{
|
|
2466
2468
|
"kind": "function",
|
|
2467
|
-
"name": "
|
|
2469
|
+
"name": "zeroCheckboxStyles",
|
|
2468
2470
|
"return": {
|
|
2469
2471
|
"type": {
|
|
2470
2472
|
"text": "ElementStyles"
|
|
@@ -2480,7 +2482,7 @@
|
|
|
2480
2482
|
{
|
|
2481
2483
|
"name": "definition",
|
|
2482
2484
|
"type": {
|
|
2483
|
-
"text": "
|
|
2485
|
+
"text": "CheckboxOptions"
|
|
2484
2486
|
}
|
|
2485
2487
|
}
|
|
2486
2488
|
]
|
|
@@ -2489,24 +2491,24 @@
|
|
|
2489
2491
|
"exports": [
|
|
2490
2492
|
{
|
|
2491
2493
|
"kind": "js",
|
|
2492
|
-
"name": "
|
|
2494
|
+
"name": "zeroCheckboxStyles",
|
|
2493
2495
|
"declaration": {
|
|
2494
|
-
"name": "
|
|
2495
|
-
"module": "src/
|
|
2496
|
+
"name": "zeroCheckboxStyles",
|
|
2497
|
+
"module": "src/checkbox/checkbox.styles.ts"
|
|
2496
2498
|
}
|
|
2497
2499
|
}
|
|
2498
2500
|
]
|
|
2499
2501
|
},
|
|
2500
2502
|
{
|
|
2501
2503
|
"kind": "javascript-module",
|
|
2502
|
-
"path": "src/
|
|
2504
|
+
"path": "src/checkbox/checkbox.template.ts",
|
|
2503
2505
|
"declarations": [
|
|
2504
2506
|
{
|
|
2505
2507
|
"kind": "function",
|
|
2506
|
-
"name": "
|
|
2508
|
+
"name": "zeroCheckboxTemplate",
|
|
2507
2509
|
"return": {
|
|
2508
2510
|
"type": {
|
|
2509
|
-
"text": "ViewTemplate<
|
|
2511
|
+
"text": "ViewTemplate<Checkbox>"
|
|
2510
2512
|
}
|
|
2511
2513
|
},
|
|
2512
2514
|
"parameters": [
|
|
@@ -2519,7 +2521,7 @@
|
|
|
2519
2521
|
{
|
|
2520
2522
|
"name": "definition",
|
|
2521
2523
|
"type": {
|
|
2522
|
-
"text": "
|
|
2524
|
+
"text": "CheckboxOptions"
|
|
2523
2525
|
}
|
|
2524
2526
|
}
|
|
2525
2527
|
]
|
|
@@ -2528,56 +2530,54 @@
|
|
|
2528
2530
|
"exports": [
|
|
2529
2531
|
{
|
|
2530
2532
|
"kind": "js",
|
|
2531
|
-
"name": "
|
|
2533
|
+
"name": "zeroCheckboxTemplate",
|
|
2532
2534
|
"declaration": {
|
|
2533
|
-
"name": "
|
|
2534
|
-
"module": "src/
|
|
2535
|
+
"name": "zeroCheckboxTemplate",
|
|
2536
|
+
"module": "src/checkbox/checkbox.template.ts"
|
|
2535
2537
|
}
|
|
2536
2538
|
}
|
|
2537
2539
|
]
|
|
2538
2540
|
},
|
|
2539
2541
|
{
|
|
2540
2542
|
"kind": "javascript-module",
|
|
2541
|
-
"path": "src/
|
|
2543
|
+
"path": "src/checkbox/checkbox.ts",
|
|
2542
2544
|
"declarations": [
|
|
2543
2545
|
{
|
|
2544
2546
|
"kind": "class",
|
|
2545
2547
|
"description": "",
|
|
2546
|
-
"name": "
|
|
2548
|
+
"name": "Checkbox",
|
|
2547
2549
|
"superclass": {
|
|
2548
|
-
"name": "
|
|
2550
|
+
"name": "FoundationCheckbox",
|
|
2549
2551
|
"package": "@genesislcap/foundation-ui"
|
|
2550
|
-
}
|
|
2551
|
-
"tagName": "%%prefix%%-button",
|
|
2552
|
-
"customElement": true
|
|
2552
|
+
}
|
|
2553
2553
|
},
|
|
2554
2554
|
{
|
|
2555
2555
|
"kind": "variable",
|
|
2556
|
-
"name": "
|
|
2556
|
+
"name": "zeroCheckbox"
|
|
2557
2557
|
}
|
|
2558
2558
|
],
|
|
2559
2559
|
"exports": [
|
|
2560
2560
|
{
|
|
2561
2561
|
"kind": "js",
|
|
2562
|
-
"name": "
|
|
2562
|
+
"name": "Checkbox",
|
|
2563
2563
|
"declaration": {
|
|
2564
|
-
"name": "
|
|
2565
|
-
"module": "src/
|
|
2564
|
+
"name": "Checkbox",
|
|
2565
|
+
"module": "src/checkbox/checkbox.ts"
|
|
2566
2566
|
}
|
|
2567
2567
|
},
|
|
2568
2568
|
{
|
|
2569
2569
|
"kind": "js",
|
|
2570
|
-
"name": "
|
|
2570
|
+
"name": "zeroCheckbox",
|
|
2571
2571
|
"declaration": {
|
|
2572
|
-
"name": "
|
|
2573
|
-
"module": "src/
|
|
2572
|
+
"name": "zeroCheckbox",
|
|
2573
|
+
"module": "src/checkbox/checkbox.ts"
|
|
2574
2574
|
}
|
|
2575
2575
|
}
|
|
2576
2576
|
]
|
|
2577
2577
|
},
|
|
2578
2578
|
{
|
|
2579
2579
|
"kind": "javascript-module",
|
|
2580
|
-
"path": "src/
|
|
2580
|
+
"path": "src/checkbox/index.ts",
|
|
2581
2581
|
"declarations": [],
|
|
2582
2582
|
"exports": [
|
|
2583
2583
|
{
|
|
@@ -2585,7 +2585,7 @@
|
|
|
2585
2585
|
"name": "*",
|
|
2586
2586
|
"declaration": {
|
|
2587
2587
|
"name": "*",
|
|
2588
|
-
"package": "./
|
|
2588
|
+
"package": "./checkbox"
|
|
2589
2589
|
}
|
|
2590
2590
|
},
|
|
2591
2591
|
{
|
|
@@ -2593,7 +2593,7 @@
|
|
|
2593
2593
|
"name": "*",
|
|
2594
2594
|
"declaration": {
|
|
2595
2595
|
"name": "*",
|
|
2596
|
-
"package": "./
|
|
2596
|
+
"package": "./checkbox.styles"
|
|
2597
2597
|
}
|
|
2598
2598
|
},
|
|
2599
2599
|
{
|
|
@@ -2601,7 +2601,7 @@
|
|
|
2601
2601
|
"name": "*",
|
|
2602
2602
|
"declaration": {
|
|
2603
2603
|
"name": "*",
|
|
2604
|
-
"package": "./
|
|
2604
|
+
"package": "./checkbox.template"
|
|
2605
2605
|
}
|
|
2606
2606
|
}
|
|
2607
2607
|
]
|
|
@@ -6529,192 +6529,6 @@
|
|
|
6529
6529
|
}
|
|
6530
6530
|
]
|
|
6531
6531
|
},
|
|
6532
|
-
{
|
|
6533
|
-
"kind": "javascript-module",
|
|
6534
|
-
"path": "src/flipper/flipper.stories.ts",
|
|
6535
|
-
"declarations": [
|
|
6536
|
-
{
|
|
6537
|
-
"kind": "variable",
|
|
6538
|
-
"name": "meta",
|
|
6539
|
-
"type": {
|
|
6540
|
-
"text": "Meta"
|
|
6541
|
-
},
|
|
6542
|
-
"default": "{\n title: 'Flipper',\n component: 'zero-flipper',\n}"
|
|
6543
|
-
},
|
|
6544
|
-
{
|
|
6545
|
-
"kind": "variable",
|
|
6546
|
-
"name": "Primary",
|
|
6547
|
-
"type": {
|
|
6548
|
-
"text": "StoryObj"
|
|
6549
|
-
},
|
|
6550
|
-
"default": "{\n argTypes: {\n direction: {\n control: 'select',\n options: ['previous', 'next'],\n },\n },\n args: {\n direction: 'next',\n },\n render: ({ direction }) =>\n html`\n <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n `,\n}"
|
|
6551
|
-
}
|
|
6552
|
-
],
|
|
6553
|
-
"exports": [
|
|
6554
|
-
{
|
|
6555
|
-
"kind": "js",
|
|
6556
|
-
"name": "default",
|
|
6557
|
-
"declaration": {
|
|
6558
|
-
"name": "meta",
|
|
6559
|
-
"module": "src/flipper/flipper.stories.ts"
|
|
6560
|
-
}
|
|
6561
|
-
},
|
|
6562
|
-
{
|
|
6563
|
-
"kind": "js",
|
|
6564
|
-
"name": "Primary",
|
|
6565
|
-
"declaration": {
|
|
6566
|
-
"name": "Primary",
|
|
6567
|
-
"module": "src/flipper/flipper.stories.ts"
|
|
6568
|
-
}
|
|
6569
|
-
}
|
|
6570
|
-
]
|
|
6571
|
-
},
|
|
6572
|
-
{
|
|
6573
|
-
"kind": "javascript-module",
|
|
6574
|
-
"path": "src/flipper/flipper.styles.ts",
|
|
6575
|
-
"declarations": [
|
|
6576
|
-
{
|
|
6577
|
-
"kind": "function",
|
|
6578
|
-
"name": "zeroFlipperStyles",
|
|
6579
|
-
"return": {
|
|
6580
|
-
"type": {
|
|
6581
|
-
"text": "ElementStyles"
|
|
6582
|
-
}
|
|
6583
|
-
},
|
|
6584
|
-
"parameters": [
|
|
6585
|
-
{
|
|
6586
|
-
"name": "context",
|
|
6587
|
-
"type": {
|
|
6588
|
-
"text": "ElementDefinitionContext"
|
|
6589
|
-
}
|
|
6590
|
-
},
|
|
6591
|
-
{
|
|
6592
|
-
"name": "definition",
|
|
6593
|
-
"type": {
|
|
6594
|
-
"text": "FlipperOptions"
|
|
6595
|
-
}
|
|
6596
|
-
}
|
|
6597
|
-
]
|
|
6598
|
-
}
|
|
6599
|
-
],
|
|
6600
|
-
"exports": [
|
|
6601
|
-
{
|
|
6602
|
-
"kind": "js",
|
|
6603
|
-
"name": "zeroFlipperStyles",
|
|
6604
|
-
"declaration": {
|
|
6605
|
-
"name": "zeroFlipperStyles",
|
|
6606
|
-
"module": "src/flipper/flipper.styles.ts"
|
|
6607
|
-
}
|
|
6608
|
-
}
|
|
6609
|
-
]
|
|
6610
|
-
},
|
|
6611
|
-
{
|
|
6612
|
-
"kind": "javascript-module",
|
|
6613
|
-
"path": "src/flipper/flipper.template.ts",
|
|
6614
|
-
"declarations": [
|
|
6615
|
-
{
|
|
6616
|
-
"kind": "function",
|
|
6617
|
-
"name": "zeroFlipperTemplate",
|
|
6618
|
-
"return": {
|
|
6619
|
-
"type": {
|
|
6620
|
-
"text": "ViewTemplate<Flipper>"
|
|
6621
|
-
}
|
|
6622
|
-
},
|
|
6623
|
-
"parameters": [
|
|
6624
|
-
{
|
|
6625
|
-
"name": "context",
|
|
6626
|
-
"type": {
|
|
6627
|
-
"text": "ElementDefinitionContext"
|
|
6628
|
-
}
|
|
6629
|
-
},
|
|
6630
|
-
{
|
|
6631
|
-
"name": "definition",
|
|
6632
|
-
"type": {
|
|
6633
|
-
"text": "FlipperOptions"
|
|
6634
|
-
}
|
|
6635
|
-
}
|
|
6636
|
-
]
|
|
6637
|
-
}
|
|
6638
|
-
],
|
|
6639
|
-
"exports": [
|
|
6640
|
-
{
|
|
6641
|
-
"kind": "js",
|
|
6642
|
-
"name": "zeroFlipperTemplate",
|
|
6643
|
-
"declaration": {
|
|
6644
|
-
"name": "zeroFlipperTemplate",
|
|
6645
|
-
"module": "src/flipper/flipper.template.ts"
|
|
6646
|
-
}
|
|
6647
|
-
}
|
|
6648
|
-
]
|
|
6649
|
-
},
|
|
6650
|
-
{
|
|
6651
|
-
"kind": "javascript-module",
|
|
6652
|
-
"path": "src/flipper/flipper.ts",
|
|
6653
|
-
"declarations": [
|
|
6654
|
-
{
|
|
6655
|
-
"kind": "class",
|
|
6656
|
-
"description": "",
|
|
6657
|
-
"name": "Flipper",
|
|
6658
|
-
"superclass": {
|
|
6659
|
-
"name": "FoundationFlipper",
|
|
6660
|
-
"package": "@genesislcap/foundation-ui"
|
|
6661
|
-
}
|
|
6662
|
-
},
|
|
6663
|
-
{
|
|
6664
|
-
"kind": "variable",
|
|
6665
|
-
"name": "zeroFlipper"
|
|
6666
|
-
}
|
|
6667
|
-
],
|
|
6668
|
-
"exports": [
|
|
6669
|
-
{
|
|
6670
|
-
"kind": "js",
|
|
6671
|
-
"name": "Flipper",
|
|
6672
|
-
"declaration": {
|
|
6673
|
-
"name": "Flipper",
|
|
6674
|
-
"module": "src/flipper/flipper.ts"
|
|
6675
|
-
}
|
|
6676
|
-
},
|
|
6677
|
-
{
|
|
6678
|
-
"kind": "js",
|
|
6679
|
-
"name": "zeroFlipper",
|
|
6680
|
-
"declaration": {
|
|
6681
|
-
"name": "zeroFlipper",
|
|
6682
|
-
"module": "src/flipper/flipper.ts"
|
|
6683
|
-
}
|
|
6684
|
-
}
|
|
6685
|
-
]
|
|
6686
|
-
},
|
|
6687
|
-
{
|
|
6688
|
-
"kind": "javascript-module",
|
|
6689
|
-
"path": "src/flipper/index.ts",
|
|
6690
|
-
"declarations": [],
|
|
6691
|
-
"exports": [
|
|
6692
|
-
{
|
|
6693
|
-
"kind": "js",
|
|
6694
|
-
"name": "*",
|
|
6695
|
-
"declaration": {
|
|
6696
|
-
"name": "*",
|
|
6697
|
-
"package": "./flipper"
|
|
6698
|
-
}
|
|
6699
|
-
},
|
|
6700
|
-
{
|
|
6701
|
-
"kind": "js",
|
|
6702
|
-
"name": "*",
|
|
6703
|
-
"declaration": {
|
|
6704
|
-
"name": "*",
|
|
6705
|
-
"package": "./flipper.styles"
|
|
6706
|
-
}
|
|
6707
|
-
},
|
|
6708
|
-
{
|
|
6709
|
-
"kind": "js",
|
|
6710
|
-
"name": "*",
|
|
6711
|
-
"declaration": {
|
|
6712
|
-
"name": "*",
|
|
6713
|
-
"package": "./flipper.template"
|
|
6714
|
-
}
|
|
6715
|
-
}
|
|
6716
|
-
]
|
|
6717
|
-
},
|
|
6718
6532
|
{
|
|
6719
6533
|
"kind": "javascript-module",
|
|
6720
6534
|
"path": "src/flex-layout/flex-layout.stories.ts",
|
|
@@ -6924,6 +6738,192 @@
|
|
|
6924
6738
|
}
|
|
6925
6739
|
]
|
|
6926
6740
|
},
|
|
6741
|
+
{
|
|
6742
|
+
"kind": "javascript-module",
|
|
6743
|
+
"path": "src/flipper/flipper.stories.ts",
|
|
6744
|
+
"declarations": [
|
|
6745
|
+
{
|
|
6746
|
+
"kind": "variable",
|
|
6747
|
+
"name": "meta",
|
|
6748
|
+
"type": {
|
|
6749
|
+
"text": "Meta"
|
|
6750
|
+
},
|
|
6751
|
+
"default": "{\n title: 'Flipper',\n component: 'zero-flipper',\n}"
|
|
6752
|
+
},
|
|
6753
|
+
{
|
|
6754
|
+
"kind": "variable",
|
|
6755
|
+
"name": "Primary",
|
|
6756
|
+
"type": {
|
|
6757
|
+
"text": "StoryObj"
|
|
6758
|
+
},
|
|
6759
|
+
"default": "{\n argTypes: {\n direction: {\n control: 'select',\n options: ['previous', 'next'],\n },\n },\n args: {\n direction: 'next',\n },\n render: ({ direction }) =>\n html`\n <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n `,\n}"
|
|
6760
|
+
}
|
|
6761
|
+
],
|
|
6762
|
+
"exports": [
|
|
6763
|
+
{
|
|
6764
|
+
"kind": "js",
|
|
6765
|
+
"name": "default",
|
|
6766
|
+
"declaration": {
|
|
6767
|
+
"name": "meta",
|
|
6768
|
+
"module": "src/flipper/flipper.stories.ts"
|
|
6769
|
+
}
|
|
6770
|
+
},
|
|
6771
|
+
{
|
|
6772
|
+
"kind": "js",
|
|
6773
|
+
"name": "Primary",
|
|
6774
|
+
"declaration": {
|
|
6775
|
+
"name": "Primary",
|
|
6776
|
+
"module": "src/flipper/flipper.stories.ts"
|
|
6777
|
+
}
|
|
6778
|
+
}
|
|
6779
|
+
]
|
|
6780
|
+
},
|
|
6781
|
+
{
|
|
6782
|
+
"kind": "javascript-module",
|
|
6783
|
+
"path": "src/flipper/flipper.styles.ts",
|
|
6784
|
+
"declarations": [
|
|
6785
|
+
{
|
|
6786
|
+
"kind": "function",
|
|
6787
|
+
"name": "zeroFlipperStyles",
|
|
6788
|
+
"return": {
|
|
6789
|
+
"type": {
|
|
6790
|
+
"text": "ElementStyles"
|
|
6791
|
+
}
|
|
6792
|
+
},
|
|
6793
|
+
"parameters": [
|
|
6794
|
+
{
|
|
6795
|
+
"name": "context",
|
|
6796
|
+
"type": {
|
|
6797
|
+
"text": "ElementDefinitionContext"
|
|
6798
|
+
}
|
|
6799
|
+
},
|
|
6800
|
+
{
|
|
6801
|
+
"name": "definition",
|
|
6802
|
+
"type": {
|
|
6803
|
+
"text": "FlipperOptions"
|
|
6804
|
+
}
|
|
6805
|
+
}
|
|
6806
|
+
]
|
|
6807
|
+
}
|
|
6808
|
+
],
|
|
6809
|
+
"exports": [
|
|
6810
|
+
{
|
|
6811
|
+
"kind": "js",
|
|
6812
|
+
"name": "zeroFlipperStyles",
|
|
6813
|
+
"declaration": {
|
|
6814
|
+
"name": "zeroFlipperStyles",
|
|
6815
|
+
"module": "src/flipper/flipper.styles.ts"
|
|
6816
|
+
}
|
|
6817
|
+
}
|
|
6818
|
+
]
|
|
6819
|
+
},
|
|
6820
|
+
{
|
|
6821
|
+
"kind": "javascript-module",
|
|
6822
|
+
"path": "src/flipper/flipper.template.ts",
|
|
6823
|
+
"declarations": [
|
|
6824
|
+
{
|
|
6825
|
+
"kind": "function",
|
|
6826
|
+
"name": "zeroFlipperTemplate",
|
|
6827
|
+
"return": {
|
|
6828
|
+
"type": {
|
|
6829
|
+
"text": "ViewTemplate<Flipper>"
|
|
6830
|
+
}
|
|
6831
|
+
},
|
|
6832
|
+
"parameters": [
|
|
6833
|
+
{
|
|
6834
|
+
"name": "context",
|
|
6835
|
+
"type": {
|
|
6836
|
+
"text": "ElementDefinitionContext"
|
|
6837
|
+
}
|
|
6838
|
+
},
|
|
6839
|
+
{
|
|
6840
|
+
"name": "definition",
|
|
6841
|
+
"type": {
|
|
6842
|
+
"text": "FlipperOptions"
|
|
6843
|
+
}
|
|
6844
|
+
}
|
|
6845
|
+
]
|
|
6846
|
+
}
|
|
6847
|
+
],
|
|
6848
|
+
"exports": [
|
|
6849
|
+
{
|
|
6850
|
+
"kind": "js",
|
|
6851
|
+
"name": "zeroFlipperTemplate",
|
|
6852
|
+
"declaration": {
|
|
6853
|
+
"name": "zeroFlipperTemplate",
|
|
6854
|
+
"module": "src/flipper/flipper.template.ts"
|
|
6855
|
+
}
|
|
6856
|
+
}
|
|
6857
|
+
]
|
|
6858
|
+
},
|
|
6859
|
+
{
|
|
6860
|
+
"kind": "javascript-module",
|
|
6861
|
+
"path": "src/flipper/flipper.ts",
|
|
6862
|
+
"declarations": [
|
|
6863
|
+
{
|
|
6864
|
+
"kind": "class",
|
|
6865
|
+
"description": "",
|
|
6866
|
+
"name": "Flipper",
|
|
6867
|
+
"superclass": {
|
|
6868
|
+
"name": "FoundationFlipper",
|
|
6869
|
+
"package": "@genesislcap/foundation-ui"
|
|
6870
|
+
}
|
|
6871
|
+
},
|
|
6872
|
+
{
|
|
6873
|
+
"kind": "variable",
|
|
6874
|
+
"name": "zeroFlipper"
|
|
6875
|
+
}
|
|
6876
|
+
],
|
|
6877
|
+
"exports": [
|
|
6878
|
+
{
|
|
6879
|
+
"kind": "js",
|
|
6880
|
+
"name": "Flipper",
|
|
6881
|
+
"declaration": {
|
|
6882
|
+
"name": "Flipper",
|
|
6883
|
+
"module": "src/flipper/flipper.ts"
|
|
6884
|
+
}
|
|
6885
|
+
},
|
|
6886
|
+
{
|
|
6887
|
+
"kind": "js",
|
|
6888
|
+
"name": "zeroFlipper",
|
|
6889
|
+
"declaration": {
|
|
6890
|
+
"name": "zeroFlipper",
|
|
6891
|
+
"module": "src/flipper/flipper.ts"
|
|
6892
|
+
}
|
|
6893
|
+
}
|
|
6894
|
+
]
|
|
6895
|
+
},
|
|
6896
|
+
{
|
|
6897
|
+
"kind": "javascript-module",
|
|
6898
|
+
"path": "src/flipper/index.ts",
|
|
6899
|
+
"declarations": [],
|
|
6900
|
+
"exports": [
|
|
6901
|
+
{
|
|
6902
|
+
"kind": "js",
|
|
6903
|
+
"name": "*",
|
|
6904
|
+
"declaration": {
|
|
6905
|
+
"name": "*",
|
|
6906
|
+
"package": "./flipper"
|
|
6907
|
+
}
|
|
6908
|
+
},
|
|
6909
|
+
{
|
|
6910
|
+
"kind": "js",
|
|
6911
|
+
"name": "*",
|
|
6912
|
+
"declaration": {
|
|
6913
|
+
"name": "*",
|
|
6914
|
+
"package": "./flipper.styles"
|
|
6915
|
+
}
|
|
6916
|
+
},
|
|
6917
|
+
{
|
|
6918
|
+
"kind": "js",
|
|
6919
|
+
"name": "*",
|
|
6920
|
+
"declaration": {
|
|
6921
|
+
"name": "*",
|
|
6922
|
+
"package": "./flipper.template"
|
|
6923
|
+
}
|
|
6924
|
+
}
|
|
6925
|
+
]
|
|
6926
|
+
},
|
|
6927
6927
|
{
|
|
6928
6928
|
"kind": "javascript-module",
|
|
6929
6929
|
"path": "src/flyout/flyout.stories.ts",
|