@genesislcap/foundation-ui 15.7.0 → 15.7.2
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.
|
@@ -1422,6 +1422,37 @@
|
|
|
1422
1422
|
}
|
|
1423
1423
|
]
|
|
1424
1424
|
},
|
|
1425
|
+
{
|
|
1426
|
+
"kind": "javascript-module",
|
|
1427
|
+
"path": "src/_config/index.ts",
|
|
1428
|
+
"declarations": [],
|
|
1429
|
+
"exports": [
|
|
1430
|
+
{
|
|
1431
|
+
"kind": "js",
|
|
1432
|
+
"name": "*",
|
|
1433
|
+
"declaration": {
|
|
1434
|
+
"name": "*",
|
|
1435
|
+
"package": "./styles"
|
|
1436
|
+
}
|
|
1437
|
+
},
|
|
1438
|
+
{
|
|
1439
|
+
"kind": "js",
|
|
1440
|
+
"name": "*",
|
|
1441
|
+
"declaration": {
|
|
1442
|
+
"name": "*",
|
|
1443
|
+
"package": "./tokens"
|
|
1444
|
+
}
|
|
1445
|
+
},
|
|
1446
|
+
{
|
|
1447
|
+
"kind": "js",
|
|
1448
|
+
"name": "*",
|
|
1449
|
+
"declaration": {
|
|
1450
|
+
"name": "*",
|
|
1451
|
+
"package": "./values"
|
|
1452
|
+
}
|
|
1453
|
+
}
|
|
1454
|
+
]
|
|
1455
|
+
},
|
|
1425
1456
|
{
|
|
1426
1457
|
"kind": "javascript-module",
|
|
1427
1458
|
"path": "src/accordion/accordion.styles.ts",
|
|
@@ -2331,37 +2362,6 @@
|
|
|
2331
2362
|
}
|
|
2332
2363
|
]
|
|
2333
2364
|
},
|
|
2334
|
-
{
|
|
2335
|
-
"kind": "javascript-module",
|
|
2336
|
-
"path": "src/_config/index.ts",
|
|
2337
|
-
"declarations": [],
|
|
2338
|
-
"exports": [
|
|
2339
|
-
{
|
|
2340
|
-
"kind": "js",
|
|
2341
|
-
"name": "*",
|
|
2342
|
-
"declaration": {
|
|
2343
|
-
"name": "*",
|
|
2344
|
-
"package": "./styles"
|
|
2345
|
-
}
|
|
2346
|
-
},
|
|
2347
|
-
{
|
|
2348
|
-
"kind": "js",
|
|
2349
|
-
"name": "*",
|
|
2350
|
-
"declaration": {
|
|
2351
|
-
"name": "*",
|
|
2352
|
-
"package": "./tokens"
|
|
2353
|
-
}
|
|
2354
|
-
},
|
|
2355
|
-
{
|
|
2356
|
-
"kind": "js",
|
|
2357
|
-
"name": "*",
|
|
2358
|
-
"declaration": {
|
|
2359
|
-
"name": "*",
|
|
2360
|
-
"package": "./values"
|
|
2361
|
-
}
|
|
2362
|
-
}
|
|
2363
|
-
]
|
|
2364
|
-
},
|
|
2365
2365
|
{
|
|
2366
2366
|
"kind": "javascript-module",
|
|
2367
2367
|
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
@@ -17024,7 +17024,7 @@
|
|
|
17024
17024
|
"type": {
|
|
17025
17025
|
"text": "ElementStyles"
|
|
17026
17026
|
},
|
|
17027
|
-
"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 :host([draggable])::part(top) {\n cursor: move;\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,
|
|
17027
|
+
"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 :host([draggable])::part(top) {\n cursor: move;\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 /* The inner element is position:fixed, so it is never CLIPPED — but an 'auto' default leaves it\n in the normal paint tree at its tree position, where any later-in-DOM sibling paints over it\n (e.g. a non-modal dialog inside one FlexLayout tile disappears under the tiles below).\n 1001 clears app headers (999) and FlexLayout's drag chrome (1000) while staying under Flyout\n (2000/2001). Modal is unaffected: showModal() puts it in the top layer, above all of this. */\n z-index: var(--dialog-z-index, 1001);\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`"
|
|
17028
17028
|
}
|
|
17029
17029
|
],
|
|
17030
17030
|
"exports": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,sBAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,sBAAsB,EAAE,aAsRpC,CAAC"}
|
|
@@ -61,7 +61,12 @@ export const foundationDialogStyles = css `
|
|
|
61
61
|
padding: calc(var(--design-unit) * 3px);
|
|
62
62
|
outline: none;
|
|
63
63
|
overflow: inherit;
|
|
64
|
-
|
|
64
|
+
/* The inner element is position:fixed, so it is never CLIPPED — but an 'auto' default leaves it
|
|
65
|
+
in the normal paint tree at its tree position, where any later-in-DOM sibling paints over it
|
|
66
|
+
(e.g. a non-modal dialog inside one FlexLayout tile disappears under the tiles below).
|
|
67
|
+
1001 clears app headers (999) and FlexLayout's drag chrome (1000) while staying under Flyout
|
|
68
|
+
(2000/2001). Modal is unaffected: showModal() puts it in the top layer, above all of this. */
|
|
69
|
+
z-index: var(--dialog-z-index, 1001);
|
|
65
70
|
}
|
|
66
71
|
|
|
67
72
|
:host([position='left']) dialog {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "15.7.
|
|
4
|
+
"version": "15.7.2",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -85,13 +85,13 @@
|
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
87
|
"devDependencies": {
|
|
88
|
-
"@genesislcap/foundation-testing": "15.7.
|
|
89
|
-
"@genesislcap/genx": "15.7.
|
|
90
|
-
"@genesislcap/rollup-builder": "15.7.
|
|
91
|
-
"@genesislcap/ts-builder": "15.7.
|
|
92
|
-
"@genesislcap/uvu-playwright-builder": "15.7.
|
|
93
|
-
"@genesislcap/vite-builder": "15.7.
|
|
94
|
-
"@genesislcap/webpack-builder": "15.7.
|
|
88
|
+
"@genesislcap/foundation-testing": "15.7.2",
|
|
89
|
+
"@genesislcap/genx": "15.7.2",
|
|
90
|
+
"@genesislcap/rollup-builder": "15.7.2",
|
|
91
|
+
"@genesislcap/ts-builder": "15.7.2",
|
|
92
|
+
"@genesislcap/uvu-playwright-builder": "15.7.2",
|
|
93
|
+
"@genesislcap/vite-builder": "15.7.2",
|
|
94
|
+
"@genesislcap/webpack-builder": "15.7.2",
|
|
95
95
|
"copyfiles": "^2.4.1"
|
|
96
96
|
},
|
|
97
97
|
"dependencies": {
|
|
@@ -100,16 +100,16 @@
|
|
|
100
100
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
101
101
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
102
102
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
103
|
-
"@genesislcap/expression-builder": "15.7.
|
|
104
|
-
"@genesislcap/foundation-ai": "15.7.
|
|
105
|
-
"@genesislcap/foundation-comms": "15.7.
|
|
106
|
-
"@genesislcap/foundation-criteria": "15.7.
|
|
107
|
-
"@genesislcap/foundation-errors": "15.7.
|
|
108
|
-
"@genesislcap/foundation-events": "15.7.
|
|
109
|
-
"@genesislcap/foundation-logger": "15.7.
|
|
110
|
-
"@genesislcap/foundation-notifications": "15.7.
|
|
111
|
-
"@genesislcap/foundation-user": "15.7.
|
|
112
|
-
"@genesislcap/foundation-utils": "15.7.
|
|
103
|
+
"@genesislcap/expression-builder": "15.7.2",
|
|
104
|
+
"@genesislcap/foundation-ai": "15.7.2",
|
|
105
|
+
"@genesislcap/foundation-comms": "15.7.2",
|
|
106
|
+
"@genesislcap/foundation-criteria": "15.7.2",
|
|
107
|
+
"@genesislcap/foundation-errors": "15.7.2",
|
|
108
|
+
"@genesislcap/foundation-events": "15.7.2",
|
|
109
|
+
"@genesislcap/foundation-logger": "15.7.2",
|
|
110
|
+
"@genesislcap/foundation-notifications": "15.7.2",
|
|
111
|
+
"@genesislcap/foundation-user": "15.7.2",
|
|
112
|
+
"@genesislcap/foundation-utils": "15.7.2",
|
|
113
113
|
"@microsoft/fast-colors": "5.3.1",
|
|
114
114
|
"@microsoft/fast-components": "2.30.6",
|
|
115
115
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"require": "./dist/react.cjs"
|
|
143
143
|
}
|
|
144
144
|
},
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "fff7bda0cf8c4ce2e9a7b5363d991fd63e4ecd3a"
|
|
146
146
|
}
|