@genesislcap/foundation-zero 14.83.4 → 14.83.6

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 (12) hide show
  1. package/dist/custom-elements.json +445 -424
  2. package/dist/dts/base-components.d.ts +2 -2
  3. package/dist/dts/flyout/flyout.d.ts +2 -2
  4. package/dist/dts/flyout/flyout.d.ts.map +1 -1
  5. package/dist/dts/flyout/flyout.template.d.ts +3 -0
  6. package/dist/dts/flyout/flyout.template.d.ts.map +1 -0
  7. package/dist/dts/flyout/index.d.ts +1 -1
  8. package/dist/dts/flyout/index.d.ts.map +1 -1
  9. package/dist/esm/flyout/flyout.js +3 -2
  10. package/dist/esm/flyout/flyout.template.js +5 -0
  11. package/dist/esm/flyout/index.js +1 -1
  12. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -645,6 +645,37 @@
645
645
  }
646
646
  ]
647
647
  },
648
+ {
649
+ "kind": "javascript-module",
650
+ "path": "src/_config/index.ts",
651
+ "declarations": [],
652
+ "exports": [
653
+ {
654
+ "kind": "js",
655
+ "name": "*",
656
+ "declaration": {
657
+ "name": "*",
658
+ "package": "./styles"
659
+ }
660
+ },
661
+ {
662
+ "kind": "js",
663
+ "name": "*",
664
+ "declaration": {
665
+ "name": "*",
666
+ "package": "./tokens"
667
+ }
668
+ },
669
+ {
670
+ "kind": "js",
671
+ "name": "*",
672
+ "declaration": {
673
+ "name": "*",
674
+ "package": "./values"
675
+ }
676
+ }
677
+ ]
678
+ },
648
679
  {
649
680
  "kind": "javascript-module",
650
681
  "path": "src/_common/colors.hex.ts",
@@ -972,185 +1003,6 @@
972
1003
  }
973
1004
  ]
974
1005
  },
975
- {
976
- "kind": "javascript-module",
977
- "path": "src/accordion-item/accordion-item.styles.ts",
978
- "declarations": [
979
- {
980
- "kind": "function",
981
- "name": "zeroAccordionItemStyles",
982
- "return": {
983
- "type": {
984
- "text": "ElementStyles"
985
- }
986
- },
987
- "parameters": [
988
- {
989
- "name": "context",
990
- "type": {
991
- "text": "ElementDefinitionContext"
992
- }
993
- },
994
- {
995
- "name": "definition",
996
- "type": {
997
- "text": "FoundationElementDefinition"
998
- }
999
- }
1000
- ]
1001
- }
1002
- ],
1003
- "exports": [
1004
- {
1005
- "kind": "js",
1006
- "name": "zeroAccordionItemStyles",
1007
- "declaration": {
1008
- "name": "zeroAccordionItemStyles",
1009
- "module": "src/accordion-item/accordion-item.styles.ts"
1010
- }
1011
- }
1012
- ]
1013
- },
1014
- {
1015
- "kind": "javascript-module",
1016
- "path": "src/accordion-item/accordion-item.template.ts",
1017
- "declarations": [
1018
- {
1019
- "kind": "function",
1020
- "name": "zeroAccordionItemTemplate",
1021
- "return": {
1022
- "type": {
1023
- "text": "ViewTemplate<AccordionItem>"
1024
- }
1025
- },
1026
- "parameters": [
1027
- {
1028
- "name": "context",
1029
- "type": {
1030
- "text": "ElementDefinitionContext"
1031
- }
1032
- },
1033
- {
1034
- "name": "definition",
1035
- "type": {
1036
- "text": "FoundationElementDefinition"
1037
- }
1038
- }
1039
- ]
1040
- }
1041
- ],
1042
- "exports": [
1043
- {
1044
- "kind": "js",
1045
- "name": "zeroAccordionItemTemplate",
1046
- "declaration": {
1047
- "name": "zeroAccordionItemTemplate",
1048
- "module": "src/accordion-item/accordion-item.template.ts"
1049
- }
1050
- }
1051
- ]
1052
- },
1053
- {
1054
- "kind": "javascript-module",
1055
- "path": "src/accordion-item/accordion-item.ts",
1056
- "declarations": [
1057
- {
1058
- "kind": "class",
1059
- "description": "",
1060
- "name": "AccordionItem",
1061
- "superclass": {
1062
- "name": "FoundationAccordionItem",
1063
- "package": "@genesislcap/foundation-ui"
1064
- },
1065
- "tagName": "%%prefix%%-card",
1066
- "customElement": true
1067
- },
1068
- {
1069
- "kind": "variable",
1070
- "name": "zeroAccordionItem"
1071
- }
1072
- ],
1073
- "exports": [
1074
- {
1075
- "kind": "js",
1076
- "name": "AccordionItem",
1077
- "declaration": {
1078
- "name": "AccordionItem",
1079
- "module": "src/accordion-item/accordion-item.ts"
1080
- }
1081
- },
1082
- {
1083
- "kind": "js",
1084
- "name": "zeroAccordionItem",
1085
- "declaration": {
1086
- "name": "zeroAccordionItem",
1087
- "module": "src/accordion-item/accordion-item.ts"
1088
- }
1089
- }
1090
- ]
1091
- },
1092
- {
1093
- "kind": "javascript-module",
1094
- "path": "src/accordion-item/index.ts",
1095
- "declarations": [],
1096
- "exports": [
1097
- {
1098
- "kind": "js",
1099
- "name": "*",
1100
- "declaration": {
1101
- "name": "*",
1102
- "package": "./accordion-item"
1103
- }
1104
- },
1105
- {
1106
- "kind": "js",
1107
- "name": "*",
1108
- "declaration": {
1109
- "name": "*",
1110
- "package": "./accordion-item.styles"
1111
- }
1112
- },
1113
- {
1114
- "kind": "js",
1115
- "name": "*",
1116
- "declaration": {
1117
- "name": "*",
1118
- "package": "./accordion-item.template"
1119
- }
1120
- }
1121
- ]
1122
- },
1123
- {
1124
- "kind": "javascript-module",
1125
- "path": "src/_config/index.ts",
1126
- "declarations": [],
1127
- "exports": [
1128
- {
1129
- "kind": "js",
1130
- "name": "*",
1131
- "declaration": {
1132
- "name": "*",
1133
- "package": "./styles"
1134
- }
1135
- },
1136
- {
1137
- "kind": "js",
1138
- "name": "*",
1139
- "declaration": {
1140
- "name": "*",
1141
- "package": "./tokens"
1142
- }
1143
- },
1144
- {
1145
- "kind": "js",
1146
- "name": "*",
1147
- "declaration": {
1148
- "name": "*",
1149
- "package": "./values"
1150
- }
1151
- }
1152
- ]
1153
- },
1154
1006
  {
1155
1007
  "kind": "javascript-module",
1156
1008
  "path": "src/actions-menu/actions-menu.stories.ts",
@@ -1376,33 +1228,173 @@
1376
1228
  },
1377
1229
  {
1378
1230
  "kind": "variable",
1379
- "name": "zeroActionsMenu",
1380
- "description": "The Zero Actions Menu",
1381
- "privacy": "public"
1231
+ "name": "zeroActionsMenu",
1232
+ "description": "The Zero Actions Menu",
1233
+ "privacy": "public"
1234
+ }
1235
+ ],
1236
+ "exports": [
1237
+ {
1238
+ "kind": "js",
1239
+ "name": "ActionsMenu",
1240
+ "declaration": {
1241
+ "name": "ActionsMenu",
1242
+ "module": "src/actions-menu/actions-menu.ts"
1243
+ }
1244
+ },
1245
+ {
1246
+ "kind": "js",
1247
+ "name": "zeroActionsMenu",
1248
+ "declaration": {
1249
+ "name": "zeroActionsMenu",
1250
+ "module": "src/actions-menu/actions-menu.ts"
1251
+ }
1252
+ }
1253
+ ]
1254
+ },
1255
+ {
1256
+ "kind": "javascript-module",
1257
+ "path": "src/actions-menu/index.ts",
1258
+ "declarations": [],
1259
+ "exports": [
1260
+ {
1261
+ "kind": "js",
1262
+ "name": "*",
1263
+ "declaration": {
1264
+ "name": "*",
1265
+ "package": "./actions-menu"
1266
+ }
1267
+ },
1268
+ {
1269
+ "kind": "js",
1270
+ "name": "*",
1271
+ "declaration": {
1272
+ "name": "*",
1273
+ "package": "./actions-menu.styles"
1274
+ }
1275
+ }
1276
+ ]
1277
+ },
1278
+ {
1279
+ "kind": "javascript-module",
1280
+ "path": "src/accordion-item/accordion-item.styles.ts",
1281
+ "declarations": [
1282
+ {
1283
+ "kind": "function",
1284
+ "name": "zeroAccordionItemStyles",
1285
+ "return": {
1286
+ "type": {
1287
+ "text": "ElementStyles"
1288
+ }
1289
+ },
1290
+ "parameters": [
1291
+ {
1292
+ "name": "context",
1293
+ "type": {
1294
+ "text": "ElementDefinitionContext"
1295
+ }
1296
+ },
1297
+ {
1298
+ "name": "definition",
1299
+ "type": {
1300
+ "text": "FoundationElementDefinition"
1301
+ }
1302
+ }
1303
+ ]
1304
+ }
1305
+ ],
1306
+ "exports": [
1307
+ {
1308
+ "kind": "js",
1309
+ "name": "zeroAccordionItemStyles",
1310
+ "declaration": {
1311
+ "name": "zeroAccordionItemStyles",
1312
+ "module": "src/accordion-item/accordion-item.styles.ts"
1313
+ }
1314
+ }
1315
+ ]
1316
+ },
1317
+ {
1318
+ "kind": "javascript-module",
1319
+ "path": "src/accordion-item/accordion-item.template.ts",
1320
+ "declarations": [
1321
+ {
1322
+ "kind": "function",
1323
+ "name": "zeroAccordionItemTemplate",
1324
+ "return": {
1325
+ "type": {
1326
+ "text": "ViewTemplate<AccordionItem>"
1327
+ }
1328
+ },
1329
+ "parameters": [
1330
+ {
1331
+ "name": "context",
1332
+ "type": {
1333
+ "text": "ElementDefinitionContext"
1334
+ }
1335
+ },
1336
+ {
1337
+ "name": "definition",
1338
+ "type": {
1339
+ "text": "FoundationElementDefinition"
1340
+ }
1341
+ }
1342
+ ]
1343
+ }
1344
+ ],
1345
+ "exports": [
1346
+ {
1347
+ "kind": "js",
1348
+ "name": "zeroAccordionItemTemplate",
1349
+ "declaration": {
1350
+ "name": "zeroAccordionItemTemplate",
1351
+ "module": "src/accordion-item/accordion-item.template.ts"
1352
+ }
1353
+ }
1354
+ ]
1355
+ },
1356
+ {
1357
+ "kind": "javascript-module",
1358
+ "path": "src/accordion-item/accordion-item.ts",
1359
+ "declarations": [
1360
+ {
1361
+ "kind": "class",
1362
+ "description": "",
1363
+ "name": "AccordionItem",
1364
+ "superclass": {
1365
+ "name": "FoundationAccordionItem",
1366
+ "package": "@genesislcap/foundation-ui"
1367
+ },
1368
+ "tagName": "%%prefix%%-card",
1369
+ "customElement": true
1370
+ },
1371
+ {
1372
+ "kind": "variable",
1373
+ "name": "zeroAccordionItem"
1382
1374
  }
1383
1375
  ],
1384
1376
  "exports": [
1385
1377
  {
1386
1378
  "kind": "js",
1387
- "name": "ActionsMenu",
1379
+ "name": "AccordionItem",
1388
1380
  "declaration": {
1389
- "name": "ActionsMenu",
1390
- "module": "src/actions-menu/actions-menu.ts"
1381
+ "name": "AccordionItem",
1382
+ "module": "src/accordion-item/accordion-item.ts"
1391
1383
  }
1392
1384
  },
1393
1385
  {
1394
1386
  "kind": "js",
1395
- "name": "zeroActionsMenu",
1387
+ "name": "zeroAccordionItem",
1396
1388
  "declaration": {
1397
- "name": "zeroActionsMenu",
1398
- "module": "src/actions-menu/actions-menu.ts"
1389
+ "name": "zeroAccordionItem",
1390
+ "module": "src/accordion-item/accordion-item.ts"
1399
1391
  }
1400
1392
  }
1401
1393
  ]
1402
1394
  },
1403
1395
  {
1404
1396
  "kind": "javascript-module",
1405
- "path": "src/actions-menu/index.ts",
1397
+ "path": "src/accordion-item/index.ts",
1406
1398
  "declarations": [],
1407
1399
  "exports": [
1408
1400
  {
@@ -1410,7 +1402,7 @@
1410
1402
  "name": "*",
1411
1403
  "declaration": {
1412
1404
  "name": "*",
1413
- "package": "./actions-menu"
1405
+ "package": "./accordion-item"
1414
1406
  }
1415
1407
  },
1416
1408
  {
@@ -1418,7 +1410,15 @@
1418
1410
  "name": "*",
1419
1411
  "declaration": {
1420
1412
  "name": "*",
1421
- "package": "./actions-menu.styles"
1413
+ "package": "./accordion-item.styles"
1414
+ }
1415
+ },
1416
+ {
1417
+ "kind": "js",
1418
+ "name": "*",
1419
+ "declaration": {
1420
+ "name": "*",
1421
+ "package": "./accordion-item.template"
1422
1422
  }
1423
1423
  }
1424
1424
  ]
@@ -7059,242 +7059,17 @@
7059
7059
  },
7060
7060
  {
7061
7061
  "kind": "js",
7062
- "name": "zeroFilter",
7063
- "declaration": {
7064
- "name": "zeroFilter",
7065
- "module": "src/filter/filter.ts"
7066
- }
7067
- }
7068
- ]
7069
- },
7070
- {
7071
- "kind": "javascript-module",
7072
- "path": "src/filter/index.ts",
7073
- "declarations": [],
7074
- "exports": [
7075
- {
7076
- "kind": "js",
7077
- "name": "*",
7078
- "declaration": {
7079
- "name": "*",
7080
- "package": "./filter"
7081
- }
7082
- },
7083
- {
7084
- "kind": "js",
7085
- "name": "*",
7086
- "declaration": {
7087
- "name": "*",
7088
- "package": "./filter.template"
7089
- }
7090
- },
7091
- {
7092
- "kind": "js",
7093
- "name": "zeroFilterStyles",
7094
- "declaration": {
7095
- "name": "foundationFilterStyles",
7096
- "package": "@genesislcap/foundation-ui"
7097
- }
7098
- }
7099
- ]
7100
- },
7101
- {
7102
- "kind": "javascript-module",
7103
- "path": "src/flex-layout/flex-layout.stories.ts",
7104
- "declarations": [
7105
- {
7106
- "kind": "variable",
7107
- "name": "meta",
7108
- "type": {
7109
- "text": "Meta"
7110
- },
7111
- "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7112
- },
7113
- {
7114
- "kind": "variable",
7115
- "name": "Primary",
7116
- "type": {
7117
- "text": "StoryObj"
7118
- },
7119
- "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column flex-wrap spacing-2x justify-end\">\n <div style=\"width: 30%; height: 40%; background-color: red;\"></div>\n <div style=\"width: 30%; height: 50%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; background-color: red;\"></div>\n <div style=\"width: 70%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: red;\"></div>\n <div style=\"width: 60%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; height: 100%; background-color: red;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 60%; width: 100%; background-color: blue;\"></div>\n <div style=\"height: 40%; width: 100%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 100%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 80%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 20%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: green;\"></div>\n <div style=\"width: 80%; background-color: blue;\"></div>\n </zero-flex-layout>\n <div style=\"width: 100%; height: 20%; background-color: yellow;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"background-color: blue; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"background-color: green; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"flex:3; background-color: yellow;\"></div>\n <div style=\"flex:1; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n </div>\n `,\n}"
7120
- }
7121
- ],
7122
- "exports": [
7123
- {
7124
- "kind": "js",
7125
- "name": "default",
7126
- "declaration": {
7127
- "name": "meta",
7128
- "module": "src/flex-layout/flex-layout.stories.ts"
7129
- }
7130
- },
7131
- {
7132
- "kind": "js",
7133
- "name": "Primary",
7134
- "declaration": {
7135
- "name": "Primary",
7136
- "module": "src/flex-layout/flex-layout.stories.ts"
7137
- }
7138
- }
7139
- ]
7140
- },
7141
- {
7142
- "kind": "javascript-module",
7143
- "path": "src/flex-layout/flex-layout.ts",
7144
- "declarations": [
7145
- {
7146
- "kind": "class",
7147
- "description": "",
7148
- "name": "FlexLayout",
7149
- "superclass": {
7150
- "name": "FoundationFlexLayout",
7151
- "package": "@genesislcap/foundation-ui"
7152
- },
7153
- "tagName": "%%prefix%%-flex-layout",
7154
- "customElement": true,
7155
- "members": [
7156
- {
7157
- "kind": "field",
7158
- "name": "_presentation",
7159
- "type": {
7160
- "text": "ComponentPresentation | null | undefined"
7161
- },
7162
- "privacy": "private",
7163
- "default": "void 0",
7164
- "inheritedFrom": {
7165
- "name": "FoundationElement",
7166
- "module": "src/foundation-element/foundation-element.ts"
7167
- }
7168
- },
7169
- {
7170
- "kind": "field",
7171
- "name": "$presentation",
7172
- "type": {
7173
- "text": "ComponentPresentation | null"
7174
- },
7175
- "privacy": "public",
7176
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7177
- "inheritedFrom": {
7178
- "name": "FoundationElement",
7179
- "module": "src/foundation-element/foundation-element.ts"
7180
- }
7181
- },
7182
- {
7183
- "kind": "field",
7184
- "name": "template",
7185
- "type": {
7186
- "text": "ElementViewTemplate | void | null"
7187
- },
7188
- "privacy": "public",
7189
- "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.",
7190
- "inheritedFrom": {
7191
- "name": "FoundationElement",
7192
- "module": "src/foundation-element/foundation-element.ts"
7193
- }
7194
- },
7195
- {
7196
- "kind": "method",
7197
- "name": "templateChanged",
7198
- "privacy": "protected",
7199
- "return": {
7200
- "type": {
7201
- "text": "void"
7202
- }
7203
- },
7204
- "inheritedFrom": {
7205
- "name": "FoundationElement",
7206
- "module": "src/foundation-element/foundation-element.ts"
7207
- }
7208
- },
7209
- {
7210
- "kind": "field",
7211
- "name": "styles",
7212
- "type": {
7213
- "text": "ElementStyles | void | null"
7214
- },
7215
- "privacy": "public",
7216
- "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.",
7217
- "inheritedFrom": {
7218
- "name": "FoundationElement",
7219
- "module": "src/foundation-element/foundation-element.ts"
7220
- }
7221
- },
7222
- {
7223
- "kind": "method",
7224
- "name": "stylesChanged",
7225
- "privacy": "protected",
7226
- "return": {
7227
- "type": {
7228
- "text": "void"
7229
- }
7230
- },
7231
- "inheritedFrom": {
7232
- "name": "FoundationElement",
7233
- "module": "src/foundation-element/foundation-element.ts"
7234
- }
7235
- },
7236
- {
7237
- "kind": "method",
7238
- "name": "compose",
7239
- "privacy": "public",
7240
- "static": true,
7241
- "return": {
7242
- "type": {
7243
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7244
- }
7245
- },
7246
- "parameters": [
7247
- {
7248
- "name": "this",
7249
- "type": {
7250
- "text": "K"
7251
- }
7252
- },
7253
- {
7254
- "name": "elementDefinition",
7255
- "type": {
7256
- "text": "T"
7257
- },
7258
- "description": "The definition of the element to create the registry\nfunction for."
7259
- }
7260
- ],
7261
- "description": "Defines an element registry function with a set of element definition defaults.",
7262
- "inheritedFrom": {
7263
- "name": "FoundationElement",
7264
- "module": "src/foundation-element/foundation-element.ts"
7265
- }
7266
- }
7267
- ]
7268
- },
7269
- {
7270
- "kind": "variable",
7271
- "name": "zeroFlexLayout",
7272
- "description": "The Zero Flex Layout",
7273
- "privacy": "public"
7274
- }
7275
- ],
7276
- "exports": [
7277
- {
7278
- "kind": "js",
7279
- "name": "FlexLayout",
7280
- "declaration": {
7281
- "name": "FlexLayout",
7282
- "module": "src/flex-layout/flex-layout.ts"
7283
- }
7284
- },
7285
- {
7286
- "kind": "js",
7287
- "name": "zeroFlexLayout",
7062
+ "name": "zeroFilter",
7288
7063
  "declaration": {
7289
- "name": "zeroFlexLayout",
7290
- "module": "src/flex-layout/flex-layout.ts"
7064
+ "name": "zeroFilter",
7065
+ "module": "src/filter/filter.ts"
7291
7066
  }
7292
7067
  }
7293
7068
  ]
7294
7069
  },
7295
7070
  {
7296
7071
  "kind": "javascript-module",
7297
- "path": "src/flex-layout/index.ts",
7072
+ "path": "src/filter/index.ts",
7298
7073
  "declarations": [],
7299
7074
  "exports": [
7300
7075
  {
@@ -7302,7 +7077,23 @@
7302
7077
  "name": "*",
7303
7078
  "declaration": {
7304
7079
  "name": "*",
7305
- "package": "./flex-layout"
7080
+ "package": "./filter"
7081
+ }
7082
+ },
7083
+ {
7084
+ "kind": "js",
7085
+ "name": "*",
7086
+ "declaration": {
7087
+ "name": "*",
7088
+ "package": "./filter.template"
7089
+ }
7090
+ },
7091
+ {
7092
+ "kind": "js",
7093
+ "name": "zeroFilterStyles",
7094
+ "declaration": {
7095
+ "name": "foundationFilterStyles",
7096
+ "package": "@genesislcap/foundation-ui"
7306
7097
  }
7307
7098
  }
7308
7099
  ]
@@ -7689,6 +7480,215 @@
7689
7480
  }
7690
7481
  ]
7691
7482
  },
7483
+ {
7484
+ "kind": "javascript-module",
7485
+ "path": "src/flex-layout/flex-layout.stories.ts",
7486
+ "declarations": [
7487
+ {
7488
+ "kind": "variable",
7489
+ "name": "meta",
7490
+ "type": {
7491
+ "text": "Meta"
7492
+ },
7493
+ "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7494
+ },
7495
+ {
7496
+ "kind": "variable",
7497
+ "name": "Primary",
7498
+ "type": {
7499
+ "text": "StoryObj"
7500
+ },
7501
+ "default": "{\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column flex-wrap spacing-2x justify-end\">\n <div style=\"width: 30%; height: 40%; background-color: red;\"></div>\n <div style=\"width: 30%; height: 50%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; background-color: red;\"></div>\n <div style=\"width: 70%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: red;\"></div>\n <div style=\"width: 60%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 30%; height: 100%; background-color: red;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 60%; width: 100%; background-color: blue;\"></div>\n <div style=\"height: 40%; width: 100%; background-color: green;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 100%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 80%; background-color: green;\"></div>\n <div style=\"width: 20%; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"height: 20%; width: 100%; background-color: blue;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"width: 20%; background-color: green;\"></div>\n <div style=\"width: 80%; background-color: blue;\"></div>\n </zero-flex-layout>\n <div style=\"width: 100%; height: 20%; background-color: yellow;\"></div>\n </zero-flex-layout>\n </zero-card>\n\n <zero-card style=\"height: 200px; width: 100%;\">\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"background-color: blue; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-column spacing-2x\">\n <div style=\"background-color: green; width: 100%; height: 100%;\"></div>\n <zero-flex-layout class=\"flex-row spacing-2x\">\n <div style=\"flex:3; background-color: yellow;\"></div>\n <div style=\"flex:1; background-color: blue;\"></div>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-flex-layout>\n </zero-card>\n </div>\n `,\n}"
7502
+ }
7503
+ ],
7504
+ "exports": [
7505
+ {
7506
+ "kind": "js",
7507
+ "name": "default",
7508
+ "declaration": {
7509
+ "name": "meta",
7510
+ "module": "src/flex-layout/flex-layout.stories.ts"
7511
+ }
7512
+ },
7513
+ {
7514
+ "kind": "js",
7515
+ "name": "Primary",
7516
+ "declaration": {
7517
+ "name": "Primary",
7518
+ "module": "src/flex-layout/flex-layout.stories.ts"
7519
+ }
7520
+ }
7521
+ ]
7522
+ },
7523
+ {
7524
+ "kind": "javascript-module",
7525
+ "path": "src/flex-layout/flex-layout.ts",
7526
+ "declarations": [
7527
+ {
7528
+ "kind": "class",
7529
+ "description": "",
7530
+ "name": "FlexLayout",
7531
+ "superclass": {
7532
+ "name": "FoundationFlexLayout",
7533
+ "package": "@genesislcap/foundation-ui"
7534
+ },
7535
+ "tagName": "%%prefix%%-flex-layout",
7536
+ "customElement": true,
7537
+ "members": [
7538
+ {
7539
+ "kind": "field",
7540
+ "name": "_presentation",
7541
+ "type": {
7542
+ "text": "ComponentPresentation | null | undefined"
7543
+ },
7544
+ "privacy": "private",
7545
+ "default": "void 0",
7546
+ "inheritedFrom": {
7547
+ "name": "FoundationElement",
7548
+ "module": "src/foundation-element/foundation-element.ts"
7549
+ }
7550
+ },
7551
+ {
7552
+ "kind": "field",
7553
+ "name": "$presentation",
7554
+ "type": {
7555
+ "text": "ComponentPresentation | null"
7556
+ },
7557
+ "privacy": "public",
7558
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7559
+ "inheritedFrom": {
7560
+ "name": "FoundationElement",
7561
+ "module": "src/foundation-element/foundation-element.ts"
7562
+ }
7563
+ },
7564
+ {
7565
+ "kind": "field",
7566
+ "name": "template",
7567
+ "type": {
7568
+ "text": "ElementViewTemplate | void | null"
7569
+ },
7570
+ "privacy": "public",
7571
+ "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.",
7572
+ "inheritedFrom": {
7573
+ "name": "FoundationElement",
7574
+ "module": "src/foundation-element/foundation-element.ts"
7575
+ }
7576
+ },
7577
+ {
7578
+ "kind": "method",
7579
+ "name": "templateChanged",
7580
+ "privacy": "protected",
7581
+ "return": {
7582
+ "type": {
7583
+ "text": "void"
7584
+ }
7585
+ },
7586
+ "inheritedFrom": {
7587
+ "name": "FoundationElement",
7588
+ "module": "src/foundation-element/foundation-element.ts"
7589
+ }
7590
+ },
7591
+ {
7592
+ "kind": "field",
7593
+ "name": "styles",
7594
+ "type": {
7595
+ "text": "ElementStyles | void | null"
7596
+ },
7597
+ "privacy": "public",
7598
+ "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.",
7599
+ "inheritedFrom": {
7600
+ "name": "FoundationElement",
7601
+ "module": "src/foundation-element/foundation-element.ts"
7602
+ }
7603
+ },
7604
+ {
7605
+ "kind": "method",
7606
+ "name": "stylesChanged",
7607
+ "privacy": "protected",
7608
+ "return": {
7609
+ "type": {
7610
+ "text": "void"
7611
+ }
7612
+ },
7613
+ "inheritedFrom": {
7614
+ "name": "FoundationElement",
7615
+ "module": "src/foundation-element/foundation-element.ts"
7616
+ }
7617
+ },
7618
+ {
7619
+ "kind": "method",
7620
+ "name": "compose",
7621
+ "privacy": "public",
7622
+ "static": true,
7623
+ "return": {
7624
+ "type": {
7625
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7626
+ }
7627
+ },
7628
+ "parameters": [
7629
+ {
7630
+ "name": "this",
7631
+ "type": {
7632
+ "text": "K"
7633
+ }
7634
+ },
7635
+ {
7636
+ "name": "elementDefinition",
7637
+ "type": {
7638
+ "text": "T"
7639
+ },
7640
+ "description": "The definition of the element to create the registry\nfunction for."
7641
+ }
7642
+ ],
7643
+ "description": "Defines an element registry function with a set of element definition defaults.",
7644
+ "inheritedFrom": {
7645
+ "name": "FoundationElement",
7646
+ "module": "src/foundation-element/foundation-element.ts"
7647
+ }
7648
+ }
7649
+ ]
7650
+ },
7651
+ {
7652
+ "kind": "variable",
7653
+ "name": "zeroFlexLayout",
7654
+ "description": "The Zero Flex Layout",
7655
+ "privacy": "public"
7656
+ }
7657
+ ],
7658
+ "exports": [
7659
+ {
7660
+ "kind": "js",
7661
+ "name": "FlexLayout",
7662
+ "declaration": {
7663
+ "name": "FlexLayout",
7664
+ "module": "src/flex-layout/flex-layout.ts"
7665
+ }
7666
+ },
7667
+ {
7668
+ "kind": "js",
7669
+ "name": "zeroFlexLayout",
7670
+ "declaration": {
7671
+ "name": "zeroFlexLayout",
7672
+ "module": "src/flex-layout/flex-layout.ts"
7673
+ }
7674
+ }
7675
+ ]
7676
+ },
7677
+ {
7678
+ "kind": "javascript-module",
7679
+ "path": "src/flex-layout/index.ts",
7680
+ "declarations": [],
7681
+ "exports": [
7682
+ {
7683
+ "kind": "js",
7684
+ "name": "*",
7685
+ "declaration": {
7686
+ "name": "*",
7687
+ "package": "./flex-layout"
7688
+ }
7689
+ }
7690
+ ]
7691
+ },
7692
7692
  {
7693
7693
  "kind": "javascript-module",
7694
7694
  "path": "src/flipper/flipper.stories.ts",
@@ -7938,6 +7938,27 @@
7938
7938
  }
7939
7939
  ]
7940
7940
  },
7941
+ {
7942
+ "kind": "javascript-module",
7943
+ "path": "src/flyout/flyout.template.ts",
7944
+ "declarations": [
7945
+ {
7946
+ "kind": "variable",
7947
+ "name": "zeroFlyoutTemplate",
7948
+ "default": "html<Flyout>`\n ${getPrefixedFlyout('zero')}\n`"
7949
+ }
7950
+ ],
7951
+ "exports": [
7952
+ {
7953
+ "kind": "js",
7954
+ "name": "zeroFlyoutTemplate",
7955
+ "declaration": {
7956
+ "name": "zeroFlyoutTemplate",
7957
+ "module": "src/flyout/flyout.template.ts"
7958
+ }
7959
+ }
7960
+ ]
7961
+ },
7941
7962
  {
7942
7963
  "kind": "javascript-module",
7943
7964
  "path": "src/flyout/flyout.ts",
@@ -8141,10 +8162,10 @@
8141
8162
  },
8142
8163
  {
8143
8164
  "kind": "js",
8144
- "name": "zeroFlyoutTemplate",
8165
+ "name": "*",
8145
8166
  "declaration": {
8146
- "name": "foundationFlyoutTemplate",
8147
- "package": "@genesislcap/foundation-ui"
8167
+ "name": "*",
8168
+ "package": "./flyout.template"
8148
8169
  }
8149
8170
  }
8150
8171
  ]
package/dist/dts/base-components.d.ts CHANGED
@@ -136,12 +136,12 @@ export declare const baseComponents: {
136
136
  baseName: string;
137
137
  shadowOptions: ShadowRootInit;
138
138
  styles: import("@microsoft/fast-element").ElementStyles;
139
- template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Flyout, any>;
139
+ template: import("@microsoft/fast-element").ViewTemplate<import("./flyout").Flyout, any>;
140
140
  }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
141
141
  baseName: string;
142
142
  shadowOptions: ShadowRootInit;
143
143
  styles: import("@microsoft/fast-element").ElementStyles;
144
- template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Flyout, any>;
144
+ template: import("@microsoft/fast-element").ViewTemplate<import("./flyout").Flyout, any>;
145
145
  }, typeof import("./flyout").Flyout>;
146
146
  zeroGridLayout: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
147
147
  baseName: string;
package/dist/dts/flyout/flyout.d.ts CHANGED
@@ -17,11 +17,11 @@ export declare const zeroFlyout: (overrideDefinition?: import("@microsoft/fast-f
17
17
  baseName: string;
18
18
  shadowOptions: ShadowRootInit;
19
19
  styles: import("@microsoft/fast-element").ElementStyles;
20
- template: import("@microsoft/fast-element").ViewTemplate<FoundationFlyout, any>;
20
+ template: import("@microsoft/fast-element").ViewTemplate<Flyout, any>;
21
21
  }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
22
22
  baseName: string;
23
23
  shadowOptions: ShadowRootInit;
24
24
  styles: import("@microsoft/fast-element").ElementStyles;
25
- template: import("@microsoft/fast-element").ViewTemplate<FoundationFlyout, any>;
25
+ template: import("@microsoft/fast-element").ViewTemplate<Flyout, any>;
26
26
  }, typeof Flyout>;
27
27
  //# sourceMappingURL=flyout.d.ts.map
package/dist/dts/flyout/flyout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"flyout.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,IAAI,gBAAgB,EAG3B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,mBAAmB,IAAmB,CAAC;AAEpD,eAAO,MAAM,uBAAuB,gBAAgC,CAAC;AAErE;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;iBAMrB,CAAC"}
1
+ {"version":3,"file":"flyout.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,IAAI,gBAAgB,EAE3B,MAAM,4BAA4B,CAAC;AAIpC,eAAO,MAAM,mBAAmB,IAAmB,CAAC;AAEpD,eAAO,MAAM,uBAAuB,gBAAgC,CAAC;AAErE;;GAEG;AACH,qBAAa,MAAO,SAAQ,gBAAgB;CAAG;AAE/C;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;iBAMrB,CAAC"}
package/dist/dts/flyout/flyout.template.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Flyout } from './flyout';
2
+ export declare const zeroFlyoutTemplate: import("@microsoft/fast-element").ViewTemplate<Flyout, any>;
3
+ //# sourceMappingURL=flyout.template.d.ts.map
package/dist/dts/flyout/flyout.template.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flyout.template.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAO,MAAM,kBAAkB,6DAE9B,CAAC"}
package/dist/dts/flyout/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export * from './flyout';
2
2
  export * from './flyout.styles';
3
- export { foundationFlyoutTemplate as zeroFlyoutTemplate } from '@genesislcap/foundation-ui';
3
+ export * from './flyout.template';
4
4
  //# sourceMappingURL=index.d.ts.map
package/dist/dts/flyout/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,wBAAwB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}
package/dist/esm/flyout/flyout.js CHANGED
@@ -1,5 +1,6 @@
1
- import { defaultFlyoutConfig as foundationConfig, Flyout as FoundationFlyout, foundationFlyoutShadowOptions, foundationFlyoutTemplate as zeroFlyoutTemplate, } from '@genesislcap/foundation-ui';
1
+ import { defaultFlyoutConfig as foundationConfig, Flyout as FoundationFlyout, foundationFlyoutShadowOptions, } from '@genesislcap/foundation-ui';
2
2
  import { zeroFlyoutStyles } from './flyout.styles';
3
+ import { zeroFlyoutTemplate as template } from './flyout.template';
3
4
  export const defaultFlyoutConfig = foundationConfig;
4
5
  export const zeroFlyoutShadowOptions = foundationFlyoutShadowOptions;
5
6
  /**
@@ -14,4 +15,4 @@ export class Flyout extends FoundationFlyout {
14
15
  * @remarks
15
16
  * HTML Element: \<zero-flyout\>
16
17
  */
17
- export const zeroFlyout = Flyout.compose(Object.assign({ baseName: 'flyout', shadowOptions: zeroFlyoutShadowOptions, styles: zeroFlyoutStyles, template: zeroFlyoutTemplate }, defaultFlyoutConfig));
18
+ export const zeroFlyout = Flyout.compose(Object.assign({ baseName: 'flyout', shadowOptions: zeroFlyoutShadowOptions, styles: zeroFlyoutStyles, template }, defaultFlyoutConfig));
package/dist/esm/flyout/flyout.template.js ADDED
@@ -0,0 +1,5 @@
1
+ import { getPrefixedFlyout } from '@genesislcap/foundation-ui';
2
+ import { html } from '@microsoft/fast-element';
3
+ export const zeroFlyoutTemplate = html `
4
+ ${getPrefixedFlyout('zero')}
5
+ `;
package/dist/esm/flyout/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export * from './flyout';
2
2
  export * from './flyout.styles';
3
- export { foundationFlyoutTemplate as zeroFlyoutTemplate } from '@genesislcap/foundation-ui';
3
+ export * from './flyout.template';
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.83.4",
4
+ "version": "14.83.6",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -65,7 +65,7 @@
65
65
  "storybook": "storybook dev -p 6006"
66
66
  },
67
67
  "devDependencies": {
68
- "@genesislcap/genx": "14.83.4",
68
+ "@genesislcap/genx": "14.83.6",
69
69
  "@storybook/addon-essentials": "^7.1.0",
70
70
  "@storybook/addon-links": "^7.1.0",
71
71
  "@storybook/addons": "^7.1.0",
@@ -78,10 +78,10 @@
78
78
  "storybook": "^7.1.0"
79
79
  },
80
80
  "dependencies": {
81
- "@genesislcap/foundation-comms": "14.83.4",
82
- "@genesislcap/foundation-logger": "14.83.4",
83
- "@genesislcap/foundation-ui": "14.83.4",
84
- "@genesislcap/foundation-utils": "14.83.4",
81
+ "@genesislcap/foundation-comms": "14.83.6",
82
+ "@genesislcap/foundation-logger": "14.83.6",
83
+ "@genesislcap/foundation-ui": "14.83.6",
84
+ "@genesislcap/foundation-utils": "14.83.6",
85
85
  "@microsoft/fast-colors": "^5.1.4",
86
86
  "@microsoft/fast-components": "^2.21.3",
87
87
  "@microsoft/fast-element": "^1.7.0",
@@ -98,5 +98,5 @@
98
98
  "access": "public"
99
99
  },
100
100
  "customElements": "dist/custom-elements.json",
101
- "gitHead": "9660d0aabe48fa3c9bc69fd134c687a4da570009"
101
+ "gitHead": "b894d957705f2fdcf5df38f509790437a597a80f"
102
102
  }