@genesislcap/rapid-design-system 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.
Files changed (4) hide show
  1. package/dist/custom-elements.json +1 -1
  2. package/dist/dts/dialog/dialog.styles.d.ts.map +1 -1
  3. package/dist/esm/dialog/dialog.styles.js +19 -2
  4. package/package.json +11 -11
package/dist/custom-elements.json CHANGED
@@ -9313,7 +9313,7 @@
9313
9313
  {
9314
9314
  "kind": "variable",
9315
9315
  "name": "rapidDialogStyles",
9316
- "default": "css`\n ${foundationDialogStyles}\n :host {\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: var(--dialog-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`"
9316
+ "default": "css`\n ${foundationDialogStyles}\n :host {\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: var(--dialog-position, fixed);\n top: 0;\n bottom: 0;\n border-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));\n border: var(--card-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 slot[name='top']::slotted(*) {\n margin: 0;\n font-size: var(--type-ramp-base-font-size);\n color: var(--neutral-foreground-hint);\n font-weight: 700;\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\n .header-controls {\n rapid-button {\n --base-height-multiplier: 8;\n }\n\n rapid-button::part(control) {\n padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px);\n }\n }\n`"
9317
9317
  }
9318
9318
  ],
9319
9319
  "exports": [
package/dist/dts/dialog/dialog.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,iDA8E7B,CAAC"}
1
+ {"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,iDA+F7B,CAAC"}
package/dist/esm/dialog/dialog.styles.js CHANGED
@@ -15,8 +15,8 @@ export const rapidDialogStyles = css `
15
15
  position: var(--dialog-position, fixed);
16
16
  top: 0;
17
17
  bottom: 0;
18
- border-radius: calc(var(--control-corner-radius) * 1px);
19
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
18
+ border-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));
19
+ border: var(--card-border, calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest));
20
20
  text-align: left;
21
21
  line-height: normal;
22
22
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
@@ -47,6 +47,13 @@ export const rapidDialogStyles = css `
47
47
  margin-top: calc(var(--design-unit) * 4px - 1px);
48
48
  }
49
49
 
50
+ slot[name='top']::slotted(*) {
51
+ margin: 0;
52
+ font-size: var(--type-ramp-base-font-size);
53
+ color: var(--neutral-foreground-hint);
54
+ font-weight: 700;
55
+ }
56
+
50
57
  .content-wrapper {
51
58
  min-width: var(--dialog-min-width);
52
59
  min-height: var(--dialog-min-height);
@@ -79,4 +86,14 @@ export const rapidDialogStyles = css `
79
86
  .close-icon:active svg g path {
80
87
  fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);
81
88
  }
89
+
90
+ .header-controls {
91
+ rapid-button {
92
+ --base-height-multiplier: 8;
93
+ }
94
+
95
+ rapid-button::part(control) {
96
+ padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px);
97
+ }
98
+ }
82
99
  `;
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.361.2",
4
+ "version": "14.362.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -33,17 +33,17 @@
33
33
  },
34
34
  "devDependencies": {
35
35
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
36
- "@genesislcap/genx": "14.361.2",
37
- "@genesislcap/rollup-builder": "14.361.2",
38
- "@genesislcap/ts-builder": "14.361.2",
39
- "@genesislcap/uvu-playwright-builder": "14.361.2",
40
- "@genesislcap/vite-builder": "14.361.2",
41
- "@genesislcap/webpack-builder": "14.361.2"
36
+ "@genesislcap/genx": "14.362.0",
37
+ "@genesislcap/rollup-builder": "14.362.0",
38
+ "@genesislcap/ts-builder": "14.362.0",
39
+ "@genesislcap/uvu-playwright-builder": "14.362.0",
40
+ "@genesislcap/vite-builder": "14.362.0",
41
+ "@genesislcap/webpack-builder": "14.362.0"
42
42
  },
43
43
  "dependencies": {
44
- "@genesislcap/foundation-logger": "14.361.2",
45
- "@genesislcap/foundation-ui": "14.361.2",
46
- "@genesislcap/foundation-utils": "14.361.2",
44
+ "@genesislcap/foundation-logger": "14.362.0",
45
+ "@genesislcap/foundation-ui": "14.362.0",
46
+ "@genesislcap/foundation-utils": "14.362.0",
47
47
  "@microsoft/fast-colors": "5.3.1",
48
48
  "@microsoft/fast-components": "2.30.6",
49
49
  "@microsoft/fast-element": "1.14.0",
@@ -60,5 +60,5 @@
60
60
  "access": "public"
61
61
  },
62
62
  "customElements": "dist/custom-elements.json",
63
- "gitHead": "1b33b186428cc9867d70fe74ec5394a0bfcbf7d8"
63
+ "gitHead": "73759f473ed9627eb316311bc7bf840d974ab35f"
64
64
  }