@genesislcap/foundation-zero 14.27.2-alpha-af4c16a.0 → 14.28.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 +373 -373
  2. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -753,7 +753,7 @@
753
753
  },
754
754
  {
755
755
  "kind": "javascript-module",
756
- "path": "src/anchor/anchor.stories.ts",
756
+ "path": "src/actions-menu/actions-menu.stories.ts",
757
757
  "declarations": [
758
758
  {
759
759
  "kind": "variable",
@@ -761,15 +761,23 @@
761
761
  "type": {
762
762
  "text": "Meta"
763
763
  },
764
- "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
764
+ "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
765
765
  },
766
766
  {
767
767
  "kind": "variable",
768
- "name": "All",
768
+ "name": "Horizontal",
769
769
  "type": {
770
770
  "text": "StoryObj"
771
771
  },
772
- "default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
772
+ "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}"
773
+ },
774
+ {
775
+ "kind": "variable",
776
+ "name": "Vertical",
777
+ "type": {
778
+ "text": "StoryObj"
779
+ },
780
+ "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}"
773
781
  }
774
782
  ],
775
783
  "exports": [
@@ -778,26 +786,34 @@
778
786
  "name": "default",
779
787
  "declaration": {
780
788
  "name": "meta",
781
- "module": "src/anchor/anchor.stories.ts"
789
+ "module": "src/actions-menu/actions-menu.stories.ts"
782
790
  }
783
791
  },
784
792
  {
785
793
  "kind": "js",
786
- "name": "All",
794
+ "name": "Horizontal",
787
795
  "declaration": {
788
- "name": "All",
789
- "module": "src/anchor/anchor.stories.ts"
796
+ "name": "Horizontal",
797
+ "module": "src/actions-menu/actions-menu.stories.ts"
798
+ }
799
+ },
800
+ {
801
+ "kind": "js",
802
+ "name": "Vertical",
803
+ "declaration": {
804
+ "name": "Vertical",
805
+ "module": "src/actions-menu/actions-menu.stories.ts"
790
806
  }
791
807
  }
792
808
  ]
793
809
  },
794
810
  {
795
811
  "kind": "javascript-module",
796
- "path": "src/anchor/anchor.styles.ts",
812
+ "path": "src/actions-menu/actions-menu.styles.ts",
797
813
  "declarations": [
798
814
  {
799
815
  "kind": "function",
800
- "name": "zeroAnchorStyles",
816
+ "name": "zeroActionsMenuStyles",
801
817
  "return": {
802
818
  "type": {
803
819
  "text": "ElementStyles"
@@ -822,95 +838,171 @@
822
838
  "exports": [
823
839
  {
824
840
  "kind": "js",
825
- "name": "zeroAnchorStyles",
841
+ "name": "zeroActionsMenuStyles",
826
842
  "declaration": {
827
- "name": "zeroAnchorStyles",
828
- "module": "src/anchor/anchor.styles.ts"
843
+ "name": "zeroActionsMenuStyles",
844
+ "module": "src/actions-menu/actions-menu.styles.ts"
829
845
  }
830
846
  }
831
847
  ]
832
848
  },
833
849
  {
834
850
  "kind": "javascript-module",
835
- "path": "src/anchor/anchor.template.ts",
851
+ "path": "src/actions-menu/actions-menu.ts",
836
852
  "declarations": [
837
853
  {
838
- "kind": "function",
839
- "name": "zeroAnchorTemplate",
840
- "return": {
841
- "type": {
842
- "text": "ViewTemplate<Anchor>"
843
- }
854
+ "kind": "class",
855
+ "description": "",
856
+ "name": "ActionsMenu",
857
+ "superclass": {
858
+ "name": "FoundationActionsMenu",
859
+ "package": "@genesislcap/foundation-ui"
844
860
  },
845
- "parameters": [
861
+ "tagName": "%%prefix%%-actions-menu",
862
+ "customElement": true,
863
+ "members": [
846
864
  {
847
- "name": "context",
865
+ "kind": "field",
866
+ "name": "_presentation",
848
867
  "type": {
849
- "text": "ElementDefinitionContext"
868
+ "text": "ComponentPresentation | null | undefined"
869
+ },
870
+ "privacy": "private",
871
+ "default": "void 0",
872
+ "inheritedFrom": {
873
+ "name": "FoundationElement",
874
+ "module": "src/foundation-element/foundation-element.ts"
850
875
  }
851
876
  },
852
877
  {
853
- "name": "definition",
878
+ "kind": "field",
879
+ "name": "$presentation",
854
880
  "type": {
855
- "text": "FoundationElementDefinition"
881
+ "text": "ComponentPresentation | null"
882
+ },
883
+ "privacy": "public",
884
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
885
+ "inheritedFrom": {
886
+ "name": "FoundationElement",
887
+ "module": "src/foundation-element/foundation-element.ts"
888
+ }
889
+ },
890
+ {
891
+ "kind": "field",
892
+ "name": "template",
893
+ "type": {
894
+ "text": "ElementViewTemplate | void | null"
895
+ },
896
+ "privacy": "public",
897
+ "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.",
898
+ "inheritedFrom": {
899
+ "name": "FoundationElement",
900
+ "module": "src/foundation-element/foundation-element.ts"
901
+ }
902
+ },
903
+ {
904
+ "kind": "method",
905
+ "name": "templateChanged",
906
+ "privacy": "protected",
907
+ "return": {
908
+ "type": {
909
+ "text": "void"
910
+ }
911
+ },
912
+ "inheritedFrom": {
913
+ "name": "FoundationElement",
914
+ "module": "src/foundation-element/foundation-element.ts"
915
+ }
916
+ },
917
+ {
918
+ "kind": "field",
919
+ "name": "styles",
920
+ "type": {
921
+ "text": "ElementStyles | void | null"
922
+ },
923
+ "privacy": "public",
924
+ "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.",
925
+ "inheritedFrom": {
926
+ "name": "FoundationElement",
927
+ "module": "src/foundation-element/foundation-element.ts"
928
+ }
929
+ },
930
+ {
931
+ "kind": "method",
932
+ "name": "stylesChanged",
933
+ "privacy": "protected",
934
+ "return": {
935
+ "type": {
936
+ "text": "void"
937
+ }
938
+ },
939
+ "inheritedFrom": {
940
+ "name": "FoundationElement",
941
+ "module": "src/foundation-element/foundation-element.ts"
942
+ }
943
+ },
944
+ {
945
+ "kind": "method",
946
+ "name": "compose",
947
+ "privacy": "public",
948
+ "static": true,
949
+ "return": {
950
+ "type": {
951
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
952
+ }
953
+ },
954
+ "parameters": [
955
+ {
956
+ "name": "this",
957
+ "type": {
958
+ "text": "K"
959
+ }
960
+ },
961
+ {
962
+ "name": "elementDefinition",
963
+ "type": {
964
+ "text": "T"
965
+ },
966
+ "description": "The definition of the element to create the registry\nfunction for."
967
+ }
968
+ ],
969
+ "description": "Defines an element registry function with a set of element definition defaults.",
970
+ "inheritedFrom": {
971
+ "name": "FoundationElement",
972
+ "module": "src/foundation-element/foundation-element.ts"
856
973
  }
857
974
  }
858
975
  ]
859
- }
860
- ],
861
- "exports": [
862
- {
863
- "kind": "js",
864
- "name": "zeroAnchorTemplate",
865
- "declaration": {
866
- "name": "zeroAnchorTemplate",
867
- "module": "src/anchor/anchor.template.ts"
868
- }
869
- }
870
- ]
871
- },
872
- {
873
- "kind": "javascript-module",
874
- "path": "src/anchor/anchor.ts",
875
- "declarations": [
876
- {
877
- "kind": "class",
878
- "description": "",
879
- "name": "Anchor",
880
- "superclass": {
881
- "name": "FoundationAnchor",
882
- "package": "@genesislcap/foundation-ui"
883
- },
884
- "tagName": "%%prefix%%-anchor",
885
- "customElement": true
886
976
  },
887
977
  {
888
978
  "kind": "variable",
889
- "name": "zeroAnchor"
979
+ "name": "zeroActionsMenu",
980
+ "description": "The Zero Actions Menu",
981
+ "privacy": "public"
890
982
  }
891
983
  ],
892
984
  "exports": [
893
985
  {
894
986
  "kind": "js",
895
- "name": "Anchor",
987
+ "name": "ActionsMenu",
896
988
  "declaration": {
897
- "name": "Anchor",
898
- "module": "src/anchor/anchor.ts"
989
+ "name": "ActionsMenu",
990
+ "module": "src/actions-menu/actions-menu.ts"
899
991
  }
900
992
  },
901
993
  {
902
994
  "kind": "js",
903
- "name": "zeroAnchor",
995
+ "name": "zeroActionsMenu",
904
996
  "declaration": {
905
- "name": "zeroAnchor",
906
- "module": "src/anchor/anchor.ts"
997
+ "name": "zeroActionsMenu",
998
+ "module": "src/actions-menu/actions-menu.ts"
907
999
  }
908
1000
  }
909
1001
  ]
910
1002
  },
911
1003
  {
912
1004
  "kind": "javascript-module",
913
- "path": "src/anchor/index.ts",
1005
+ "path": "src/actions-menu/index.ts",
914
1006
  "declarations": [],
915
1007
  "exports": [
916
1008
  {
@@ -918,15 +1010,7 @@
918
1010
  "name": "*",
919
1011
  "declaration": {
920
1012
  "name": "*",
921
- "package": "./anchor"
922
- }
923
- },
924
- {
925
- "kind": "js",
926
- "name": "*",
927
- "declaration": {
928
- "name": "*",
929
- "package": "./anchor.styles"
1013
+ "package": "./actions-menu"
930
1014
  }
931
1015
  },
932
1016
  {
@@ -934,14 +1018,14 @@
934
1018
  "name": "*",
935
1019
  "declaration": {
936
1020
  "name": "*",
937
- "package": "./anchor.template"
1021
+ "package": "./actions-menu.styles"
938
1022
  }
939
1023
  }
940
1024
  ]
941
1025
  },
942
1026
  {
943
1027
  "kind": "javascript-module",
944
- "path": "src/badge/badge.stories.ts",
1028
+ "path": "src/anchor/anchor.stories.ts",
945
1029
  "declarations": [
946
1030
  {
947
1031
  "kind": "variable",
@@ -949,7 +1033,7 @@
949
1033
  "type": {
950
1034
  "text": "Meta"
951
1035
  },
952
- "default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
1036
+ "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
953
1037
  },
954
1038
  {
955
1039
  "kind": "variable",
@@ -957,7 +1041,7 @@
957
1041
  "type": {
958
1042
  "text": "StoryObj"
959
1043
  },
960
- "default": "{\n args: {\n fillColors,\n fontColors,\n badgeText: 'Rapid Badge',\n },\n ...StylesMapperTemplate,\n}"
1044
+ "default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
961
1045
  }
962
1046
  ],
963
1047
  "exports": [
@@ -966,7 +1050,7 @@
966
1050
  "name": "default",
967
1051
  "declaration": {
968
1052
  "name": "meta",
969
- "module": "src/badge/badge.stories.ts"
1053
+ "module": "src/anchor/anchor.stories.ts"
970
1054
  }
971
1055
  },
972
1056
  {
@@ -974,18 +1058,18 @@
974
1058
  "name": "All",
975
1059
  "declaration": {
976
1060
  "name": "All",
977
- "module": "src/badge/badge.stories.ts"
1061
+ "module": "src/anchor/anchor.stories.ts"
978
1062
  }
979
1063
  }
980
1064
  ]
981
1065
  },
982
1066
  {
983
1067
  "kind": "javascript-module",
984
- "path": "src/badge/badge.styles.ts",
1068
+ "path": "src/anchor/anchor.styles.ts",
985
1069
  "declarations": [
986
1070
  {
987
1071
  "kind": "function",
988
- "name": "zeroBadgeStyles",
1072
+ "name": "zeroAnchorStyles",
989
1073
  "return": {
990
1074
  "type": {
991
1075
  "text": "ElementStyles"
@@ -1010,24 +1094,24 @@
1010
1094
  "exports": [
1011
1095
  {
1012
1096
  "kind": "js",
1013
- "name": "zeroBadgeStyles",
1097
+ "name": "zeroAnchorStyles",
1014
1098
  "declaration": {
1015
- "name": "zeroBadgeStyles",
1016
- "module": "src/badge/badge.styles.ts"
1099
+ "name": "zeroAnchorStyles",
1100
+ "module": "src/anchor/anchor.styles.ts"
1017
1101
  }
1018
1102
  }
1019
1103
  ]
1020
1104
  },
1021
1105
  {
1022
1106
  "kind": "javascript-module",
1023
- "path": "src/badge/badge.template.ts",
1107
+ "path": "src/anchor/anchor.template.ts",
1024
1108
  "declarations": [
1025
1109
  {
1026
1110
  "kind": "function",
1027
- "name": "zeroBadgeTemplate",
1111
+ "name": "zeroAnchorTemplate",
1028
1112
  "return": {
1029
1113
  "type": {
1030
- "text": "ViewTemplate<Badge>"
1114
+ "text": "ViewTemplate<Anchor>"
1031
1115
  }
1032
1116
  },
1033
1117
  "parameters": [
@@ -1049,56 +1133,56 @@
1049
1133
  "exports": [
1050
1134
  {
1051
1135
  "kind": "js",
1052
- "name": "zeroBadgeTemplate",
1136
+ "name": "zeroAnchorTemplate",
1053
1137
  "declaration": {
1054
- "name": "zeroBadgeTemplate",
1055
- "module": "src/badge/badge.template.ts"
1138
+ "name": "zeroAnchorTemplate",
1139
+ "module": "src/anchor/anchor.template.ts"
1056
1140
  }
1057
1141
  }
1058
1142
  ]
1059
1143
  },
1060
1144
  {
1061
1145
  "kind": "javascript-module",
1062
- "path": "src/badge/badge.ts",
1146
+ "path": "src/anchor/anchor.ts",
1063
1147
  "declarations": [
1064
1148
  {
1065
1149
  "kind": "class",
1066
1150
  "description": "",
1067
- "name": "Badge",
1151
+ "name": "Anchor",
1068
1152
  "superclass": {
1069
- "name": "FoundationBadge",
1153
+ "name": "FoundationAnchor",
1070
1154
  "package": "@genesislcap/foundation-ui"
1071
1155
  },
1072
- "tagName": "%%prefix%%-badge",
1156
+ "tagName": "%%prefix%%-anchor",
1073
1157
  "customElement": true
1074
1158
  },
1075
1159
  {
1076
1160
  "kind": "variable",
1077
- "name": "zeroBadge"
1161
+ "name": "zeroAnchor"
1078
1162
  }
1079
1163
  ],
1080
1164
  "exports": [
1081
1165
  {
1082
1166
  "kind": "js",
1083
- "name": "Badge",
1167
+ "name": "Anchor",
1084
1168
  "declaration": {
1085
- "name": "Badge",
1086
- "module": "src/badge/badge.ts"
1169
+ "name": "Anchor",
1170
+ "module": "src/anchor/anchor.ts"
1087
1171
  }
1088
1172
  },
1089
1173
  {
1090
1174
  "kind": "js",
1091
- "name": "zeroBadge",
1175
+ "name": "zeroAnchor",
1092
1176
  "declaration": {
1093
- "name": "zeroBadge",
1094
- "module": "src/badge/badge.ts"
1177
+ "name": "zeroAnchor",
1178
+ "module": "src/anchor/anchor.ts"
1095
1179
  }
1096
1180
  }
1097
1181
  ]
1098
1182
  },
1099
1183
  {
1100
1184
  "kind": "javascript-module",
1101
- "path": "src/badge/index.ts",
1185
+ "path": "src/anchor/index.ts",
1102
1186
  "declarations": [],
1103
1187
  "exports": [
1104
1188
  {
@@ -1106,7 +1190,7 @@
1106
1190
  "name": "*",
1107
1191
  "declaration": {
1108
1192
  "name": "*",
1109
- "package": "./badge"
1193
+ "package": "./anchor"
1110
1194
  }
1111
1195
  },
1112
1196
  {
@@ -1114,7 +1198,7 @@
1114
1198
  "name": "*",
1115
1199
  "declaration": {
1116
1200
  "name": "*",
1117
- "package": "./badge.styles"
1201
+ "package": "./anchor.styles"
1118
1202
  }
1119
1203
  },
1120
1204
  {
@@ -1122,14 +1206,14 @@
1122
1206
  "name": "*",
1123
1207
  "declaration": {
1124
1208
  "name": "*",
1125
- "package": "./badge.template"
1209
+ "package": "./anchor.template"
1126
1210
  }
1127
1211
  }
1128
1212
  ]
1129
1213
  },
1130
1214
  {
1131
1215
  "kind": "javascript-module",
1132
- "path": "src/actions-menu/actions-menu.stories.ts",
1216
+ "path": "src/badge/badge.stories.ts",
1133
1217
  "declarations": [
1134
1218
  {
1135
1219
  "kind": "variable",
@@ -1137,23 +1221,15 @@
1137
1221
  "type": {
1138
1222
  "text": "Meta"
1139
1223
  },
1140
- "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
1141
- },
1142
- {
1143
- "kind": "variable",
1144
- "name": "Horizontal",
1145
- "type": {
1146
- "text": "StoryObj"
1147
- },
1148
- "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}"
1224
+ "default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
1149
1225
  },
1150
1226
  {
1151
1227
  "kind": "variable",
1152
- "name": "Vertical",
1228
+ "name": "All",
1153
1229
  "type": {
1154
1230
  "text": "StoryObj"
1155
1231
  },
1156
- "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}"
1232
+ "default": "{\n args: {\n fillColors,\n fontColors,\n badgeText: 'Rapid Badge',\n },\n ...StylesMapperTemplate,\n}"
1157
1233
  }
1158
1234
  ],
1159
1235
  "exports": [
@@ -1162,34 +1238,26 @@
1162
1238
  "name": "default",
1163
1239
  "declaration": {
1164
1240
  "name": "meta",
1165
- "module": "src/actions-menu/actions-menu.stories.ts"
1166
- }
1167
- },
1168
- {
1169
- "kind": "js",
1170
- "name": "Horizontal",
1171
- "declaration": {
1172
- "name": "Horizontal",
1173
- "module": "src/actions-menu/actions-menu.stories.ts"
1241
+ "module": "src/badge/badge.stories.ts"
1174
1242
  }
1175
1243
  },
1176
1244
  {
1177
1245
  "kind": "js",
1178
- "name": "Vertical",
1246
+ "name": "All",
1179
1247
  "declaration": {
1180
- "name": "Vertical",
1181
- "module": "src/actions-menu/actions-menu.stories.ts"
1248
+ "name": "All",
1249
+ "module": "src/badge/badge.stories.ts"
1182
1250
  }
1183
1251
  }
1184
1252
  ]
1185
1253
  },
1186
1254
  {
1187
1255
  "kind": "javascript-module",
1188
- "path": "src/actions-menu/actions-menu.styles.ts",
1256
+ "path": "src/badge/badge.styles.ts",
1189
1257
  "declarations": [
1190
1258
  {
1191
1259
  "kind": "function",
1192
- "name": "zeroActionsMenuStyles",
1260
+ "name": "zeroBadgeStyles",
1193
1261
  "return": {
1194
1262
  "type": {
1195
1263
  "text": "ElementStyles"
@@ -1214,171 +1282,95 @@
1214
1282
  "exports": [
1215
1283
  {
1216
1284
  "kind": "js",
1217
- "name": "zeroActionsMenuStyles",
1285
+ "name": "zeroBadgeStyles",
1218
1286
  "declaration": {
1219
- "name": "zeroActionsMenuStyles",
1220
- "module": "src/actions-menu/actions-menu.styles.ts"
1287
+ "name": "zeroBadgeStyles",
1288
+ "module": "src/badge/badge.styles.ts"
1221
1289
  }
1222
1290
  }
1223
1291
  ]
1224
1292
  },
1225
1293
  {
1226
1294
  "kind": "javascript-module",
1227
- "path": "src/actions-menu/actions-menu.ts",
1295
+ "path": "src/badge/badge.template.ts",
1228
1296
  "declarations": [
1229
1297
  {
1230
- "kind": "class",
1231
- "description": "",
1232
- "name": "ActionsMenu",
1233
- "superclass": {
1234
- "name": "FoundationActionsMenu",
1235
- "package": "@genesislcap/foundation-ui"
1298
+ "kind": "function",
1299
+ "name": "zeroBadgeTemplate",
1300
+ "return": {
1301
+ "type": {
1302
+ "text": "ViewTemplate<Badge>"
1303
+ }
1236
1304
  },
1237
- "tagName": "%%prefix%%-actions-menu",
1238
- "customElement": true,
1239
- "members": [
1240
- {
1241
- "kind": "field",
1242
- "name": "_presentation",
1243
- "type": {
1244
- "text": "ComponentPresentation | null | undefined"
1245
- },
1246
- "privacy": "private",
1247
- "default": "void 0",
1248
- "inheritedFrom": {
1249
- "name": "FoundationElement",
1250
- "module": "src/foundation-element/foundation-element.ts"
1251
- }
1252
- },
1253
- {
1254
- "kind": "field",
1255
- "name": "$presentation",
1256
- "type": {
1257
- "text": "ComponentPresentation | null"
1258
- },
1259
- "privacy": "public",
1260
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1261
- "inheritedFrom": {
1262
- "name": "FoundationElement",
1263
- "module": "src/foundation-element/foundation-element.ts"
1264
- }
1265
- },
1305
+ "parameters": [
1266
1306
  {
1267
- "kind": "field",
1268
- "name": "template",
1307
+ "name": "context",
1269
1308
  "type": {
1270
- "text": "ElementViewTemplate | void | null"
1271
- },
1272
- "privacy": "public",
1273
- "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.",
1274
- "inheritedFrom": {
1275
- "name": "FoundationElement",
1276
- "module": "src/foundation-element/foundation-element.ts"
1277
- }
1278
- },
1279
- {
1280
- "kind": "method",
1281
- "name": "templateChanged",
1282
- "privacy": "protected",
1283
- "return": {
1284
- "type": {
1285
- "text": "void"
1286
- }
1287
- },
1288
- "inheritedFrom": {
1289
- "name": "FoundationElement",
1290
- "module": "src/foundation-element/foundation-element.ts"
1309
+ "text": "ElementDefinitionContext"
1291
1310
  }
1292
1311
  },
1293
1312
  {
1294
- "kind": "field",
1295
- "name": "styles",
1313
+ "name": "definition",
1296
1314
  "type": {
1297
- "text": "ElementStyles | void | null"
1298
- },
1299
- "privacy": "public",
1300
- "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.",
1301
- "inheritedFrom": {
1302
- "name": "FoundationElement",
1303
- "module": "src/foundation-element/foundation-element.ts"
1304
- }
1305
- },
1306
- {
1307
- "kind": "method",
1308
- "name": "stylesChanged",
1309
- "privacy": "protected",
1310
- "return": {
1311
- "type": {
1312
- "text": "void"
1313
- }
1314
- },
1315
- "inheritedFrom": {
1316
- "name": "FoundationElement",
1317
- "module": "src/foundation-element/foundation-element.ts"
1318
- }
1319
- },
1320
- {
1321
- "kind": "method",
1322
- "name": "compose",
1323
- "privacy": "public",
1324
- "static": true,
1325
- "return": {
1326
- "type": {
1327
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
1328
- }
1329
- },
1330
- "parameters": [
1331
- {
1332
- "name": "this",
1333
- "type": {
1334
- "text": "K"
1335
- }
1336
- },
1337
- {
1338
- "name": "elementDefinition",
1339
- "type": {
1340
- "text": "T"
1341
- },
1342
- "description": "The definition of the element to create the registry\nfunction for."
1343
- }
1344
- ],
1345
- "description": "Defines an element registry function with a set of element definition defaults.",
1346
- "inheritedFrom": {
1347
- "name": "FoundationElement",
1348
- "module": "src/foundation-element/foundation-element.ts"
1315
+ "text": "FoundationElementDefinition"
1349
1316
  }
1350
1317
  }
1351
1318
  ]
1319
+ }
1320
+ ],
1321
+ "exports": [
1322
+ {
1323
+ "kind": "js",
1324
+ "name": "zeroBadgeTemplate",
1325
+ "declaration": {
1326
+ "name": "zeroBadgeTemplate",
1327
+ "module": "src/badge/badge.template.ts"
1328
+ }
1329
+ }
1330
+ ]
1331
+ },
1332
+ {
1333
+ "kind": "javascript-module",
1334
+ "path": "src/badge/badge.ts",
1335
+ "declarations": [
1336
+ {
1337
+ "kind": "class",
1338
+ "description": "",
1339
+ "name": "Badge",
1340
+ "superclass": {
1341
+ "name": "FoundationBadge",
1342
+ "package": "@genesislcap/foundation-ui"
1343
+ },
1344
+ "tagName": "%%prefix%%-badge",
1345
+ "customElement": true
1352
1346
  },
1353
1347
  {
1354
1348
  "kind": "variable",
1355
- "name": "zeroActionsMenu",
1356
- "description": "The Zero Actions Menu",
1357
- "privacy": "public"
1349
+ "name": "zeroBadge"
1358
1350
  }
1359
1351
  ],
1360
1352
  "exports": [
1361
1353
  {
1362
1354
  "kind": "js",
1363
- "name": "ActionsMenu",
1355
+ "name": "Badge",
1364
1356
  "declaration": {
1365
- "name": "ActionsMenu",
1366
- "module": "src/actions-menu/actions-menu.ts"
1357
+ "name": "Badge",
1358
+ "module": "src/badge/badge.ts"
1367
1359
  }
1368
1360
  },
1369
1361
  {
1370
1362
  "kind": "js",
1371
- "name": "zeroActionsMenu",
1363
+ "name": "zeroBadge",
1372
1364
  "declaration": {
1373
- "name": "zeroActionsMenu",
1374
- "module": "src/actions-menu/actions-menu.ts"
1365
+ "name": "zeroBadge",
1366
+ "module": "src/badge/badge.ts"
1375
1367
  }
1376
1368
  }
1377
1369
  ]
1378
1370
  },
1379
1371
  {
1380
1372
  "kind": "javascript-module",
1381
- "path": "src/actions-menu/index.ts",
1373
+ "path": "src/badge/index.ts",
1382
1374
  "declarations": [],
1383
1375
  "exports": [
1384
1376
  {
@@ -1386,7 +1378,7 @@
1386
1378
  "name": "*",
1387
1379
  "declaration": {
1388
1380
  "name": "*",
1389
- "package": "./actions-menu"
1381
+ "package": "./badge"
1390
1382
  }
1391
1383
  },
1392
1384
  {
@@ -1394,7 +1386,15 @@
1394
1386
  "name": "*",
1395
1387
  "declaration": {
1396
1388
  "name": "*",
1397
- "package": "./actions-menu.styles"
1389
+ "package": "./badge.styles"
1390
+ }
1391
+ },
1392
+ {
1393
+ "kind": "js",
1394
+ "name": "*",
1395
+ "declaration": {
1396
+ "name": "*",
1397
+ "package": "./badge.template"
1398
1398
  }
1399
1399
  }
1400
1400
  ]
@@ -7880,7 +7880,7 @@
7880
7880
  },
7881
7881
  {
7882
7882
  "kind": "javascript-module",
7883
- "path": "src/menu/index.ts",
7883
+ "path": "src/listbox-option/index.ts",
7884
7884
  "declarations": [],
7885
7885
  "exports": [
7886
7886
  {
@@ -7888,61 +7888,76 @@
7888
7888
  "name": "*",
7889
7889
  "declaration": {
7890
7890
  "name": "*",
7891
- "package": "./menu"
7891
+ "package": "./listbox-option"
7892
+ }
7893
+ },
7894
+ {
7895
+ "kind": "js",
7896
+ "name": "*",
7897
+ "declaration": {
7898
+ "name": "*",
7899
+ "package": "./listbox-option.styles"
7900
+ }
7901
+ },
7902
+ {
7903
+ "kind": "js",
7904
+ "name": "*",
7905
+ "declaration": {
7906
+ "name": "*",
7907
+ "package": "./listbox-option.template"
7892
7908
  }
7893
7909
  }
7894
7910
  ]
7895
7911
  },
7896
7912
  {
7897
7913
  "kind": "javascript-module",
7898
- "path": "src/menu/menu.stories.ts",
7914
+ "path": "src/listbox-option/listbox-option.styles.ts",
7899
7915
  "declarations": [
7900
7916
  {
7901
- "kind": "variable",
7902
- "name": "meta",
7903
- "type": {
7904
- "text": "Meta"
7905
- },
7906
- "default": "{\n title: 'Menu',\n component: 'zero-menu',\n}"
7907
- },
7908
- {
7909
- "kind": "variable",
7910
- "name": "Primary",
7911
- "type": {
7912
- "text": "StoryObj"
7917
+ "kind": "function",
7918
+ "name": "zeroListboxOptionStyles",
7919
+ "return": {
7920
+ "type": {
7921
+ "text": "ElementStyles"
7922
+ }
7913
7923
  },
7914
- "default": "{\n args: {\n menuItemsText: 'Menu item',\n subMenuItemsText: 'SubMenu item',\n },\n render: ({ menuItemsText, subMenuItemsText }) =>\n html`\n <zero-menu>\n <zero-menu-item>\n ${menuItemsText} 1\n <zero-menu>\n <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>\n <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>\n <zero-menu-item>${subMenuItemsText}</zero-menu-item>\n </zero-menu>\n </zero-menu-item>\n <zero-menu-item>${menuItemsText} 2</zero-menu-item>\n <zero-menu-item>${menuItemsText}</zero-menu-item>\n </zero-menu>\n `,\n}"
7924
+ "parameters": [
7925
+ {
7926
+ "name": "context",
7927
+ "type": {
7928
+ "text": "ElementDefinitionContext"
7929
+ }
7930
+ },
7931
+ {
7932
+ "name": "definition",
7933
+ "type": {
7934
+ "text": "FoundationElementDefinition"
7935
+ }
7936
+ }
7937
+ ]
7915
7938
  }
7916
7939
  ],
7917
7940
  "exports": [
7918
7941
  {
7919
7942
  "kind": "js",
7920
- "name": "default",
7921
- "declaration": {
7922
- "name": "meta",
7923
- "module": "src/menu/menu.stories.ts"
7924
- }
7925
- },
7926
- {
7927
- "kind": "js",
7928
- "name": "Primary",
7943
+ "name": "zeroListboxOptionStyles",
7929
7944
  "declaration": {
7930
- "name": "Primary",
7931
- "module": "src/menu/menu.stories.ts"
7945
+ "name": "zeroListboxOptionStyles",
7946
+ "module": "src/listbox-option/listbox-option.styles.ts"
7932
7947
  }
7933
7948
  }
7934
7949
  ]
7935
7950
  },
7936
7951
  {
7937
7952
  "kind": "javascript-module",
7938
- "path": "src/menu/menu.styles.ts",
7953
+ "path": "src/listbox-option/listbox-option.template.ts",
7939
7954
  "declarations": [
7940
7955
  {
7941
7956
  "kind": "function",
7942
- "name": "zeroMenuStyles",
7957
+ "name": "zeroListboxOptionTemplate",
7943
7958
  "return": {
7944
7959
  "type": {
7945
- "text": "ElementStyles"
7960
+ "text": "ViewTemplate<ListboxOption>"
7946
7961
  }
7947
7962
  },
7948
7963
  "parameters": [
@@ -7964,71 +7979,56 @@
7964
7979
  "exports": [
7965
7980
  {
7966
7981
  "kind": "js",
7967
- "name": "zeroMenuStyles",
7982
+ "name": "zeroListboxOptionTemplate",
7968
7983
  "declaration": {
7969
- "name": "zeroMenuStyles",
7970
- "module": "src/menu/menu.styles.ts"
7984
+ "name": "zeroListboxOptionTemplate",
7985
+ "module": "src/listbox-option/listbox-option.template.ts"
7971
7986
  }
7972
7987
  }
7973
7988
  ]
7974
7989
  },
7975
7990
  {
7976
7991
  "kind": "javascript-module",
7977
- "path": "src/menu/menu.ts",
7992
+ "path": "src/listbox-option/listbox-option.ts",
7978
7993
  "declarations": [
7979
- {
7980
- "kind": "variable",
7981
- "name": "zeroMenuShadowOptions",
7982
- "default": "foundationMenuShadowOptions"
7983
- },
7984
7994
  {
7985
7995
  "kind": "class",
7986
7996
  "description": "",
7987
- "name": "Menu",
7997
+ "name": "ListboxOption",
7988
7998
  "superclass": {
7989
- "name": "FoundationMenu",
7999
+ "name": "FoundationListboxOption",
7990
8000
  "package": "@genesislcap/foundation-ui"
7991
8001
  },
7992
- "tagName": "%%prefix%%-menu",
8002
+ "tagName": "%%prefix%%-option",
7993
8003
  "customElement": true
7994
8004
  },
7995
8005
  {
7996
8006
  "kind": "variable",
7997
- "name": "zeroMenu",
7998
- "description": "The Zero Menu",
7999
- "privacy": "public"
8007
+ "name": "zeroListboxOption"
8000
8008
  }
8001
8009
  ],
8002
8010
  "exports": [
8003
8011
  {
8004
8012
  "kind": "js",
8005
- "name": "zeroMenuShadowOptions",
8006
- "declaration": {
8007
- "name": "zeroMenuShadowOptions",
8008
- "module": "src/menu/menu.ts"
8009
- }
8010
- },
8011
- {
8012
- "kind": "js",
8013
- "name": "Menu",
8013
+ "name": "ListboxOption",
8014
8014
  "declaration": {
8015
- "name": "Menu",
8016
- "module": "src/menu/menu.ts"
8015
+ "name": "ListboxOption",
8016
+ "module": "src/listbox-option/listbox-option.ts"
8017
8017
  }
8018
8018
  },
8019
8019
  {
8020
8020
  "kind": "js",
8021
- "name": "zeroMenu",
8021
+ "name": "zeroListboxOption",
8022
8022
  "declaration": {
8023
- "name": "zeroMenu",
8024
- "module": "src/menu/menu.ts"
8023
+ "name": "zeroListboxOption",
8024
+ "module": "src/listbox-option/listbox-option.ts"
8025
8025
  }
8026
8026
  }
8027
8027
  ]
8028
8028
  },
8029
8029
  {
8030
8030
  "kind": "javascript-module",
8031
- "path": "src/listbox-option/index.ts",
8031
+ "path": "src/menu/index.ts",
8032
8032
  "declarations": [],
8033
8033
  "exports": [
8034
8034
  {
@@ -8036,76 +8036,61 @@
8036
8036
  "name": "*",
8037
8037
  "declaration": {
8038
8038
  "name": "*",
8039
- "package": "./listbox-option"
8040
- }
8041
- },
8042
- {
8043
- "kind": "js",
8044
- "name": "*",
8045
- "declaration": {
8046
- "name": "*",
8047
- "package": "./listbox-option.styles"
8048
- }
8049
- },
8050
- {
8051
- "kind": "js",
8052
- "name": "*",
8053
- "declaration": {
8054
- "name": "*",
8055
- "package": "./listbox-option.template"
8039
+ "package": "./menu"
8056
8040
  }
8057
8041
  }
8058
8042
  ]
8059
8043
  },
8060
8044
  {
8061
8045
  "kind": "javascript-module",
8062
- "path": "src/listbox-option/listbox-option.styles.ts",
8046
+ "path": "src/menu/menu.stories.ts",
8063
8047
  "declarations": [
8064
8048
  {
8065
- "kind": "function",
8066
- "name": "zeroListboxOptionStyles",
8067
- "return": {
8068
- "type": {
8069
- "text": "ElementStyles"
8070
- }
8049
+ "kind": "variable",
8050
+ "name": "meta",
8051
+ "type": {
8052
+ "text": "Meta"
8071
8053
  },
8072
- "parameters": [
8073
- {
8074
- "name": "context",
8075
- "type": {
8076
- "text": "ElementDefinitionContext"
8077
- }
8078
- },
8079
- {
8080
- "name": "definition",
8081
- "type": {
8082
- "text": "FoundationElementDefinition"
8083
- }
8084
- }
8085
- ]
8054
+ "default": "{\n title: 'Menu',\n component: 'zero-menu',\n}"
8055
+ },
8056
+ {
8057
+ "kind": "variable",
8058
+ "name": "Primary",
8059
+ "type": {
8060
+ "text": "StoryObj"
8061
+ },
8062
+ "default": "{\n args: {\n menuItemsText: 'Menu item',\n subMenuItemsText: 'SubMenu item',\n },\n render: ({ menuItemsText, subMenuItemsText }) =>\n html`\n <zero-menu>\n <zero-menu-item>\n ${menuItemsText} 1\n <zero-menu>\n <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>\n <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>\n <zero-menu-item>${subMenuItemsText}</zero-menu-item>\n </zero-menu>\n </zero-menu-item>\n <zero-menu-item>${menuItemsText} 2</zero-menu-item>\n <zero-menu-item>${menuItemsText}</zero-menu-item>\n </zero-menu>\n `,\n}"
8086
8063
  }
8087
8064
  ],
8088
8065
  "exports": [
8089
8066
  {
8090
8067
  "kind": "js",
8091
- "name": "zeroListboxOptionStyles",
8068
+ "name": "default",
8092
8069
  "declaration": {
8093
- "name": "zeroListboxOptionStyles",
8094
- "module": "src/listbox-option/listbox-option.styles.ts"
8070
+ "name": "meta",
8071
+ "module": "src/menu/menu.stories.ts"
8072
+ }
8073
+ },
8074
+ {
8075
+ "kind": "js",
8076
+ "name": "Primary",
8077
+ "declaration": {
8078
+ "name": "Primary",
8079
+ "module": "src/menu/menu.stories.ts"
8095
8080
  }
8096
8081
  }
8097
8082
  ]
8098
8083
  },
8099
8084
  {
8100
8085
  "kind": "javascript-module",
8101
- "path": "src/listbox-option/listbox-option.template.ts",
8086
+ "path": "src/menu/menu.styles.ts",
8102
8087
  "declarations": [
8103
8088
  {
8104
8089
  "kind": "function",
8105
- "name": "zeroListboxOptionTemplate",
8090
+ "name": "zeroMenuStyles",
8106
8091
  "return": {
8107
8092
  "type": {
8108
- "text": "ViewTemplate<ListboxOption>"
8093
+ "text": "ElementStyles"
8109
8094
  }
8110
8095
  },
8111
8096
  "parameters": [
@@ -8127,49 +8112,64 @@
8127
8112
  "exports": [
8128
8113
  {
8129
8114
  "kind": "js",
8130
- "name": "zeroListboxOptionTemplate",
8115
+ "name": "zeroMenuStyles",
8131
8116
  "declaration": {
8132
- "name": "zeroListboxOptionTemplate",
8133
- "module": "src/listbox-option/listbox-option.template.ts"
8117
+ "name": "zeroMenuStyles",
8118
+ "module": "src/menu/menu.styles.ts"
8134
8119
  }
8135
8120
  }
8136
8121
  ]
8137
8122
  },
8138
8123
  {
8139
8124
  "kind": "javascript-module",
8140
- "path": "src/listbox-option/listbox-option.ts",
8125
+ "path": "src/menu/menu.ts",
8141
8126
  "declarations": [
8127
+ {
8128
+ "kind": "variable",
8129
+ "name": "zeroMenuShadowOptions",
8130
+ "default": "foundationMenuShadowOptions"
8131
+ },
8142
8132
  {
8143
8133
  "kind": "class",
8144
8134
  "description": "",
8145
- "name": "ListboxOption",
8135
+ "name": "Menu",
8146
8136
  "superclass": {
8147
- "name": "FoundationListboxOption",
8137
+ "name": "FoundationMenu",
8148
8138
  "package": "@genesislcap/foundation-ui"
8149
8139
  },
8150
- "tagName": "%%prefix%%-option",
8140
+ "tagName": "%%prefix%%-menu",
8151
8141
  "customElement": true
8152
8142
  },
8153
8143
  {
8154
8144
  "kind": "variable",
8155
- "name": "zeroListboxOption"
8145
+ "name": "zeroMenu",
8146
+ "description": "The Zero Menu",
8147
+ "privacy": "public"
8156
8148
  }
8157
8149
  ],
8158
8150
  "exports": [
8159
8151
  {
8160
8152
  "kind": "js",
8161
- "name": "ListboxOption",
8153
+ "name": "zeroMenuShadowOptions",
8162
8154
  "declaration": {
8163
- "name": "ListboxOption",
8164
- "module": "src/listbox-option/listbox-option.ts"
8155
+ "name": "zeroMenuShadowOptions",
8156
+ "module": "src/menu/menu.ts"
8165
8157
  }
8166
8158
  },
8167
8159
  {
8168
8160
  "kind": "js",
8169
- "name": "zeroListboxOption",
8161
+ "name": "Menu",
8170
8162
  "declaration": {
8171
- "name": "zeroListboxOption",
8172
- "module": "src/listbox-option/listbox-option.ts"
8163
+ "name": "Menu",
8164
+ "module": "src/menu/menu.ts"
8165
+ }
8166
+ },
8167
+ {
8168
+ "kind": "js",
8169
+ "name": "zeroMenu",
8170
+ "declaration": {
8171
+ "name": "zeroMenu",
8172
+ "module": "src/menu/menu.ts"
8173
8173
  }
8174
8174
  }
8175
8175
  ]
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.27.2-alpha-af4c16a.0",
4
+ "version": "14.28.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.27.2-alpha-af4c16a.0",
65
+ "@genesislcap/genx": "^14.28.0",
66
66
  "@playwright/test": "^1.18.1",
67
67
  "@storybook/addon-essentials": "^7.0.0",
68
68
  "@storybook/addon-links": "^7.0.0",
@@ -84,9 +84,9 @@
84
84
  "watchlist": "^0.3.1"
85
85
  },
86
86
  "dependencies": {
87
- "@genesislcap/foundation-comms": "14.27.2-alpha-af4c16a.0",
88
- "@genesislcap/foundation-ui": "14.27.2-alpha-af4c16a.0",
89
- "@genesislcap/foundation-utils": "14.27.2-alpha-af4c16a.0",
87
+ "@genesislcap/foundation-comms": "^14.28.0",
88
+ "@genesislcap/foundation-ui": "^14.28.0",
89
+ "@genesislcap/foundation-utils": "^14.28.0",
90
90
  "@microsoft/fast-colors": "^5.1.4",
91
91
  "@microsoft/fast-components": "^2.21.3",
92
92
  "@microsoft/fast-element": "^1.7.0",
@@ -103,5 +103,5 @@
103
103
  "access": "public"
104
104
  },
105
105
  "customElements": "dist/custom-elements.json",
106
- "gitHead": "b98e9f5b2c814ed59377433ee350ba957ac7f14a"
106
+ "gitHead": "fcf71da3c5d4780fc557a01487181de1d0aabad2"
107
107
  }