@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.
@@ -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,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/web-components';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ export declare const Primary: StoryObj;
5
+ //# sourceMappingURL=avatar.stories.d.ts.map
@@ -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,4 @@
1
+ export * from './avatar';
2
+ export * from './avatar.styles';
3
+ export * from './avatar.template';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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;AAkE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,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"}
@@ -9,6 +9,7 @@ export * from './accordion-item';
9
9
  export * from './actions-menu';
10
10
  export * from './anchor';
11
11
  export * from './anchored-region';
12
+ export * from './avatar';
12
13
  export * from './badge';
13
14
  export * from './banner';
14
15
  export * from './breadcrumb-item';
@@ -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);
@@ -0,0 +1,5 @@
1
+ import { foundationAvatarStyles } from '@genesislcap/foundation-ui';
2
+ import { css } from '@microsoft/fast-element';
3
+ export const zeroAvatarStyles = (context, definition) => css `
4
+ ${foundationAvatarStyles(context, definition)}
5
+ `;
@@ -0,0 +1,2 @@
1
+ import { foundationAvatarTemplate } from '@genesislcap/foundation-ui';
2
+ export const zeroAvatarTemplate = (context, definition) => foundationAvatarTemplate(context, definition);
@@ -0,0 +1,3 @@
1
+ export * from './avatar';
2
+ export * from './avatar.styles';
3
+ export * from './avatar.template';
@@ -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
@@ -9,6 +9,7 @@ export * from './accordion-item';
9
9
  export * from './actions-menu';
10
10
  export * from './anchor';
11
11
  export * from './anchored-region';
12
+ export * from './avatar';
12
13
  export * from './badge';
13
14
  export * from './banner';
14
15
  export * from './breadcrumb-item';
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.61.2",
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.61.2",
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.61.2",
79
- "@genesislcap/foundation-ui": "14.61.2",
80
- "@genesislcap/foundation-utils": "14.61.2",
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": "0e19c24938b66072e9f5b464868cd8e51c8957a2"
97
+ "gitHead": "07db799664062919182c7c29fefab54b9c94fcfe"
98
98
  }