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