@genesislcap/foundation-ui 14.354.4-alpha-d3b7367.0 → 14.354.5
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 +191 -183
- package/dist/dts/dialog/dialog.styles.d.ts.map +1 -1
- package/dist/dts/dialog/dialog.types.d.ts +7 -1
- package/dist/dts/dialog/dialog.types.d.ts.map +1 -1
- package/dist/dts/dialog/index.d.ts +1 -0
- package/dist/dts/dialog/index.d.ts.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +6 -0
- package/dist/esm/dialog/index.js +1 -0
- package/package.json +18 -18
|
@@ -1688,188 +1688,6 @@
|
|
|
1688
1688
|
}
|
|
1689
1689
|
]
|
|
1690
1690
|
},
|
|
1691
|
-
{
|
|
1692
|
-
"kind": "javascript-module",
|
|
1693
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
1694
|
-
"declarations": [
|
|
1695
|
-
{
|
|
1696
|
-
"kind": "function",
|
|
1697
|
-
"name": "foundationAccordionStyles",
|
|
1698
|
-
"return": {
|
|
1699
|
-
"type": {
|
|
1700
|
-
"text": "ElementStyles"
|
|
1701
|
-
}
|
|
1702
|
-
},
|
|
1703
|
-
"parameters": [
|
|
1704
|
-
{
|
|
1705
|
-
"name": "context",
|
|
1706
|
-
"type": {
|
|
1707
|
-
"text": "ElementDefinitionContext"
|
|
1708
|
-
}
|
|
1709
|
-
},
|
|
1710
|
-
{
|
|
1711
|
-
"name": "definition",
|
|
1712
|
-
"type": {
|
|
1713
|
-
"text": "FoundationElementDefinition"
|
|
1714
|
-
}
|
|
1715
|
-
}
|
|
1716
|
-
]
|
|
1717
|
-
}
|
|
1718
|
-
],
|
|
1719
|
-
"exports": [
|
|
1720
|
-
{
|
|
1721
|
-
"kind": "js",
|
|
1722
|
-
"name": "foundationAccordionStyles",
|
|
1723
|
-
"declaration": {
|
|
1724
|
-
"name": "foundationAccordionStyles",
|
|
1725
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
1726
|
-
}
|
|
1727
|
-
}
|
|
1728
|
-
]
|
|
1729
|
-
},
|
|
1730
|
-
{
|
|
1731
|
-
"kind": "javascript-module",
|
|
1732
|
-
"path": "src/accordion/accordion.template.ts",
|
|
1733
|
-
"declarations": [
|
|
1734
|
-
{
|
|
1735
|
-
"kind": "function",
|
|
1736
|
-
"name": "foundationAccordionTemplate",
|
|
1737
|
-
"return": {
|
|
1738
|
-
"type": {
|
|
1739
|
-
"text": "ViewTemplate<Accordion>"
|
|
1740
|
-
}
|
|
1741
|
-
},
|
|
1742
|
-
"parameters": [
|
|
1743
|
-
{
|
|
1744
|
-
"name": "context",
|
|
1745
|
-
"type": {
|
|
1746
|
-
"text": "ElementDefinitionContext"
|
|
1747
|
-
}
|
|
1748
|
-
},
|
|
1749
|
-
{
|
|
1750
|
-
"name": "definition",
|
|
1751
|
-
"type": {
|
|
1752
|
-
"text": "FoundationElementDefinition"
|
|
1753
|
-
}
|
|
1754
|
-
}
|
|
1755
|
-
]
|
|
1756
|
-
}
|
|
1757
|
-
],
|
|
1758
|
-
"exports": [
|
|
1759
|
-
{
|
|
1760
|
-
"kind": "js",
|
|
1761
|
-
"name": "foundationAccordionTemplate",
|
|
1762
|
-
"declaration": {
|
|
1763
|
-
"name": "foundationAccordionTemplate",
|
|
1764
|
-
"module": "src/accordion/accordion.template.ts"
|
|
1765
|
-
}
|
|
1766
|
-
}
|
|
1767
|
-
]
|
|
1768
|
-
},
|
|
1769
|
-
{
|
|
1770
|
-
"kind": "javascript-module",
|
|
1771
|
-
"path": "src/accordion/accordion.ts",
|
|
1772
|
-
"declarations": [
|
|
1773
|
-
{
|
|
1774
|
-
"kind": "class",
|
|
1775
|
-
"description": "",
|
|
1776
|
-
"name": "Accordion",
|
|
1777
|
-
"superclass": {
|
|
1778
|
-
"name": "FASTAccordion",
|
|
1779
|
-
"package": "@microsoft/fast-foundation"
|
|
1780
|
-
},
|
|
1781
|
-
"tagName": "%%prefix%%-accordion",
|
|
1782
|
-
"customElement": true
|
|
1783
|
-
},
|
|
1784
|
-
{
|
|
1785
|
-
"kind": "variable",
|
|
1786
|
-
"name": "foundationAccordionShadowOptions",
|
|
1787
|
-
"type": {
|
|
1788
|
-
"text": "ShadowRootInit"
|
|
1789
|
-
},
|
|
1790
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
1791
|
-
},
|
|
1792
|
-
{
|
|
1793
|
-
"kind": "variable",
|
|
1794
|
-
"name": "defaultAccordionConfig",
|
|
1795
|
-
"type": {
|
|
1796
|
-
"text": "object"
|
|
1797
|
-
},
|
|
1798
|
-
"default": "{}"
|
|
1799
|
-
},
|
|
1800
|
-
{
|
|
1801
|
-
"kind": "variable",
|
|
1802
|
-
"name": "foundationAccordion",
|
|
1803
|
-
"description": "The Foundation Accordion",
|
|
1804
|
-
"privacy": "public"
|
|
1805
|
-
}
|
|
1806
|
-
],
|
|
1807
|
-
"exports": [
|
|
1808
|
-
{
|
|
1809
|
-
"kind": "js",
|
|
1810
|
-
"name": "Accordion",
|
|
1811
|
-
"declaration": {
|
|
1812
|
-
"name": "Accordion",
|
|
1813
|
-
"module": "src/accordion/accordion.ts"
|
|
1814
|
-
}
|
|
1815
|
-
},
|
|
1816
|
-
{
|
|
1817
|
-
"kind": "js",
|
|
1818
|
-
"name": "foundationAccordionShadowOptions",
|
|
1819
|
-
"declaration": {
|
|
1820
|
-
"name": "foundationAccordionShadowOptions",
|
|
1821
|
-
"module": "src/accordion/accordion.ts"
|
|
1822
|
-
}
|
|
1823
|
-
},
|
|
1824
|
-
{
|
|
1825
|
-
"kind": "js",
|
|
1826
|
-
"name": "defaultAccordionConfig",
|
|
1827
|
-
"declaration": {
|
|
1828
|
-
"name": "defaultAccordionConfig",
|
|
1829
|
-
"module": "src/accordion/accordion.ts"
|
|
1830
|
-
}
|
|
1831
|
-
},
|
|
1832
|
-
{
|
|
1833
|
-
"kind": "js",
|
|
1834
|
-
"name": "foundationAccordion",
|
|
1835
|
-
"declaration": {
|
|
1836
|
-
"name": "foundationAccordion",
|
|
1837
|
-
"module": "src/accordion/accordion.ts"
|
|
1838
|
-
}
|
|
1839
|
-
}
|
|
1840
|
-
]
|
|
1841
|
-
},
|
|
1842
|
-
{
|
|
1843
|
-
"kind": "javascript-module",
|
|
1844
|
-
"path": "src/accordion/index.ts",
|
|
1845
|
-
"declarations": [],
|
|
1846
|
-
"exports": [
|
|
1847
|
-
{
|
|
1848
|
-
"kind": "js",
|
|
1849
|
-
"name": "*",
|
|
1850
|
-
"declaration": {
|
|
1851
|
-
"name": "*",
|
|
1852
|
-
"package": "./accordion.template"
|
|
1853
|
-
}
|
|
1854
|
-
},
|
|
1855
|
-
{
|
|
1856
|
-
"kind": "js",
|
|
1857
|
-
"name": "*",
|
|
1858
|
-
"declaration": {
|
|
1859
|
-
"name": "*",
|
|
1860
|
-
"package": "./accordion.styles"
|
|
1861
|
-
}
|
|
1862
|
-
},
|
|
1863
|
-
{
|
|
1864
|
-
"kind": "js",
|
|
1865
|
-
"name": "*",
|
|
1866
|
-
"declaration": {
|
|
1867
|
-
"name": "*",
|
|
1868
|
-
"package": "./accordion"
|
|
1869
|
-
}
|
|
1870
|
-
}
|
|
1871
|
-
]
|
|
1872
|
-
},
|
|
1873
1691
|
{
|
|
1874
1692
|
"kind": "javascript-module",
|
|
1875
1693
|
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
@@ -2429,6 +2247,188 @@
|
|
|
2429
2247
|
}
|
|
2430
2248
|
]
|
|
2431
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
2432
|
{
|
|
2433
2433
|
"kind": "javascript-module",
|
|
2434
2434
|
"path": "src/anchor/anchor.styles.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='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='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='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) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 4px);\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`"
|
|
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) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 4px);\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": [
|
|
@@ -16186,6 +16186,14 @@
|
|
|
16186
16186
|
"package": "./dialog.styles"
|
|
16187
16187
|
}
|
|
16188
16188
|
},
|
|
16189
|
+
{
|
|
16190
|
+
"kind": "js",
|
|
16191
|
+
"name": "*",
|
|
16192
|
+
"declaration": {
|
|
16193
|
+
"name": "*",
|
|
16194
|
+
"package": "./dialog.types"
|
|
16195
|
+
}
|
|
16196
|
+
},
|
|
16189
16197
|
{
|
|
16190
16198
|
"kind": "js",
|
|
16191
16199
|
"name": "*",
|
|
@@ -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,aA8QpC,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* @public
|
|
3
|
+
*/
|
|
4
|
+
export type DialogType = 'default' | 'alert' | 'success' | 'error';
|
|
5
|
+
/**
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
2
8
|
export type DialogPosition = 'center' | 'left' | 'right';
|
|
3
9
|
//# sourceMappingURL=dialog.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC"}
|
|
@@ -7,12 +7,14 @@ export const foundationDialogStyles = css `
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
dialog[type='error'],
|
|
10
|
+
dialog[type='alert'],
|
|
10
11
|
dialog[type='success'] {
|
|
11
12
|
padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)
|
|
12
13
|
calc(var(--design-unit) * 2px) calc(var(--design-unit) * 6px);
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
dialog[type='error']::before,
|
|
17
|
+
dialog[type='alert']::before,
|
|
16
18
|
dialog[type='success']::before {
|
|
17
19
|
content: '';
|
|
18
20
|
position: absolute;
|
|
@@ -28,6 +30,10 @@ export const foundationDialogStyles = css `
|
|
|
28
30
|
background-color: var(--error-color);
|
|
29
31
|
}
|
|
30
32
|
|
|
33
|
+
dialog[type='alert']::before {
|
|
34
|
+
background-color: var(--warning-color);
|
|
35
|
+
}
|
|
36
|
+
|
|
31
37
|
dialog[type='success']::before {
|
|
32
38
|
background-color: var(--success-color);
|
|
33
39
|
}
|
package/dist/esm/dialog/index.js
CHANGED
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.354.
|
|
4
|
+
"version": "14.354.5",
|
|
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.354.
|
|
87
|
-
"@genesislcap/genx": "14.354.
|
|
88
|
-
"@genesislcap/rollup-builder": "14.354.
|
|
89
|
-
"@genesislcap/ts-builder": "14.354.
|
|
90
|
-
"@genesislcap/uvu-playwright-builder": "14.354.
|
|
91
|
-
"@genesislcap/vite-builder": "14.354.
|
|
92
|
-
"@genesislcap/webpack-builder": "14.354.
|
|
86
|
+
"@genesislcap/foundation-testing": "14.354.5",
|
|
87
|
+
"@genesislcap/genx": "14.354.5",
|
|
88
|
+
"@genesislcap/rollup-builder": "14.354.5",
|
|
89
|
+
"@genesislcap/ts-builder": "14.354.5",
|
|
90
|
+
"@genesislcap/uvu-playwright-builder": "14.354.5",
|
|
91
|
+
"@genesislcap/vite-builder": "14.354.5",
|
|
92
|
+
"@genesislcap/webpack-builder": "14.354.5",
|
|
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.354.
|
|
102
|
-
"@genesislcap/foundation-comms": "14.354.
|
|
103
|
-
"@genesislcap/foundation-criteria": "14.354.
|
|
104
|
-
"@genesislcap/foundation-errors": "14.354.
|
|
105
|
-
"@genesislcap/foundation-events": "14.354.
|
|
106
|
-
"@genesislcap/foundation-logger": "14.354.
|
|
107
|
-
"@genesislcap/foundation-notifications": "14.354.
|
|
108
|
-
"@genesislcap/foundation-user": "14.354.
|
|
109
|
-
"@genesislcap/foundation-utils": "14.354.
|
|
101
|
+
"@genesislcap/expression-builder": "14.354.5",
|
|
102
|
+
"@genesislcap/foundation-comms": "14.354.5",
|
|
103
|
+
"@genesislcap/foundation-criteria": "14.354.5",
|
|
104
|
+
"@genesislcap/foundation-errors": "14.354.5",
|
|
105
|
+
"@genesislcap/foundation-events": "14.354.5",
|
|
106
|
+
"@genesislcap/foundation-logger": "14.354.5",
|
|
107
|
+
"@genesislcap/foundation-notifications": "14.354.5",
|
|
108
|
+
"@genesislcap/foundation-user": "14.354.5",
|
|
109
|
+
"@genesislcap/foundation-utils": "14.354.5",
|
|
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": "4bb6cbe72fd31709d75f857fac011d24f9c68683"
|
|
132
132
|
}
|