@genesislcap/foundation-zero 14.57.2-alpha-ace415db47.0 → 14.59.0

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 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 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 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 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": [
@@ -114,6 +114,14 @@
114
114
  "package": "./anchor"
115
115
  }
116
116
  },
117
+ {
118
+ "kind": "js",
119
+ "name": "*",
120
+ "declaration": {
121
+ "name": "*",
122
+ "package": "./anchored-region"
123
+ }
124
+ },
117
125
  {
118
126
  "kind": "js",
119
127
  "name": "*",
@@ -744,6 +752,37 @@
744
752
  }
745
753
  ]
746
754
  },
755
+ {
756
+ "kind": "javascript-module",
757
+ "path": "src/_config/index.ts",
758
+ "declarations": [],
759
+ "exports": [
760
+ {
761
+ "kind": "js",
762
+ "name": "*",
763
+ "declaration": {
764
+ "name": "*",
765
+ "package": "./styles"
766
+ }
767
+ },
768
+ {
769
+ "kind": "js",
770
+ "name": "*",
771
+ "declaration": {
772
+ "name": "*",
773
+ "package": "./tokens"
774
+ }
775
+ },
776
+ {
777
+ "kind": "js",
778
+ "name": "*",
779
+ "declaration": {
780
+ "name": "*",
781
+ "package": "./values"
782
+ }
783
+ }
784
+ ]
785
+ },
747
786
  {
748
787
  "kind": "javascript-module",
749
788
  "path": "src/accordion/accordion.stories.ts",
@@ -932,37 +971,6 @@
932
971
  }
933
972
  ]
934
973
  },
935
- {
936
- "kind": "javascript-module",
937
- "path": "src/_config/index.ts",
938
- "declarations": [],
939
- "exports": [
940
- {
941
- "kind": "js",
942
- "name": "*",
943
- "declaration": {
944
- "name": "*",
945
- "package": "./styles"
946
- }
947
- },
948
- {
949
- "kind": "js",
950
- "name": "*",
951
- "declaration": {
952
- "name": "*",
953
- "package": "./tokens"
954
- }
955
- },
956
- {
957
- "kind": "js",
958
- "name": "*",
959
- "declaration": {
960
- "name": "*",
961
- "package": "./values"
962
- }
963
- }
964
- ]
965
- },
966
974
  {
967
975
  "kind": "javascript-module",
968
976
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1458,6 +1466,194 @@
1458
1466
  }
1459
1467
  ]
1460
1468
  },
1469
+ {
1470
+ "kind": "javascript-module",
1471
+ "path": "src/anchored-region/anchored-region.stories.ts",
1472
+ "declarations": [
1473
+ {
1474
+ "kind": "variable",
1475
+ "name": "meta",
1476
+ "type": {
1477
+ "text": "Meta"
1478
+ },
1479
+ "default": "{\n title: 'Anchored Region',\n component: 'zero-anchored-region',\n}"
1480
+ },
1481
+ {
1482
+ "kind": "variable",
1483
+ "name": "Default",
1484
+ "type": {
1485
+ "text": "StoryObj"
1486
+ },
1487
+ "default": "{\n args: {\n anchorText: 'This will show above button',\n },\n ...StylesMapperTemplate,\n}"
1488
+ }
1489
+ ],
1490
+ "exports": [
1491
+ {
1492
+ "kind": "js",
1493
+ "name": "default",
1494
+ "declaration": {
1495
+ "name": "meta",
1496
+ "module": "src/anchored-region/anchored-region.stories.ts"
1497
+ }
1498
+ },
1499
+ {
1500
+ "kind": "js",
1501
+ "name": "Default",
1502
+ "declaration": {
1503
+ "name": "Default",
1504
+ "module": "src/anchored-region/anchored-region.stories.ts"
1505
+ }
1506
+ }
1507
+ ]
1508
+ },
1509
+ {
1510
+ "kind": "javascript-module",
1511
+ "path": "src/anchored-region/anchored-region.styles.ts",
1512
+ "declarations": [
1513
+ {
1514
+ "kind": "function",
1515
+ "name": "zeroAnchoredRegionStyles",
1516
+ "return": {
1517
+ "type": {
1518
+ "text": "ElementStyles"
1519
+ }
1520
+ },
1521
+ "parameters": [
1522
+ {
1523
+ "name": "context",
1524
+ "type": {
1525
+ "text": "ElementDefinitionContext"
1526
+ }
1527
+ },
1528
+ {
1529
+ "name": "definition",
1530
+ "type": {
1531
+ "text": "FoundationElementDefinition"
1532
+ }
1533
+ }
1534
+ ]
1535
+ }
1536
+ ],
1537
+ "exports": [
1538
+ {
1539
+ "kind": "js",
1540
+ "name": "zeroAnchoredRegionStyles",
1541
+ "declaration": {
1542
+ "name": "zeroAnchoredRegionStyles",
1543
+ "module": "src/anchored-region/anchored-region.styles.ts"
1544
+ }
1545
+ }
1546
+ ]
1547
+ },
1548
+ {
1549
+ "kind": "javascript-module",
1550
+ "path": "src/anchored-region/anchored-region.template.ts",
1551
+ "declarations": [
1552
+ {
1553
+ "kind": "function",
1554
+ "name": "zeroAnchoredRegionTemplate",
1555
+ "return": {
1556
+ "type": {
1557
+ "text": "ViewTemplate<AnchoredRegion>"
1558
+ }
1559
+ },
1560
+ "parameters": [
1561
+ {
1562
+ "name": "context",
1563
+ "type": {
1564
+ "text": "ElementDefinitionContext"
1565
+ }
1566
+ },
1567
+ {
1568
+ "name": "definition",
1569
+ "type": {
1570
+ "text": "FoundationElementDefinition"
1571
+ }
1572
+ }
1573
+ ]
1574
+ }
1575
+ ],
1576
+ "exports": [
1577
+ {
1578
+ "kind": "js",
1579
+ "name": "zeroAnchoredRegionTemplate",
1580
+ "declaration": {
1581
+ "name": "zeroAnchoredRegionTemplate",
1582
+ "module": "src/anchored-region/anchored-region.template.ts"
1583
+ }
1584
+ }
1585
+ ]
1586
+ },
1587
+ {
1588
+ "kind": "javascript-module",
1589
+ "path": "src/anchored-region/anchored-region.ts",
1590
+ "declarations": [
1591
+ {
1592
+ "kind": "class",
1593
+ "description": "",
1594
+ "name": "AnchoredRegion",
1595
+ "superclass": {
1596
+ "name": "FoundationAnchoredRegion",
1597
+ "package": "@genesislcap/foundation-ui"
1598
+ },
1599
+ "tagName": "%%prefix%%-anchored-region",
1600
+ "customElement": true
1601
+ },
1602
+ {
1603
+ "kind": "variable",
1604
+ "name": "zeroAnchoredRegion"
1605
+ }
1606
+ ],
1607
+ "exports": [
1608
+ {
1609
+ "kind": "js",
1610
+ "name": "AnchoredRegion",
1611
+ "declaration": {
1612
+ "name": "AnchoredRegion",
1613
+ "module": "src/anchored-region/anchored-region.ts"
1614
+ }
1615
+ },
1616
+ {
1617
+ "kind": "js",
1618
+ "name": "zeroAnchoredRegion",
1619
+ "declaration": {
1620
+ "name": "zeroAnchoredRegion",
1621
+ "module": "src/anchored-region/anchored-region.ts"
1622
+ }
1623
+ }
1624
+ ]
1625
+ },
1626
+ {
1627
+ "kind": "javascript-module",
1628
+ "path": "src/anchored-region/index.ts",
1629
+ "declarations": [],
1630
+ "exports": [
1631
+ {
1632
+ "kind": "js",
1633
+ "name": "*",
1634
+ "declaration": {
1635
+ "name": "*",
1636
+ "package": "./anchored-region"
1637
+ }
1638
+ },
1639
+ {
1640
+ "kind": "js",
1641
+ "name": "*",
1642
+ "declaration": {
1643
+ "name": "*",
1644
+ "package": "./anchored-region.styles"
1645
+ }
1646
+ },
1647
+ {
1648
+ "kind": "js",
1649
+ "name": "*",
1650
+ "declaration": {
1651
+ "name": "*",
1652
+ "package": "./anchored-region.template"
1653
+ }
1654
+ }
1655
+ ]
1656
+ },
1461
1657
  {
1462
1658
  "kind": "javascript-module",
1463
1659
  "path": "src/badge/badge.stories.ts",
@@ -0,0 +1,8 @@
1
+ import { AnchoredRegion as FoundationAnchoredRegion } from '@genesislcap/foundation-ui';
2
+ /**
3
+ * @tagname %%prefix%%-anchored-region
4
+ */
5
+ export declare class AnchoredRegion extends FoundationAnchoredRegion {
6
+ }
7
+ export declare const zeroAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof AnchoredRegion>;
8
+ //# sourceMappingURL=anchored-region.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anchored-region.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,wBAAwB,EAG3C,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,cAAe,SAAQ,wBAAwB;CAAG;AAE/D,eAAO,MAAM,kBAAkB,8TAM7B,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 Default: StoryObj;
5
+ //# sourceMappingURL=anchored-region.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anchored-region.stories.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.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 zeroAnchoredRegionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
4
+ //# sourceMappingURL=anchored-region.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anchored-region.styles.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.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,wBAAwB,YAC1B,wBAAwB,cACrB,2BAA2B,KACtC,aAGA,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 { AnchoredRegion } from './anchored-region';
4
+ export declare const zeroAnchoredRegionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AnchoredRegion>;
5
+ //# sourceMappingURL=anchored-region.template.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anchored-region.template.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.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,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,0BAA0B,YAC5B,wBAAwB,cACrB,2BAA2B,KACtC,aAAa,cAAc,CAA0D,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './anchored-region';
2
+ export * from './anchored-region.styles';
3
+ export * from './anchored-region.template';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
@@ -4,6 +4,7 @@ export declare const baseComponents: {
4
4
  zeroAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./accordion-item").AccordionItem>;
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
+ 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>;
7
8
  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>;
8
9
  zeroBanner: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
9
10
  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;AAgE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA+DJ,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;AAiE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAgEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
@@ -8,6 +8,7 @@ export * from './accordion';
8
8
  export * from './accordion-item';
9
9
  export * from './actions-menu';
10
10
  export * from './anchor';
11
+ export * from './anchored-region';
11
12
  export * from './badge';
12
13
  export * from './banner';
13
14
  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,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,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,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,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 { AnchoredRegion as FoundationAnchoredRegion, defaultAnchoredRegionConfig, foundationAnchoredRegionShadowOptions, } from '@genesislcap/foundation-ui';
2
+ import { zeroAnchoredRegionStyles as styles } from './anchored-region.styles';
3
+ import { zeroAnchoredRegionTemplate as template } from './anchored-region.template';
4
+ /**
5
+ * @tagname %%prefix%%-anchored-region
6
+ */
7
+ export class AnchoredRegion extends FoundationAnchoredRegion {
8
+ }
9
+ export const zeroAnchoredRegion = AnchoredRegion.compose(Object.assign({ baseName: 'anchored-region', template,
10
+ styles, shadowOptions: foundationAnchoredRegionShadowOptions }, defaultAnchoredRegionConfig));
@@ -0,0 +1,29 @@
1
+ import { html } from 'lit-html';
2
+ const meta = {
3
+ title: 'Anchored Region',
4
+ component: 'zero-anchored-region',
5
+ };
6
+ export default meta;
7
+ const wrapperStyle = 'display: flex; flex-direction: column; justify-content: space-between; height: 500px';
8
+ const StylesMapperTemplate = {
9
+ render: ({ anchorText }) => html `
10
+ <zero-card style=${wrapperStyle}>
11
+ <div
12
+ id="viewport"
13
+ style="margin-top: 20px; display: flex; justify-content: center; align-items: center;"
14
+ >
15
+ <zero-button id="anchor-b1">Button is an anchor</zero-button>
16
+ <zero-anchored-region
17
+ anchor="anchor-b1"
18
+ vertical-positioning-mode="locktodefault"
19
+ vertical-default-position="top"
20
+ >
21
+ <h6>${anchorText}</h6>
22
+ </zero-anchored-region>
23
+ </div>
24
+ </zero-card>
25
+ `,
26
+ };
27
+ export const Default = Object.assign({ args: {
28
+ anchorText: 'This will show above button',
29
+ } }, StylesMapperTemplate);
@@ -0,0 +1,5 @@
1
+ import { foundationAnchoredRegionStyles } from '@genesislcap/foundation-ui';
2
+ import { css } from '@microsoft/fast-element';
3
+ export const zeroAnchoredRegionStyles = (context, definition) => css `
4
+ ${foundationAnchoredRegionStyles(context, definition)}
5
+ `;
@@ -0,0 +1,2 @@
1
+ import { foundationAnchoredRegionTemplate } from '@genesislcap/foundation-ui';
2
+ export const zeroAnchoredRegionTemplate = (context, definition) => foundationAnchoredRegionTemplate(context, definition);
@@ -0,0 +1,3 @@
1
+ export * from './anchored-region';
2
+ export * from './anchored-region.styles';
3
+ export * from './anchored-region.template';
@@ -3,6 +3,7 @@ import { zeroAccordion } from './accordion';
3
3
  import { zeroAccordionItem } from './accordion-item';
4
4
  import { zeroActionsMenu } from './actions-menu';
5
5
  import { zeroAnchor } from './anchor';
6
+ import { zeroAnchoredRegion } from './anchored-region';
6
7
  import { zeroBadge } from './badge';
7
8
  import { zeroBanner } from './banner';
8
9
  import { zeroBreadcrumb } from './breadcrumb';
@@ -66,6 +67,7 @@ export const baseComponents = {
66
67
  zeroAccordionItem,
67
68
  zeroActionsMenu,
68
69
  zeroAnchor,
70
+ zeroAnchoredRegion,
69
71
  zeroBadge,
70
72
  zeroBanner,
71
73
  zeroBreadcrumbItem,
package/dist/esm/index.js CHANGED
@@ -8,6 +8,7 @@ export * from './accordion';
8
8
  export * from './accordion-item';
9
9
  export * from './actions-menu';
10
10
  export * from './anchor';
11
+ export * from './anchored-region';
11
12
  export * from './badge';
12
13
  export * from './banner';
13
14
  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.57.2-alpha-ace415db47.0",
4
+ "version": "14.59.0",
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.57.2-alpha-ace415db47.0",
65
+ "@genesislcap/genx": "14.59.0",
66
66
  "@storybook/addon-essentials": "^7.0.0",
67
67
  "@storybook/addon-links": "^7.0.0",
68
68
  "@storybook/addons": "^7.0.0",
@@ -75,9 +75,9 @@
75
75
  "storybook": "^7.0.0"
76
76
  },
77
77
  "dependencies": {
78
- "@genesislcap/foundation-comms": "14.57.2-alpha-ace415db47.0",
79
- "@genesislcap/foundation-ui": "14.57.2-alpha-ace415db47.0",
80
- "@genesislcap/foundation-utils": "14.57.2-alpha-ace415db47.0",
78
+ "@genesislcap/foundation-comms": "14.59.0",
79
+ "@genesislcap/foundation-ui": "14.59.0",
80
+ "@genesislcap/foundation-utils": "14.59.0",
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": "aa3b753a57aa3bf957a51de0674e7965f994a0a8"
97
+ "gitHead": "9e694bb994fa48b71b0c6301a3ad72f54671d117"
98
98
  }