@genesislcap/foundation-ui 14.361.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.
|
@@ -1263,6 +1263,37 @@
|
|
|
1263
1263
|
}
|
|
1264
1264
|
]
|
|
1265
1265
|
},
|
|
1266
|
+
{
|
|
1267
|
+
"kind": "javascript-module",
|
|
1268
|
+
"path": "src/_config/index.ts",
|
|
1269
|
+
"declarations": [],
|
|
1270
|
+
"exports": [
|
|
1271
|
+
{
|
|
1272
|
+
"kind": "js",
|
|
1273
|
+
"name": "*",
|
|
1274
|
+
"declaration": {
|
|
1275
|
+
"name": "*",
|
|
1276
|
+
"package": "./styles"
|
|
1277
|
+
}
|
|
1278
|
+
},
|
|
1279
|
+
{
|
|
1280
|
+
"kind": "js",
|
|
1281
|
+
"name": "*",
|
|
1282
|
+
"declaration": {
|
|
1283
|
+
"name": "*",
|
|
1284
|
+
"package": "./tokens"
|
|
1285
|
+
}
|
|
1286
|
+
},
|
|
1287
|
+
{
|
|
1288
|
+
"kind": "js",
|
|
1289
|
+
"name": "*",
|
|
1290
|
+
"declaration": {
|
|
1291
|
+
"name": "*",
|
|
1292
|
+
"package": "./values"
|
|
1293
|
+
}
|
|
1294
|
+
}
|
|
1295
|
+
]
|
|
1296
|
+
},
|
|
1266
1297
|
{
|
|
1267
1298
|
"kind": "javascript-module",
|
|
1268
1299
|
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
@@ -1657,37 +1688,6 @@
|
|
|
1657
1688
|
}
|
|
1658
1689
|
]
|
|
1659
1690
|
},
|
|
1660
|
-
{
|
|
1661
|
-
"kind": "javascript-module",
|
|
1662
|
-
"path": "src/_config/index.ts",
|
|
1663
|
-
"declarations": [],
|
|
1664
|
-
"exports": [
|
|
1665
|
-
{
|
|
1666
|
-
"kind": "js",
|
|
1667
|
-
"name": "*",
|
|
1668
|
-
"declaration": {
|
|
1669
|
-
"name": "*",
|
|
1670
|
-
"package": "./styles"
|
|
1671
|
-
}
|
|
1672
|
-
},
|
|
1673
|
-
{
|
|
1674
|
-
"kind": "js",
|
|
1675
|
-
"name": "*",
|
|
1676
|
-
"declaration": {
|
|
1677
|
-
"name": "*",
|
|
1678
|
-
"package": "./tokens"
|
|
1679
|
-
}
|
|
1680
|
-
},
|
|
1681
|
-
{
|
|
1682
|
-
"kind": "js",
|
|
1683
|
-
"name": "*",
|
|
1684
|
-
"declaration": {
|
|
1685
|
-
"name": "*",
|
|
1686
|
-
"package": "./values"
|
|
1687
|
-
}
|
|
1688
|
-
}
|
|
1689
|
-
]
|
|
1690
|
-
},
|
|
1691
1691
|
{
|
|
1692
1692
|
"kind": "javascript-module",
|
|
1693
1693
|
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
@@ -2247,188 +2247,6 @@
|
|
|
2247
2247
|
}
|
|
2248
2248
|
]
|
|
2249
2249
|
},
|
|
2250
|
-
{
|
|
2251
|
-
"kind": "javascript-module",
|
|
2252
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
2253
|
-
"declarations": [
|
|
2254
|
-
{
|
|
2255
|
-
"kind": "function",
|
|
2256
|
-
"name": "foundationAccordionStyles",
|
|
2257
|
-
"return": {
|
|
2258
|
-
"type": {
|
|
2259
|
-
"text": "ElementStyles"
|
|
2260
|
-
}
|
|
2261
|
-
},
|
|
2262
|
-
"parameters": [
|
|
2263
|
-
{
|
|
2264
|
-
"name": "context",
|
|
2265
|
-
"type": {
|
|
2266
|
-
"text": "ElementDefinitionContext"
|
|
2267
|
-
}
|
|
2268
|
-
},
|
|
2269
|
-
{
|
|
2270
|
-
"name": "definition",
|
|
2271
|
-
"type": {
|
|
2272
|
-
"text": "FoundationElementDefinition"
|
|
2273
|
-
}
|
|
2274
|
-
}
|
|
2275
|
-
]
|
|
2276
|
-
}
|
|
2277
|
-
],
|
|
2278
|
-
"exports": [
|
|
2279
|
-
{
|
|
2280
|
-
"kind": "js",
|
|
2281
|
-
"name": "foundationAccordionStyles",
|
|
2282
|
-
"declaration": {
|
|
2283
|
-
"name": "foundationAccordionStyles",
|
|
2284
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
2285
|
-
}
|
|
2286
|
-
}
|
|
2287
|
-
]
|
|
2288
|
-
},
|
|
2289
|
-
{
|
|
2290
|
-
"kind": "javascript-module",
|
|
2291
|
-
"path": "src/accordion/accordion.template.ts",
|
|
2292
|
-
"declarations": [
|
|
2293
|
-
{
|
|
2294
|
-
"kind": "function",
|
|
2295
|
-
"name": "foundationAccordionTemplate",
|
|
2296
|
-
"return": {
|
|
2297
|
-
"type": {
|
|
2298
|
-
"text": "ViewTemplate<Accordion>"
|
|
2299
|
-
}
|
|
2300
|
-
},
|
|
2301
|
-
"parameters": [
|
|
2302
|
-
{
|
|
2303
|
-
"name": "context",
|
|
2304
|
-
"type": {
|
|
2305
|
-
"text": "ElementDefinitionContext"
|
|
2306
|
-
}
|
|
2307
|
-
},
|
|
2308
|
-
{
|
|
2309
|
-
"name": "definition",
|
|
2310
|
-
"type": {
|
|
2311
|
-
"text": "FoundationElementDefinition"
|
|
2312
|
-
}
|
|
2313
|
-
}
|
|
2314
|
-
]
|
|
2315
|
-
}
|
|
2316
|
-
],
|
|
2317
|
-
"exports": [
|
|
2318
|
-
{
|
|
2319
|
-
"kind": "js",
|
|
2320
|
-
"name": "foundationAccordionTemplate",
|
|
2321
|
-
"declaration": {
|
|
2322
|
-
"name": "foundationAccordionTemplate",
|
|
2323
|
-
"module": "src/accordion/accordion.template.ts"
|
|
2324
|
-
}
|
|
2325
|
-
}
|
|
2326
|
-
]
|
|
2327
|
-
},
|
|
2328
|
-
{
|
|
2329
|
-
"kind": "javascript-module",
|
|
2330
|
-
"path": "src/accordion/accordion.ts",
|
|
2331
|
-
"declarations": [
|
|
2332
|
-
{
|
|
2333
|
-
"kind": "class",
|
|
2334
|
-
"description": "",
|
|
2335
|
-
"name": "Accordion",
|
|
2336
|
-
"superclass": {
|
|
2337
|
-
"name": "FASTAccordion",
|
|
2338
|
-
"package": "@microsoft/fast-foundation"
|
|
2339
|
-
},
|
|
2340
|
-
"tagName": "%%prefix%%-accordion",
|
|
2341
|
-
"customElement": true
|
|
2342
|
-
},
|
|
2343
|
-
{
|
|
2344
|
-
"kind": "variable",
|
|
2345
|
-
"name": "foundationAccordionShadowOptions",
|
|
2346
|
-
"type": {
|
|
2347
|
-
"text": "ShadowRootInit"
|
|
2348
|
-
},
|
|
2349
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
2350
|
-
},
|
|
2351
|
-
{
|
|
2352
|
-
"kind": "variable",
|
|
2353
|
-
"name": "defaultAccordionConfig",
|
|
2354
|
-
"type": {
|
|
2355
|
-
"text": "object"
|
|
2356
|
-
},
|
|
2357
|
-
"default": "{}"
|
|
2358
|
-
},
|
|
2359
|
-
{
|
|
2360
|
-
"kind": "variable",
|
|
2361
|
-
"name": "foundationAccordion",
|
|
2362
|
-
"description": "The Foundation Accordion",
|
|
2363
|
-
"privacy": "public"
|
|
2364
|
-
}
|
|
2365
|
-
],
|
|
2366
|
-
"exports": [
|
|
2367
|
-
{
|
|
2368
|
-
"kind": "js",
|
|
2369
|
-
"name": "Accordion",
|
|
2370
|
-
"declaration": {
|
|
2371
|
-
"name": "Accordion",
|
|
2372
|
-
"module": "src/accordion/accordion.ts"
|
|
2373
|
-
}
|
|
2374
|
-
},
|
|
2375
|
-
{
|
|
2376
|
-
"kind": "js",
|
|
2377
|
-
"name": "foundationAccordionShadowOptions",
|
|
2378
|
-
"declaration": {
|
|
2379
|
-
"name": "foundationAccordionShadowOptions",
|
|
2380
|
-
"module": "src/accordion/accordion.ts"
|
|
2381
|
-
}
|
|
2382
|
-
},
|
|
2383
|
-
{
|
|
2384
|
-
"kind": "js",
|
|
2385
|
-
"name": "defaultAccordionConfig",
|
|
2386
|
-
"declaration": {
|
|
2387
|
-
"name": "defaultAccordionConfig",
|
|
2388
|
-
"module": "src/accordion/accordion.ts"
|
|
2389
|
-
}
|
|
2390
|
-
},
|
|
2391
|
-
{
|
|
2392
|
-
"kind": "js",
|
|
2393
|
-
"name": "foundationAccordion",
|
|
2394
|
-
"declaration": {
|
|
2395
|
-
"name": "foundationAccordion",
|
|
2396
|
-
"module": "src/accordion/accordion.ts"
|
|
2397
|
-
}
|
|
2398
|
-
}
|
|
2399
|
-
]
|
|
2400
|
-
},
|
|
2401
|
-
{
|
|
2402
|
-
"kind": "javascript-module",
|
|
2403
|
-
"path": "src/accordion/index.ts",
|
|
2404
|
-
"declarations": [],
|
|
2405
|
-
"exports": [
|
|
2406
|
-
{
|
|
2407
|
-
"kind": "js",
|
|
2408
|
-
"name": "*",
|
|
2409
|
-
"declaration": {
|
|
2410
|
-
"name": "*",
|
|
2411
|
-
"package": "./accordion.template"
|
|
2412
|
-
}
|
|
2413
|
-
},
|
|
2414
|
-
{
|
|
2415
|
-
"kind": "js",
|
|
2416
|
-
"name": "*",
|
|
2417
|
-
"declaration": {
|
|
2418
|
-
"name": "*",
|
|
2419
|
-
"package": "./accordion.styles"
|
|
2420
|
-
}
|
|
2421
|
-
},
|
|
2422
|
-
{
|
|
2423
|
-
"kind": "js",
|
|
2424
|
-
"name": "*",
|
|
2425
|
-
"declaration": {
|
|
2426
|
-
"name": "*",
|
|
2427
|
-
"package": "./accordion"
|
|
2428
|
-
}
|
|
2429
|
-
}
|
|
2430
|
-
]
|
|
2431
|
-
},
|
|
2432
2250
|
{
|
|
2433
2251
|
"kind": "javascript-module",
|
|
2434
2252
|
"path": "src/anchor/anchor.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",
|
|
@@ -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":"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
|
}
|