@genesislcap/foundation-zero 14.29.2 → 14.30.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.
- package/dist/custom-elements.json +342 -342
- package/package.json +6 -6
|
@@ -751,6 +751,194 @@
|
|
|
751
751
|
}
|
|
752
752
|
]
|
|
753
753
|
},
|
|
754
|
+
{
|
|
755
|
+
"kind": "javascript-module",
|
|
756
|
+
"path": "src/anchor/anchor.stories.ts",
|
|
757
|
+
"declarations": [
|
|
758
|
+
{
|
|
759
|
+
"kind": "variable",
|
|
760
|
+
"name": "meta",
|
|
761
|
+
"type": {
|
|
762
|
+
"text": "Meta"
|
|
763
|
+
},
|
|
764
|
+
"default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"kind": "variable",
|
|
768
|
+
"name": "All",
|
|
769
|
+
"type": {
|
|
770
|
+
"text": "StoryObj"
|
|
771
|
+
},
|
|
772
|
+
"default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
|
|
773
|
+
}
|
|
774
|
+
],
|
|
775
|
+
"exports": [
|
|
776
|
+
{
|
|
777
|
+
"kind": "js",
|
|
778
|
+
"name": "default",
|
|
779
|
+
"declaration": {
|
|
780
|
+
"name": "meta",
|
|
781
|
+
"module": "src/anchor/anchor.stories.ts"
|
|
782
|
+
}
|
|
783
|
+
},
|
|
784
|
+
{
|
|
785
|
+
"kind": "js",
|
|
786
|
+
"name": "All",
|
|
787
|
+
"declaration": {
|
|
788
|
+
"name": "All",
|
|
789
|
+
"module": "src/anchor/anchor.stories.ts"
|
|
790
|
+
}
|
|
791
|
+
}
|
|
792
|
+
]
|
|
793
|
+
},
|
|
794
|
+
{
|
|
795
|
+
"kind": "javascript-module",
|
|
796
|
+
"path": "src/anchor/anchor.styles.ts",
|
|
797
|
+
"declarations": [
|
|
798
|
+
{
|
|
799
|
+
"kind": "function",
|
|
800
|
+
"name": "zeroAnchorStyles",
|
|
801
|
+
"return": {
|
|
802
|
+
"type": {
|
|
803
|
+
"text": "ElementStyles"
|
|
804
|
+
}
|
|
805
|
+
},
|
|
806
|
+
"parameters": [
|
|
807
|
+
{
|
|
808
|
+
"name": "context",
|
|
809
|
+
"type": {
|
|
810
|
+
"text": "ElementDefinitionContext"
|
|
811
|
+
}
|
|
812
|
+
},
|
|
813
|
+
{
|
|
814
|
+
"name": "definition",
|
|
815
|
+
"type": {
|
|
816
|
+
"text": "FoundationElementDefinition"
|
|
817
|
+
}
|
|
818
|
+
}
|
|
819
|
+
]
|
|
820
|
+
}
|
|
821
|
+
],
|
|
822
|
+
"exports": [
|
|
823
|
+
{
|
|
824
|
+
"kind": "js",
|
|
825
|
+
"name": "zeroAnchorStyles",
|
|
826
|
+
"declaration": {
|
|
827
|
+
"name": "zeroAnchorStyles",
|
|
828
|
+
"module": "src/anchor/anchor.styles.ts"
|
|
829
|
+
}
|
|
830
|
+
}
|
|
831
|
+
]
|
|
832
|
+
},
|
|
833
|
+
{
|
|
834
|
+
"kind": "javascript-module",
|
|
835
|
+
"path": "src/anchor/anchor.template.ts",
|
|
836
|
+
"declarations": [
|
|
837
|
+
{
|
|
838
|
+
"kind": "function",
|
|
839
|
+
"name": "zeroAnchorTemplate",
|
|
840
|
+
"return": {
|
|
841
|
+
"type": {
|
|
842
|
+
"text": "ViewTemplate<Anchor>"
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
"parameters": [
|
|
846
|
+
{
|
|
847
|
+
"name": "context",
|
|
848
|
+
"type": {
|
|
849
|
+
"text": "ElementDefinitionContext"
|
|
850
|
+
}
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"name": "definition",
|
|
854
|
+
"type": {
|
|
855
|
+
"text": "FoundationElementDefinition"
|
|
856
|
+
}
|
|
857
|
+
}
|
|
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
|
|
886
|
+
},
|
|
887
|
+
{
|
|
888
|
+
"kind": "variable",
|
|
889
|
+
"name": "zeroAnchor"
|
|
890
|
+
}
|
|
891
|
+
],
|
|
892
|
+
"exports": [
|
|
893
|
+
{
|
|
894
|
+
"kind": "js",
|
|
895
|
+
"name": "Anchor",
|
|
896
|
+
"declaration": {
|
|
897
|
+
"name": "Anchor",
|
|
898
|
+
"module": "src/anchor/anchor.ts"
|
|
899
|
+
}
|
|
900
|
+
},
|
|
901
|
+
{
|
|
902
|
+
"kind": "js",
|
|
903
|
+
"name": "zeroAnchor",
|
|
904
|
+
"declaration": {
|
|
905
|
+
"name": "zeroAnchor",
|
|
906
|
+
"module": "src/anchor/anchor.ts"
|
|
907
|
+
}
|
|
908
|
+
}
|
|
909
|
+
]
|
|
910
|
+
},
|
|
911
|
+
{
|
|
912
|
+
"kind": "javascript-module",
|
|
913
|
+
"path": "src/anchor/index.ts",
|
|
914
|
+
"declarations": [],
|
|
915
|
+
"exports": [
|
|
916
|
+
{
|
|
917
|
+
"kind": "js",
|
|
918
|
+
"name": "*",
|
|
919
|
+
"declaration": {
|
|
920
|
+
"name": "*",
|
|
921
|
+
"package": "./anchor"
|
|
922
|
+
}
|
|
923
|
+
},
|
|
924
|
+
{
|
|
925
|
+
"kind": "js",
|
|
926
|
+
"name": "*",
|
|
927
|
+
"declaration": {
|
|
928
|
+
"name": "*",
|
|
929
|
+
"package": "./anchor.styles"
|
|
930
|
+
}
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
"kind": "js",
|
|
934
|
+
"name": "*",
|
|
935
|
+
"declaration": {
|
|
936
|
+
"name": "*",
|
|
937
|
+
"package": "./anchor.template"
|
|
938
|
+
}
|
|
939
|
+
}
|
|
940
|
+
]
|
|
941
|
+
},
|
|
754
942
|
{
|
|
755
943
|
"kind": "javascript-module",
|
|
756
944
|
"path": "src/actions-menu/actions-menu.stories.ts",
|
|
@@ -1025,7 +1213,7 @@
|
|
|
1025
1213
|
},
|
|
1026
1214
|
{
|
|
1027
1215
|
"kind": "javascript-module",
|
|
1028
|
-
"path": "src/
|
|
1216
|
+
"path": "src/banner/banner.stories.ts",
|
|
1029
1217
|
"declarations": [
|
|
1030
1218
|
{
|
|
1031
1219
|
"kind": "variable",
|
|
@@ -1033,15 +1221,15 @@
|
|
|
1033
1221
|
"type": {
|
|
1034
1222
|
"text": "Meta"
|
|
1035
1223
|
},
|
|
1036
|
-
"default": "{\n title: '
|
|
1224
|
+
"default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
|
|
1037
1225
|
},
|
|
1038
1226
|
{
|
|
1039
1227
|
"kind": "variable",
|
|
1040
|
-
"name": "
|
|
1228
|
+
"name": "Primary",
|
|
1041
1229
|
"type": {
|
|
1042
1230
|
"text": "StoryObj"
|
|
1043
1231
|
},
|
|
1044
|
-
"default": "{\n args: {\n
|
|
1232
|
+
"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}"
|
|
1045
1233
|
}
|
|
1046
1234
|
],
|
|
1047
1235
|
"exports": [
|
|
@@ -1050,147 +1238,218 @@
|
|
|
1050
1238
|
"name": "default",
|
|
1051
1239
|
"declaration": {
|
|
1052
1240
|
"name": "meta",
|
|
1053
|
-
"module": "src/
|
|
1241
|
+
"module": "src/banner/banner.stories.ts"
|
|
1054
1242
|
}
|
|
1055
1243
|
},
|
|
1056
1244
|
{
|
|
1057
1245
|
"kind": "js",
|
|
1058
|
-
"name": "
|
|
1246
|
+
"name": "Primary",
|
|
1059
1247
|
"declaration": {
|
|
1060
|
-
"name": "
|
|
1061
|
-
"module": "src/
|
|
1248
|
+
"name": "Primary",
|
|
1249
|
+
"module": "src/banner/banner.stories.ts"
|
|
1062
1250
|
}
|
|
1063
1251
|
}
|
|
1064
1252
|
]
|
|
1065
1253
|
},
|
|
1066
1254
|
{
|
|
1067
1255
|
"kind": "javascript-module",
|
|
1068
|
-
"path": "src/
|
|
1256
|
+
"path": "src/banner/banner.styles.ts",
|
|
1069
1257
|
"declarations": [
|
|
1070
1258
|
{
|
|
1071
|
-
"kind": "
|
|
1072
|
-
"name": "
|
|
1073
|
-
"
|
|
1074
|
-
"type": {
|
|
1075
|
-
"text": "ElementStyles"
|
|
1076
|
-
}
|
|
1077
|
-
},
|
|
1078
|
-
"parameters": [
|
|
1079
|
-
{
|
|
1080
|
-
"name": "context",
|
|
1081
|
-
"type": {
|
|
1082
|
-
"text": "ElementDefinitionContext"
|
|
1083
|
-
}
|
|
1084
|
-
},
|
|
1085
|
-
{
|
|
1086
|
-
"name": "definition",
|
|
1087
|
-
"type": {
|
|
1088
|
-
"text": "FoundationElementDefinition"
|
|
1089
|
-
}
|
|
1090
|
-
}
|
|
1091
|
-
]
|
|
1259
|
+
"kind": "variable",
|
|
1260
|
+
"name": "zeroBannerStyles",
|
|
1261
|
+
"default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
|
|
1092
1262
|
}
|
|
1093
1263
|
],
|
|
1094
1264
|
"exports": [
|
|
1095
1265
|
{
|
|
1096
1266
|
"kind": "js",
|
|
1097
|
-
"name": "
|
|
1267
|
+
"name": "zeroBannerStyles",
|
|
1098
1268
|
"declaration": {
|
|
1099
|
-
"name": "
|
|
1100
|
-
"module": "src/
|
|
1269
|
+
"name": "zeroBannerStyles",
|
|
1270
|
+
"module": "src/banner/banner.styles.ts"
|
|
1101
1271
|
}
|
|
1102
1272
|
}
|
|
1103
1273
|
]
|
|
1104
1274
|
},
|
|
1105
1275
|
{
|
|
1106
1276
|
"kind": "javascript-module",
|
|
1107
|
-
"path": "src/
|
|
1277
|
+
"path": "src/banner/banner.ts",
|
|
1108
1278
|
"declarations": [
|
|
1109
1279
|
{
|
|
1110
|
-
"kind": "
|
|
1111
|
-
"name": "
|
|
1112
|
-
"
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1280
|
+
"kind": "variable",
|
|
1281
|
+
"name": "zeroBannerShadowOptions",
|
|
1282
|
+
"default": "foundationBannerShadowOptions"
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
1285
|
+
"kind": "class",
|
|
1286
|
+
"description": "",
|
|
1287
|
+
"name": "Banner",
|
|
1288
|
+
"superclass": {
|
|
1289
|
+
"name": "FoundationBanner",
|
|
1290
|
+
"package": "@genesislcap/foundation-ui"
|
|
1116
1291
|
},
|
|
1117
|
-
"
|
|
1292
|
+
"tagName": "%%prefix%%-banner",
|
|
1293
|
+
"customElement": true,
|
|
1294
|
+
"members": [
|
|
1118
1295
|
{
|
|
1119
|
-
"
|
|
1296
|
+
"kind": "field",
|
|
1297
|
+
"name": "_presentation",
|
|
1120
1298
|
"type": {
|
|
1121
|
-
"text": "
|
|
1299
|
+
"text": "ComponentPresentation | null | undefined"
|
|
1300
|
+
},
|
|
1301
|
+
"privacy": "private",
|
|
1302
|
+
"default": "void 0",
|
|
1303
|
+
"inheritedFrom": {
|
|
1304
|
+
"name": "FoundationElement",
|
|
1305
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1122
1306
|
}
|
|
1123
1307
|
},
|
|
1124
1308
|
{
|
|
1125
|
-
"
|
|
1309
|
+
"kind": "field",
|
|
1310
|
+
"name": "$presentation",
|
|
1126
1311
|
"type": {
|
|
1127
|
-
"text": "
|
|
1312
|
+
"text": "ComponentPresentation | null"
|
|
1313
|
+
},
|
|
1314
|
+
"privacy": "public",
|
|
1315
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
1316
|
+
"inheritedFrom": {
|
|
1317
|
+
"name": "FoundationElement",
|
|
1318
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1319
|
+
}
|
|
1320
|
+
},
|
|
1321
|
+
{
|
|
1322
|
+
"kind": "field",
|
|
1323
|
+
"name": "template",
|
|
1324
|
+
"type": {
|
|
1325
|
+
"text": "ElementViewTemplate | void | null"
|
|
1326
|
+
},
|
|
1327
|
+
"privacy": "public",
|
|
1328
|
+
"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.",
|
|
1329
|
+
"inheritedFrom": {
|
|
1330
|
+
"name": "FoundationElement",
|
|
1331
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1332
|
+
}
|
|
1333
|
+
},
|
|
1334
|
+
{
|
|
1335
|
+
"kind": "method",
|
|
1336
|
+
"name": "templateChanged",
|
|
1337
|
+
"privacy": "protected",
|
|
1338
|
+
"return": {
|
|
1339
|
+
"type": {
|
|
1340
|
+
"text": "void"
|
|
1341
|
+
}
|
|
1342
|
+
},
|
|
1343
|
+
"inheritedFrom": {
|
|
1344
|
+
"name": "FoundationElement",
|
|
1345
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1346
|
+
}
|
|
1347
|
+
},
|
|
1348
|
+
{
|
|
1349
|
+
"kind": "field",
|
|
1350
|
+
"name": "styles",
|
|
1351
|
+
"type": {
|
|
1352
|
+
"text": "ElementStyles | void | null"
|
|
1353
|
+
},
|
|
1354
|
+
"privacy": "public",
|
|
1355
|
+
"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.",
|
|
1356
|
+
"inheritedFrom": {
|
|
1357
|
+
"name": "FoundationElement",
|
|
1358
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1359
|
+
}
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"kind": "method",
|
|
1363
|
+
"name": "stylesChanged",
|
|
1364
|
+
"privacy": "protected",
|
|
1365
|
+
"return": {
|
|
1366
|
+
"type": {
|
|
1367
|
+
"text": "void"
|
|
1368
|
+
}
|
|
1369
|
+
},
|
|
1370
|
+
"inheritedFrom": {
|
|
1371
|
+
"name": "FoundationElement",
|
|
1372
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1373
|
+
}
|
|
1374
|
+
},
|
|
1375
|
+
{
|
|
1376
|
+
"kind": "method",
|
|
1377
|
+
"name": "compose",
|
|
1378
|
+
"privacy": "public",
|
|
1379
|
+
"static": true,
|
|
1380
|
+
"return": {
|
|
1381
|
+
"type": {
|
|
1382
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
1383
|
+
}
|
|
1384
|
+
},
|
|
1385
|
+
"parameters": [
|
|
1386
|
+
{
|
|
1387
|
+
"name": "this",
|
|
1388
|
+
"type": {
|
|
1389
|
+
"text": "K"
|
|
1390
|
+
}
|
|
1391
|
+
},
|
|
1392
|
+
{
|
|
1393
|
+
"name": "elementDefinition",
|
|
1394
|
+
"type": {
|
|
1395
|
+
"text": "T"
|
|
1396
|
+
},
|
|
1397
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
1398
|
+
}
|
|
1399
|
+
],
|
|
1400
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
1401
|
+
"inheritedFrom": {
|
|
1402
|
+
"name": "FoundationElement",
|
|
1403
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
1128
1404
|
}
|
|
1129
1405
|
}
|
|
1130
1406
|
]
|
|
1407
|
+
},
|
|
1408
|
+
{
|
|
1409
|
+
"kind": "variable",
|
|
1410
|
+
"name": "zeroBanner",
|
|
1411
|
+
"description": "The Zero Banner",
|
|
1412
|
+
"privacy": "public"
|
|
1131
1413
|
}
|
|
1132
1414
|
],
|
|
1133
1415
|
"exports": [
|
|
1134
1416
|
{
|
|
1135
1417
|
"kind": "js",
|
|
1136
|
-
"name": "
|
|
1418
|
+
"name": "zeroBannerShadowOptions",
|
|
1137
1419
|
"declaration": {
|
|
1138
|
-
"name": "
|
|
1139
|
-
"module": "src/
|
|
1420
|
+
"name": "zeroBannerShadowOptions",
|
|
1421
|
+
"module": "src/banner/banner.ts"
|
|
1140
1422
|
}
|
|
1141
|
-
}
|
|
1142
|
-
]
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"kind": "javascript-module",
|
|
1146
|
-
"path": "src/anchor/anchor.ts",
|
|
1147
|
-
"declarations": [
|
|
1148
|
-
{
|
|
1149
|
-
"kind": "class",
|
|
1150
|
-
"description": "",
|
|
1151
|
-
"name": "Anchor",
|
|
1152
|
-
"superclass": {
|
|
1153
|
-
"name": "FoundationAnchor",
|
|
1154
|
-
"package": "@genesislcap/foundation-ui"
|
|
1155
|
-
},
|
|
1156
|
-
"tagName": "%%prefix%%-anchor",
|
|
1157
|
-
"customElement": true
|
|
1158
1423
|
},
|
|
1159
|
-
{
|
|
1160
|
-
"kind": "variable",
|
|
1161
|
-
"name": "zeroAnchor"
|
|
1162
|
-
}
|
|
1163
|
-
],
|
|
1164
|
-
"exports": [
|
|
1165
1424
|
{
|
|
1166
1425
|
"kind": "js",
|
|
1167
|
-
"name": "
|
|
1426
|
+
"name": "Banner",
|
|
1168
1427
|
"declaration": {
|
|
1169
|
-
"name": "
|
|
1170
|
-
"module": "src/
|
|
1428
|
+
"name": "Banner",
|
|
1429
|
+
"module": "src/banner/banner.ts"
|
|
1171
1430
|
}
|
|
1172
1431
|
},
|
|
1173
1432
|
{
|
|
1174
1433
|
"kind": "js",
|
|
1175
|
-
"name": "
|
|
1434
|
+
"name": "zeroBanner",
|
|
1176
1435
|
"declaration": {
|
|
1177
|
-
"name": "
|
|
1178
|
-
"module": "src/
|
|
1436
|
+
"name": "zeroBanner",
|
|
1437
|
+
"module": "src/banner/banner.ts"
|
|
1179
1438
|
}
|
|
1180
1439
|
}
|
|
1181
1440
|
]
|
|
1182
1441
|
},
|
|
1183
1442
|
{
|
|
1184
1443
|
"kind": "javascript-module",
|
|
1185
|
-
"path": "src/
|
|
1444
|
+
"path": "src/banner/index.ts",
|
|
1186
1445
|
"declarations": [],
|
|
1187
1446
|
"exports": [
|
|
1188
1447
|
{
|
|
1189
1448
|
"kind": "js",
|
|
1190
|
-
"name": "
|
|
1449
|
+
"name": "zeroBannerTemplate",
|
|
1191
1450
|
"declaration": {
|
|
1192
|
-
"name": "
|
|
1193
|
-
"package": "
|
|
1451
|
+
"name": "foundationBannerTemplate",
|
|
1452
|
+
"package": "@genesislcap/foundation-ui"
|
|
1194
1453
|
}
|
|
1195
1454
|
},
|
|
1196
1455
|
{
|
|
@@ -1198,7 +1457,7 @@
|
|
|
1198
1457
|
"name": "*",
|
|
1199
1458
|
"declaration": {
|
|
1200
1459
|
"name": "*",
|
|
1201
|
-
"package": "./
|
|
1460
|
+
"package": "./banner"
|
|
1202
1461
|
}
|
|
1203
1462
|
},
|
|
1204
1463
|
{
|
|
@@ -1206,7 +1465,7 @@
|
|
|
1206
1465
|
"name": "*",
|
|
1207
1466
|
"declaration": {
|
|
1208
1467
|
"name": "*",
|
|
1209
|
-
"package": "./
|
|
1468
|
+
"package": "./banner.styles"
|
|
1210
1469
|
}
|
|
1211
1470
|
}
|
|
1212
1471
|
]
|
|
@@ -1399,265 +1658,6 @@
|
|
|
1399
1658
|
}
|
|
1400
1659
|
]
|
|
1401
1660
|
},
|
|
1402
|
-
{
|
|
1403
|
-
"kind": "javascript-module",
|
|
1404
|
-
"path": "src/banner/banner.stories.ts",
|
|
1405
|
-
"declarations": [
|
|
1406
|
-
{
|
|
1407
|
-
"kind": "variable",
|
|
1408
|
-
"name": "meta",
|
|
1409
|
-
"type": {
|
|
1410
|
-
"text": "Meta"
|
|
1411
|
-
},
|
|
1412
|
-
"default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
|
|
1413
|
-
},
|
|
1414
|
-
{
|
|
1415
|
-
"kind": "variable",
|
|
1416
|
-
"name": "Primary",
|
|
1417
|
-
"type": {
|
|
1418
|
-
"text": "StoryObj"
|
|
1419
|
-
},
|
|
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}"
|
|
1421
|
-
}
|
|
1422
|
-
],
|
|
1423
|
-
"exports": [
|
|
1424
|
-
{
|
|
1425
|
-
"kind": "js",
|
|
1426
|
-
"name": "default",
|
|
1427
|
-
"declaration": {
|
|
1428
|
-
"name": "meta",
|
|
1429
|
-
"module": "src/banner/banner.stories.ts"
|
|
1430
|
-
}
|
|
1431
|
-
},
|
|
1432
|
-
{
|
|
1433
|
-
"kind": "js",
|
|
1434
|
-
"name": "Primary",
|
|
1435
|
-
"declaration": {
|
|
1436
|
-
"name": "Primary",
|
|
1437
|
-
"module": "src/banner/banner.stories.ts"
|
|
1438
|
-
}
|
|
1439
|
-
}
|
|
1440
|
-
]
|
|
1441
|
-
},
|
|
1442
|
-
{
|
|
1443
|
-
"kind": "javascript-module",
|
|
1444
|
-
"path": "src/banner/banner.styles.ts",
|
|
1445
|
-
"declarations": [
|
|
1446
|
-
{
|
|
1447
|
-
"kind": "variable",
|
|
1448
|
-
"name": "zeroBannerStyles",
|
|
1449
|
-
"default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
|
|
1450
|
-
}
|
|
1451
|
-
],
|
|
1452
|
-
"exports": [
|
|
1453
|
-
{
|
|
1454
|
-
"kind": "js",
|
|
1455
|
-
"name": "zeroBannerStyles",
|
|
1456
|
-
"declaration": {
|
|
1457
|
-
"name": "zeroBannerStyles",
|
|
1458
|
-
"module": "src/banner/banner.styles.ts"
|
|
1459
|
-
}
|
|
1460
|
-
}
|
|
1461
|
-
]
|
|
1462
|
-
},
|
|
1463
|
-
{
|
|
1464
|
-
"kind": "javascript-module",
|
|
1465
|
-
"path": "src/banner/banner.ts",
|
|
1466
|
-
"declarations": [
|
|
1467
|
-
{
|
|
1468
|
-
"kind": "variable",
|
|
1469
|
-
"name": "zeroBannerShadowOptions",
|
|
1470
|
-
"default": "foundationBannerShadowOptions"
|
|
1471
|
-
},
|
|
1472
|
-
{
|
|
1473
|
-
"kind": "class",
|
|
1474
|
-
"description": "",
|
|
1475
|
-
"name": "Banner",
|
|
1476
|
-
"superclass": {
|
|
1477
|
-
"name": "FoundationBanner",
|
|
1478
|
-
"package": "@genesislcap/foundation-ui"
|
|
1479
|
-
},
|
|
1480
|
-
"tagName": "%%prefix%%-banner",
|
|
1481
|
-
"customElement": true,
|
|
1482
|
-
"members": [
|
|
1483
|
-
{
|
|
1484
|
-
"kind": "field",
|
|
1485
|
-
"name": "_presentation",
|
|
1486
|
-
"type": {
|
|
1487
|
-
"text": "ComponentPresentation | null | undefined"
|
|
1488
|
-
},
|
|
1489
|
-
"privacy": "private",
|
|
1490
|
-
"default": "void 0",
|
|
1491
|
-
"inheritedFrom": {
|
|
1492
|
-
"name": "FoundationElement",
|
|
1493
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1494
|
-
}
|
|
1495
|
-
},
|
|
1496
|
-
{
|
|
1497
|
-
"kind": "field",
|
|
1498
|
-
"name": "$presentation",
|
|
1499
|
-
"type": {
|
|
1500
|
-
"text": "ComponentPresentation | null"
|
|
1501
|
-
},
|
|
1502
|
-
"privacy": "public",
|
|
1503
|
-
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
1504
|
-
"inheritedFrom": {
|
|
1505
|
-
"name": "FoundationElement",
|
|
1506
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1507
|
-
}
|
|
1508
|
-
},
|
|
1509
|
-
{
|
|
1510
|
-
"kind": "field",
|
|
1511
|
-
"name": "template",
|
|
1512
|
-
"type": {
|
|
1513
|
-
"text": "ElementViewTemplate | void | null"
|
|
1514
|
-
},
|
|
1515
|
-
"privacy": "public",
|
|
1516
|
-
"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.",
|
|
1517
|
-
"inheritedFrom": {
|
|
1518
|
-
"name": "FoundationElement",
|
|
1519
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1520
|
-
}
|
|
1521
|
-
},
|
|
1522
|
-
{
|
|
1523
|
-
"kind": "method",
|
|
1524
|
-
"name": "templateChanged",
|
|
1525
|
-
"privacy": "protected",
|
|
1526
|
-
"return": {
|
|
1527
|
-
"type": {
|
|
1528
|
-
"text": "void"
|
|
1529
|
-
}
|
|
1530
|
-
},
|
|
1531
|
-
"inheritedFrom": {
|
|
1532
|
-
"name": "FoundationElement",
|
|
1533
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1534
|
-
}
|
|
1535
|
-
},
|
|
1536
|
-
{
|
|
1537
|
-
"kind": "field",
|
|
1538
|
-
"name": "styles",
|
|
1539
|
-
"type": {
|
|
1540
|
-
"text": "ElementStyles | void | null"
|
|
1541
|
-
},
|
|
1542
|
-
"privacy": "public",
|
|
1543
|
-
"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.",
|
|
1544
|
-
"inheritedFrom": {
|
|
1545
|
-
"name": "FoundationElement",
|
|
1546
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1547
|
-
}
|
|
1548
|
-
},
|
|
1549
|
-
{
|
|
1550
|
-
"kind": "method",
|
|
1551
|
-
"name": "stylesChanged",
|
|
1552
|
-
"privacy": "protected",
|
|
1553
|
-
"return": {
|
|
1554
|
-
"type": {
|
|
1555
|
-
"text": "void"
|
|
1556
|
-
}
|
|
1557
|
-
},
|
|
1558
|
-
"inheritedFrom": {
|
|
1559
|
-
"name": "FoundationElement",
|
|
1560
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1561
|
-
}
|
|
1562
|
-
},
|
|
1563
|
-
{
|
|
1564
|
-
"kind": "method",
|
|
1565
|
-
"name": "compose",
|
|
1566
|
-
"privacy": "public",
|
|
1567
|
-
"static": true,
|
|
1568
|
-
"return": {
|
|
1569
|
-
"type": {
|
|
1570
|
-
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
1571
|
-
}
|
|
1572
|
-
},
|
|
1573
|
-
"parameters": [
|
|
1574
|
-
{
|
|
1575
|
-
"name": "this",
|
|
1576
|
-
"type": {
|
|
1577
|
-
"text": "K"
|
|
1578
|
-
}
|
|
1579
|
-
},
|
|
1580
|
-
{
|
|
1581
|
-
"name": "elementDefinition",
|
|
1582
|
-
"type": {
|
|
1583
|
-
"text": "T"
|
|
1584
|
-
},
|
|
1585
|
-
"description": "The definition of the element to create the registry\nfunction for."
|
|
1586
|
-
}
|
|
1587
|
-
],
|
|
1588
|
-
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
1589
|
-
"inheritedFrom": {
|
|
1590
|
-
"name": "FoundationElement",
|
|
1591
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
1592
|
-
}
|
|
1593
|
-
}
|
|
1594
|
-
]
|
|
1595
|
-
},
|
|
1596
|
-
{
|
|
1597
|
-
"kind": "variable",
|
|
1598
|
-
"name": "zeroBanner",
|
|
1599
|
-
"description": "The Zero Banner",
|
|
1600
|
-
"privacy": "public"
|
|
1601
|
-
}
|
|
1602
|
-
],
|
|
1603
|
-
"exports": [
|
|
1604
|
-
{
|
|
1605
|
-
"kind": "js",
|
|
1606
|
-
"name": "zeroBannerShadowOptions",
|
|
1607
|
-
"declaration": {
|
|
1608
|
-
"name": "zeroBannerShadowOptions",
|
|
1609
|
-
"module": "src/banner/banner.ts"
|
|
1610
|
-
}
|
|
1611
|
-
},
|
|
1612
|
-
{
|
|
1613
|
-
"kind": "js",
|
|
1614
|
-
"name": "Banner",
|
|
1615
|
-
"declaration": {
|
|
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"
|
|
1626
|
-
}
|
|
1627
|
-
}
|
|
1628
|
-
]
|
|
1629
|
-
},
|
|
1630
|
-
{
|
|
1631
|
-
"kind": "javascript-module",
|
|
1632
|
-
"path": "src/banner/index.ts",
|
|
1633
|
-
"declarations": [],
|
|
1634
|
-
"exports": [
|
|
1635
|
-
{
|
|
1636
|
-
"kind": "js",
|
|
1637
|
-
"name": "zeroBannerTemplate",
|
|
1638
|
-
"declaration": {
|
|
1639
|
-
"name": "foundationBannerTemplate",
|
|
1640
|
-
"package": "@genesislcap/foundation-ui"
|
|
1641
|
-
}
|
|
1642
|
-
},
|
|
1643
|
-
{
|
|
1644
|
-
"kind": "js",
|
|
1645
|
-
"name": "*",
|
|
1646
|
-
"declaration": {
|
|
1647
|
-
"name": "*",
|
|
1648
|
-
"package": "./banner"
|
|
1649
|
-
}
|
|
1650
|
-
},
|
|
1651
|
-
{
|
|
1652
|
-
"kind": "js",
|
|
1653
|
-
"name": "*",
|
|
1654
|
-
"declaration": {
|
|
1655
|
-
"name": "*",
|
|
1656
|
-
"package": "./banner.styles"
|
|
1657
|
-
}
|
|
1658
|
-
}
|
|
1659
|
-
]
|
|
1660
|
-
},
|
|
1661
1661
|
{
|
|
1662
1662
|
"kind": "javascript-module",
|
|
1663
1663
|
"path": "src/breadcrumb/breadcrumb.stories.ts",
|
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.
|
|
4
|
+
"version": "14.30.1",
|
|
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.
|
|
65
|
+
"@genesislcap/genx": "^14.30.1",
|
|
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.
|
|
88
|
-
"@genesislcap/foundation-ui": "^14.
|
|
89
|
-
"@genesislcap/foundation-utils": "^14.
|
|
87
|
+
"@genesislcap/foundation-comms": "^14.30.1",
|
|
88
|
+
"@genesislcap/foundation-ui": "^14.30.1",
|
|
89
|
+
"@genesislcap/foundation-utils": "^14.30.1",
|
|
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": "
|
|
106
|
+
"gitHead": "fbb28aece6d8e5ab4584018421c910a4a23c1723"
|
|
107
107
|
}
|