@genesislcap/foundation-ui 15.7.1 → 15.7.2-GENC-1480.1
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.
|
@@ -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.1",
|
|
4
|
+
"version": "15.7.2-GENC-1480.1",
|
|
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.1",
|
|
89
|
-
"@genesislcap/genx": "15.7.1",
|
|
90
|
-
"@genesislcap/rollup-builder": "15.7.1",
|
|
91
|
-
"@genesislcap/ts-builder": "15.7.1",
|
|
92
|
-
"@genesislcap/uvu-playwright-builder": "15.7.1",
|
|
93
|
-
"@genesislcap/vite-builder": "15.7.1",
|
|
94
|
-
"@genesislcap/webpack-builder": "15.7.1",
|
|
88
|
+
"@genesislcap/foundation-testing": "15.7.2-GENC-1480.1",
|
|
89
|
+
"@genesislcap/genx": "15.7.2-GENC-1480.1",
|
|
90
|
+
"@genesislcap/rollup-builder": "15.7.2-GENC-1480.1",
|
|
91
|
+
"@genesislcap/ts-builder": "15.7.2-GENC-1480.1",
|
|
92
|
+
"@genesislcap/uvu-playwright-builder": "15.7.2-GENC-1480.1",
|
|
93
|
+
"@genesislcap/vite-builder": "15.7.2-GENC-1480.1",
|
|
94
|
+
"@genesislcap/webpack-builder": "15.7.2-GENC-1480.1",
|
|
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.1",
|
|
104
|
-
"@genesislcap/foundation-ai": "15.7.1",
|
|
105
|
-
"@genesislcap/foundation-comms": "15.7.1",
|
|
106
|
-
"@genesislcap/foundation-criteria": "15.7.1",
|
|
107
|
-
"@genesislcap/foundation-errors": "15.7.1",
|
|
108
|
-
"@genesislcap/foundation-events": "15.7.1",
|
|
109
|
-
"@genesislcap/foundation-logger": "15.7.1",
|
|
110
|
-
"@genesislcap/foundation-notifications": "15.7.1",
|
|
111
|
-
"@genesislcap/foundation-user": "15.7.1",
|
|
112
|
-
"@genesislcap/foundation-utils": "15.7.1",
|
|
103
|
+
"@genesislcap/expression-builder": "15.7.2-GENC-1480.1",
|
|
104
|
+
"@genesislcap/foundation-ai": "15.7.2-GENC-1480.1",
|
|
105
|
+
"@genesislcap/foundation-comms": "15.7.2-GENC-1480.1",
|
|
106
|
+
"@genesislcap/foundation-criteria": "15.7.2-GENC-1480.1",
|
|
107
|
+
"@genesislcap/foundation-errors": "15.7.2-GENC-1480.1",
|
|
108
|
+
"@genesislcap/foundation-events": "15.7.2-GENC-1480.1",
|
|
109
|
+
"@genesislcap/foundation-logger": "15.7.2-GENC-1480.1",
|
|
110
|
+
"@genesislcap/foundation-notifications": "15.7.2-GENC-1480.1",
|
|
111
|
+
"@genesislcap/foundation-user": "15.7.2-GENC-1480.1",
|
|
112
|
+
"@genesislcap/foundation-utils": "15.7.2-GENC-1480.1",
|
|
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": "8076322e67aa4818cda643f5a61e611eea715abb"
|
|
146
146
|
}
|