@genesislcap/rapid-design-system 14.175.0 → 14.176.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.
|
@@ -10084,7 +10084,7 @@
|
|
|
10084
10084
|
{
|
|
10085
10085
|
"kind": "variable",
|
|
10086
10086
|
"name": "rapidDialogStyles",
|
|
10087
|
-
"default": "css`\n ${foundationDialogStyles}\n :host {\n --color-error:
|
|
10087
|
+
"default": "css`\n ${foundationDialogStyles}\n :host {\n --color-error: var(--error-color);\n --color-success: var(--success-color);\n --dialog-background: ${neutralLayer2};\n\n font-family: var(--body-font);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n }\n\n dialog {\n position: fixed;\n top: 0;\n bottom: 0;\n border-radius: calc(var(--control-corner-radius) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n text-align: left;\n line-height: normal;\n box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n }\n\n .top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--neutral-foreground-rest);\n margin-bottom: calc(var(--design-unit) * 2px);\n font-weight: 500;\n }\n\n .bottom {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n color: var(--neutral-foreground-rest);\n gap: calc(var(--design-unit) * 2px);\n }\n\n :host slot:first-of-type {\n color: ${neutralForegroundRest};\n }\n\n ::slotted(rapid-button) {\n margin-top: calc(var(--design-unit) * 4px - 1px);\n }\n\n .content-wrapper {\n min-width: var(--dialog-min-width);\n min-height: var(--dialog-min-height);\n height: fit-content;\n width: fit-content;\n max-width: var(--dialog-max-width);\n max-height: var(--dialog-max-height);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n }\n\n .close-icon:hover svg {\n background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);\n }\n\n .close-icon svg g path {\n fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);\n }\n\n .close-icon:hover svg g path {\n fill: var(--neutral-foreground-rest);\n }\n\n .close-icon:active svg {\n background-color: var(--neutral-layer-4);\n }\n\n .close-icon:active svg g path {\n fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);\n }\n`"
|
|
10088
10088
|
}
|
|
10089
10089
|
],
|
|
10090
10090
|
"exports": [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,iDAgF7B,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { foundationDialogStyles } from '@genesislcap/foundation-ui';
|
|
2
2
|
import { neutralForegroundRest, neutralLayer2 } from '@microsoft/fast-components';
|
|
3
3
|
import { css } from '@microsoft/fast-element';
|
|
4
|
-
import { ColorHEX } from '../_common';
|
|
5
4
|
export const rapidDialogStyles = css `
|
|
6
5
|
${foundationDialogStyles}
|
|
7
6
|
:host {
|
|
8
|
-
--color-error:
|
|
9
|
-
--color-success:
|
|
7
|
+
--color-error: var(--error-color);
|
|
8
|
+
--color-success: var(--success-color);
|
|
10
9
|
--dialog-background: ${neutralLayer2};
|
|
11
10
|
|
|
12
11
|
font-family: var(--body-font);
|
|
@@ -39,6 +38,7 @@ export const rapidDialogStyles = css `
|
|
|
39
38
|
flex-wrap: wrap;
|
|
40
39
|
justify-content: flex-end;
|
|
41
40
|
color: var(--neutral-foreground-rest);
|
|
41
|
+
gap: calc(var(--design-unit) * 2px);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
:host slot:first-of-type {
|
|
@@ -46,7 +46,7 @@ export const rapidDialogStyles = css `
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
::slotted(rapid-button) {
|
|
49
|
-
margin: calc(var(--design-unit) * 4px - 1px)
|
|
49
|
+
margin-top: calc(var(--design-unit) * 4px - 1px);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.content-wrapper {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/rapid-design-system",
|
|
3
3
|
"description": "Rapid Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.176.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -29,12 +29,12 @@
|
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
|
|
32
|
-
"@genesislcap/genx": "14.
|
|
33
|
-
"@genesislcap/rollup-builder": "14.
|
|
34
|
-
"@genesislcap/ts-builder": "14.
|
|
35
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
36
|
-
"@genesislcap/vite-builder": "14.
|
|
37
|
-
"@genesislcap/webpack-builder": "14.
|
|
32
|
+
"@genesislcap/genx": "14.176.0",
|
|
33
|
+
"@genesislcap/rollup-builder": "14.176.0",
|
|
34
|
+
"@genesislcap/ts-builder": "14.176.0",
|
|
35
|
+
"@genesislcap/uvu-playwright-builder": "14.176.0",
|
|
36
|
+
"@genesislcap/vite-builder": "14.176.0",
|
|
37
|
+
"@genesislcap/webpack-builder": "14.176.0",
|
|
38
38
|
"@storybook/addon-coverage": "^1.0.1",
|
|
39
39
|
"@storybook/addon-essentials": "^8.0.0",
|
|
40
40
|
"@storybook/addon-links": "^8.0.0",
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
"storybook": "^8.0.0"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@genesislcap/foundation-logger": "14.
|
|
55
|
-
"@genesislcap/foundation-ui": "14.
|
|
54
|
+
"@genesislcap/foundation-logger": "14.176.0",
|
|
55
|
+
"@genesislcap/foundation-ui": "14.176.0",
|
|
56
56
|
"@microsoft/fast-colors": "^5.3.1",
|
|
57
57
|
"@microsoft/fast-components": "^2.30.6",
|
|
58
58
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"access": "public"
|
|
71
71
|
},
|
|
72
72
|
"customElements": "dist/custom-elements.json",
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "e8d311eaf27cd3d155813081ad70a18aa0a826fd"
|
|
74
74
|
}
|