@genesislcap/foundation-zero 14.15.0 → 14.15.1

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.
@@ -722,7 +722,38 @@
722
722
  },
723
723
  {
724
724
  "kind": "javascript-module",
725
- "path": "src/anchor/anchor.stories.ts",
725
+ "path": "src/_config/index.ts",
726
+ "declarations": [],
727
+ "exports": [
728
+ {
729
+ "kind": "js",
730
+ "name": "*",
731
+ "declaration": {
732
+ "name": "*",
733
+ "package": "./styles"
734
+ }
735
+ },
736
+ {
737
+ "kind": "js",
738
+ "name": "*",
739
+ "declaration": {
740
+ "name": "*",
741
+ "package": "./tokens"
742
+ }
743
+ },
744
+ {
745
+ "kind": "js",
746
+ "name": "*",
747
+ "declaration": {
748
+ "name": "*",
749
+ "package": "./values"
750
+ }
751
+ }
752
+ ]
753
+ },
754
+ {
755
+ "kind": "javascript-module",
756
+ "path": "src/actions-menu/actions-menu.stories.ts",
726
757
  "declarations": [
727
758
  {
728
759
  "kind": "variable",
@@ -730,15 +761,23 @@
730
761
  "type": {
731
762
  "text": "Meta"
732
763
  },
733
- "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
764
+ "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
734
765
  },
735
766
  {
736
767
  "kind": "variable",
737
- "name": "All",
768
+ "name": "Horizontal",
738
769
  "type": {
739
770
  "text": "StoryObj"
740
771
  },
741
- "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}"
742
781
  }
743
782
  ],
744
783
  "exports": [
@@ -747,26 +786,34 @@
747
786
  "name": "default",
748
787
  "declaration": {
749
788
  "name": "meta",
750
- "module": "src/anchor/anchor.stories.ts"
789
+ "module": "src/actions-menu/actions-menu.stories.ts"
751
790
  }
752
791
  },
753
792
  {
754
793
  "kind": "js",
755
- "name": "All",
794
+ "name": "Horizontal",
756
795
  "declaration": {
757
- "name": "All",
758
- "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"
759
806
  }
760
807
  }
761
808
  ]
762
809
  },
763
810
  {
764
811
  "kind": "javascript-module",
765
- "path": "src/anchor/anchor.styles.ts",
812
+ "path": "src/actions-menu/actions-menu.styles.ts",
766
813
  "declarations": [
767
814
  {
768
815
  "kind": "function",
769
- "name": "zeroAnchorStyles",
816
+ "name": "zeroActionsMenuStyles",
770
817
  "return": {
771
818
  "type": {
772
819
  "text": "ElementStyles"
@@ -791,95 +838,171 @@
791
838
  "exports": [
792
839
  {
793
840
  "kind": "js",
794
- "name": "zeroAnchorStyles",
841
+ "name": "zeroActionsMenuStyles",
795
842
  "declaration": {
796
- "name": "zeroAnchorStyles",
797
- "module": "src/anchor/anchor.styles.ts"
843
+ "name": "zeroActionsMenuStyles",
844
+ "module": "src/actions-menu/actions-menu.styles.ts"
798
845
  }
799
846
  }
800
847
  ]
801
848
  },
802
849
  {
803
850
  "kind": "javascript-module",
804
- "path": "src/anchor/anchor.template.ts",
851
+ "path": "src/actions-menu/actions-menu.ts",
805
852
  "declarations": [
806
853
  {
807
- "kind": "function",
808
- "name": "zeroAnchorTemplate",
809
- "return": {
810
- "type": {
811
- "text": "ViewTemplate<Anchor>"
812
- }
854
+ "kind": "class",
855
+ "description": "",
856
+ "name": "ActionsMenu",
857
+ "superclass": {
858
+ "name": "FoundationActionsMenu",
859
+ "package": "@genesislcap/foundation-ui"
813
860
  },
814
- "parameters": [
861
+ "tagName": "%%prefix%%-actions-menu",
862
+ "customElement": true,
863
+ "members": [
815
864
  {
816
- "name": "context",
865
+ "kind": "field",
866
+ "name": "_presentation",
817
867
  "type": {
818
- "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"
819
875
  }
820
876
  },
821
877
  {
822
- "name": "definition",
878
+ "kind": "field",
879
+ "name": "$presentation",
823
880
  "type": {
824
- "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"
825
973
  }
826
974
  }
827
975
  ]
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
855
976
  },
856
977
  {
857
978
  "kind": "variable",
858
- "name": "zeroAnchor"
979
+ "name": "zeroActionsMenu",
980
+ "description": "The Zero Actions Menu",
981
+ "privacy": "public"
859
982
  }
860
983
  ],
861
984
  "exports": [
862
985
  {
863
986
  "kind": "js",
864
- "name": "Anchor",
987
+ "name": "ActionsMenu",
865
988
  "declaration": {
866
- "name": "Anchor",
867
- "module": "src/anchor/anchor.ts"
989
+ "name": "ActionsMenu",
990
+ "module": "src/actions-menu/actions-menu.ts"
868
991
  }
869
992
  },
870
993
  {
871
994
  "kind": "js",
872
- "name": "zeroAnchor",
995
+ "name": "zeroActionsMenu",
873
996
  "declaration": {
874
- "name": "zeroAnchor",
875
- "module": "src/anchor/anchor.ts"
997
+ "name": "zeroActionsMenu",
998
+ "module": "src/actions-menu/actions-menu.ts"
876
999
  }
877
1000
  }
878
1001
  ]
879
1002
  },
880
1003
  {
881
1004
  "kind": "javascript-module",
882
- "path": "src/anchor/index.ts",
1005
+ "path": "src/actions-menu/index.ts",
883
1006
  "declarations": [],
884
1007
  "exports": [
885
1008
  {
@@ -887,15 +1010,7 @@
887
1010
  "name": "*",
888
1011
  "declaration": {
889
1012
  "name": "*",
890
- "package": "./anchor"
891
- }
892
- },
893
- {
894
- "kind": "js",
895
- "name": "*",
896
- "declaration": {
897
- "name": "*",
898
- "package": "./anchor.styles"
1013
+ "package": "./actions-menu"
899
1014
  }
900
1015
  },
901
1016
  {
@@ -903,14 +1018,14 @@
903
1018
  "name": "*",
904
1019
  "declaration": {
905
1020
  "name": "*",
906
- "package": "./anchor.template"
1021
+ "package": "./actions-menu.styles"
907
1022
  }
908
1023
  }
909
1024
  ]
910
1025
  },
911
1026
  {
912
1027
  "kind": "javascript-module",
913
- "path": "src/badge/badge.stories.ts",
1028
+ "path": "src/anchor/anchor.stories.ts",
914
1029
  "declarations": [
915
1030
  {
916
1031
  "kind": "variable",
@@ -918,7 +1033,7 @@
918
1033
  "type": {
919
1034
  "text": "Meta"
920
1035
  },
921
- "default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
1036
+ "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
922
1037
  },
923
1038
  {
924
1039
  "kind": "variable",
@@ -926,7 +1041,7 @@
926
1041
  "type": {
927
1042
  "text": "StoryObj"
928
1043
  },
929
- "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}"
930
1045
  }
931
1046
  ],
932
1047
  "exports": [
@@ -935,7 +1050,7 @@
935
1050
  "name": "default",
936
1051
  "declaration": {
937
1052
  "name": "meta",
938
- "module": "src/badge/badge.stories.ts"
1053
+ "module": "src/anchor/anchor.stories.ts"
939
1054
  }
940
1055
  },
941
1056
  {
@@ -943,18 +1058,18 @@
943
1058
  "name": "All",
944
1059
  "declaration": {
945
1060
  "name": "All",
946
- "module": "src/badge/badge.stories.ts"
1061
+ "module": "src/anchor/anchor.stories.ts"
947
1062
  }
948
1063
  }
949
1064
  ]
950
1065
  },
951
1066
  {
952
1067
  "kind": "javascript-module",
953
- "path": "src/badge/badge.styles.ts",
1068
+ "path": "src/anchor/anchor.styles.ts",
954
1069
  "declarations": [
955
1070
  {
956
1071
  "kind": "function",
957
- "name": "zeroBadgeStyles",
1072
+ "name": "zeroAnchorStyles",
958
1073
  "return": {
959
1074
  "type": {
960
1075
  "text": "ElementStyles"
@@ -979,24 +1094,24 @@
979
1094
  "exports": [
980
1095
  {
981
1096
  "kind": "js",
982
- "name": "zeroBadgeStyles",
1097
+ "name": "zeroAnchorStyles",
983
1098
  "declaration": {
984
- "name": "zeroBadgeStyles",
985
- "module": "src/badge/badge.styles.ts"
1099
+ "name": "zeroAnchorStyles",
1100
+ "module": "src/anchor/anchor.styles.ts"
986
1101
  }
987
1102
  }
988
1103
  ]
989
1104
  },
990
1105
  {
991
1106
  "kind": "javascript-module",
992
- "path": "src/badge/badge.template.ts",
1107
+ "path": "src/anchor/anchor.template.ts",
993
1108
  "declarations": [
994
1109
  {
995
1110
  "kind": "function",
996
- "name": "zeroBadgeTemplate",
1111
+ "name": "zeroAnchorTemplate",
997
1112
  "return": {
998
1113
  "type": {
999
- "text": "ViewTemplate<Badge>"
1114
+ "text": "ViewTemplate<Anchor>"
1000
1115
  }
1001
1116
  },
1002
1117
  "parameters": [
@@ -1018,56 +1133,56 @@
1018
1133
  "exports": [
1019
1134
  {
1020
1135
  "kind": "js",
1021
- "name": "zeroBadgeTemplate",
1136
+ "name": "zeroAnchorTemplate",
1022
1137
  "declaration": {
1023
- "name": "zeroBadgeTemplate",
1024
- "module": "src/badge/badge.template.ts"
1138
+ "name": "zeroAnchorTemplate",
1139
+ "module": "src/anchor/anchor.template.ts"
1025
1140
  }
1026
1141
  }
1027
1142
  ]
1028
1143
  },
1029
1144
  {
1030
1145
  "kind": "javascript-module",
1031
- "path": "src/badge/badge.ts",
1146
+ "path": "src/anchor/anchor.ts",
1032
1147
  "declarations": [
1033
1148
  {
1034
1149
  "kind": "class",
1035
1150
  "description": "",
1036
- "name": "Badge",
1151
+ "name": "Anchor",
1037
1152
  "superclass": {
1038
- "name": "FoundationBadge",
1153
+ "name": "FoundationAnchor",
1039
1154
  "package": "@genesislcap/foundation-ui"
1040
1155
  },
1041
- "tagName": "%%prefix%%-badge",
1156
+ "tagName": "%%prefix%%-anchor",
1042
1157
  "customElement": true
1043
1158
  },
1044
1159
  {
1045
1160
  "kind": "variable",
1046
- "name": "zeroBadge"
1161
+ "name": "zeroAnchor"
1047
1162
  }
1048
1163
  ],
1049
1164
  "exports": [
1050
1165
  {
1051
1166
  "kind": "js",
1052
- "name": "Badge",
1167
+ "name": "Anchor",
1053
1168
  "declaration": {
1054
- "name": "Badge",
1055
- "module": "src/badge/badge.ts"
1169
+ "name": "Anchor",
1170
+ "module": "src/anchor/anchor.ts"
1056
1171
  }
1057
1172
  },
1058
1173
  {
1059
1174
  "kind": "js",
1060
- "name": "zeroBadge",
1175
+ "name": "zeroAnchor",
1061
1176
  "declaration": {
1062
- "name": "zeroBadge",
1063
- "module": "src/badge/badge.ts"
1177
+ "name": "zeroAnchor",
1178
+ "module": "src/anchor/anchor.ts"
1064
1179
  }
1065
1180
  }
1066
1181
  ]
1067
1182
  },
1068
1183
  {
1069
1184
  "kind": "javascript-module",
1070
- "path": "src/badge/index.ts",
1185
+ "path": "src/anchor/index.ts",
1071
1186
  "declarations": [],
1072
1187
  "exports": [
1073
1188
  {
@@ -1075,7 +1190,7 @@
1075
1190
  "name": "*",
1076
1191
  "declaration": {
1077
1192
  "name": "*",
1078
- "package": "./badge"
1193
+ "package": "./anchor"
1079
1194
  }
1080
1195
  },
1081
1196
  {
@@ -1083,7 +1198,7 @@
1083
1198
  "name": "*",
1084
1199
  "declaration": {
1085
1200
  "name": "*",
1086
- "package": "./badge.styles"
1201
+ "package": "./anchor.styles"
1087
1202
  }
1088
1203
  },
1089
1204
  {
@@ -1091,273 +1206,171 @@
1091
1206
  "name": "*",
1092
1207
  "declaration": {
1093
1208
  "name": "*",
1094
- "package": "./badge.template"
1095
- }
1096
- }
1097
- ]
1098
- },
1099
- {
1100
- "kind": "javascript-module",
1101
- "path": "src/banner/banner.stories.ts",
1102
- "declarations": [
1103
- {
1104
- "kind": "variable",
1105
- "name": "meta",
1106
- "type": {
1107
- "text": "Meta"
1108
- },
1109
- "default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
1110
- },
1111
- {
1112
- "kind": "variable",
1113
- "name": "Primary",
1114
- "type": {
1115
- "text": "StoryObj"
1116
- },
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}"
1118
- }
1119
- ],
1120
- "exports": [
1121
- {
1122
- "kind": "js",
1123
- "name": "default",
1124
- "declaration": {
1125
- "name": "meta",
1126
- "module": "src/banner/banner.stories.ts"
1127
- }
1128
- },
1129
- {
1130
- "kind": "js",
1131
- "name": "Primary",
1132
- "declaration": {
1133
- "name": "Primary",
1134
- "module": "src/banner/banner.stories.ts"
1135
- }
1136
- }
1137
- ]
1138
- },
1139
- {
1140
- "kind": "javascript-module",
1141
- "path": "src/banner/banner.styles.ts",
1142
- "declarations": [
1143
- {
1144
- "kind": "variable",
1145
- "name": "zeroBannerStyles",
1146
- "default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
1147
- }
1148
- ],
1149
- "exports": [
1150
- {
1151
- "kind": "js",
1152
- "name": "zeroBannerStyles",
1153
- "declaration": {
1154
- "name": "zeroBannerStyles",
1155
- "module": "src/banner/banner.styles.ts"
1209
+ "package": "./anchor.template"
1156
1210
  }
1157
1211
  }
1158
1212
  ]
1159
1213
  },
1160
1214
  {
1161
1215
  "kind": "javascript-module",
1162
- "path": "src/banner/banner.ts",
1216
+ "path": "src/badge/badge.stories.ts",
1163
1217
  "declarations": [
1164
1218
  {
1165
1219
  "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"
1176
- },
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
- },
1206
- {
1207
- "kind": "field",
1208
- "name": "template",
1209
- "type": {
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"
1217
- }
1218
- },
1219
- {
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",
1236
- "type": {
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"
1289
- }
1290
- }
1291
- ]
1220
+ "name": "meta",
1221
+ "type": {
1222
+ "text": "Meta"
1223
+ },
1224
+ "default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
1292
1225
  },
1293
1226
  {
1294
1227
  "kind": "variable",
1295
- "name": "zeroBanner",
1296
- "description": "The Zero Banner",
1297
- "privacy": "public"
1228
+ "name": "All",
1229
+ "type": {
1230
+ "text": "StoryObj"
1231
+ },
1232
+ "default": "{\n args: {\n fillColors,\n fontColors,\n badgeText: 'Rapid Badge',\n },\n ...StylesMapperTemplate,\n}"
1298
1233
  }
1299
1234
  ],
1300
1235
  "exports": [
1301
1236
  {
1302
1237
  "kind": "js",
1303
- "name": "zeroBannerShadowOptions",
1238
+ "name": "default",
1304
1239
  "declaration": {
1305
- "name": "zeroBannerShadowOptions",
1306
- "module": "src/banner/banner.ts"
1240
+ "name": "meta",
1241
+ "module": "src/badge/badge.stories.ts"
1307
1242
  }
1308
1243
  },
1309
1244
  {
1310
1245
  "kind": "js",
1311
- "name": "Banner",
1246
+ "name": "All",
1312
1247
  "declaration": {
1313
- "name": "Banner",
1314
- "module": "src/banner/banner.ts"
1248
+ "name": "All",
1249
+ "module": "src/badge/badge.stories.ts"
1315
1250
  }
1316
- },
1251
+ }
1252
+ ]
1253
+ },
1254
+ {
1255
+ "kind": "javascript-module",
1256
+ "path": "src/badge/badge.styles.ts",
1257
+ "declarations": [
1258
+ {
1259
+ "kind": "function",
1260
+ "name": "zeroBadgeStyles",
1261
+ "return": {
1262
+ "type": {
1263
+ "text": "ElementStyles"
1264
+ }
1265
+ },
1266
+ "parameters": [
1267
+ {
1268
+ "name": "context",
1269
+ "type": {
1270
+ "text": "ElementDefinitionContext"
1271
+ }
1272
+ },
1273
+ {
1274
+ "name": "definition",
1275
+ "type": {
1276
+ "text": "FoundationElementDefinition"
1277
+ }
1278
+ }
1279
+ ]
1280
+ }
1281
+ ],
1282
+ "exports": [
1317
1283
  {
1318
1284
  "kind": "js",
1319
- "name": "zeroBanner",
1285
+ "name": "zeroBadgeStyles",
1320
1286
  "declaration": {
1321
- "name": "zeroBanner",
1322
- "module": "src/banner/banner.ts"
1287
+ "name": "zeroBadgeStyles",
1288
+ "module": "src/badge/badge.styles.ts"
1323
1289
  }
1324
1290
  }
1325
1291
  ]
1326
1292
  },
1327
1293
  {
1328
1294
  "kind": "javascript-module",
1329
- "path": "src/banner/index.ts",
1330
- "declarations": [],
1295
+ "path": "src/badge/badge.template.ts",
1296
+ "declarations": [
1297
+ {
1298
+ "kind": "function",
1299
+ "name": "zeroBadgeTemplate",
1300
+ "return": {
1301
+ "type": {
1302
+ "text": "ViewTemplate<Badge>"
1303
+ }
1304
+ },
1305
+ "parameters": [
1306
+ {
1307
+ "name": "context",
1308
+ "type": {
1309
+ "text": "ElementDefinitionContext"
1310
+ }
1311
+ },
1312
+ {
1313
+ "name": "definition",
1314
+ "type": {
1315
+ "text": "FoundationElementDefinition"
1316
+ }
1317
+ }
1318
+ ]
1319
+ }
1320
+ ],
1331
1321
  "exports": [
1332
1322
  {
1333
1323
  "kind": "js",
1334
- "name": "zeroBannerTemplate",
1324
+ "name": "zeroBadgeTemplate",
1335
1325
  "declaration": {
1336
- "name": "foundationBannerTemplate",
1337
- "package": "@genesislcap/foundation-ui"
1326
+ "name": "zeroBadgeTemplate",
1327
+ "module": "src/badge/badge.template.ts"
1338
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
1339
1346
  },
1347
+ {
1348
+ "kind": "variable",
1349
+ "name": "zeroBadge"
1350
+ }
1351
+ ],
1352
+ "exports": [
1340
1353
  {
1341
1354
  "kind": "js",
1342
- "name": "*",
1355
+ "name": "Badge",
1343
1356
  "declaration": {
1344
- "name": "*",
1345
- "package": "./banner"
1357
+ "name": "Badge",
1358
+ "module": "src/badge/badge.ts"
1346
1359
  }
1347
1360
  },
1348
1361
  {
1349
1362
  "kind": "js",
1350
- "name": "*",
1363
+ "name": "zeroBadge",
1351
1364
  "declaration": {
1352
- "name": "*",
1353
- "package": "./banner.styles"
1365
+ "name": "zeroBadge",
1366
+ "module": "src/badge/badge.ts"
1354
1367
  }
1355
1368
  }
1356
1369
  ]
1357
1370
  },
1358
1371
  {
1359
1372
  "kind": "javascript-module",
1360
- "path": "src/_config/index.ts",
1373
+ "path": "src/badge/index.ts",
1361
1374
  "declarations": [],
1362
1375
  "exports": [
1363
1376
  {
@@ -1365,7 +1378,7 @@
1365
1378
  "name": "*",
1366
1379
  "declaration": {
1367
1380
  "name": "*",
1368
- "package": "./styles"
1381
+ "package": "./badge"
1369
1382
  }
1370
1383
  },
1371
1384
  {
@@ -1373,7 +1386,7 @@
1373
1386
  "name": "*",
1374
1387
  "declaration": {
1375
1388
  "name": "*",
1376
- "package": "./tokens"
1389
+ "package": "./badge.styles"
1377
1390
  }
1378
1391
  },
1379
1392
  {
@@ -1381,14 +1394,14 @@
1381
1394
  "name": "*",
1382
1395
  "declaration": {
1383
1396
  "name": "*",
1384
- "package": "./values"
1397
+ "package": "./badge.template"
1385
1398
  }
1386
1399
  }
1387
1400
  ]
1388
1401
  },
1389
1402
  {
1390
1403
  "kind": "javascript-module",
1391
- "path": "src/actions-menu/actions-menu.stories.ts",
1404
+ "path": "src/banner/banner.stories.ts",
1392
1405
  "declarations": [
1393
1406
  {
1394
1407
  "kind": "variable",
@@ -1396,23 +1409,15 @@
1396
1409
  "type": {
1397
1410
  "text": "Meta"
1398
1411
  },
1399
- "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
1400
- },
1401
- {
1402
- "kind": "variable",
1403
- "name": "Horizontal",
1404
- "type": {
1405
- "text": "StoryObj"
1406
- },
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}"
1412
+ "default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
1408
1413
  },
1409
1414
  {
1410
1415
  "kind": "variable",
1411
- "name": "Vertical",
1416
+ "name": "Primary",
1412
1417
  "type": {
1413
1418
  "text": "StoryObj"
1414
1419
  },
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}"
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}"
1416
1421
  }
1417
1422
  ],
1418
1423
  "exports": [
@@ -1421,79 +1426,58 @@
1421
1426
  "name": "default",
1422
1427
  "declaration": {
1423
1428
  "name": "meta",
1424
- "module": "src/actions-menu/actions-menu.stories.ts"
1425
- }
1426
- },
1427
- {
1428
- "kind": "js",
1429
- "name": "Horizontal",
1430
- "declaration": {
1431
- "name": "Horizontal",
1432
- "module": "src/actions-menu/actions-menu.stories.ts"
1429
+ "module": "src/banner/banner.stories.ts"
1433
1430
  }
1434
1431
  },
1435
1432
  {
1436
1433
  "kind": "js",
1437
- "name": "Vertical",
1434
+ "name": "Primary",
1438
1435
  "declaration": {
1439
- "name": "Vertical",
1440
- "module": "src/actions-menu/actions-menu.stories.ts"
1436
+ "name": "Primary",
1437
+ "module": "src/banner/banner.stories.ts"
1441
1438
  }
1442
1439
  }
1443
1440
  ]
1444
1441
  },
1445
1442
  {
1446
1443
  "kind": "javascript-module",
1447
- "path": "src/actions-menu/actions-menu.styles.ts",
1444
+ "path": "src/banner/banner.styles.ts",
1448
1445
  "declarations": [
1449
1446
  {
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
- ]
1447
+ "kind": "variable",
1448
+ "name": "zeroBannerStyles",
1449
+ "default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
1471
1450
  }
1472
1451
  ],
1473
1452
  "exports": [
1474
1453
  {
1475
1454
  "kind": "js",
1476
- "name": "zeroActionsMenuStyles",
1455
+ "name": "zeroBannerStyles",
1477
1456
  "declaration": {
1478
- "name": "zeroActionsMenuStyles",
1479
- "module": "src/actions-menu/actions-menu.styles.ts"
1457
+ "name": "zeroBannerStyles",
1458
+ "module": "src/banner/banner.styles.ts"
1480
1459
  }
1481
1460
  }
1482
1461
  ]
1483
1462
  },
1484
1463
  {
1485
1464
  "kind": "javascript-module",
1486
- "path": "src/actions-menu/actions-menu.ts",
1465
+ "path": "src/banner/banner.ts",
1487
1466
  "declarations": [
1467
+ {
1468
+ "kind": "variable",
1469
+ "name": "zeroBannerShadowOptions",
1470
+ "default": "foundationBannerShadowOptions"
1471
+ },
1488
1472
  {
1489
1473
  "kind": "class",
1490
1474
  "description": "",
1491
- "name": "ActionsMenu",
1475
+ "name": "Banner",
1492
1476
  "superclass": {
1493
- "name": "FoundationActionsMenu",
1477
+ "name": "FoundationBanner",
1494
1478
  "package": "@genesislcap/foundation-ui"
1495
1479
  },
1496
- "tagName": "%%prefix%%-actions-menu",
1480
+ "tagName": "%%prefix%%-banner",
1497
1481
  "customElement": true,
1498
1482
  "members": [
1499
1483
  {
@@ -1611,41 +1595,57 @@
1611
1595
  },
1612
1596
  {
1613
1597
  "kind": "variable",
1614
- "name": "zeroActionsMenu",
1615
- "description": "The Zero Actions Menu",
1598
+ "name": "zeroBanner",
1599
+ "description": "The Zero Banner",
1616
1600
  "privacy": "public"
1617
1601
  }
1618
1602
  ],
1619
1603
  "exports": [
1620
1604
  {
1621
1605
  "kind": "js",
1622
- "name": "ActionsMenu",
1606
+ "name": "zeroBannerShadowOptions",
1623
1607
  "declaration": {
1624
- "name": "ActionsMenu",
1625
- "module": "src/actions-menu/actions-menu.ts"
1608
+ "name": "zeroBannerShadowOptions",
1609
+ "module": "src/banner/banner.ts"
1626
1610
  }
1627
1611
  },
1628
1612
  {
1629
1613
  "kind": "js",
1630
- "name": "zeroActionsMenu",
1614
+ "name": "Banner",
1631
1615
  "declaration": {
1632
- "name": "zeroActionsMenu",
1633
- "module": "src/actions-menu/actions-menu.ts"
1616
+ "name": "Banner",
1617
+ "module": "src/banner/banner.ts"
1618
+ }
1619
+ },
1620
+ {
1621
+ "kind": "js",
1622
+ "name": "zeroBanner",
1623
+ "declaration": {
1624
+ "name": "zeroBanner",
1625
+ "module": "src/banner/banner.ts"
1634
1626
  }
1635
1627
  }
1636
1628
  ]
1637
1629
  },
1638
1630
  {
1639
1631
  "kind": "javascript-module",
1640
- "path": "src/actions-menu/index.ts",
1632
+ "path": "src/banner/index.ts",
1641
1633
  "declarations": [],
1642
1634
  "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": "./actions-menu"
1648
+ "package": "./banner"
1649
1649
  }
1650
1650
  },
1651
1651
  {
@@ -1653,7 +1653,7 @@
1653
1653
  "name": "*",
1654
1654
  "declaration": {
1655
1655
  "name": "*",
1656
- "package": "./actions-menu.styles"
1656
+ "package": "./banner.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.15.0",
4
+ "version": "14.15.1",
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.15.0",
37
+ "@genesislcap/genx": "^14.15.1",
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.15.0",
101
- "@genesislcap/foundation-ui": "^14.15.0",
102
- "@genesislcap/foundation-utils": "^14.15.0",
100
+ "@genesislcap/foundation-comms": "^14.15.1",
101
+ "@genesislcap/foundation-ui": "^14.15.1",
102
+ "@genesislcap/foundation-utils": "^14.15.1",
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": "ae401a787afb64b06ed08f6cfb2d7f1f397e0463"
115
+ "gitHead": "2dbd67e150447f34d837a2256ee93c5806a02e0b"
116
116
  }