@genesislcap/foundation-zero 14.82.0 → 14.83.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.
@@ -784,37 +784,6 @@
784
784
  }
785
785
  ]
786
786
  },
787
- {
788
- "kind": "javascript-module",
789
- "path": "src/_config/index.ts",
790
- "declarations": [],
791
- "exports": [
792
- {
793
- "kind": "js",
794
- "name": "*",
795
- "declaration": {
796
- "name": "*",
797
- "package": "./styles"
798
- }
799
- },
800
- {
801
- "kind": "js",
802
- "name": "*",
803
- "declaration": {
804
- "name": "*",
805
- "package": "./tokens"
806
- }
807
- },
808
- {
809
- "kind": "js",
810
- "name": "*",
811
- "declaration": {
812
- "name": "*",
813
- "package": "./values"
814
- }
815
- }
816
- ]
817
- },
818
787
  {
819
788
  "kind": "javascript-module",
820
789
  "path": "src/accordion/accordion.stories.ts",
@@ -1003,6 +972,37 @@
1003
972
  }
1004
973
  ]
1005
974
  },
975
+ {
976
+ "kind": "javascript-module",
977
+ "path": "src/_config/index.ts",
978
+ "declarations": [],
979
+ "exports": [
980
+ {
981
+ "kind": "js",
982
+ "name": "*",
983
+ "declaration": {
984
+ "name": "*",
985
+ "package": "./styles"
986
+ }
987
+ },
988
+ {
989
+ "kind": "js",
990
+ "name": "*",
991
+ "declaration": {
992
+ "name": "*",
993
+ "package": "./tokens"
994
+ }
995
+ },
996
+ {
997
+ "kind": "js",
998
+ "name": "*",
999
+ "declaration": {
1000
+ "name": "*",
1001
+ "package": "./values"
1002
+ }
1003
+ }
1004
+ ]
1005
+ },
1006
1006
  {
1007
1007
  "kind": "javascript-module",
1008
1008
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -5524,7 +5524,7 @@
5524
5524
  },
5525
5525
  {
5526
5526
  "kind": "javascript-module",
5527
- "path": "src/error-banner/error-banner.stories.ts",
5527
+ "path": "src/dropdown-menu/dropdown-menu.stories.ts",
5528
5528
  "declarations": [
5529
5529
  {
5530
5530
  "kind": "variable",
@@ -5532,7 +5532,7 @@
5532
5532
  "type": {
5533
5533
  "text": "Meta"
5534
5534
  },
5535
- "default": "{\n title: 'Error Banner',\n component: 'zero-error-banner',\n}"
5535
+ "default": "{\n title: 'Dropdown Menu',\n component: 'zero-dropdown-menu',\n}"
5536
5536
  },
5537
5537
  {
5538
5538
  "kind": "variable",
@@ -5540,7 +5540,7 @@
5540
5540
  "type": {
5541
5541
  "text": "StoryObj"
5542
5542
  },
5543
- "default": "{\n args: {\n errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n },\n render: ({ errorText }) => html`\n <div id=\"zero-banner\" style=\"width: 100%;\">\n <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n </div>\n `,\n}"
5543
+ "default": "{\n args: {\n items: zeroItems,\n dropdownOpenerText: 'Dropdown menu',\n },\n render: ({ dropdownOpenerText, items }) => html`\n <div>\n <zero-dropdown-menu name=\"${dropdownOpenerText}\" .items=${items}></zero-dropdown-menu>\n </div>\n `,\n}"
5544
5544
  }
5545
5545
  ],
5546
5546
  "exports": [
@@ -5549,7 +5549,7 @@
5549
5549
  "name": "default",
5550
5550
  "declaration": {
5551
5551
  "name": "meta",
5552
- "module": "src/error-banner/error-banner.stories.ts"
5552
+ "module": "src/dropdown-menu/dropdown-menu.stories.ts"
5553
5553
  }
5554
5554
  },
5555
5555
  {
@@ -5557,53 +5557,63 @@
5557
5557
  "name": "Primary",
5558
5558
  "declaration": {
5559
5559
  "name": "Primary",
5560
- "module": "src/error-banner/error-banner.stories.ts"
5560
+ "module": "src/dropdown-menu/dropdown-menu.stories.ts"
5561
5561
  }
5562
5562
  }
5563
5563
  ]
5564
5564
  },
5565
5565
  {
5566
5566
  "kind": "javascript-module",
5567
- "path": "src/error-banner/error-banner.template.ts",
5567
+ "path": "src/dropdown-menu/dropdown-menu.styles.ts",
5568
5568
  "declarations": [
5569
5569
  {
5570
- "kind": "variable",
5571
- "name": "zeroErrorBannerTemplate",
5572
- "type": {
5573
- "text": "ViewTemplate<ErrorBanner>"
5570
+ "kind": "function",
5571
+ "name": "zeroDropdownMenuStyles",
5572
+ "return": {
5573
+ "type": {
5574
+ "text": "ElementStyles"
5575
+ }
5574
5576
  },
5575
- "default": "html`\n <zero-banner ${ref('banner')}>\n <div slot=\"content\">\n <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n </div>\n\n <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n </zero-button>\n\n ${repeat(\n (x) => x.error?.config?.banner.confirmingActions,\n html`\n <zero-button\n slot=\"action\"\n appearance=\"lightweight\"\n @click=${(x, c) => {\n x?.action();\n c.parent.dismiss();\n }}\n >\n ${(x) => x.label}\n </zero-button>\n `,\n )}\n </zero-banner>\n`"
5577
+ "parameters": [
5578
+ {
5579
+ "name": "context",
5580
+ "type": {
5581
+ "text": "ElementDefinitionContext"
5582
+ }
5583
+ },
5584
+ {
5585
+ "name": "definition",
5586
+ "type": {
5587
+ "text": "FoundationElementDefinition"
5588
+ }
5589
+ }
5590
+ ]
5576
5591
  }
5577
5592
  ],
5578
5593
  "exports": [
5579
5594
  {
5580
5595
  "kind": "js",
5581
- "name": "zeroErrorBannerTemplate",
5596
+ "name": "zeroDropdownMenuStyles",
5582
5597
  "declaration": {
5583
- "name": "zeroErrorBannerTemplate",
5584
- "module": "src/error-banner/error-banner.template.ts"
5598
+ "name": "zeroDropdownMenuStyles",
5599
+ "module": "src/dropdown-menu/dropdown-menu.styles.ts"
5585
5600
  }
5586
5601
  }
5587
5602
  ]
5588
5603
  },
5589
5604
  {
5590
5605
  "kind": "javascript-module",
5591
- "path": "src/error-banner/error-banner.ts",
5606
+ "path": "src/dropdown-menu/dropdown-menu.ts",
5592
5607
  "declarations": [
5593
- {
5594
- "kind": "variable",
5595
- "name": "zeroErrorBannerShadowOptions",
5596
- "default": "foundationErrorBannerShadowOptions"
5597
- },
5598
5608
  {
5599
5609
  "kind": "class",
5600
5610
  "description": "",
5601
- "name": "ErrorBanner",
5611
+ "name": "DropdownMenu",
5602
5612
  "superclass": {
5603
- "name": "FoundationErrorBanner",
5613
+ "name": "FoundationDropdownMenu",
5604
5614
  "package": "@genesislcap/foundation-ui"
5605
5615
  },
5606
- "tagName": "%%prefix%%-error-banner",
5616
+ "tagName": "%%prefix%%-dropdown-menu",
5607
5617
  "customElement": true,
5608
5618
  "members": [
5609
5619
  {
@@ -5721,41 +5731,33 @@
5721
5731
  },
5722
5732
  {
5723
5733
  "kind": "variable",
5724
- "name": "zeroErrorBanner",
5725
- "description": "The Zero Banner",
5734
+ "name": "zeroDropdownMenu",
5735
+ "description": "The Zero Dropdown Menu",
5726
5736
  "privacy": "public"
5727
5737
  }
5728
5738
  ],
5729
5739
  "exports": [
5730
5740
  {
5731
5741
  "kind": "js",
5732
- "name": "zeroErrorBannerShadowOptions",
5733
- "declaration": {
5734
- "name": "zeroErrorBannerShadowOptions",
5735
- "module": "src/error-banner/error-banner.ts"
5736
- }
5737
- },
5738
- {
5739
- "kind": "js",
5740
- "name": "ErrorBanner",
5742
+ "name": "DropdownMenu",
5741
5743
  "declaration": {
5742
- "name": "ErrorBanner",
5743
- "module": "src/error-banner/error-banner.ts"
5744
+ "name": "DropdownMenu",
5745
+ "module": "src/dropdown-menu/dropdown-menu.ts"
5744
5746
  }
5745
5747
  },
5746
5748
  {
5747
5749
  "kind": "js",
5748
- "name": "zeroErrorBanner",
5750
+ "name": "zeroDropdownMenu",
5749
5751
  "declaration": {
5750
- "name": "zeroErrorBanner",
5751
- "module": "src/error-banner/error-banner.ts"
5752
+ "name": "zeroDropdownMenu",
5753
+ "module": "src/dropdown-menu/dropdown-menu.ts"
5752
5754
  }
5753
5755
  }
5754
5756
  ]
5755
5757
  },
5756
5758
  {
5757
5759
  "kind": "javascript-module",
5758
- "path": "src/error-banner/index.ts",
5760
+ "path": "src/dropdown-menu/index.ts",
5759
5761
  "declarations": [],
5760
5762
  "exports": [
5761
5763
  {
@@ -5763,7 +5765,7 @@
5763
5765
  "name": "*",
5764
5766
  "declaration": {
5765
5767
  "name": "*",
5766
- "package": "./error-banner.template"
5768
+ "package": "./dropdown-menu"
5767
5769
  }
5768
5770
  },
5769
5771
  {
@@ -5771,14 +5773,46 @@
5771
5773
  "name": "*",
5772
5774
  "declaration": {
5773
5775
  "name": "*",
5774
- "package": "./error-banner"
5776
+ "package": "./dropdown-menu.styles"
5777
+ }
5778
+ },
5779
+ {
5780
+ "kind": "js",
5781
+ "name": "zeroDropdownMenuTemplate",
5782
+ "declaration": {
5783
+ "name": "foundationDropdownMenuTemplate",
5784
+ "package": "@genesislcap/foundation-ui"
5785
+ }
5786
+ },
5787
+ {
5788
+ "kind": "js",
5789
+ "name": "getDropdownMenuTemplate",
5790
+ "declaration": {
5791
+ "name": "getDropdownMenuTemplate",
5792
+ "package": "@genesislcap/foundation-ui"
5793
+ }
5794
+ },
5795
+ {
5796
+ "kind": "js",
5797
+ "name": "extractMenuItems",
5798
+ "declaration": {
5799
+ "name": "extractMenuItems",
5800
+ "package": "@genesislcap/foundation-ui"
5801
+ }
5802
+ },
5803
+ {
5804
+ "kind": "js",
5805
+ "name": "dropdownMenuBaseStyles",
5806
+ "declaration": {
5807
+ "name": "dropdownMenuBaseStyles",
5808
+ "package": "@genesislcap/foundation-ui"
5775
5809
  }
5776
5810
  }
5777
5811
  ]
5778
5812
  },
5779
5813
  {
5780
5814
  "kind": "javascript-module",
5781
- "path": "src/dropdown-menu/dropdown-menu.stories.ts",
5815
+ "path": "src/error-banner/error-banner.stories.ts",
5782
5816
  "declarations": [
5783
5817
  {
5784
5818
  "kind": "variable",
@@ -5786,7 +5820,7 @@
5786
5820
  "type": {
5787
5821
  "text": "Meta"
5788
5822
  },
5789
- "default": "{\n title: 'Dropdown Menu',\n component: 'zero-dropdown-menu',\n}"
5823
+ "default": "{\n title: 'Error Banner',\n component: 'zero-error-banner',\n}"
5790
5824
  },
5791
5825
  {
5792
5826
  "kind": "variable",
@@ -5794,7 +5828,7 @@
5794
5828
  "type": {
5795
5829
  "text": "StoryObj"
5796
5830
  },
5797
- "default": "{\n args: {\n items: zeroItems,\n dropdownOpenerText: 'Dropdown menu',\n },\n render: ({ dropdownOpenerText, items }) => html`\n <div>\n <zero-dropdown-menu name=\"${dropdownOpenerText}\" .items=${items}></zero-dropdown-menu>\n </div>\n `,\n}"
5831
+ "default": "{\n args: {\n errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n },\n render: ({ errorText }) => html`\n <div id=\"zero-banner\" style=\"width: 100%;\">\n <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n </div>\n `,\n}"
5798
5832
  }
5799
5833
  ],
5800
5834
  "exports": [
@@ -5803,7 +5837,7 @@
5803
5837
  "name": "default",
5804
5838
  "declaration": {
5805
5839
  "name": "meta",
5806
- "module": "src/dropdown-menu/dropdown-menu.stories.ts"
5840
+ "module": "src/error-banner/error-banner.stories.ts"
5807
5841
  }
5808
5842
  },
5809
5843
  {
@@ -5811,63 +5845,53 @@
5811
5845
  "name": "Primary",
5812
5846
  "declaration": {
5813
5847
  "name": "Primary",
5814
- "module": "src/dropdown-menu/dropdown-menu.stories.ts"
5848
+ "module": "src/error-banner/error-banner.stories.ts"
5815
5849
  }
5816
5850
  }
5817
5851
  ]
5818
5852
  },
5819
5853
  {
5820
5854
  "kind": "javascript-module",
5821
- "path": "src/dropdown-menu/dropdown-menu.styles.ts",
5855
+ "path": "src/error-banner/error-banner.template.ts",
5822
5856
  "declarations": [
5823
5857
  {
5824
- "kind": "function",
5825
- "name": "zeroDropdownMenuStyles",
5826
- "return": {
5827
- "type": {
5828
- "text": "ElementStyles"
5829
- }
5858
+ "kind": "variable",
5859
+ "name": "zeroErrorBannerTemplate",
5860
+ "type": {
5861
+ "text": "ViewTemplate<ErrorBanner>"
5830
5862
  },
5831
- "parameters": [
5832
- {
5833
- "name": "context",
5834
- "type": {
5835
- "text": "ElementDefinitionContext"
5836
- }
5837
- },
5838
- {
5839
- "name": "definition",
5840
- "type": {
5841
- "text": "FoundationElementDefinition"
5842
- }
5843
- }
5844
- ]
5863
+ "default": "html`\n <zero-banner ${ref('banner')}>\n <div slot=\"content\">\n <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n </div>\n\n <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n </zero-button>\n\n ${repeat(\n (x) => x.error?.config?.banner.confirmingActions,\n html`\n <zero-button\n slot=\"action\"\n appearance=\"lightweight\"\n @click=${(x, c) => {\n x?.action();\n c.parent.dismiss();\n }}\n >\n ${(x) => x.label}\n </zero-button>\n `,\n )}\n </zero-banner>\n`"
5845
5864
  }
5846
5865
  ],
5847
5866
  "exports": [
5848
5867
  {
5849
5868
  "kind": "js",
5850
- "name": "zeroDropdownMenuStyles",
5869
+ "name": "zeroErrorBannerTemplate",
5851
5870
  "declaration": {
5852
- "name": "zeroDropdownMenuStyles",
5853
- "module": "src/dropdown-menu/dropdown-menu.styles.ts"
5871
+ "name": "zeroErrorBannerTemplate",
5872
+ "module": "src/error-banner/error-banner.template.ts"
5854
5873
  }
5855
5874
  }
5856
5875
  ]
5857
5876
  },
5858
5877
  {
5859
5878
  "kind": "javascript-module",
5860
- "path": "src/dropdown-menu/dropdown-menu.ts",
5879
+ "path": "src/error-banner/error-banner.ts",
5861
5880
  "declarations": [
5881
+ {
5882
+ "kind": "variable",
5883
+ "name": "zeroErrorBannerShadowOptions",
5884
+ "default": "foundationErrorBannerShadowOptions"
5885
+ },
5862
5886
  {
5863
5887
  "kind": "class",
5864
5888
  "description": "",
5865
- "name": "DropdownMenu",
5889
+ "name": "ErrorBanner",
5866
5890
  "superclass": {
5867
- "name": "FoundationDropdownMenu",
5891
+ "name": "FoundationErrorBanner",
5868
5892
  "package": "@genesislcap/foundation-ui"
5869
5893
  },
5870
- "tagName": "%%prefix%%-dropdown-menu",
5894
+ "tagName": "%%prefix%%-error-banner",
5871
5895
  "customElement": true,
5872
5896
  "members": [
5873
5897
  {
@@ -5985,33 +6009,41 @@
5985
6009
  },
5986
6010
  {
5987
6011
  "kind": "variable",
5988
- "name": "zeroDropdownMenu",
5989
- "description": "The Zero Dropdown Menu",
6012
+ "name": "zeroErrorBanner",
6013
+ "description": "The Zero Banner",
5990
6014
  "privacy": "public"
5991
6015
  }
5992
6016
  ],
5993
6017
  "exports": [
5994
6018
  {
5995
6019
  "kind": "js",
5996
- "name": "DropdownMenu",
6020
+ "name": "zeroErrorBannerShadowOptions",
5997
6021
  "declaration": {
5998
- "name": "DropdownMenu",
5999
- "module": "src/dropdown-menu/dropdown-menu.ts"
6022
+ "name": "zeroErrorBannerShadowOptions",
6023
+ "module": "src/error-banner/error-banner.ts"
6000
6024
  }
6001
6025
  },
6002
6026
  {
6003
6027
  "kind": "js",
6004
- "name": "zeroDropdownMenu",
6028
+ "name": "ErrorBanner",
6005
6029
  "declaration": {
6006
- "name": "zeroDropdownMenu",
6007
- "module": "src/dropdown-menu/dropdown-menu.ts"
6030
+ "name": "ErrorBanner",
6031
+ "module": "src/error-banner/error-banner.ts"
6032
+ }
6033
+ },
6034
+ {
6035
+ "kind": "js",
6036
+ "name": "zeroErrorBanner",
6037
+ "declaration": {
6038
+ "name": "zeroErrorBanner",
6039
+ "module": "src/error-banner/error-banner.ts"
6008
6040
  }
6009
6041
  }
6010
6042
  ]
6011
6043
  },
6012
6044
  {
6013
6045
  "kind": "javascript-module",
6014
- "path": "src/dropdown-menu/index.ts",
6046
+ "path": "src/error-banner/index.ts",
6015
6047
  "declarations": [],
6016
6048
  "exports": [
6017
6049
  {
@@ -6019,7 +6051,7 @@
6019
6051
  "name": "*",
6020
6052
  "declaration": {
6021
6053
  "name": "*",
6022
- "package": "./dropdown-menu"
6054
+ "package": "./error-banner.template"
6023
6055
  }
6024
6056
  },
6025
6057
  {
@@ -6027,39 +6059,7 @@
6027
6059
  "name": "*",
6028
6060
  "declaration": {
6029
6061
  "name": "*",
6030
- "package": "./dropdown-menu.styles"
6031
- }
6032
- },
6033
- {
6034
- "kind": "js",
6035
- "name": "zeroDropdownMenuTemplate",
6036
- "declaration": {
6037
- "name": "foundationDropdownMenuTemplate",
6038
- "package": "@genesislcap/foundation-ui"
6039
- }
6040
- },
6041
- {
6042
- "kind": "js",
6043
- "name": "getDropdownMenuTemplate",
6044
- "declaration": {
6045
- "name": "getDropdownMenuTemplate",
6046
- "package": "@genesislcap/foundation-ui"
6047
- }
6048
- },
6049
- {
6050
- "kind": "js",
6051
- "name": "extractMenuItems",
6052
- "declaration": {
6053
- "name": "extractMenuItems",
6054
- "package": "@genesislcap/foundation-ui"
6055
- }
6056
- },
6057
- {
6058
- "kind": "js",
6059
- "name": "dropdownMenuBaseStyles",
6060
- "declaration": {
6061
- "name": "dropdownMenuBaseStyles",
6062
- "package": "@genesislcap/foundation-ui"
6062
+ "package": "./error-banner"
6063
6063
  }
6064
6064
  }
6065
6065
  ]
package/package.json CHANGED
@@ -1,11 +1,14 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.82.0",
4
+ "version": "14.83.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
8
8
  "types": "dist/dts/index.d.ts",
9
+ "engines": {
10
+ "node": ">=18.0.0"
11
+ },
9
12
  "config": {
10
13
  "PREFIX": "zero",
11
14
  "PORT": 4020
@@ -62,7 +65,7 @@
62
65
  "storybook": "storybook dev -p 6006"
63
66
  },
64
67
  "devDependencies": {
65
- "@genesislcap/genx": "14.82.0",
68
+ "@genesislcap/genx": "14.83.0",
66
69
  "@storybook/addon-essentials": "^7.1.0",
67
70
  "@storybook/addon-links": "^7.1.0",
68
71
  "@storybook/addons": "^7.1.0",
@@ -75,10 +78,10 @@
75
78
  "storybook": "^7.1.0"
76
79
  },
77
80
  "dependencies": {
78
- "@genesislcap/foundation-comms": "14.82.0",
79
- "@genesislcap/foundation-logger": "14.82.0",
80
- "@genesislcap/foundation-ui": "14.82.0",
81
- "@genesislcap/foundation-utils": "14.82.0",
81
+ "@genesislcap/foundation-comms": "14.83.0",
82
+ "@genesislcap/foundation-logger": "14.83.0",
83
+ "@genesislcap/foundation-ui": "14.83.0",
84
+ "@genesislcap/foundation-utils": "14.83.0",
82
85
  "@microsoft/fast-colors": "^5.1.4",
83
86
  "@microsoft/fast-components": "^2.21.3",
84
87
  "@microsoft/fast-element": "^1.7.0",
@@ -95,5 +98,5 @@
95
98
  "access": "public"
96
99
  },
97
100
  "customElements": "dist/custom-elements.json",
98
- "gitHead": "69108b95942ed1e47c3cf1eaf9fd3c3ed9188de0"
101
+ "gitHead": "a1e05428d4da3c1626d96739667e3d8bc0c9e4e2"
99
102
  }