@genesislcap/foundation-zero 14.61.2 → 14.62.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 +197 -1
- package/dist/dts/avatar/avatar.d.ts +8 -0
- package/dist/dts/avatar/avatar.d.ts.map +1 -0
- package/dist/dts/avatar/avatar.stories.d.ts +5 -0
- package/dist/dts/avatar/avatar.stories.d.ts.map +1 -0
- package/dist/dts/avatar/avatar.styles.d.ts +4 -0
- package/dist/dts/avatar/avatar.styles.d.ts.map +1 -0
- package/dist/dts/avatar/avatar.template.d.ts +5 -0
- package/dist/dts/avatar/avatar.template.d.ts.map +1 -0
- package/dist/dts/avatar/index.d.ts +4 -0
- package/dist/dts/avatar/index.d.ts.map +1 -0
- package/dist/dts/base-components.d.ts +1 -0
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/esm/avatar/avatar.js +10 -0
- package/dist/esm/avatar/avatar.stories.js +30 -0
- package/dist/esm/avatar/avatar.styles.js +5 -0
- package/dist/esm/avatar/avatar.template.js +2 -0
- package/dist/esm/avatar/index.js +3 -0
- package/dist/esm/base-components.js +2 -0
- package/dist/esm/index.js +1 -0
- package/package.json +6 -6
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"type": {
|
|
13
13
|
"text": "object"
|
|
14
14
|
},
|
|
15
|
-
"default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCard,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSnackbar,\n zeroSwitch,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\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 zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumbItem,\n zeroBreadcrumb,\n zeroButton,\n zeroCard,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDatePicker,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBoundary,\n zeroNotificationListener,\n zeroErrorBanner,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSnackbar,\n zeroSwitch,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\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": [
|
|
@@ -122,6 +122,14 @@
|
|
|
122
122
|
"package": "./anchored-region"
|
|
123
123
|
}
|
|
124
124
|
},
|
|
125
|
+
{
|
|
126
|
+
"kind": "js",
|
|
127
|
+
"name": "*",
|
|
128
|
+
"declaration": {
|
|
129
|
+
"name": "*",
|
|
130
|
+
"package": "./avatar"
|
|
131
|
+
}
|
|
132
|
+
},
|
|
125
133
|
{
|
|
126
134
|
"kind": "js",
|
|
127
135
|
"name": "*",
|
|
@@ -1662,6 +1670,194 @@
|
|
|
1662
1670
|
}
|
|
1663
1671
|
]
|
|
1664
1672
|
},
|
|
1673
|
+
{
|
|
1674
|
+
"kind": "javascript-module",
|
|
1675
|
+
"path": "src/avatar/avatar.stories.ts",
|
|
1676
|
+
"declarations": [
|
|
1677
|
+
{
|
|
1678
|
+
"kind": "variable",
|
|
1679
|
+
"name": "meta",
|
|
1680
|
+
"type": {
|
|
1681
|
+
"text": "Meta"
|
|
1682
|
+
},
|
|
1683
|
+
"default": "{\n title: 'Avatar',\n component: 'zero-avatar',\n}"
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"kind": "variable",
|
|
1687
|
+
"name": "Primary",
|
|
1688
|
+
"type": {
|
|
1689
|
+
"text": "StoryObj"
|
|
1690
|
+
},
|
|
1691
|
+
"default": "{\n args: {\n anchorText: 'This will show above button',\n },\n ...StylesMapperTemplate,\n}"
|
|
1692
|
+
}
|
|
1693
|
+
],
|
|
1694
|
+
"exports": [
|
|
1695
|
+
{
|
|
1696
|
+
"kind": "js",
|
|
1697
|
+
"name": "default",
|
|
1698
|
+
"declaration": {
|
|
1699
|
+
"name": "meta",
|
|
1700
|
+
"module": "src/avatar/avatar.stories.ts"
|
|
1701
|
+
}
|
|
1702
|
+
},
|
|
1703
|
+
{
|
|
1704
|
+
"kind": "js",
|
|
1705
|
+
"name": "Primary",
|
|
1706
|
+
"declaration": {
|
|
1707
|
+
"name": "Primary",
|
|
1708
|
+
"module": "src/avatar/avatar.stories.ts"
|
|
1709
|
+
}
|
|
1710
|
+
}
|
|
1711
|
+
]
|
|
1712
|
+
},
|
|
1713
|
+
{
|
|
1714
|
+
"kind": "javascript-module",
|
|
1715
|
+
"path": "src/avatar/avatar.styles.ts",
|
|
1716
|
+
"declarations": [
|
|
1717
|
+
{
|
|
1718
|
+
"kind": "function",
|
|
1719
|
+
"name": "zeroAvatarStyles",
|
|
1720
|
+
"return": {
|
|
1721
|
+
"type": {
|
|
1722
|
+
"text": "ElementStyles"
|
|
1723
|
+
}
|
|
1724
|
+
},
|
|
1725
|
+
"parameters": [
|
|
1726
|
+
{
|
|
1727
|
+
"name": "context",
|
|
1728
|
+
"type": {
|
|
1729
|
+
"text": "ElementDefinitionContext"
|
|
1730
|
+
}
|
|
1731
|
+
},
|
|
1732
|
+
{
|
|
1733
|
+
"name": "definition",
|
|
1734
|
+
"type": {
|
|
1735
|
+
"text": "FoundationElementDefinition"
|
|
1736
|
+
}
|
|
1737
|
+
}
|
|
1738
|
+
]
|
|
1739
|
+
}
|
|
1740
|
+
],
|
|
1741
|
+
"exports": [
|
|
1742
|
+
{
|
|
1743
|
+
"kind": "js",
|
|
1744
|
+
"name": "zeroAvatarStyles",
|
|
1745
|
+
"declaration": {
|
|
1746
|
+
"name": "zeroAvatarStyles",
|
|
1747
|
+
"module": "src/avatar/avatar.styles.ts"
|
|
1748
|
+
}
|
|
1749
|
+
}
|
|
1750
|
+
]
|
|
1751
|
+
},
|
|
1752
|
+
{
|
|
1753
|
+
"kind": "javascript-module",
|
|
1754
|
+
"path": "src/avatar/avatar.template.ts",
|
|
1755
|
+
"declarations": [
|
|
1756
|
+
{
|
|
1757
|
+
"kind": "function",
|
|
1758
|
+
"name": "zeroAvatarTemplate",
|
|
1759
|
+
"return": {
|
|
1760
|
+
"type": {
|
|
1761
|
+
"text": "ViewTemplate<Avatar>"
|
|
1762
|
+
}
|
|
1763
|
+
},
|
|
1764
|
+
"parameters": [
|
|
1765
|
+
{
|
|
1766
|
+
"name": "context",
|
|
1767
|
+
"type": {
|
|
1768
|
+
"text": "ElementDefinitionContext"
|
|
1769
|
+
}
|
|
1770
|
+
},
|
|
1771
|
+
{
|
|
1772
|
+
"name": "definition",
|
|
1773
|
+
"type": {
|
|
1774
|
+
"text": "FoundationElementDefinition"
|
|
1775
|
+
}
|
|
1776
|
+
}
|
|
1777
|
+
]
|
|
1778
|
+
}
|
|
1779
|
+
],
|
|
1780
|
+
"exports": [
|
|
1781
|
+
{
|
|
1782
|
+
"kind": "js",
|
|
1783
|
+
"name": "zeroAvatarTemplate",
|
|
1784
|
+
"declaration": {
|
|
1785
|
+
"name": "zeroAvatarTemplate",
|
|
1786
|
+
"module": "src/avatar/avatar.template.ts"
|
|
1787
|
+
}
|
|
1788
|
+
}
|
|
1789
|
+
]
|
|
1790
|
+
},
|
|
1791
|
+
{
|
|
1792
|
+
"kind": "javascript-module",
|
|
1793
|
+
"path": "src/avatar/avatar.ts",
|
|
1794
|
+
"declarations": [
|
|
1795
|
+
{
|
|
1796
|
+
"kind": "class",
|
|
1797
|
+
"description": "",
|
|
1798
|
+
"name": "Avatar",
|
|
1799
|
+
"superclass": {
|
|
1800
|
+
"name": "FoundationAvatar",
|
|
1801
|
+
"package": "@genesislcap/foundation-ui"
|
|
1802
|
+
},
|
|
1803
|
+
"tagName": "%%prefix%%-avatar",
|
|
1804
|
+
"customElement": true
|
|
1805
|
+
},
|
|
1806
|
+
{
|
|
1807
|
+
"kind": "variable",
|
|
1808
|
+
"name": "zeroAvatar"
|
|
1809
|
+
}
|
|
1810
|
+
],
|
|
1811
|
+
"exports": [
|
|
1812
|
+
{
|
|
1813
|
+
"kind": "js",
|
|
1814
|
+
"name": "Avatar",
|
|
1815
|
+
"declaration": {
|
|
1816
|
+
"name": "Avatar",
|
|
1817
|
+
"module": "src/avatar/avatar.ts"
|
|
1818
|
+
}
|
|
1819
|
+
},
|
|
1820
|
+
{
|
|
1821
|
+
"kind": "js",
|
|
1822
|
+
"name": "zeroAvatar",
|
|
1823
|
+
"declaration": {
|
|
1824
|
+
"name": "zeroAvatar",
|
|
1825
|
+
"module": "src/avatar/avatar.ts"
|
|
1826
|
+
}
|
|
1827
|
+
}
|
|
1828
|
+
]
|
|
1829
|
+
},
|
|
1830
|
+
{
|
|
1831
|
+
"kind": "javascript-module",
|
|
1832
|
+
"path": "src/avatar/index.ts",
|
|
1833
|
+
"declarations": [],
|
|
1834
|
+
"exports": [
|
|
1835
|
+
{
|
|
1836
|
+
"kind": "js",
|
|
1837
|
+
"name": "*",
|
|
1838
|
+
"declaration": {
|
|
1839
|
+
"name": "*",
|
|
1840
|
+
"package": "./avatar"
|
|
1841
|
+
}
|
|
1842
|
+
},
|
|
1843
|
+
{
|
|
1844
|
+
"kind": "js",
|
|
1845
|
+
"name": "*",
|
|
1846
|
+
"declaration": {
|
|
1847
|
+
"name": "*",
|
|
1848
|
+
"package": "./avatar.styles"
|
|
1849
|
+
}
|
|
1850
|
+
},
|
|
1851
|
+
{
|
|
1852
|
+
"kind": "js",
|
|
1853
|
+
"name": "*",
|
|
1854
|
+
"declaration": {
|
|
1855
|
+
"name": "*",
|
|
1856
|
+
"package": "./avatar.template"
|
|
1857
|
+
}
|
|
1858
|
+
}
|
|
1859
|
+
]
|
|
1860
|
+
},
|
|
1665
1861
|
{
|
|
1666
1862
|
"kind": "javascript-module",
|
|
1667
1863
|
"path": "src/badge/badge.stories.ts",
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Avatar as FoundationAvatar } from '@genesislcap/foundation-ui';
|
|
2
|
+
/**
|
|
3
|
+
* @tagname %%prefix%%-avatar
|
|
4
|
+
*/
|
|
5
|
+
export declare class Avatar extends FoundationAvatar {
|
|
6
|
+
}
|
|
7
|
+
export declare const zeroAvatar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Avatar>;
|
|
8
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,gBAAgB,EAG3B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C,eAAO,MAAM,UAAU,sTAMrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,EAAE,QAKrB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ElementStyles } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const zeroAvatarStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
|
|
4
|
+
//# sourceMappingURL=avatar.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAEF,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
|
|
3
|
+
import type { Avatar } from './avatar';
|
|
4
|
+
export declare const zeroAvatarTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Avatar>;
|
|
5
|
+
//# sourceMappingURL=avatar.template.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.template.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aAAa,MAAM,CAAkD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}
|
|
@@ -5,6 +5,7 @@ export declare const baseComponents: {
|
|
|
5
5
|
zeroActionsMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./actions-menu").ActionsMenu>;
|
|
6
6
|
zeroAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchor").Anchor>;
|
|
7
7
|
zeroAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./anchored-region").AnchoredRegion>;
|
|
8
|
+
zeroAvatar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./avatar").Avatar>;
|
|
8
9
|
zeroBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./badge").Badge>;
|
|
9
10
|
zeroBanner: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
10
11
|
baseName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAmE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAkEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
|
package/dist/dts/index.d.ts
CHANGED
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Avatar as FoundationAvatar, defaultAvatarConfig, foundationAvatarShadowOptions, } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { zeroAvatarStyles as styles } from './avatar.styles';
|
|
3
|
+
import { zeroAvatarTemplate as template } from './avatar.template';
|
|
4
|
+
/**
|
|
5
|
+
* @tagname %%prefix%%-avatar
|
|
6
|
+
*/
|
|
7
|
+
export class Avatar extends FoundationAvatar {
|
|
8
|
+
}
|
|
9
|
+
export const zeroAvatar = Avatar.compose(Object.assign({ baseName: 'avatar', template,
|
|
10
|
+
styles, shadowOptions: foundationAvatarShadowOptions }, defaultAvatarConfig));
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { html } from 'lit-html';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Avatar',
|
|
4
|
+
component: 'zero-avatar',
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
const wrapperStyle = 'display: flex; padding: 10px; gap: 1em; height: 500px; --avatar-fill-accent-primary: var(--accent-fill-rest)';
|
|
8
|
+
const StylesMapperTemplate = {
|
|
9
|
+
render: () => html `
|
|
10
|
+
<zero-card style=${wrapperStyle}>
|
|
11
|
+
<zero-avatar
|
|
12
|
+
src="https://avataaars.io/?avatarStyle=Circle&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light"
|
|
13
|
+
alt="Annie's profile image"
|
|
14
|
+
link="#"
|
|
15
|
+
></zero-avatar>
|
|
16
|
+
<zero-avatar
|
|
17
|
+
alt="Annie James"
|
|
18
|
+
link="#"
|
|
19
|
+
name="Annie Lennox"
|
|
20
|
+
shape="circle"
|
|
21
|
+
fill="accent-primary"
|
|
22
|
+
>
|
|
23
|
+
AJ
|
|
24
|
+
</zero-avatar>
|
|
25
|
+
</zero-card>
|
|
26
|
+
`,
|
|
27
|
+
};
|
|
28
|
+
export const Primary = Object.assign({ args: {
|
|
29
|
+
anchorText: 'This will show above button',
|
|
30
|
+
} }, StylesMapperTemplate);
|
|
@@ -4,6 +4,7 @@ import { zeroAccordionItem } from './accordion-item';
|
|
|
4
4
|
import { zeroActionsMenu } from './actions-menu';
|
|
5
5
|
import { zeroAnchor } from './anchor';
|
|
6
6
|
import { zeroAnchoredRegion } from './anchored-region';
|
|
7
|
+
import { zeroAvatar } from './avatar';
|
|
7
8
|
import { zeroBadge } from './badge';
|
|
8
9
|
import { zeroBanner } from './banner';
|
|
9
10
|
import { zeroBreadcrumb } from './breadcrumb';
|
|
@@ -69,6 +70,7 @@ export const baseComponents = {
|
|
|
69
70
|
zeroActionsMenu,
|
|
70
71
|
zeroAnchor,
|
|
71
72
|
zeroAnchoredRegion,
|
|
73
|
+
zeroAvatar,
|
|
72
74
|
zeroBadge,
|
|
73
75
|
zeroBanner,
|
|
74
76
|
zeroBreadcrumbItem,
|
package/dist/esm/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.62.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"storybook": "storybook dev -p 6006"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@genesislcap/genx": "14.
|
|
65
|
+
"@genesislcap/genx": "14.62.1",
|
|
66
66
|
"@storybook/addon-essentials": "^7.1.0",
|
|
67
67
|
"@storybook/addon-links": "^7.1.0",
|
|
68
68
|
"@storybook/addons": "^7.1.0",
|
|
@@ -75,9 +75,9 @@
|
|
|
75
75
|
"storybook": "^7.1.0"
|
|
76
76
|
},
|
|
77
77
|
"dependencies": {
|
|
78
|
-
"@genesislcap/foundation-comms": "14.
|
|
79
|
-
"@genesislcap/foundation-ui": "14.
|
|
80
|
-
"@genesislcap/foundation-utils": "14.
|
|
78
|
+
"@genesislcap/foundation-comms": "14.62.1",
|
|
79
|
+
"@genesislcap/foundation-ui": "14.62.1",
|
|
80
|
+
"@genesislcap/foundation-utils": "14.62.1",
|
|
81
81
|
"@microsoft/fast-colors": "^5.1.4",
|
|
82
82
|
"@microsoft/fast-components": "^2.21.3",
|
|
83
83
|
"@microsoft/fast-element": "^1.7.0",
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"access": "public"
|
|
95
95
|
},
|
|
96
96
|
"customElements": "dist/custom-elements.json",
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "07db799664062919182c7c29fefab54b9c94fcfe"
|
|
98
98
|
}
|