@genesislcap/foundation-zero 14.14.1-alpha-27f3f53.0 → 14.15.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.
Files changed (2) hide show
  1. package/dist/custom-elements.json +319 -319
  2. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -722,7 +722,7 @@
722
722
  },
723
723
  {
724
724
  "kind": "javascript-module",
725
- "path": "src/actions-menu/actions-menu.stories.ts",
725
+ "path": "src/anchor/anchor.stories.ts",
726
726
  "declarations": [
727
727
  {
728
728
  "kind": "variable",
@@ -730,23 +730,15 @@
730
730
  "type": {
731
731
  "text": "Meta"
732
732
  },
733
- "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
734
- },
735
- {
736
- "kind": "variable",
737
- "name": "Horizontal",
738
- "type": {
739
- "text": "StoryObj"
740
- },
741
- "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) =>\n html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
733
+ "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
742
734
  },
743
735
  {
744
736
  "kind": "variable",
745
- "name": "Vertical",
737
+ "name": "All",
746
738
  "type": {
747
739
  "text": "StoryObj"
748
740
  },
749
- "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Vertical Actions',\n },\n render: ({ actionsOpenerText, actions }) =>\n html`\n <div style=\"${verticalStyle}\">\n <zero-actions-menu\n name=\"${actionsOpenerText}\"\n .actions=${actions}\n is-vertical\n ></zero-actions-menu>\n </div>\n `,\n}"
741
+ "default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
750
742
  }
751
743
  ],
752
744
  "exports": [
@@ -755,34 +747,26 @@
755
747
  "name": "default",
756
748
  "declaration": {
757
749
  "name": "meta",
758
- "module": "src/actions-menu/actions-menu.stories.ts"
759
- }
760
- },
761
- {
762
- "kind": "js",
763
- "name": "Horizontal",
764
- "declaration": {
765
- "name": "Horizontal",
766
- "module": "src/actions-menu/actions-menu.stories.ts"
750
+ "module": "src/anchor/anchor.stories.ts"
767
751
  }
768
752
  },
769
753
  {
770
754
  "kind": "js",
771
- "name": "Vertical",
755
+ "name": "All",
772
756
  "declaration": {
773
- "name": "Vertical",
774
- "module": "src/actions-menu/actions-menu.stories.ts"
757
+ "name": "All",
758
+ "module": "src/anchor/anchor.stories.ts"
775
759
  }
776
760
  }
777
761
  ]
778
762
  },
779
763
  {
780
764
  "kind": "javascript-module",
781
- "path": "src/actions-menu/actions-menu.styles.ts",
765
+ "path": "src/anchor/anchor.styles.ts",
782
766
  "declarations": [
783
767
  {
784
768
  "kind": "function",
785
- "name": "zeroActionsMenuStyles",
769
+ "name": "zeroAnchorStyles",
786
770
  "return": {
787
771
  "type": {
788
772
  "text": "ElementStyles"
@@ -807,171 +791,95 @@
807
791
  "exports": [
808
792
  {
809
793
  "kind": "js",
810
- "name": "zeroActionsMenuStyles",
794
+ "name": "zeroAnchorStyles",
811
795
  "declaration": {
812
- "name": "zeroActionsMenuStyles",
813
- "module": "src/actions-menu/actions-menu.styles.ts"
796
+ "name": "zeroAnchorStyles",
797
+ "module": "src/anchor/anchor.styles.ts"
814
798
  }
815
799
  }
816
800
  ]
817
801
  },
818
802
  {
819
803
  "kind": "javascript-module",
820
- "path": "src/actions-menu/actions-menu.ts",
804
+ "path": "src/anchor/anchor.template.ts",
821
805
  "declarations": [
822
806
  {
823
- "kind": "class",
824
- "description": "",
825
- "name": "ActionsMenu",
826
- "superclass": {
827
- "name": "FoundationActionsMenu",
828
- "package": "@genesislcap/foundation-ui"
807
+ "kind": "function",
808
+ "name": "zeroAnchorTemplate",
809
+ "return": {
810
+ "type": {
811
+ "text": "ViewTemplate<Anchor>"
812
+ }
829
813
  },
830
- "tagName": "%%prefix%%-actions-menu",
831
- "customElement": true,
832
- "members": [
833
- {
834
- "kind": "field",
835
- "name": "_presentation",
836
- "type": {
837
- "text": "ComponentPresentation | null | undefined"
838
- },
839
- "privacy": "private",
840
- "default": "void 0",
841
- "inheritedFrom": {
842
- "name": "FoundationElement",
843
- "module": "src/foundation-element/foundation-element.ts"
844
- }
845
- },
846
- {
847
- "kind": "field",
848
- "name": "$presentation",
849
- "type": {
850
- "text": "ComponentPresentation | null"
851
- },
852
- "privacy": "public",
853
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
854
- "inheritedFrom": {
855
- "name": "FoundationElement",
856
- "module": "src/foundation-element/foundation-element.ts"
857
- }
858
- },
814
+ "parameters": [
859
815
  {
860
- "kind": "field",
861
- "name": "template",
816
+ "name": "context",
862
817
  "type": {
863
- "text": "ElementViewTemplate | void | null"
864
- },
865
- "privacy": "public",
866
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
867
- "inheritedFrom": {
868
- "name": "FoundationElement",
869
- "module": "src/foundation-element/foundation-element.ts"
870
- }
871
- },
872
- {
873
- "kind": "method",
874
- "name": "templateChanged",
875
- "privacy": "protected",
876
- "return": {
877
- "type": {
878
- "text": "void"
879
- }
880
- },
881
- "inheritedFrom": {
882
- "name": "FoundationElement",
883
- "module": "src/foundation-element/foundation-element.ts"
818
+ "text": "ElementDefinitionContext"
884
819
  }
885
820
  },
886
821
  {
887
- "kind": "field",
888
- "name": "styles",
822
+ "name": "definition",
889
823
  "type": {
890
- "text": "ElementStyles | void | null"
891
- },
892
- "privacy": "public",
893
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
894
- "inheritedFrom": {
895
- "name": "FoundationElement",
896
- "module": "src/foundation-element/foundation-element.ts"
897
- }
898
- },
899
- {
900
- "kind": "method",
901
- "name": "stylesChanged",
902
- "privacy": "protected",
903
- "return": {
904
- "type": {
905
- "text": "void"
906
- }
907
- },
908
- "inheritedFrom": {
909
- "name": "FoundationElement",
910
- "module": "src/foundation-element/foundation-element.ts"
911
- }
912
- },
913
- {
914
- "kind": "method",
915
- "name": "compose",
916
- "privacy": "public",
917
- "static": true,
918
- "return": {
919
- "type": {
920
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
921
- }
922
- },
923
- "parameters": [
924
- {
925
- "name": "this",
926
- "type": {
927
- "text": "K"
928
- }
929
- },
930
- {
931
- "name": "elementDefinition",
932
- "type": {
933
- "text": "T"
934
- },
935
- "description": "The definition of the element to create the registry\nfunction for."
936
- }
937
- ],
938
- "description": "Defines an element registry function with a set of element definition defaults.",
939
- "inheritedFrom": {
940
- "name": "FoundationElement",
941
- "module": "src/foundation-element/foundation-element.ts"
824
+ "text": "FoundationElementDefinition"
942
825
  }
943
826
  }
944
827
  ]
828
+ }
829
+ ],
830
+ "exports": [
831
+ {
832
+ "kind": "js",
833
+ "name": "zeroAnchorTemplate",
834
+ "declaration": {
835
+ "name": "zeroAnchorTemplate",
836
+ "module": "src/anchor/anchor.template.ts"
837
+ }
838
+ }
839
+ ]
840
+ },
841
+ {
842
+ "kind": "javascript-module",
843
+ "path": "src/anchor/anchor.ts",
844
+ "declarations": [
845
+ {
846
+ "kind": "class",
847
+ "description": "",
848
+ "name": "Anchor",
849
+ "superclass": {
850
+ "name": "FoundationAnchor",
851
+ "package": "@genesislcap/foundation-ui"
852
+ },
853
+ "tagName": "%%prefix%%-anchor",
854
+ "customElement": true
945
855
  },
946
856
  {
947
857
  "kind": "variable",
948
- "name": "zeroActionsMenu",
949
- "description": "The Zero Actions Menu",
950
- "privacy": "public"
858
+ "name": "zeroAnchor"
951
859
  }
952
860
  ],
953
861
  "exports": [
954
862
  {
955
863
  "kind": "js",
956
- "name": "ActionsMenu",
864
+ "name": "Anchor",
957
865
  "declaration": {
958
- "name": "ActionsMenu",
959
- "module": "src/actions-menu/actions-menu.ts"
866
+ "name": "Anchor",
867
+ "module": "src/anchor/anchor.ts"
960
868
  }
961
869
  },
962
870
  {
963
871
  "kind": "js",
964
- "name": "zeroActionsMenu",
872
+ "name": "zeroAnchor",
965
873
  "declaration": {
966
- "name": "zeroActionsMenu",
967
- "module": "src/actions-menu/actions-menu.ts"
874
+ "name": "zeroAnchor",
875
+ "module": "src/anchor/anchor.ts"
968
876
  }
969
877
  }
970
878
  ]
971
879
  },
972
880
  {
973
881
  "kind": "javascript-module",
974
- "path": "src/actions-menu/index.ts",
882
+ "path": "src/anchor/index.ts",
975
883
  "declarations": [],
976
884
  "exports": [
977
885
  {
@@ -979,7 +887,7 @@
979
887
  "name": "*",
980
888
  "declaration": {
981
889
  "name": "*",
982
- "package": "./actions-menu"
890
+ "package": "./anchor"
983
891
  }
984
892
  },
985
893
  {
@@ -987,14 +895,22 @@
987
895
  "name": "*",
988
896
  "declaration": {
989
897
  "name": "*",
990
- "package": "./actions-menu.styles"
898
+ "package": "./anchor.styles"
899
+ }
900
+ },
901
+ {
902
+ "kind": "js",
903
+ "name": "*",
904
+ "declaration": {
905
+ "name": "*",
906
+ "package": "./anchor.template"
991
907
  }
992
908
  }
993
909
  ]
994
910
  },
995
911
  {
996
912
  "kind": "javascript-module",
997
- "path": "src/anchor/anchor.stories.ts",
913
+ "path": "src/badge/badge.stories.ts",
998
914
  "declarations": [
999
915
  {
1000
916
  "kind": "variable",
@@ -1002,7 +918,7 @@
1002
918
  "type": {
1003
919
  "text": "Meta"
1004
920
  },
1005
- "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
921
+ "default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
1006
922
  },
1007
923
  {
1008
924
  "kind": "variable",
@@ -1010,7 +926,7 @@
1010
926
  "type": {
1011
927
  "text": "StoryObj"
1012
928
  },
1013
- "default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
929
+ "default": "{\n args: {\n fillColors,\n fontColors,\n badgeText: 'Rapid Badge',\n },\n ...StylesMapperTemplate,\n}"
1014
930
  }
1015
931
  ],
1016
932
  "exports": [
@@ -1019,7 +935,7 @@
1019
935
  "name": "default",
1020
936
  "declaration": {
1021
937
  "name": "meta",
1022
- "module": "src/anchor/anchor.stories.ts"
938
+ "module": "src/badge/badge.stories.ts"
1023
939
  }
1024
940
  },
1025
941
  {
@@ -1027,18 +943,18 @@
1027
943
  "name": "All",
1028
944
  "declaration": {
1029
945
  "name": "All",
1030
- "module": "src/anchor/anchor.stories.ts"
946
+ "module": "src/badge/badge.stories.ts"
1031
947
  }
1032
948
  }
1033
949
  ]
1034
950
  },
1035
951
  {
1036
952
  "kind": "javascript-module",
1037
- "path": "src/anchor/anchor.styles.ts",
953
+ "path": "src/badge/badge.styles.ts",
1038
954
  "declarations": [
1039
955
  {
1040
956
  "kind": "function",
1041
- "name": "zeroAnchorStyles",
957
+ "name": "zeroBadgeStyles",
1042
958
  "return": {
1043
959
  "type": {
1044
960
  "text": "ElementStyles"
@@ -1063,24 +979,24 @@
1063
979
  "exports": [
1064
980
  {
1065
981
  "kind": "js",
1066
- "name": "zeroAnchorStyles",
982
+ "name": "zeroBadgeStyles",
1067
983
  "declaration": {
1068
- "name": "zeroAnchorStyles",
1069
- "module": "src/anchor/anchor.styles.ts"
984
+ "name": "zeroBadgeStyles",
985
+ "module": "src/badge/badge.styles.ts"
1070
986
  }
1071
987
  }
1072
988
  ]
1073
989
  },
1074
990
  {
1075
991
  "kind": "javascript-module",
1076
- "path": "src/anchor/anchor.template.ts",
992
+ "path": "src/badge/badge.template.ts",
1077
993
  "declarations": [
1078
994
  {
1079
995
  "kind": "function",
1080
- "name": "zeroAnchorTemplate",
996
+ "name": "zeroBadgeTemplate",
1081
997
  "return": {
1082
998
  "type": {
1083
- "text": "ViewTemplate<Anchor>"
999
+ "text": "ViewTemplate<Badge>"
1084
1000
  }
1085
1001
  },
1086
1002
  "parameters": [
@@ -1102,56 +1018,56 @@
1102
1018
  "exports": [
1103
1019
  {
1104
1020
  "kind": "js",
1105
- "name": "zeroAnchorTemplate",
1021
+ "name": "zeroBadgeTemplate",
1106
1022
  "declaration": {
1107
- "name": "zeroAnchorTemplate",
1108
- "module": "src/anchor/anchor.template.ts"
1023
+ "name": "zeroBadgeTemplate",
1024
+ "module": "src/badge/badge.template.ts"
1109
1025
  }
1110
1026
  }
1111
1027
  ]
1112
1028
  },
1113
1029
  {
1114
1030
  "kind": "javascript-module",
1115
- "path": "src/anchor/anchor.ts",
1031
+ "path": "src/badge/badge.ts",
1116
1032
  "declarations": [
1117
1033
  {
1118
1034
  "kind": "class",
1119
1035
  "description": "",
1120
- "name": "Anchor",
1036
+ "name": "Badge",
1121
1037
  "superclass": {
1122
- "name": "FoundationAnchor",
1038
+ "name": "FoundationBadge",
1123
1039
  "package": "@genesislcap/foundation-ui"
1124
1040
  },
1125
- "tagName": "%%prefix%%-anchor",
1041
+ "tagName": "%%prefix%%-badge",
1126
1042
  "customElement": true
1127
1043
  },
1128
1044
  {
1129
1045
  "kind": "variable",
1130
- "name": "zeroAnchor"
1046
+ "name": "zeroBadge"
1131
1047
  }
1132
1048
  ],
1133
1049
  "exports": [
1134
1050
  {
1135
1051
  "kind": "js",
1136
- "name": "Anchor",
1052
+ "name": "Badge",
1137
1053
  "declaration": {
1138
- "name": "Anchor",
1139
- "module": "src/anchor/anchor.ts"
1054
+ "name": "Badge",
1055
+ "module": "src/badge/badge.ts"
1140
1056
  }
1141
1057
  },
1142
1058
  {
1143
1059
  "kind": "js",
1144
- "name": "zeroAnchor",
1060
+ "name": "zeroBadge",
1145
1061
  "declaration": {
1146
- "name": "zeroAnchor",
1147
- "module": "src/anchor/anchor.ts"
1062
+ "name": "zeroBadge",
1063
+ "module": "src/badge/badge.ts"
1148
1064
  }
1149
1065
  }
1150
1066
  ]
1151
1067
  },
1152
1068
  {
1153
1069
  "kind": "javascript-module",
1154
- "path": "src/anchor/index.ts",
1070
+ "path": "src/badge/index.ts",
1155
1071
  "declarations": [],
1156
1072
  "exports": [
1157
1073
  {
@@ -1159,7 +1075,7 @@
1159
1075
  "name": "*",
1160
1076
  "declaration": {
1161
1077
  "name": "*",
1162
- "package": "./anchor"
1078
+ "package": "./badge"
1163
1079
  }
1164
1080
  },
1165
1081
  {
@@ -1167,7 +1083,7 @@
1167
1083
  "name": "*",
1168
1084
  "declaration": {
1169
1085
  "name": "*",
1170
- "package": "./anchor.styles"
1086
+ "package": "./badge.styles"
1171
1087
  }
1172
1088
  },
1173
1089
  {
@@ -1175,14 +1091,14 @@
1175
1091
  "name": "*",
1176
1092
  "declaration": {
1177
1093
  "name": "*",
1178
- "package": "./anchor.template"
1094
+ "package": "./badge.template"
1179
1095
  }
1180
1096
  }
1181
1097
  ]
1182
1098
  },
1183
1099
  {
1184
1100
  "kind": "javascript-module",
1185
- "path": "src/badge/badge.stories.ts",
1101
+ "path": "src/banner/banner.stories.ts",
1186
1102
  "declarations": [
1187
1103
  {
1188
1104
  "kind": "variable",
@@ -1190,15 +1106,15 @@
1190
1106
  "type": {
1191
1107
  "text": "Meta"
1192
1108
  },
1193
- "default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
1109
+ "default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
1194
1110
  },
1195
1111
  {
1196
1112
  "kind": "variable",
1197
- "name": "All",
1113
+ "name": "Primary",
1198
1114
  "type": {
1199
1115
  "text": "StoryObj"
1200
1116
  },
1201
- "default": "{\n args: {\n fillColors,\n fontColors,\n badgeText: 'Rapid Badge',\n },\n ...StylesMapperTemplate,\n}"
1117
+ "default": "{\n args: {\n bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n Lorem, ipsum dolor.`,\n actionIgnoreActionText: 'Ignore',\n actionDemoText: 'Diagnose',\n actionButtonAppearance: 'lightweight',\n },\n argTypes: {\n actionButtonAppearance: {\n control: 'select',\n options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n },\n },\n render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) =>\n html`\n <zero-banner id=\"banner\">\n <div slot=\"content\">${bannerText}</div>\n <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n ${actionIgnoreActionText}\n </zero-button>\n <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n ${actionDemoText}\n </zero-button>\n </zero-banner>\n `,\n}"
1202
1118
  }
1203
1119
  ],
1204
1120
  "exports": [
@@ -1207,147 +1123,218 @@
1207
1123
  "name": "default",
1208
1124
  "declaration": {
1209
1125
  "name": "meta",
1210
- "module": "src/badge/badge.stories.ts"
1126
+ "module": "src/banner/banner.stories.ts"
1211
1127
  }
1212
1128
  },
1213
1129
  {
1214
1130
  "kind": "js",
1215
- "name": "All",
1131
+ "name": "Primary",
1216
1132
  "declaration": {
1217
- "name": "All",
1218
- "module": "src/badge/badge.stories.ts"
1133
+ "name": "Primary",
1134
+ "module": "src/banner/banner.stories.ts"
1219
1135
  }
1220
1136
  }
1221
1137
  ]
1222
1138
  },
1223
1139
  {
1224
1140
  "kind": "javascript-module",
1225
- "path": "src/badge/badge.styles.ts",
1141
+ "path": "src/banner/banner.styles.ts",
1226
1142
  "declarations": [
1227
1143
  {
1228
- "kind": "function",
1229
- "name": "zeroBadgeStyles",
1230
- "return": {
1231
- "type": {
1232
- "text": "ElementStyles"
1233
- }
1234
- },
1235
- "parameters": [
1236
- {
1237
- "name": "context",
1238
- "type": {
1239
- "text": "ElementDefinitionContext"
1240
- }
1241
- },
1242
- {
1243
- "name": "definition",
1244
- "type": {
1245
- "text": "FoundationElementDefinition"
1246
- }
1247
- }
1248
- ]
1144
+ "kind": "variable",
1145
+ "name": "zeroBannerStyles",
1146
+ "default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
1249
1147
  }
1250
1148
  ],
1251
1149
  "exports": [
1252
1150
  {
1253
1151
  "kind": "js",
1254
- "name": "zeroBadgeStyles",
1152
+ "name": "zeroBannerStyles",
1255
1153
  "declaration": {
1256
- "name": "zeroBadgeStyles",
1257
- "module": "src/badge/badge.styles.ts"
1154
+ "name": "zeroBannerStyles",
1155
+ "module": "src/banner/banner.styles.ts"
1258
1156
  }
1259
1157
  }
1260
1158
  ]
1261
1159
  },
1262
1160
  {
1263
1161
  "kind": "javascript-module",
1264
- "path": "src/badge/badge.template.ts",
1162
+ "path": "src/banner/banner.ts",
1265
1163
  "declarations": [
1266
1164
  {
1267
- "kind": "function",
1268
- "name": "zeroBadgeTemplate",
1269
- "return": {
1270
- "type": {
1271
- "text": "ViewTemplate<Badge>"
1272
- }
1165
+ "kind": "variable",
1166
+ "name": "zeroBannerShadowOptions",
1167
+ "default": "foundationBannerShadowOptions"
1168
+ },
1169
+ {
1170
+ "kind": "class",
1171
+ "description": "",
1172
+ "name": "Banner",
1173
+ "superclass": {
1174
+ "name": "FoundationBanner",
1175
+ "package": "@genesislcap/foundation-ui"
1273
1176
  },
1274
- "parameters": [
1177
+ "tagName": "%%prefix%%-banner",
1178
+ "customElement": true,
1179
+ "members": [
1180
+ {
1181
+ "kind": "field",
1182
+ "name": "_presentation",
1183
+ "type": {
1184
+ "text": "ComponentPresentation | null | undefined"
1185
+ },
1186
+ "privacy": "private",
1187
+ "default": "void 0",
1188
+ "inheritedFrom": {
1189
+ "name": "FoundationElement",
1190
+ "module": "src/foundation-element/foundation-element.ts"
1191
+ }
1192
+ },
1193
+ {
1194
+ "kind": "field",
1195
+ "name": "$presentation",
1196
+ "type": {
1197
+ "text": "ComponentPresentation | null"
1198
+ },
1199
+ "privacy": "public",
1200
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1201
+ "inheritedFrom": {
1202
+ "name": "FoundationElement",
1203
+ "module": "src/foundation-element/foundation-element.ts"
1204
+ }
1205
+ },
1275
1206
  {
1276
- "name": "context",
1207
+ "kind": "field",
1208
+ "name": "template",
1277
1209
  "type": {
1278
- "text": "ElementDefinitionContext"
1210
+ "text": "ElementViewTemplate | void | null"
1211
+ },
1212
+ "privacy": "public",
1213
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
1214
+ "inheritedFrom": {
1215
+ "name": "FoundationElement",
1216
+ "module": "src/foundation-element/foundation-element.ts"
1279
1217
  }
1280
1218
  },
1281
1219
  {
1282
- "name": "definition",
1220
+ "kind": "method",
1221
+ "name": "templateChanged",
1222
+ "privacy": "protected",
1223
+ "return": {
1224
+ "type": {
1225
+ "text": "void"
1226
+ }
1227
+ },
1228
+ "inheritedFrom": {
1229
+ "name": "FoundationElement",
1230
+ "module": "src/foundation-element/foundation-element.ts"
1231
+ }
1232
+ },
1233
+ {
1234
+ "kind": "field",
1235
+ "name": "styles",
1283
1236
  "type": {
1284
- "text": "FoundationElementDefinition"
1237
+ "text": "ElementStyles | void | null"
1238
+ },
1239
+ "privacy": "public",
1240
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
1241
+ "inheritedFrom": {
1242
+ "name": "FoundationElement",
1243
+ "module": "src/foundation-element/foundation-element.ts"
1244
+ }
1245
+ },
1246
+ {
1247
+ "kind": "method",
1248
+ "name": "stylesChanged",
1249
+ "privacy": "protected",
1250
+ "return": {
1251
+ "type": {
1252
+ "text": "void"
1253
+ }
1254
+ },
1255
+ "inheritedFrom": {
1256
+ "name": "FoundationElement",
1257
+ "module": "src/foundation-element/foundation-element.ts"
1258
+ }
1259
+ },
1260
+ {
1261
+ "kind": "method",
1262
+ "name": "compose",
1263
+ "privacy": "public",
1264
+ "static": true,
1265
+ "return": {
1266
+ "type": {
1267
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
1268
+ }
1269
+ },
1270
+ "parameters": [
1271
+ {
1272
+ "name": "this",
1273
+ "type": {
1274
+ "text": "K"
1275
+ }
1276
+ },
1277
+ {
1278
+ "name": "elementDefinition",
1279
+ "type": {
1280
+ "text": "T"
1281
+ },
1282
+ "description": "The definition of the element to create the registry\nfunction for."
1283
+ }
1284
+ ],
1285
+ "description": "Defines an element registry function with a set of element definition defaults.",
1286
+ "inheritedFrom": {
1287
+ "name": "FoundationElement",
1288
+ "module": "src/foundation-element/foundation-element.ts"
1285
1289
  }
1286
1290
  }
1287
1291
  ]
1292
+ },
1293
+ {
1294
+ "kind": "variable",
1295
+ "name": "zeroBanner",
1296
+ "description": "The Zero Banner",
1297
+ "privacy": "public"
1288
1298
  }
1289
1299
  ],
1290
1300
  "exports": [
1291
1301
  {
1292
1302
  "kind": "js",
1293
- "name": "zeroBadgeTemplate",
1303
+ "name": "zeroBannerShadowOptions",
1294
1304
  "declaration": {
1295
- "name": "zeroBadgeTemplate",
1296
- "module": "src/badge/badge.template.ts"
1305
+ "name": "zeroBannerShadowOptions",
1306
+ "module": "src/banner/banner.ts"
1297
1307
  }
1298
- }
1299
- ]
1300
- },
1301
- {
1302
- "kind": "javascript-module",
1303
- "path": "src/badge/badge.ts",
1304
- "declarations": [
1305
- {
1306
- "kind": "class",
1307
- "description": "",
1308
- "name": "Badge",
1309
- "superclass": {
1310
- "name": "FoundationBadge",
1311
- "package": "@genesislcap/foundation-ui"
1312
- },
1313
- "tagName": "%%prefix%%-badge",
1314
- "customElement": true
1315
1308
  },
1316
- {
1317
- "kind": "variable",
1318
- "name": "zeroBadge"
1319
- }
1320
- ],
1321
- "exports": [
1322
1309
  {
1323
1310
  "kind": "js",
1324
- "name": "Badge",
1311
+ "name": "Banner",
1325
1312
  "declaration": {
1326
- "name": "Badge",
1327
- "module": "src/badge/badge.ts"
1313
+ "name": "Banner",
1314
+ "module": "src/banner/banner.ts"
1328
1315
  }
1329
1316
  },
1330
1317
  {
1331
1318
  "kind": "js",
1332
- "name": "zeroBadge",
1319
+ "name": "zeroBanner",
1333
1320
  "declaration": {
1334
- "name": "zeroBadge",
1335
- "module": "src/badge/badge.ts"
1321
+ "name": "zeroBanner",
1322
+ "module": "src/banner/banner.ts"
1336
1323
  }
1337
1324
  }
1338
1325
  ]
1339
1326
  },
1340
1327
  {
1341
1328
  "kind": "javascript-module",
1342
- "path": "src/badge/index.ts",
1329
+ "path": "src/banner/index.ts",
1343
1330
  "declarations": [],
1344
1331
  "exports": [
1345
1332
  {
1346
1333
  "kind": "js",
1347
- "name": "*",
1334
+ "name": "zeroBannerTemplate",
1348
1335
  "declaration": {
1349
- "name": "*",
1350
- "package": "./badge"
1336
+ "name": "foundationBannerTemplate",
1337
+ "package": "@genesislcap/foundation-ui"
1351
1338
  }
1352
1339
  },
1353
1340
  {
@@ -1355,7 +1342,7 @@
1355
1342
  "name": "*",
1356
1343
  "declaration": {
1357
1344
  "name": "*",
1358
- "package": "./badge.styles"
1345
+ "package": "./banner"
1359
1346
  }
1360
1347
  },
1361
1348
  {
@@ -1363,7 +1350,7 @@
1363
1350
  "name": "*",
1364
1351
  "declaration": {
1365
1352
  "name": "*",
1366
- "package": "./badge.template"
1353
+ "package": "./banner.styles"
1367
1354
  }
1368
1355
  }
1369
1356
  ]
@@ -1401,7 +1388,7 @@
1401
1388
  },
1402
1389
  {
1403
1390
  "kind": "javascript-module",
1404
- "path": "src/banner/banner.stories.ts",
1391
+ "path": "src/actions-menu/actions-menu.stories.ts",
1405
1392
  "declarations": [
1406
1393
  {
1407
1394
  "kind": "variable",
@@ -1409,15 +1396,23 @@
1409
1396
  "type": {
1410
1397
  "text": "Meta"
1411
1398
  },
1412
- "default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
1399
+ "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
1413
1400
  },
1414
1401
  {
1415
1402
  "kind": "variable",
1416
- "name": "Primary",
1403
+ "name": "Horizontal",
1417
1404
  "type": {
1418
1405
  "text": "StoryObj"
1419
1406
  },
1420
- "default": "{\n args: {\n bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n Lorem, ipsum dolor.`,\n actionIgnoreActionText: 'Ignore',\n actionDemoText: 'Diagnose',\n actionButtonAppearance: 'lightweight',\n },\n argTypes: {\n actionButtonAppearance: {\n control: 'select',\n options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n },\n },\n render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) =>\n html`\n <zero-banner id=\"banner\">\n <div slot=\"content\">${bannerText}</div>\n <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n ${actionIgnoreActionText}\n </zero-button>\n <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n ${actionDemoText}\n </zero-button>\n </zero-banner>\n `,\n}"
1407
+ "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) =>\n html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
1408
+ },
1409
+ {
1410
+ "kind": "variable",
1411
+ "name": "Vertical",
1412
+ "type": {
1413
+ "text": "StoryObj"
1414
+ },
1415
+ "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Vertical Actions',\n },\n render: ({ actionsOpenerText, actions }) =>\n html`\n <div style=\"${verticalStyle}\">\n <zero-actions-menu\n name=\"${actionsOpenerText}\"\n .actions=${actions}\n is-vertical\n ></zero-actions-menu>\n </div>\n `,\n}"
1421
1416
  }
1422
1417
  ],
1423
1418
  "exports": [
@@ -1426,58 +1421,79 @@
1426
1421
  "name": "default",
1427
1422
  "declaration": {
1428
1423
  "name": "meta",
1429
- "module": "src/banner/banner.stories.ts"
1424
+ "module": "src/actions-menu/actions-menu.stories.ts"
1430
1425
  }
1431
1426
  },
1432
1427
  {
1433
1428
  "kind": "js",
1434
- "name": "Primary",
1429
+ "name": "Horizontal",
1435
1430
  "declaration": {
1436
- "name": "Primary",
1437
- "module": "src/banner/banner.stories.ts"
1431
+ "name": "Horizontal",
1432
+ "module": "src/actions-menu/actions-menu.stories.ts"
1433
+ }
1434
+ },
1435
+ {
1436
+ "kind": "js",
1437
+ "name": "Vertical",
1438
+ "declaration": {
1439
+ "name": "Vertical",
1440
+ "module": "src/actions-menu/actions-menu.stories.ts"
1438
1441
  }
1439
1442
  }
1440
1443
  ]
1441
1444
  },
1442
1445
  {
1443
1446
  "kind": "javascript-module",
1444
- "path": "src/banner/banner.styles.ts",
1447
+ "path": "src/actions-menu/actions-menu.styles.ts",
1445
1448
  "declarations": [
1446
1449
  {
1447
- "kind": "variable",
1448
- "name": "zeroBannerStyles",
1449
- "default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
1450
+ "kind": "function",
1451
+ "name": "zeroActionsMenuStyles",
1452
+ "return": {
1453
+ "type": {
1454
+ "text": "ElementStyles"
1455
+ }
1456
+ },
1457
+ "parameters": [
1458
+ {
1459
+ "name": "context",
1460
+ "type": {
1461
+ "text": "ElementDefinitionContext"
1462
+ }
1463
+ },
1464
+ {
1465
+ "name": "definition",
1466
+ "type": {
1467
+ "text": "FoundationElementDefinition"
1468
+ }
1469
+ }
1470
+ ]
1450
1471
  }
1451
1472
  ],
1452
1473
  "exports": [
1453
1474
  {
1454
1475
  "kind": "js",
1455
- "name": "zeroBannerStyles",
1476
+ "name": "zeroActionsMenuStyles",
1456
1477
  "declaration": {
1457
- "name": "zeroBannerStyles",
1458
- "module": "src/banner/banner.styles.ts"
1478
+ "name": "zeroActionsMenuStyles",
1479
+ "module": "src/actions-menu/actions-menu.styles.ts"
1459
1480
  }
1460
1481
  }
1461
1482
  ]
1462
1483
  },
1463
1484
  {
1464
1485
  "kind": "javascript-module",
1465
- "path": "src/banner/banner.ts",
1486
+ "path": "src/actions-menu/actions-menu.ts",
1466
1487
  "declarations": [
1467
- {
1468
- "kind": "variable",
1469
- "name": "zeroBannerShadowOptions",
1470
- "default": "foundationBannerShadowOptions"
1471
- },
1472
1488
  {
1473
1489
  "kind": "class",
1474
1490
  "description": "",
1475
- "name": "Banner",
1491
+ "name": "ActionsMenu",
1476
1492
  "superclass": {
1477
- "name": "FoundationBanner",
1493
+ "name": "FoundationActionsMenu",
1478
1494
  "package": "@genesislcap/foundation-ui"
1479
1495
  },
1480
- "tagName": "%%prefix%%-banner",
1496
+ "tagName": "%%prefix%%-actions-menu",
1481
1497
  "customElement": true,
1482
1498
  "members": [
1483
1499
  {
@@ -1595,57 +1611,41 @@
1595
1611
  },
1596
1612
  {
1597
1613
  "kind": "variable",
1598
- "name": "zeroBanner",
1599
- "description": "The Zero Banner",
1614
+ "name": "zeroActionsMenu",
1615
+ "description": "The Zero Actions Menu",
1600
1616
  "privacy": "public"
1601
1617
  }
1602
1618
  ],
1603
1619
  "exports": [
1604
1620
  {
1605
1621
  "kind": "js",
1606
- "name": "zeroBannerShadowOptions",
1607
- "declaration": {
1608
- "name": "zeroBannerShadowOptions",
1609
- "module": "src/banner/banner.ts"
1610
- }
1611
- },
1612
- {
1613
- "kind": "js",
1614
- "name": "Banner",
1622
+ "name": "ActionsMenu",
1615
1623
  "declaration": {
1616
- "name": "Banner",
1617
- "module": "src/banner/banner.ts"
1624
+ "name": "ActionsMenu",
1625
+ "module": "src/actions-menu/actions-menu.ts"
1618
1626
  }
1619
1627
  },
1620
1628
  {
1621
1629
  "kind": "js",
1622
- "name": "zeroBanner",
1630
+ "name": "zeroActionsMenu",
1623
1631
  "declaration": {
1624
- "name": "zeroBanner",
1625
- "module": "src/banner/banner.ts"
1632
+ "name": "zeroActionsMenu",
1633
+ "module": "src/actions-menu/actions-menu.ts"
1626
1634
  }
1627
1635
  }
1628
1636
  ]
1629
1637
  },
1630
1638
  {
1631
1639
  "kind": "javascript-module",
1632
- "path": "src/banner/index.ts",
1640
+ "path": "src/actions-menu/index.ts",
1633
1641
  "declarations": [],
1634
1642
  "exports": [
1635
- {
1636
- "kind": "js",
1637
- "name": "zeroBannerTemplate",
1638
- "declaration": {
1639
- "name": "foundationBannerTemplate",
1640
- "package": "@genesislcap/foundation-ui"
1641
- }
1642
- },
1643
1643
  {
1644
1644
  "kind": "js",
1645
1645
  "name": "*",
1646
1646
  "declaration": {
1647
1647
  "name": "*",
1648
- "package": "./banner"
1648
+ "package": "./actions-menu"
1649
1649
  }
1650
1650
  },
1651
1651
  {
@@ -1653,7 +1653,7 @@
1653
1653
  "name": "*",
1654
1654
  "declaration": {
1655
1655
  "name": "*",
1656
- "package": "./banner.styles"
1656
+ "package": "./actions-menu.styles"
1657
1657
  }
1658
1658
  }
1659
1659
  ]
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.14.1-alpha-27f3f53.0",
4
+ "version": "14.15.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -34,7 +34,7 @@
34
34
  },
35
35
  "devDependencies": {
36
36
  "@custom-elements-manifest/analyzer": "^0.8.1",
37
- "@genesislcap/genx": "14.14.1-alpha-27f3f53.0",
37
+ "@genesislcap/genx": "^14.15.0",
38
38
  "@module-federation/dashboard-plugin": "2.3.0",
39
39
  "@pixability-ui/federated-types": "^0.2.0",
40
40
  "@playwright/test": "^1.18.1",
@@ -97,9 +97,9 @@
97
97
  "webpack-merge": "^5.7.3"
98
98
  },
99
99
  "dependencies": {
100
- "@genesislcap/foundation-comms": "14.14.1-alpha-27f3f53.0",
101
- "@genesislcap/foundation-ui": "14.14.1-alpha-27f3f53.0",
102
- "@genesislcap/foundation-utils": "14.14.1-alpha-27f3f53.0",
100
+ "@genesislcap/foundation-comms": "^14.15.0",
101
+ "@genesislcap/foundation-ui": "^14.15.0",
102
+ "@genesislcap/foundation-utils": "^14.15.0",
103
103
  "@microsoft/fast-colors": "^5.1.4",
104
104
  "@microsoft/fast-components": "^2.21.3",
105
105
  "@microsoft/fast-element": "^1.7.0",
@@ -112,5 +112,5 @@
112
112
  "access": "public"
113
113
  },
114
114
  "customElements": "dist/custom-elements.json",
115
- "gitHead": "bb3c12fccf7a2a870fa303a5fd2b19231c8bcc21"
115
+ "gitHead": "ae401a787afb64b06ed08f6cfb2d7f1f397e0463"
116
116
  }