@genesislcap/foundation-ui 14.361.2-tabs-z-index-fix.2 → 14.362.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.
- package/dist/custom-elements.json +188 -188
- package/dist/dts/date-picker/date-picker.styles.d.ts.map +1 -1
- package/dist/dts/dialog/dialog.styles.d.ts.map +1 -1
- package/dist/esm/date-picker/date-picker.styles.js +0 -1
- package/dist/esm/dialog/dialog.styles.js +1 -2
- package/dist/esm/dialog/dialog.template.js +1 -1
- package/package.json +18 -18
|
@@ -1265,158 +1265,7 @@
|
|
|
1265
1265
|
},
|
|
1266
1266
|
{
|
|
1267
1267
|
"kind": "javascript-module",
|
|
1268
|
-
"path": "src/
|
|
1269
|
-
"declarations": [
|
|
1270
|
-
{
|
|
1271
|
-
"kind": "function",
|
|
1272
|
-
"name": "foundationAccordionStyles",
|
|
1273
|
-
"return": {
|
|
1274
|
-
"type": {
|
|
1275
|
-
"text": "ElementStyles"
|
|
1276
|
-
}
|
|
1277
|
-
},
|
|
1278
|
-
"parameters": [
|
|
1279
|
-
{
|
|
1280
|
-
"name": "context",
|
|
1281
|
-
"type": {
|
|
1282
|
-
"text": "ElementDefinitionContext"
|
|
1283
|
-
}
|
|
1284
|
-
},
|
|
1285
|
-
{
|
|
1286
|
-
"name": "definition",
|
|
1287
|
-
"type": {
|
|
1288
|
-
"text": "FoundationElementDefinition"
|
|
1289
|
-
}
|
|
1290
|
-
}
|
|
1291
|
-
]
|
|
1292
|
-
}
|
|
1293
|
-
],
|
|
1294
|
-
"exports": [
|
|
1295
|
-
{
|
|
1296
|
-
"kind": "js",
|
|
1297
|
-
"name": "foundationAccordionStyles",
|
|
1298
|
-
"declaration": {
|
|
1299
|
-
"name": "foundationAccordionStyles",
|
|
1300
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
1301
|
-
}
|
|
1302
|
-
}
|
|
1303
|
-
]
|
|
1304
|
-
},
|
|
1305
|
-
{
|
|
1306
|
-
"kind": "javascript-module",
|
|
1307
|
-
"path": "src/accordion/accordion.template.ts",
|
|
1308
|
-
"declarations": [
|
|
1309
|
-
{
|
|
1310
|
-
"kind": "function",
|
|
1311
|
-
"name": "foundationAccordionTemplate",
|
|
1312
|
-
"return": {
|
|
1313
|
-
"type": {
|
|
1314
|
-
"text": "ViewTemplate<Accordion>"
|
|
1315
|
-
}
|
|
1316
|
-
},
|
|
1317
|
-
"parameters": [
|
|
1318
|
-
{
|
|
1319
|
-
"name": "context",
|
|
1320
|
-
"type": {
|
|
1321
|
-
"text": "ElementDefinitionContext"
|
|
1322
|
-
}
|
|
1323
|
-
},
|
|
1324
|
-
{
|
|
1325
|
-
"name": "definition",
|
|
1326
|
-
"type": {
|
|
1327
|
-
"text": "FoundationElementDefinition"
|
|
1328
|
-
}
|
|
1329
|
-
}
|
|
1330
|
-
]
|
|
1331
|
-
}
|
|
1332
|
-
],
|
|
1333
|
-
"exports": [
|
|
1334
|
-
{
|
|
1335
|
-
"kind": "js",
|
|
1336
|
-
"name": "foundationAccordionTemplate",
|
|
1337
|
-
"declaration": {
|
|
1338
|
-
"name": "foundationAccordionTemplate",
|
|
1339
|
-
"module": "src/accordion/accordion.template.ts"
|
|
1340
|
-
}
|
|
1341
|
-
}
|
|
1342
|
-
]
|
|
1343
|
-
},
|
|
1344
|
-
{
|
|
1345
|
-
"kind": "javascript-module",
|
|
1346
|
-
"path": "src/accordion/accordion.ts",
|
|
1347
|
-
"declarations": [
|
|
1348
|
-
{
|
|
1349
|
-
"kind": "class",
|
|
1350
|
-
"description": "",
|
|
1351
|
-
"name": "Accordion",
|
|
1352
|
-
"superclass": {
|
|
1353
|
-
"name": "FASTAccordion",
|
|
1354
|
-
"package": "@microsoft/fast-foundation"
|
|
1355
|
-
},
|
|
1356
|
-
"tagName": "%%prefix%%-accordion",
|
|
1357
|
-
"customElement": true
|
|
1358
|
-
},
|
|
1359
|
-
{
|
|
1360
|
-
"kind": "variable",
|
|
1361
|
-
"name": "foundationAccordionShadowOptions",
|
|
1362
|
-
"type": {
|
|
1363
|
-
"text": "ShadowRootInit"
|
|
1364
|
-
},
|
|
1365
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
1366
|
-
},
|
|
1367
|
-
{
|
|
1368
|
-
"kind": "variable",
|
|
1369
|
-
"name": "defaultAccordionConfig",
|
|
1370
|
-
"type": {
|
|
1371
|
-
"text": "object"
|
|
1372
|
-
},
|
|
1373
|
-
"default": "{}"
|
|
1374
|
-
},
|
|
1375
|
-
{
|
|
1376
|
-
"kind": "variable",
|
|
1377
|
-
"name": "foundationAccordion",
|
|
1378
|
-
"description": "The Foundation Accordion",
|
|
1379
|
-
"privacy": "public"
|
|
1380
|
-
}
|
|
1381
|
-
],
|
|
1382
|
-
"exports": [
|
|
1383
|
-
{
|
|
1384
|
-
"kind": "js",
|
|
1385
|
-
"name": "Accordion",
|
|
1386
|
-
"declaration": {
|
|
1387
|
-
"name": "Accordion",
|
|
1388
|
-
"module": "src/accordion/accordion.ts"
|
|
1389
|
-
}
|
|
1390
|
-
},
|
|
1391
|
-
{
|
|
1392
|
-
"kind": "js",
|
|
1393
|
-
"name": "foundationAccordionShadowOptions",
|
|
1394
|
-
"declaration": {
|
|
1395
|
-
"name": "foundationAccordionShadowOptions",
|
|
1396
|
-
"module": "src/accordion/accordion.ts"
|
|
1397
|
-
}
|
|
1398
|
-
},
|
|
1399
|
-
{
|
|
1400
|
-
"kind": "js",
|
|
1401
|
-
"name": "defaultAccordionConfig",
|
|
1402
|
-
"declaration": {
|
|
1403
|
-
"name": "defaultAccordionConfig",
|
|
1404
|
-
"module": "src/accordion/accordion.ts"
|
|
1405
|
-
}
|
|
1406
|
-
},
|
|
1407
|
-
{
|
|
1408
|
-
"kind": "js",
|
|
1409
|
-
"name": "foundationAccordion",
|
|
1410
|
-
"declaration": {
|
|
1411
|
-
"name": "foundationAccordion",
|
|
1412
|
-
"module": "src/accordion/accordion.ts"
|
|
1413
|
-
}
|
|
1414
|
-
}
|
|
1415
|
-
]
|
|
1416
|
-
},
|
|
1417
|
-
{
|
|
1418
|
-
"kind": "javascript-module",
|
|
1419
|
-
"path": "src/accordion/index.ts",
|
|
1268
|
+
"path": "src/_config/index.ts",
|
|
1420
1269
|
"declarations": [],
|
|
1421
1270
|
"exports": [
|
|
1422
1271
|
{
|
|
@@ -1424,7 +1273,7 @@
|
|
|
1424
1273
|
"name": "*",
|
|
1425
1274
|
"declaration": {
|
|
1426
1275
|
"name": "*",
|
|
1427
|
-
"package": "./
|
|
1276
|
+
"package": "./styles"
|
|
1428
1277
|
}
|
|
1429
1278
|
},
|
|
1430
1279
|
{
|
|
@@ -1432,7 +1281,7 @@
|
|
|
1432
1281
|
"name": "*",
|
|
1433
1282
|
"declaration": {
|
|
1434
1283
|
"name": "*",
|
|
1435
|
-
"package": "./
|
|
1284
|
+
"package": "./tokens"
|
|
1436
1285
|
}
|
|
1437
1286
|
},
|
|
1438
1287
|
{
|
|
@@ -1440,7 +1289,7 @@
|
|
|
1440
1289
|
"name": "*",
|
|
1441
1290
|
"declaration": {
|
|
1442
1291
|
"name": "*",
|
|
1443
|
-
"package": "./
|
|
1292
|
+
"package": "./values"
|
|
1444
1293
|
}
|
|
1445
1294
|
}
|
|
1446
1295
|
]
|
|
@@ -1839,37 +1688,6 @@
|
|
|
1839
1688
|
}
|
|
1840
1689
|
]
|
|
1841
1690
|
},
|
|
1842
|
-
{
|
|
1843
|
-
"kind": "javascript-module",
|
|
1844
|
-
"path": "src/_config/index.ts",
|
|
1845
|
-
"declarations": [],
|
|
1846
|
-
"exports": [
|
|
1847
|
-
{
|
|
1848
|
-
"kind": "js",
|
|
1849
|
-
"name": "*",
|
|
1850
|
-
"declaration": {
|
|
1851
|
-
"name": "*",
|
|
1852
|
-
"package": "./styles"
|
|
1853
|
-
}
|
|
1854
|
-
},
|
|
1855
|
-
{
|
|
1856
|
-
"kind": "js",
|
|
1857
|
-
"name": "*",
|
|
1858
|
-
"declaration": {
|
|
1859
|
-
"name": "*",
|
|
1860
|
-
"package": "./tokens"
|
|
1861
|
-
}
|
|
1862
|
-
},
|
|
1863
|
-
{
|
|
1864
|
-
"kind": "js",
|
|
1865
|
-
"name": "*",
|
|
1866
|
-
"declaration": {
|
|
1867
|
-
"name": "*",
|
|
1868
|
-
"package": "./values"
|
|
1869
|
-
}
|
|
1870
|
-
}
|
|
1871
|
-
]
|
|
1872
|
-
},
|
|
1873
1691
|
{
|
|
1874
1692
|
"kind": "javascript-module",
|
|
1875
1693
|
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
@@ -2949,6 +2767,188 @@
|
|
|
2949
2767
|
}
|
|
2950
2768
|
]
|
|
2951
2769
|
},
|
|
2770
|
+
{
|
|
2771
|
+
"kind": "javascript-module",
|
|
2772
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
2773
|
+
"declarations": [
|
|
2774
|
+
{
|
|
2775
|
+
"kind": "function",
|
|
2776
|
+
"name": "foundationAccordionStyles",
|
|
2777
|
+
"return": {
|
|
2778
|
+
"type": {
|
|
2779
|
+
"text": "ElementStyles"
|
|
2780
|
+
}
|
|
2781
|
+
},
|
|
2782
|
+
"parameters": [
|
|
2783
|
+
{
|
|
2784
|
+
"name": "context",
|
|
2785
|
+
"type": {
|
|
2786
|
+
"text": "ElementDefinitionContext"
|
|
2787
|
+
}
|
|
2788
|
+
},
|
|
2789
|
+
{
|
|
2790
|
+
"name": "definition",
|
|
2791
|
+
"type": {
|
|
2792
|
+
"text": "FoundationElementDefinition"
|
|
2793
|
+
}
|
|
2794
|
+
}
|
|
2795
|
+
]
|
|
2796
|
+
}
|
|
2797
|
+
],
|
|
2798
|
+
"exports": [
|
|
2799
|
+
{
|
|
2800
|
+
"kind": "js",
|
|
2801
|
+
"name": "foundationAccordionStyles",
|
|
2802
|
+
"declaration": {
|
|
2803
|
+
"name": "foundationAccordionStyles",
|
|
2804
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
2805
|
+
}
|
|
2806
|
+
}
|
|
2807
|
+
]
|
|
2808
|
+
},
|
|
2809
|
+
{
|
|
2810
|
+
"kind": "javascript-module",
|
|
2811
|
+
"path": "src/accordion/accordion.template.ts",
|
|
2812
|
+
"declarations": [
|
|
2813
|
+
{
|
|
2814
|
+
"kind": "function",
|
|
2815
|
+
"name": "foundationAccordionTemplate",
|
|
2816
|
+
"return": {
|
|
2817
|
+
"type": {
|
|
2818
|
+
"text": "ViewTemplate<Accordion>"
|
|
2819
|
+
}
|
|
2820
|
+
},
|
|
2821
|
+
"parameters": [
|
|
2822
|
+
{
|
|
2823
|
+
"name": "context",
|
|
2824
|
+
"type": {
|
|
2825
|
+
"text": "ElementDefinitionContext"
|
|
2826
|
+
}
|
|
2827
|
+
},
|
|
2828
|
+
{
|
|
2829
|
+
"name": "definition",
|
|
2830
|
+
"type": {
|
|
2831
|
+
"text": "FoundationElementDefinition"
|
|
2832
|
+
}
|
|
2833
|
+
}
|
|
2834
|
+
]
|
|
2835
|
+
}
|
|
2836
|
+
],
|
|
2837
|
+
"exports": [
|
|
2838
|
+
{
|
|
2839
|
+
"kind": "js",
|
|
2840
|
+
"name": "foundationAccordionTemplate",
|
|
2841
|
+
"declaration": {
|
|
2842
|
+
"name": "foundationAccordionTemplate",
|
|
2843
|
+
"module": "src/accordion/accordion.template.ts"
|
|
2844
|
+
}
|
|
2845
|
+
}
|
|
2846
|
+
]
|
|
2847
|
+
},
|
|
2848
|
+
{
|
|
2849
|
+
"kind": "javascript-module",
|
|
2850
|
+
"path": "src/accordion/accordion.ts",
|
|
2851
|
+
"declarations": [
|
|
2852
|
+
{
|
|
2853
|
+
"kind": "class",
|
|
2854
|
+
"description": "",
|
|
2855
|
+
"name": "Accordion",
|
|
2856
|
+
"superclass": {
|
|
2857
|
+
"name": "FASTAccordion",
|
|
2858
|
+
"package": "@microsoft/fast-foundation"
|
|
2859
|
+
},
|
|
2860
|
+
"tagName": "%%prefix%%-accordion",
|
|
2861
|
+
"customElement": true
|
|
2862
|
+
},
|
|
2863
|
+
{
|
|
2864
|
+
"kind": "variable",
|
|
2865
|
+
"name": "foundationAccordionShadowOptions",
|
|
2866
|
+
"type": {
|
|
2867
|
+
"text": "ShadowRootInit"
|
|
2868
|
+
},
|
|
2869
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2870
|
+
},
|
|
2871
|
+
{
|
|
2872
|
+
"kind": "variable",
|
|
2873
|
+
"name": "defaultAccordionConfig",
|
|
2874
|
+
"type": {
|
|
2875
|
+
"text": "object"
|
|
2876
|
+
},
|
|
2877
|
+
"default": "{}"
|
|
2878
|
+
},
|
|
2879
|
+
{
|
|
2880
|
+
"kind": "variable",
|
|
2881
|
+
"name": "foundationAccordion",
|
|
2882
|
+
"description": "The Foundation Accordion",
|
|
2883
|
+
"privacy": "public"
|
|
2884
|
+
}
|
|
2885
|
+
],
|
|
2886
|
+
"exports": [
|
|
2887
|
+
{
|
|
2888
|
+
"kind": "js",
|
|
2889
|
+
"name": "Accordion",
|
|
2890
|
+
"declaration": {
|
|
2891
|
+
"name": "Accordion",
|
|
2892
|
+
"module": "src/accordion/accordion.ts"
|
|
2893
|
+
}
|
|
2894
|
+
},
|
|
2895
|
+
{
|
|
2896
|
+
"kind": "js",
|
|
2897
|
+
"name": "foundationAccordionShadowOptions",
|
|
2898
|
+
"declaration": {
|
|
2899
|
+
"name": "foundationAccordionShadowOptions",
|
|
2900
|
+
"module": "src/accordion/accordion.ts"
|
|
2901
|
+
}
|
|
2902
|
+
},
|
|
2903
|
+
{
|
|
2904
|
+
"kind": "js",
|
|
2905
|
+
"name": "defaultAccordionConfig",
|
|
2906
|
+
"declaration": {
|
|
2907
|
+
"name": "defaultAccordionConfig",
|
|
2908
|
+
"module": "src/accordion/accordion.ts"
|
|
2909
|
+
}
|
|
2910
|
+
},
|
|
2911
|
+
{
|
|
2912
|
+
"kind": "js",
|
|
2913
|
+
"name": "foundationAccordion",
|
|
2914
|
+
"declaration": {
|
|
2915
|
+
"name": "foundationAccordion",
|
|
2916
|
+
"module": "src/accordion/accordion.ts"
|
|
2917
|
+
}
|
|
2918
|
+
}
|
|
2919
|
+
]
|
|
2920
|
+
},
|
|
2921
|
+
{
|
|
2922
|
+
"kind": "javascript-module",
|
|
2923
|
+
"path": "src/accordion/index.ts",
|
|
2924
|
+
"declarations": [],
|
|
2925
|
+
"exports": [
|
|
2926
|
+
{
|
|
2927
|
+
"kind": "js",
|
|
2928
|
+
"name": "*",
|
|
2929
|
+
"declaration": {
|
|
2930
|
+
"name": "*",
|
|
2931
|
+
"package": "./accordion.template"
|
|
2932
|
+
}
|
|
2933
|
+
},
|
|
2934
|
+
{
|
|
2935
|
+
"kind": "js",
|
|
2936
|
+
"name": "*",
|
|
2937
|
+
"declaration": {
|
|
2938
|
+
"name": "*",
|
|
2939
|
+
"package": "./accordion.styles"
|
|
2940
|
+
}
|
|
2941
|
+
},
|
|
2942
|
+
{
|
|
2943
|
+
"kind": "js",
|
|
2944
|
+
"name": "*",
|
|
2945
|
+
"declaration": {
|
|
2946
|
+
"name": "*",
|
|
2947
|
+
"package": "./accordion"
|
|
2948
|
+
}
|
|
2949
|
+
}
|
|
2950
|
+
]
|
|
2951
|
+
},
|
|
2952
2952
|
{
|
|
2953
2953
|
"kind": "javascript-module",
|
|
2954
2954
|
"path": "src/anchored-region/anchor-region.template.ts",
|
|
@@ -13267,7 +13267,7 @@
|
|
|
13267
13267
|
"type": {
|
|
13268
13268
|
"text": "ElementStyles"
|
|
13269
13269
|
},
|
|
13270
|
-
"default": "css`\n :host {\n position: relative;\n }\n\n .date-toggle::part(control) {\n cursor: pointer;\n }\n\n .date-toggle::part(label) {\n cursor: pointer;\n }\n\n .calendar-dropdown {\n display: none;\n width: 300px;\n z-index: 999;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%, 8px);\n margin: 10px 0 0;\n padding: 20px;\n background: var(--neutral-fill-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n }\n\n .calendar-dropdown.hide-weekends {\n width: 215px;\n }\n\n .calendar-dropdown.top {\n top: auto;\n bottom: 100%;\n margin: 0 0 5px;\n transform: translate(-50%, -8px);\n }\n\n .calendar-dropdown.left {\n top: 50%;\n left: 0;\n margin: 0 0 0 5px;\n transform: translate(calc(-8px + -100%), -50%);\n }\n\n .calendar-dropdown.right {\n top: 50%;\n left: 100%;\n transform: translate(8px, -50%);\n }\n\n .calendar-dropdown.visible {\n display: block;\n }\n\n .calendar-dropdown.inline {\n display: block;\n position: static;\n
|
|
13270
|
+
"default": "css`\n :host {\n position: relative;\n }\n\n .date-toggle::part(control) {\n cursor: pointer;\n }\n\n .date-toggle::part(label) {\n cursor: pointer;\n }\n\n .calendar-dropdown {\n display: none;\n width: 300px;\n z-index: 999;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%, 8px);\n margin: 10px 0 0;\n padding: 20px;\n background: var(--neutral-fill-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n }\n\n .calendar-dropdown.hide-weekends {\n width: 215px;\n }\n\n .calendar-dropdown.top {\n top: auto;\n bottom: 100%;\n margin: 0 0 5px;\n transform: translate(-50%, -8px);\n }\n\n .calendar-dropdown.left {\n top: 50%;\n left: 0;\n margin: 0 0 0 5px;\n transform: translate(calc(-8px + -100%), -50%);\n }\n\n .calendar-dropdown.right {\n top: 50%;\n left: 100%;\n transform: translate(8px, -50%);\n }\n\n .calendar-dropdown.visible {\n display: block;\n }\n\n .calendar-dropdown.inline {\n display: block;\n position: static;\n margin-top: 5px;\n transform: none;\n }\n\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 0 10px;\n }\n\n .header h3 {\n margin: 0;\n text-transform: capitalize;\n font-weight: bold;\n color: var(--neutral-foreground-rest);\n }\n\n .header .icon-button {\n height: auto;\n padding: 0;\n min-width: auto;\n }\n\n .header .months-arrows {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .week-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n margin-bottom: 10px;\n color: var(--neutral-foreground-rest);\n }\n\n .week-days span {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n text-transform: capitalize;\n }\n\n .week-days span.disabled {\n opacity: 60%;\n }\n\n .month-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n }\n\n .week-days.hide-weekends,\n .month-days.hide-weekends {\n grid-template-columns: repeat(5, 1fr);\n }\n\n .month-day {\n padding: 8px 5px;\n color: #808080;\n background: none;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: calc(var(--control-corner-radius) * 4px);\n cursor: pointer;\n border: none;\n }\n\n .month-day.current {\n opacity: 100%;\n color: var(--neutral-foreground-hint);\n }\n\n .month-day.selected {\n background: var(--accent-foreground-rest);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day:hover:not(:disabled) {\n background: var(--neutral-stroke-hover);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day[disabled] {\n opacity: 50%;\n cursor: not-allowed;\n }\n\n .date-toggle[readonly] .label {\n cursor: pointer;\n }\n`"
|
|
13271
13271
|
}
|
|
13272
13272
|
],
|
|
13273
13273
|
"exports": [
|
|
@@ -14588,7 +14588,7 @@
|
|
|
14588
14588
|
"type": {
|
|
14589
14589
|
"text": "ElementStyles"
|
|
14590
14590
|
},
|
|
14591
|
-
"default": "css`\n :host {\n --dialog-close-icon-display: flex;\n --dialog-min-width: 358px;\n --notification-details-min-height: 40px;\n }\n\n dialog[type='error'],\n dialog[type='alert'],\n dialog[type='success'] {\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 2px) calc(var(--design-unit) * 6px);\n }\n\n dialog[type='error']::before,\n dialog[type='alert']::before,\n dialog[type='success']::before {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--design-unit) * 3px - 2px);\n height: calc(100% - (var(--design-unit) * 4px));\n width: 4px;\n border-radius: 2px;\n }\n\n dialog[type='error']::before {\n background-color: var(--error-color);\n }\n\n dialog[type='alert']::before {\n background-color: var(--warning-color);\n }\n\n dialog[type='success']::before {\n background-color: var(--success-color);\n }\n\n .header-controls {\n display: flex;\n gap: calc(var(--design-unit) * 1px);\n align-items: center;\n }\n\n .close-icon {\n display: var(--dialog-close-icon-display);\n }\n\n .reset-size-icon {\n display: flex;\n }\n\n dialog {\n background-color: var(--dialog-background, var(--fill-color));\n padding: calc(var(--design-unit) *
|
|
14591
|
+
"default": "css`\n :host {\n --dialog-close-icon-display: flex;\n --dialog-min-width: 358px;\n --notification-details-min-height: 40px;\n }\n\n dialog[type='error'],\n dialog[type='alert'],\n dialog[type='success'] {\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 2px) calc(var(--design-unit) * 6px);\n }\n\n dialog[type='error']::before,\n dialog[type='alert']::before,\n dialog[type='success']::before {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--design-unit) * 3px - 2px);\n height: calc(100% - (var(--design-unit) * 4px));\n width: 4px;\n border-radius: 2px;\n }\n\n dialog[type='error']::before {\n background-color: var(--error-color);\n }\n\n dialog[type='alert']::before {\n background-color: var(--warning-color);\n }\n\n dialog[type='success']::before {\n background-color: var(--success-color);\n }\n\n .header-controls {\n display: flex;\n gap: calc(var(--design-unit) * 1px);\n align-items: center;\n }\n\n .close-icon {\n display: var(--dialog-close-icon-display);\n }\n\n .reset-size-icon {\n display: flex;\n }\n\n dialog {\n background-color: var(--dialog-background, var(--fill-color));\n padding: calc(var(--design-unit) * 3px);\n outline: none;\n overflow: inherit;\n z-index: var(--dialog-z-index, auto);\n }\n\n :host([position='left']) dialog {\n margin-left: 0;\n }\n\n :host([position='right']) dialog {\n margin-right: 0;\n }\n\n ::slotted(zero-divider) {\n width: 100%;\n }\n\n .top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .title {\n margin-top: calc(var(--design-unit) * 2px);\n font-size: 14px;\n }\n\n .details {\n font-size: 12px;\n overflow: hidden;\n min-height: var(--notification-details-min-height);\n white-space: pre-line;\n }\n\n .content-container {\n box-sizing: border-box;\n }\n\n :host([resizable]) dialog {\n position: relative;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n }\n\n :host([resizable]) dialog[open] {\n display: flex;\n flex-direction: column;\n }\n\n /* Override design system max-width constraints for resizable dialogs */\n :host([resizable]) dialog .content-wrapper {\n position: relative;\n height: 100%;\n width: 100%;\n max-height: 100%;\n min-width: 100%;\n max-width: 100%;\n resize: none;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n :host([resizable]) .content-container {\n flex: 1 1 auto;\n overflow: auto;\n min-height: 0;\n box-sizing: border-box;\n }\n\n :host([resizable]) .top,\n :host([resizable]) .bottom {\n flex: 0 0 auto;\n }\n\n :host([position='right']) dialog .content-wrapper,\n :host([position='left']) dialog .content-wrapper,\n :host([position='left']) dialog,\n :host([position='right']) dialog {\n height: 100%;\n }\n\n /* Resize handles */\n .resize-handle {\n position: absolute;\n z-index: 10;\n }\n\n /* Edge handles */\n .resize-handle-n,\n .resize-handle-s {\n left: 0;\n right: 0;\n height: 8px;\n cursor: ns-resize;\n }\n\n .resize-handle-n {\n top: 0;\n }\n\n .resize-handle-s {\n bottom: 0;\n }\n\n .resize-handle-e,\n .resize-handle-w {\n top: 0;\n bottom: 0;\n width: 8px;\n cursor: ew-resize;\n }\n\n .resize-handle-e {\n right: 0;\n }\n\n .resize-handle-w {\n left: 0;\n }\n\n /* Corner handles */\n .resize-handle-ne,\n .resize-handle-nw,\n .resize-handle-se,\n .resize-handle-sw {\n width: 16px;\n height: 16px;\n }\n\n .resize-handle-ne {\n top: 0;\n right: 0;\n cursor: nesw-resize;\n }\n\n .resize-handle-nw {\n top: 0;\n left: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-se {\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-sw {\n bottom: 0;\n left: 0;\n cursor: nesw-resize;\n }\n\n /* Visual indicator for corner handles */\n .resize-handle-se::after,\n .resize-handle-sw::after,\n .resize-handle-ne::after,\n .resize-handle-nw::after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-style: solid;\n border-color: var(--neutral-stroke-divider-rest);\n opacity: 50%;\n transition: opacity 0.2s;\n margin: 2px;\n }\n\n .resize-handle-se::after {\n bottom: 2px;\n right: 2px;\n border-width: 0 3px 3px 0;\n }\n\n .resize-handle-sw::after {\n bottom: 2px;\n left: 2px;\n border-width: 0 0 3px 3px;\n }\n\n .resize-handle-ne::after {\n top: 2px;\n right: 2px;\n border-width: 3px 3px 0 0;\n }\n\n .resize-handle-nw::after {\n top: 2px;\n left: 2px;\n border-width: 3px 0 0 3px;\n }\n\n /* Hover effect */\n .resize-handle:hover::after {\n opacity: 100%;\n }\n\n /* Resizing state */\n dialog.resizing {\n user-select: none;\n pointer-events: auto;\n }\n\n /* Fixed positioning support for resizable dialogs */\n dialog[style*='position: fixed'] {\n margin: 0;\n }\n`"
|
|
14592
14592
|
}
|
|
14593
14593
|
],
|
|
14594
14594
|
"exports": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,
|
|
1
|
+
{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,EAAE,aA2JxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,EAAE,aA6QpC,CAAC"}
|
|
@@ -54,8 +54,7 @@ export const foundationDialogStyles = css `
|
|
|
54
54
|
|
|
55
55
|
dialog {
|
|
56
56
|
background-color: var(--dialog-background, var(--fill-color));
|
|
57
|
-
padding: calc(var(--design-unit) *
|
|
58
|
-
calc(var(--design-unit) * 4px);
|
|
57
|
+
padding: calc(var(--design-unit) * 3px);
|
|
59
58
|
outline: none;
|
|
60
59
|
overflow: inherit;
|
|
61
60
|
z-index: var(--dialog-z-index, auto);
|
|
@@ -25,7 +25,7 @@ export const getDialogTemplate = (prefix) => html `
|
|
|
25
25
|
`)}
|
|
26
26
|
${when((x) => x.showCloseIcon, html `
|
|
27
27
|
<${prefix}-button class="close-icon" part="close-icon" aria-label="close" appearance="stealth" @click=${(x) => x.close()}>
|
|
28
|
-
<${prefix}-icon name="times"></${prefix}-icon>
|
|
28
|
+
<${prefix}-icon name="times" size="lg"></${prefix}-icon>
|
|
29
29
|
</${prefix}-button>
|
|
30
30
|
`)}
|
|
31
31
|
</div>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.362.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -83,13 +83,13 @@
|
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
|
-
"@genesislcap/foundation-testing": "14.
|
|
87
|
-
"@genesislcap/genx": "14.
|
|
88
|
-
"@genesislcap/rollup-builder": "14.
|
|
89
|
-
"@genesislcap/ts-builder": "14.
|
|
90
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
91
|
-
"@genesislcap/vite-builder": "14.
|
|
92
|
-
"@genesislcap/webpack-builder": "14.
|
|
86
|
+
"@genesislcap/foundation-testing": "14.362.0",
|
|
87
|
+
"@genesislcap/genx": "14.362.0",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.362.0",
|
|
89
|
+
"@genesislcap/ts-builder": "14.362.0",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.362.0",
|
|
91
|
+
"@genesislcap/vite-builder": "14.362.0",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.362.0",
|
|
93
93
|
"copyfiles": "^2.4.1"
|
|
94
94
|
},
|
|
95
95
|
"dependencies": {
|
|
@@ -98,15 +98,15 @@
|
|
|
98
98
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
99
99
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
100
100
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
101
|
-
"@genesislcap/expression-builder": "14.
|
|
102
|
-
"@genesislcap/foundation-comms": "14.
|
|
103
|
-
"@genesislcap/foundation-criteria": "14.
|
|
104
|
-
"@genesislcap/foundation-errors": "14.
|
|
105
|
-
"@genesislcap/foundation-events": "14.
|
|
106
|
-
"@genesislcap/foundation-logger": "14.
|
|
107
|
-
"@genesislcap/foundation-notifications": "14.
|
|
108
|
-
"@genesislcap/foundation-user": "14.
|
|
109
|
-
"@genesislcap/foundation-utils": "14.
|
|
101
|
+
"@genesislcap/expression-builder": "14.362.0",
|
|
102
|
+
"@genesislcap/foundation-comms": "14.362.0",
|
|
103
|
+
"@genesislcap/foundation-criteria": "14.362.0",
|
|
104
|
+
"@genesislcap/foundation-errors": "14.362.0",
|
|
105
|
+
"@genesislcap/foundation-events": "14.362.0",
|
|
106
|
+
"@genesislcap/foundation-logger": "14.362.0",
|
|
107
|
+
"@genesislcap/foundation-notifications": "14.362.0",
|
|
108
|
+
"@genesislcap/foundation-user": "14.362.0",
|
|
109
|
+
"@genesislcap/foundation-utils": "14.362.0",
|
|
110
110
|
"@microsoft/fast-colors": "5.3.1",
|
|
111
111
|
"@microsoft/fast-components": "2.30.6",
|
|
112
112
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -128,5 +128,5 @@
|
|
|
128
128
|
"access": "public"
|
|
129
129
|
},
|
|
130
130
|
"customElements": "dist/custom-elements.json",
|
|
131
|
-
"gitHead": "
|
|
131
|
+
"gitHead": "73759f473ed9627eb316311bc7bf840d974ab35f"
|
|
132
132
|
}
|