@genesislcap/foundation-zero 14.79.0 → 14.79.2-alpha-ca658e8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/custom-elements.json +462 -466
  2. package/dist/dts/base-components.d.ts +2 -2
  3. package/dist/dts/date-picker/date-picker.d.ts +2 -2
  4. package/dist/dts/date-picker/date-picker.styles.d.ts.map +1 -1
  5. package/dist/dts/date-picker/date-picker.template.d.ts +1 -2
  6. package/dist/dts/date-picker/date-picker.template.d.ts.map +1 -1
  7. package/dist/esm/date-picker/date-picker.styles.js +19 -3
  8. package/dist/esm/date-picker/date-picker.template.js +5 -2
  9. package/package.json +6 -6
package/dist/custom-elements.json CHANGED
@@ -815,194 +815,6 @@
815
815
  }
816
816
  ]
817
817
  },
818
- {
819
- "kind": "javascript-module",
820
- "path": "src/accordion/accordion.stories.ts",
821
- "declarations": [
822
- {
823
- "kind": "variable",
824
- "name": "meta",
825
- "type": {
826
- "text": "Meta"
827
- },
828
- "default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
829
- },
830
- {
831
- "kind": "variable",
832
- "name": "Primary",
833
- "type": {
834
- "text": "StoryObj"
835
- },
836
- "default": "{\n render: () => html`\n <zero-accordion>\n <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n Accordion one content\n <div slot=\"heading\">Accordion one</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n Accordion two content\n <div slot=\"heading\">Accordion two</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n Accordion three content\n <div slot=\"heading\">Accordion three</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n Accordion four content\n <div slot=\"heading\">Accordion four</div>\n </zero-accordion-item>\n </zero-accordion>\n `,\n}"
837
- }
838
- ],
839
- "exports": [
840
- {
841
- "kind": "js",
842
- "name": "default",
843
- "declaration": {
844
- "name": "meta",
845
- "module": "src/accordion/accordion.stories.ts"
846
- }
847
- },
848
- {
849
- "kind": "js",
850
- "name": "Primary",
851
- "declaration": {
852
- "name": "Primary",
853
- "module": "src/accordion/accordion.stories.ts"
854
- }
855
- }
856
- ]
857
- },
858
- {
859
- "kind": "javascript-module",
860
- "path": "src/accordion/accordion.styles.ts",
861
- "declarations": [
862
- {
863
- "kind": "function",
864
- "name": "zeroAccordionStyles",
865
- "return": {
866
- "type": {
867
- "text": "ElementStyles"
868
- }
869
- },
870
- "parameters": [
871
- {
872
- "name": "context",
873
- "type": {
874
- "text": "ElementDefinitionContext"
875
- }
876
- },
877
- {
878
- "name": "definition",
879
- "type": {
880
- "text": "FoundationElementDefinition"
881
- }
882
- }
883
- ]
884
- }
885
- ],
886
- "exports": [
887
- {
888
- "kind": "js",
889
- "name": "zeroAccordionStyles",
890
- "declaration": {
891
- "name": "zeroAccordionStyles",
892
- "module": "src/accordion/accordion.styles.ts"
893
- }
894
- }
895
- ]
896
- },
897
- {
898
- "kind": "javascript-module",
899
- "path": "src/accordion/accordion.template.ts",
900
- "declarations": [
901
- {
902
- "kind": "function",
903
- "name": "zeroAccordionTemplate",
904
- "return": {
905
- "type": {
906
- "text": "ViewTemplate<Accordion>"
907
- }
908
- },
909
- "parameters": [
910
- {
911
- "name": "context",
912
- "type": {
913
- "text": "ElementDefinitionContext"
914
- }
915
- },
916
- {
917
- "name": "definition",
918
- "type": {
919
- "text": "FoundationElementDefinition"
920
- }
921
- }
922
- ]
923
- }
924
- ],
925
- "exports": [
926
- {
927
- "kind": "js",
928
- "name": "zeroAccordionTemplate",
929
- "declaration": {
930
- "name": "zeroAccordionTemplate",
931
- "module": "src/accordion/accordion.template.ts"
932
- }
933
- }
934
- ]
935
- },
936
- {
937
- "kind": "javascript-module",
938
- "path": "src/accordion/accordion.ts",
939
- "declarations": [
940
- {
941
- "kind": "class",
942
- "description": "",
943
- "name": "Accordion",
944
- "superclass": {
945
- "name": "FoundationAccordion",
946
- "package": "@genesislcap/foundation-ui"
947
- },
948
- "tagName": "%%prefix%%-card",
949
- "customElement": true
950
- },
951
- {
952
- "kind": "variable",
953
- "name": "zeroAccordion"
954
- }
955
- ],
956
- "exports": [
957
- {
958
- "kind": "js",
959
- "name": "Accordion",
960
- "declaration": {
961
- "name": "Accordion",
962
- "module": "src/accordion/accordion.ts"
963
- }
964
- },
965
- {
966
- "kind": "js",
967
- "name": "zeroAccordion",
968
- "declaration": {
969
- "name": "zeroAccordion",
970
- "module": "src/accordion/accordion.ts"
971
- }
972
- }
973
- ]
974
- },
975
- {
976
- "kind": "javascript-module",
977
- "path": "src/accordion/index.ts",
978
- "declarations": [],
979
- "exports": [
980
- {
981
- "kind": "js",
982
- "name": "*",
983
- "declaration": {
984
- "name": "*",
985
- "package": "./accordion"
986
- }
987
- },
988
- {
989
- "kind": "js",
990
- "name": "*",
991
- "declaration": {
992
- "name": "*",
993
- "package": "./accordion.styles"
994
- }
995
- },
996
- {
997
- "kind": "js",
998
- "name": "*",
999
- "declaration": {
1000
- "name": "*",
1001
- "package": "./accordion.template"
1002
- }
1003
- }
1004
- ]
1005
- },
1006
818
  {
1007
819
  "kind": "javascript-module",
1008
820
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1153,7 +965,7 @@
1153
965
  },
1154
966
  {
1155
967
  "kind": "javascript-module",
1156
- "path": "src/anchor/anchor.stories.ts",
968
+ "path": "src/accordion/accordion.stories.ts",
1157
969
  "declarations": [
1158
970
  {
1159
971
  "kind": "variable",
@@ -1161,15 +973,15 @@
1161
973
  "type": {
1162
974
  "text": "Meta"
1163
975
  },
1164
- "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
976
+ "default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
1165
977
  },
1166
978
  {
1167
979
  "kind": "variable",
1168
- "name": "All",
980
+ "name": "Primary",
1169
981
  "type": {
1170
982
  "text": "StoryObj"
1171
983
  },
1172
- "default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
984
+ "default": "{\n render: () => html`\n <zero-accordion>\n <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n Accordion one content\n <div slot=\"heading\">Accordion one</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n Accordion two content\n <div slot=\"heading\">Accordion two</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n Accordion three content\n <div slot=\"heading\">Accordion three</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n Accordion four content\n <div slot=\"heading\">Accordion four</div>\n </zero-accordion-item>\n </zero-accordion>\n `,\n}"
1173
985
  }
1174
986
  ],
1175
987
  "exports": [
@@ -1178,26 +990,26 @@
1178
990
  "name": "default",
1179
991
  "declaration": {
1180
992
  "name": "meta",
1181
- "module": "src/anchor/anchor.stories.ts"
993
+ "module": "src/accordion/accordion.stories.ts"
1182
994
  }
1183
995
  },
1184
996
  {
1185
997
  "kind": "js",
1186
- "name": "All",
998
+ "name": "Primary",
1187
999
  "declaration": {
1188
- "name": "All",
1189
- "module": "src/anchor/anchor.stories.ts"
1000
+ "name": "Primary",
1001
+ "module": "src/accordion/accordion.stories.ts"
1190
1002
  }
1191
1003
  }
1192
1004
  ]
1193
1005
  },
1194
1006
  {
1195
1007
  "kind": "javascript-module",
1196
- "path": "src/anchor/anchor.styles.ts",
1008
+ "path": "src/accordion/accordion.styles.ts",
1197
1009
  "declarations": [
1198
1010
  {
1199
1011
  "kind": "function",
1200
- "name": "zeroAnchorStyles",
1012
+ "name": "zeroAccordionStyles",
1201
1013
  "return": {
1202
1014
  "type": {
1203
1015
  "text": "ElementStyles"
@@ -1222,24 +1034,24 @@
1222
1034
  "exports": [
1223
1035
  {
1224
1036
  "kind": "js",
1225
- "name": "zeroAnchorStyles",
1037
+ "name": "zeroAccordionStyles",
1226
1038
  "declaration": {
1227
- "name": "zeroAnchorStyles",
1228
- "module": "src/anchor/anchor.styles.ts"
1039
+ "name": "zeroAccordionStyles",
1040
+ "module": "src/accordion/accordion.styles.ts"
1229
1041
  }
1230
1042
  }
1231
1043
  ]
1232
1044
  },
1233
1045
  {
1234
1046
  "kind": "javascript-module",
1235
- "path": "src/anchor/anchor.template.ts",
1047
+ "path": "src/accordion/accordion.template.ts",
1236
1048
  "declarations": [
1237
1049
  {
1238
1050
  "kind": "function",
1239
- "name": "zeroAnchorTemplate",
1051
+ "name": "zeroAccordionTemplate",
1240
1052
  "return": {
1241
1053
  "type": {
1242
- "text": "ViewTemplate<Anchor>"
1054
+ "text": "ViewTemplate<Accordion>"
1243
1055
  }
1244
1056
  },
1245
1057
  "parameters": [
@@ -1261,56 +1073,56 @@
1261
1073
  "exports": [
1262
1074
  {
1263
1075
  "kind": "js",
1264
- "name": "zeroAnchorTemplate",
1076
+ "name": "zeroAccordionTemplate",
1265
1077
  "declaration": {
1266
- "name": "zeroAnchorTemplate",
1267
- "module": "src/anchor/anchor.template.ts"
1078
+ "name": "zeroAccordionTemplate",
1079
+ "module": "src/accordion/accordion.template.ts"
1268
1080
  }
1269
1081
  }
1270
1082
  ]
1271
1083
  },
1272
1084
  {
1273
1085
  "kind": "javascript-module",
1274
- "path": "src/anchor/anchor.ts",
1086
+ "path": "src/accordion/accordion.ts",
1275
1087
  "declarations": [
1276
1088
  {
1277
1089
  "kind": "class",
1278
1090
  "description": "",
1279
- "name": "Anchor",
1091
+ "name": "Accordion",
1280
1092
  "superclass": {
1281
- "name": "FoundationAnchor",
1093
+ "name": "FoundationAccordion",
1282
1094
  "package": "@genesislcap/foundation-ui"
1283
1095
  },
1284
- "tagName": "%%prefix%%-anchor",
1096
+ "tagName": "%%prefix%%-card",
1285
1097
  "customElement": true
1286
1098
  },
1287
1099
  {
1288
1100
  "kind": "variable",
1289
- "name": "zeroAnchor"
1101
+ "name": "zeroAccordion"
1290
1102
  }
1291
1103
  ],
1292
1104
  "exports": [
1293
1105
  {
1294
1106
  "kind": "js",
1295
- "name": "Anchor",
1107
+ "name": "Accordion",
1296
1108
  "declaration": {
1297
- "name": "Anchor",
1298
- "module": "src/anchor/anchor.ts"
1109
+ "name": "Accordion",
1110
+ "module": "src/accordion/accordion.ts"
1299
1111
  }
1300
1112
  },
1301
1113
  {
1302
1114
  "kind": "js",
1303
- "name": "zeroAnchor",
1115
+ "name": "zeroAccordion",
1304
1116
  "declaration": {
1305
- "name": "zeroAnchor",
1306
- "module": "src/anchor/anchor.ts"
1117
+ "name": "zeroAccordion",
1118
+ "module": "src/accordion/accordion.ts"
1307
1119
  }
1308
1120
  }
1309
1121
  ]
1310
1122
  },
1311
1123
  {
1312
1124
  "kind": "javascript-module",
1313
- "path": "src/anchor/index.ts",
1125
+ "path": "src/accordion/index.ts",
1314
1126
  "declarations": [],
1315
1127
  "exports": [
1316
1128
  {
@@ -1318,7 +1130,7 @@
1318
1130
  "name": "*",
1319
1131
  "declaration": {
1320
1132
  "name": "*",
1321
- "package": "./anchor"
1133
+ "package": "./accordion"
1322
1134
  }
1323
1135
  },
1324
1136
  {
@@ -1326,7 +1138,7 @@
1326
1138
  "name": "*",
1327
1139
  "declaration": {
1328
1140
  "name": "*",
1329
- "package": "./anchor.styles"
1141
+ "package": "./accordion.styles"
1330
1142
  }
1331
1143
  },
1332
1144
  {
@@ -1334,7 +1146,7 @@
1334
1146
  "name": "*",
1335
1147
  "declaration": {
1336
1148
  "name": "*",
1337
- "package": "./anchor.template"
1149
+ "package": "./accordion.template"
1338
1150
  }
1339
1151
  }
1340
1152
  ]
@@ -1611,6 +1423,194 @@
1611
1423
  }
1612
1424
  ]
1613
1425
  },
1426
+ {
1427
+ "kind": "javascript-module",
1428
+ "path": "src/anchor/anchor.stories.ts",
1429
+ "declarations": [
1430
+ {
1431
+ "kind": "variable",
1432
+ "name": "meta",
1433
+ "type": {
1434
+ "text": "Meta"
1435
+ },
1436
+ "default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
1437
+ },
1438
+ {
1439
+ "kind": "variable",
1440
+ "name": "All",
1441
+ "type": {
1442
+ "text": "StoryObj"
1443
+ },
1444
+ "default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
1445
+ }
1446
+ ],
1447
+ "exports": [
1448
+ {
1449
+ "kind": "js",
1450
+ "name": "default",
1451
+ "declaration": {
1452
+ "name": "meta",
1453
+ "module": "src/anchor/anchor.stories.ts"
1454
+ }
1455
+ },
1456
+ {
1457
+ "kind": "js",
1458
+ "name": "All",
1459
+ "declaration": {
1460
+ "name": "All",
1461
+ "module": "src/anchor/anchor.stories.ts"
1462
+ }
1463
+ }
1464
+ ]
1465
+ },
1466
+ {
1467
+ "kind": "javascript-module",
1468
+ "path": "src/anchor/anchor.styles.ts",
1469
+ "declarations": [
1470
+ {
1471
+ "kind": "function",
1472
+ "name": "zeroAnchorStyles",
1473
+ "return": {
1474
+ "type": {
1475
+ "text": "ElementStyles"
1476
+ }
1477
+ },
1478
+ "parameters": [
1479
+ {
1480
+ "name": "context",
1481
+ "type": {
1482
+ "text": "ElementDefinitionContext"
1483
+ }
1484
+ },
1485
+ {
1486
+ "name": "definition",
1487
+ "type": {
1488
+ "text": "FoundationElementDefinition"
1489
+ }
1490
+ }
1491
+ ]
1492
+ }
1493
+ ],
1494
+ "exports": [
1495
+ {
1496
+ "kind": "js",
1497
+ "name": "zeroAnchorStyles",
1498
+ "declaration": {
1499
+ "name": "zeroAnchorStyles",
1500
+ "module": "src/anchor/anchor.styles.ts"
1501
+ }
1502
+ }
1503
+ ]
1504
+ },
1505
+ {
1506
+ "kind": "javascript-module",
1507
+ "path": "src/anchor/anchor.template.ts",
1508
+ "declarations": [
1509
+ {
1510
+ "kind": "function",
1511
+ "name": "zeroAnchorTemplate",
1512
+ "return": {
1513
+ "type": {
1514
+ "text": "ViewTemplate<Anchor>"
1515
+ }
1516
+ },
1517
+ "parameters": [
1518
+ {
1519
+ "name": "context",
1520
+ "type": {
1521
+ "text": "ElementDefinitionContext"
1522
+ }
1523
+ },
1524
+ {
1525
+ "name": "definition",
1526
+ "type": {
1527
+ "text": "FoundationElementDefinition"
1528
+ }
1529
+ }
1530
+ ]
1531
+ }
1532
+ ],
1533
+ "exports": [
1534
+ {
1535
+ "kind": "js",
1536
+ "name": "zeroAnchorTemplate",
1537
+ "declaration": {
1538
+ "name": "zeroAnchorTemplate",
1539
+ "module": "src/anchor/anchor.template.ts"
1540
+ }
1541
+ }
1542
+ ]
1543
+ },
1544
+ {
1545
+ "kind": "javascript-module",
1546
+ "path": "src/anchor/anchor.ts",
1547
+ "declarations": [
1548
+ {
1549
+ "kind": "class",
1550
+ "description": "",
1551
+ "name": "Anchor",
1552
+ "superclass": {
1553
+ "name": "FoundationAnchor",
1554
+ "package": "@genesislcap/foundation-ui"
1555
+ },
1556
+ "tagName": "%%prefix%%-anchor",
1557
+ "customElement": true
1558
+ },
1559
+ {
1560
+ "kind": "variable",
1561
+ "name": "zeroAnchor"
1562
+ }
1563
+ ],
1564
+ "exports": [
1565
+ {
1566
+ "kind": "js",
1567
+ "name": "Anchor",
1568
+ "declaration": {
1569
+ "name": "Anchor",
1570
+ "module": "src/anchor/anchor.ts"
1571
+ }
1572
+ },
1573
+ {
1574
+ "kind": "js",
1575
+ "name": "zeroAnchor",
1576
+ "declaration": {
1577
+ "name": "zeroAnchor",
1578
+ "module": "src/anchor/anchor.ts"
1579
+ }
1580
+ }
1581
+ ]
1582
+ },
1583
+ {
1584
+ "kind": "javascript-module",
1585
+ "path": "src/anchor/index.ts",
1586
+ "declarations": [],
1587
+ "exports": [
1588
+ {
1589
+ "kind": "js",
1590
+ "name": "*",
1591
+ "declaration": {
1592
+ "name": "*",
1593
+ "package": "./anchor"
1594
+ }
1595
+ },
1596
+ {
1597
+ "kind": "js",
1598
+ "name": "*",
1599
+ "declaration": {
1600
+ "name": "*",
1601
+ "package": "./anchor.styles"
1602
+ }
1603
+ },
1604
+ {
1605
+ "kind": "js",
1606
+ "name": "*",
1607
+ "declaration": {
1608
+ "name": "*",
1609
+ "package": "./anchor.template"
1610
+ }
1611
+ }
1612
+ ]
1613
+ },
1614
1614
  {
1615
1615
  "kind": "javascript-module",
1616
1616
  "path": "src/anchored-region/anchored-region.stories.ts",
@@ -4375,13 +4375,9 @@
4375
4375
  "path": "src/date-picker/date-picker.template.ts",
4376
4376
  "declarations": [
4377
4377
  {
4378
- "kind": "function",
4378
+ "kind": "variable",
4379
4379
  "name": "zeroDatePickerTemplate",
4380
- "return": {
4381
- "type": {
4382
- "text": "ViewTemplate<DatePicker>"
4383
- }
4384
- }
4380
+ "default": "html<DatePicker>`\n ${getPrefixedDatePicker('zero')}\n`"
4385
4381
  }
4386
4382
  ],
4387
4383
  "exports": [
@@ -7104,7 +7100,7 @@
7104
7100
  },
7105
7101
  {
7106
7102
  "kind": "javascript-module",
7107
- "path": "src/filter-bar/filter-bar.stories.ts",
7103
+ "path": "src/flex-layout/flex-layout.stories.ts",
7108
7104
  "declarations": [
7109
7105
  {
7110
7106
  "kind": "variable",
@@ -7112,7 +7108,7 @@
7112
7108
  "type": {
7113
7109
  "text": "Meta"
7114
7110
  },
7115
- "default": "{\n title: 'Filter Bar',\n component: 'zero-filter-bar',\n}"
7111
+ "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7116
7112
  },
7117
7113
  {
7118
7114
  "kind": "variable",
@@ -7120,7 +7116,7 @@
7120
7116
  "type": {
7121
7117
  "text": "StoryObj"
7122
7118
  },
7123
- "default": "{\n render: () => html`\n <zero-filter-bar\n resource=\"ALL_PROCESSES_STATUS\"\n only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n ></zero-filter-bar>\n `,\n}"
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}"
7124
7120
  }
7125
7121
  ],
7126
7122
  "exports": [
@@ -7129,7 +7125,7 @@
7129
7125
  "name": "default",
7130
7126
  "declaration": {
7131
7127
  "name": "meta",
7132
- "module": "src/filter-bar/filter-bar.stories.ts"
7128
+ "module": "src/flex-layout/flex-layout.stories.ts"
7133
7129
  }
7134
7130
  },
7135
7131
  {
@@ -7137,47 +7133,256 @@
7137
7133
  "name": "Primary",
7138
7134
  "declaration": {
7139
7135
  "name": "Primary",
7140
- "module": "src/filter-bar/filter-bar.stories.ts"
7136
+ "module": "src/flex-layout/flex-layout.stories.ts"
7141
7137
  }
7142
7138
  }
7143
7139
  ]
7144
7140
  },
7145
7141
  {
7146
7142
  "kind": "javascript-module",
7147
- "path": "src/filter-bar/filter-bar.styles.ts",
7143
+ "path": "src/flex-layout/flex-layout.ts",
7148
7144
  "declarations": [
7149
7145
  {
7150
- "kind": "function",
7151
- "name": "zeroFilterBarStyles",
7152
- "return": {
7153
- "type": {
7154
- "text": "ElementStyles"
7155
- }
7146
+ "kind": "class",
7147
+ "description": "",
7148
+ "name": "FlexLayout",
7149
+ "superclass": {
7150
+ "name": "FoundationFlexLayout",
7151
+ "package": "@genesislcap/foundation-ui"
7156
7152
  },
7157
- "parameters": [
7153
+ "tagName": "%%prefix%%-flex-layout",
7154
+ "customElement": true,
7155
+ "members": [
7158
7156
  {
7159
- "name": "context",
7157
+ "kind": "field",
7158
+ "name": "_presentation",
7160
7159
  "type": {
7161
- "text": "ElementDefinitionContext"
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"
7162
7167
  }
7163
7168
  },
7164
7169
  {
7165
- "name": "definition",
7170
+ "kind": "field",
7171
+ "name": "$presentation",
7166
7172
  "type": {
7167
- "text": "FoundationElementDefinition"
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"
7168
7180
  }
7169
- }
7170
- ]
7171
- }
7172
- ],
7173
- "exports": [
7174
- {
7175
- "kind": "js",
7176
- "name": "zeroFilterBarStyles",
7177
- "declaration": {
7178
- "name": "zeroFilterBarStyles",
7179
- "module": "src/filter-bar/filter-bar.styles.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",
7288
+ "declaration": {
7289
+ "name": "zeroFlexLayout",
7290
+ "module": "src/flex-layout/flex-layout.ts"
7291
+ }
7292
+ }
7293
+ ]
7294
+ },
7295
+ {
7296
+ "kind": "javascript-module",
7297
+ "path": "src/flex-layout/index.ts",
7298
+ "declarations": [],
7299
+ "exports": [
7300
+ {
7301
+ "kind": "js",
7302
+ "name": "*",
7303
+ "declaration": {
7304
+ "name": "*",
7305
+ "package": "./flex-layout"
7306
+ }
7307
+ }
7308
+ ]
7309
+ },
7310
+ {
7311
+ "kind": "javascript-module",
7312
+ "path": "src/filter-bar/filter-bar.stories.ts",
7313
+ "declarations": [
7314
+ {
7315
+ "kind": "variable",
7316
+ "name": "meta",
7317
+ "type": {
7318
+ "text": "Meta"
7319
+ },
7320
+ "default": "{\n title: 'Filter Bar',\n component: 'zero-filter-bar',\n}"
7321
+ },
7322
+ {
7323
+ "kind": "variable",
7324
+ "name": "Primary",
7325
+ "type": {
7326
+ "text": "StoryObj"
7327
+ },
7328
+ "default": "{\n render: () => html`\n <zero-filter-bar\n resource=\"ALL_PROCESSES_STATUS\"\n only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n ></zero-filter-bar>\n `,\n}"
7329
+ }
7330
+ ],
7331
+ "exports": [
7332
+ {
7333
+ "kind": "js",
7334
+ "name": "default",
7335
+ "declaration": {
7336
+ "name": "meta",
7337
+ "module": "src/filter-bar/filter-bar.stories.ts"
7338
+ }
7339
+ },
7340
+ {
7341
+ "kind": "js",
7342
+ "name": "Primary",
7343
+ "declaration": {
7344
+ "name": "Primary",
7345
+ "module": "src/filter-bar/filter-bar.stories.ts"
7346
+ }
7347
+ }
7348
+ ]
7349
+ },
7350
+ {
7351
+ "kind": "javascript-module",
7352
+ "path": "src/filter-bar/filter-bar.styles.ts",
7353
+ "declarations": [
7354
+ {
7355
+ "kind": "function",
7356
+ "name": "zeroFilterBarStyles",
7357
+ "return": {
7358
+ "type": {
7359
+ "text": "ElementStyles"
7360
+ }
7361
+ },
7362
+ "parameters": [
7363
+ {
7364
+ "name": "context",
7365
+ "type": {
7366
+ "text": "ElementDefinitionContext"
7367
+ }
7368
+ },
7369
+ {
7370
+ "name": "definition",
7371
+ "type": {
7372
+ "text": "FoundationElementDefinition"
7373
+ }
7374
+ }
7375
+ ]
7376
+ }
7377
+ ],
7378
+ "exports": [
7379
+ {
7380
+ "kind": "js",
7381
+ "name": "zeroFilterBarStyles",
7382
+ "declaration": {
7383
+ "name": "zeroFilterBarStyles",
7384
+ "module": "src/filter-bar/filter-bar.styles.ts"
7385
+ }
7181
7386
  }
7182
7387
  ]
7183
7388
  },
@@ -7484,215 +7689,6 @@
7484
7689
  }
7485
7690
  ]
7486
7691
  },
7487
- {
7488
- "kind": "javascript-module",
7489
- "path": "src/flex-layout/flex-layout.stories.ts",
7490
- "declarations": [
7491
- {
7492
- "kind": "variable",
7493
- "name": "meta",
7494
- "type": {
7495
- "text": "Meta"
7496
- },
7497
- "default": "{\n title: 'Flex Layout',\n component: 'zero-flex-layout',\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n}"
7498
- },
7499
- {
7500
- "kind": "variable",
7501
- "name": "Primary",
7502
- "type": {
7503
- "text": "StoryObj"
7504
- },
7505
- "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}"
7506
- }
7507
- ],
7508
- "exports": [
7509
- {
7510
- "kind": "js",
7511
- "name": "default",
7512
- "declaration": {
7513
- "name": "meta",
7514
- "module": "src/flex-layout/flex-layout.stories.ts"
7515
- }
7516
- },
7517
- {
7518
- "kind": "js",
7519
- "name": "Primary",
7520
- "declaration": {
7521
- "name": "Primary",
7522
- "module": "src/flex-layout/flex-layout.stories.ts"
7523
- }
7524
- }
7525
- ]
7526
- },
7527
- {
7528
- "kind": "javascript-module",
7529
- "path": "src/flex-layout/flex-layout.ts",
7530
- "declarations": [
7531
- {
7532
- "kind": "class",
7533
- "description": "",
7534
- "name": "FlexLayout",
7535
- "superclass": {
7536
- "name": "FoundationFlexLayout",
7537
- "package": "@genesislcap/foundation-ui"
7538
- },
7539
- "tagName": "%%prefix%%-flex-layout",
7540
- "customElement": true,
7541
- "members": [
7542
- {
7543
- "kind": "field",
7544
- "name": "_presentation",
7545
- "type": {
7546
- "text": "ComponentPresentation | null | undefined"
7547
- },
7548
- "privacy": "private",
7549
- "default": "void 0",
7550
- "inheritedFrom": {
7551
- "name": "FoundationElement",
7552
- "module": "src/foundation-element/foundation-element.ts"
7553
- }
7554
- },
7555
- {
7556
- "kind": "field",
7557
- "name": "$presentation",
7558
- "type": {
7559
- "text": "ComponentPresentation | null"
7560
- },
7561
- "privacy": "public",
7562
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7563
- "inheritedFrom": {
7564
- "name": "FoundationElement",
7565
- "module": "src/foundation-element/foundation-element.ts"
7566
- }
7567
- },
7568
- {
7569
- "kind": "field",
7570
- "name": "template",
7571
- "type": {
7572
- "text": "ElementViewTemplate | void | null"
7573
- },
7574
- "privacy": "public",
7575
- "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.",
7576
- "inheritedFrom": {
7577
- "name": "FoundationElement",
7578
- "module": "src/foundation-element/foundation-element.ts"
7579
- }
7580
- },
7581
- {
7582
- "kind": "method",
7583
- "name": "templateChanged",
7584
- "privacy": "protected",
7585
- "return": {
7586
- "type": {
7587
- "text": "void"
7588
- }
7589
- },
7590
- "inheritedFrom": {
7591
- "name": "FoundationElement",
7592
- "module": "src/foundation-element/foundation-element.ts"
7593
- }
7594
- },
7595
- {
7596
- "kind": "field",
7597
- "name": "styles",
7598
- "type": {
7599
- "text": "ElementStyles | void | null"
7600
- },
7601
- "privacy": "public",
7602
- "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.",
7603
- "inheritedFrom": {
7604
- "name": "FoundationElement",
7605
- "module": "src/foundation-element/foundation-element.ts"
7606
- }
7607
- },
7608
- {
7609
- "kind": "method",
7610
- "name": "stylesChanged",
7611
- "privacy": "protected",
7612
- "return": {
7613
- "type": {
7614
- "text": "void"
7615
- }
7616
- },
7617
- "inheritedFrom": {
7618
- "name": "FoundationElement",
7619
- "module": "src/foundation-element/foundation-element.ts"
7620
- }
7621
- },
7622
- {
7623
- "kind": "method",
7624
- "name": "compose",
7625
- "privacy": "public",
7626
- "static": true,
7627
- "return": {
7628
- "type": {
7629
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7630
- }
7631
- },
7632
- "parameters": [
7633
- {
7634
- "name": "this",
7635
- "type": {
7636
- "text": "K"
7637
- }
7638
- },
7639
- {
7640
- "name": "elementDefinition",
7641
- "type": {
7642
- "text": "T"
7643
- },
7644
- "description": "The definition of the element to create the registry\nfunction for."
7645
- }
7646
- ],
7647
- "description": "Defines an element registry function with a set of element definition defaults.",
7648
- "inheritedFrom": {
7649
- "name": "FoundationElement",
7650
- "module": "src/foundation-element/foundation-element.ts"
7651
- }
7652
- }
7653
- ]
7654
- },
7655
- {
7656
- "kind": "variable",
7657
- "name": "zeroFlexLayout",
7658
- "description": "The Zero Flex Layout",
7659
- "privacy": "public"
7660
- }
7661
- ],
7662
- "exports": [
7663
- {
7664
- "kind": "js",
7665
- "name": "FlexLayout",
7666
- "declaration": {
7667
- "name": "FlexLayout",
7668
- "module": "src/flex-layout/flex-layout.ts"
7669
- }
7670
- },
7671
- {
7672
- "kind": "js",
7673
- "name": "zeroFlexLayout",
7674
- "declaration": {
7675
- "name": "zeroFlexLayout",
7676
- "module": "src/flex-layout/flex-layout.ts"
7677
- }
7678
- }
7679
- ]
7680
- },
7681
- {
7682
- "kind": "javascript-module",
7683
- "path": "src/flex-layout/index.ts",
7684
- "declarations": [],
7685
- "exports": [
7686
- {
7687
- "kind": "js",
7688
- "name": "*",
7689
- "declaration": {
7690
- "name": "*",
7691
- "package": "./flex-layout"
7692
- }
7693
- }
7694
- ]
7695
- },
7696
7692
  {
7697
7693
  "kind": "javascript-module",
7698
7694
  "path": "src/flipper/flipper.stories.ts",
package/dist/dts/base-components.d.ts CHANGED
@@ -49,12 +49,12 @@ export declare const baseComponents: {
49
49
  }, typeof import("./dialog").Dialog>;
50
50
  zeroDatePicker: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
51
51
  baseName: string;
52
- template: () => import("@microsoft/fast-element").ViewTemplate<import("./date-picker").DatePicker, any>;
52
+ template: import("@microsoft/fast-element").ViewTemplate<import("./date-picker").DatePicker, any>;
53
53
  styles: () => import("@microsoft/fast-element").ElementStyles;
54
54
  shadowOptions: ShadowRootInit;
55
55
  }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
56
56
  baseName: string;
57
- template: () => import("@microsoft/fast-element").ViewTemplate<import("./date-picker").DatePicker, any>;
57
+ template: import("@microsoft/fast-element").ViewTemplate<import("./date-picker").DatePicker, any>;
58
58
  styles: () => import("@microsoft/fast-element").ElementStyles;
59
59
  shadowOptions: ShadowRootInit;
60
60
  }, typeof import("./date-picker").DatePicker>;
package/dist/dts/date-picker/date-picker.d.ts CHANGED
@@ -8,12 +8,12 @@ export declare class DatePicker extends FoundationDatePicker {
8
8
  }
9
9
  export declare const zeroDatePicker: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
10
10
  baseName: string;
11
- template: () => import("@microsoft/fast-element").ViewTemplate<DatePicker, any>;
11
+ template: import("@microsoft/fast-element").ViewTemplate<DatePicker, any>;
12
12
  styles: () => import("@microsoft/fast-element").ElementStyles;
13
13
  shadowOptions: ShadowRootInit;
14
14
  }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
15
15
  baseName: string;
16
- template: () => import("@microsoft/fast-element").ViewTemplate<DatePicker, any>;
16
+ template: import("@microsoft/fast-element").ViewTemplate<DatePicker, any>;
17
17
  styles: () => import("@microsoft/fast-element").ElementStyles;
18
18
  shadowOptions: ShadowRootInit;
19
19
  }, typeof DatePicker>;
package/dist/dts/date-picker/date-picker.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,QAAO,aAwBvC,CAAC"}
1
+ {"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,QAAO,aAwCvC,CAAC"}
package/dist/dts/date-picker/date-picker.template.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
1
  import type { DatePicker } from './date-picker';
3
- export declare const zeroDatePickerTemplate: () => ViewTemplate<DatePicker>;
2
+ export declare const zeroDatePickerTemplate: import("@microsoft/fast-element").ViewTemplate<DatePicker, any>;
4
3
  //# sourceMappingURL=date-picker.template.d.ts.map
package/dist/dts/date-picker/date-picker.template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,sBAAsB,QAAO,aAAa,UAAU,CAAiC,CAAC"}
1
+ {"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,sBAAsB,iEAElC,CAAC"}
package/dist/esm/date-picker/date-picker.styles.js CHANGED
@@ -3,9 +3,8 @@ import { css } from '@microsoft/fast-element';
3
3
  import { ColorHEX } from '../_common';
4
4
  export const zeroDatePickerStyles = () => css `
5
5
  ${foundationDatePickerStyles}
6
- .date-toggle {
7
- background: var(--neutral-layer-card-container);
8
- color: var(--neutral-foreground-rest);
6
+ :host {
7
+ --primary-gradient-angle: -113.5deg;
9
8
  }
10
9
 
11
10
  .calendar-dropdown {
@@ -25,4 +24,21 @@ export const zeroDatePickerStyles = () => css `
25
24
  .month-day.current {
26
25
  color: ${ColorHEX.almostWhite};
27
26
  }
27
+
28
+ .input-icon-container {
29
+ display: flex;
30
+ justify-content: center;
31
+ align-items: center;
32
+ border-radius: calc(var(--control-corner-radius) * 1px);
33
+ width: 30px;
34
+ height: 30px;
35
+ }
36
+
37
+ .input-icon-container:hover {
38
+ background-color: ${ColorHEX.mediumGrey};
39
+ }
40
+
41
+ .date-toggle::part(end) {
42
+ margin-inline-end: 4px;
43
+ }
28
44
  `;
package/dist/esm/date-picker/date-picker.template.js CHANGED
@@ -1,2 +1,5 @@
1
- import { foundationDatePickerTemplate } from '@genesislcap/foundation-ui';
2
- export const zeroDatePickerTemplate = () => foundationDatePickerTemplate;
1
+ import { getPrefixedDatePicker } from '@genesislcap/foundation-ui';
2
+ import { html } from '@microsoft/fast-element';
3
+ export const zeroDatePickerTemplate = html `
4
+ ${getPrefixedDatePicker('zero')}
5
+ `;
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.79.0",
4
+ "version": "14.79.2-alpha-ca658e8.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
62
62
  "storybook": "storybook dev -p 6006"
63
63
  },
64
64
  "devDependencies": {
65
- "@genesislcap/genx": "14.79.0",
65
+ "@genesislcap/genx": "14.79.2-alpha-ca658e8.0",
66
66
  "@storybook/addon-essentials": "^7.1.0",
67
67
  "@storybook/addon-links": "^7.1.0",
68
68
  "@storybook/addons": "^7.1.0",
@@ -75,9 +75,9 @@
75
75
  "storybook": "^7.1.0"
76
76
  },
77
77
  "dependencies": {
78
- "@genesislcap/foundation-comms": "14.79.0",
79
- "@genesislcap/foundation-ui": "14.79.0",
80
- "@genesislcap/foundation-utils": "14.79.0",
78
+ "@genesislcap/foundation-comms": "14.79.2-alpha-ca658e8.0",
79
+ "@genesislcap/foundation-ui": "14.79.2-alpha-ca658e8.0",
80
+ "@genesislcap/foundation-utils": "14.79.2-alpha-ca658e8.0",
81
81
  "@microsoft/fast-colors": "^5.1.4",
82
82
  "@microsoft/fast-components": "^2.21.3",
83
83
  "@microsoft/fast-element": "^1.7.0",
@@ -94,5 +94,5 @@
94
94
  "access": "public"
95
95
  },
96
96
  "customElements": "dist/custom-elements.json",
97
- "gitHead": "387b58371f312eade8910d403a6bcce506212bb7"
97
+ "gitHead": "661e12b401aacf5b3f1c11e50d4d22dbeda577d9"
98
98
  }