@genesislcap/rapid-design-system 14.468.1-alpha-0e71a41.0 → 14.469.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.
@@ -10870,7 +10870,7 @@
10870
10870
  {
10871
10871
  "kind": "variable",
10872
10872
  "name": "rapidDialogStyles",
10873
- "default": "css`\n ${foundationDialogStyles}\n :host {\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 background-color: var(--dialog-background, var(--neutral-layer-1));\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`"
10873
+ "default": "css`\n ${foundationDialogStyles}\n :host {\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-corner-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 background-color: var(--dialog-background, var(--neutral-layer-1));\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`"
10874
10874
  }
10875
10875
  ],
10876
10876
  "exports": [
@@ -47,9 +47,9 @@ const rapidSecondaryStyles = css `
47
47
  `;
48
48
  const rapidNeutralStyles = css `
49
49
  :host([appearance='neutral']) {
50
- background: var(--neutral-fill-rest);
50
+ background: var(--neutral-button-fill, var(--neutral-fill-rest));
51
51
  border: 0;
52
- color: var(--neutral-foreground-rest);
52
+ color: var(--neutral-button-foreground, var(--neutral-foreground-rest));
53
53
  }
54
54
 
55
55
  :host([appearance='neutral']:hover) {
@@ -7,7 +7,7 @@ export const rapidCheckboxStyles = (context, definition) => css `
7
7
  }
8
8
 
9
9
  .checked-indicator {
10
- fill: var(--neutral-foreground-rest);
10
+ fill: contrast-color(var(--accent-fill-rest));
11
11
  box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;
12
12
  border-radius: calc(var(--control-corner-radius) * 1px);
13
13
  }
@@ -13,7 +13,7 @@ export const rapidDialogStyles = css `
13
13
  position: var(--dialog-position, fixed);
14
14
  top: 0;
15
15
  bottom: 0;
16
- border-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));
16
+ border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));
17
17
  border: var(--card-border, calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest));
18
18
  text-align: left;
19
19
  line-height: normal;
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.468.1-alpha-0e71a41.0",
4
+ "version": "14.469.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
38
- "@genesislcap/genx": "14.468.1-alpha-0e71a41.0",
39
- "@genesislcap/rollup-builder": "14.468.1-alpha-0e71a41.0",
40
- "@genesislcap/ts-builder": "14.468.1-alpha-0e71a41.0",
41
- "@genesislcap/uvu-playwright-builder": "14.468.1-alpha-0e71a41.0",
42
- "@genesislcap/vite-builder": "14.468.1-alpha-0e71a41.0",
43
- "@genesislcap/webpack-builder": "14.468.1-alpha-0e71a41.0"
38
+ "@genesislcap/genx": "14.469.0",
39
+ "@genesislcap/rollup-builder": "14.469.0",
40
+ "@genesislcap/ts-builder": "14.469.0",
41
+ "@genesislcap/uvu-playwright-builder": "14.469.0",
42
+ "@genesislcap/vite-builder": "14.469.0",
43
+ "@genesislcap/webpack-builder": "14.469.0"
44
44
  },
45
45
  "dependencies": {
46
- "@genesislcap/foundation-logger": "14.468.1-alpha-0e71a41.0",
47
- "@genesislcap/foundation-ui": "14.468.1-alpha-0e71a41.0",
48
- "@genesislcap/foundation-utils": "14.468.1-alpha-0e71a41.0",
46
+ "@genesislcap/foundation-logger": "14.469.0",
47
+ "@genesislcap/foundation-ui": "14.469.0",
48
+ "@genesislcap/foundation-utils": "14.469.0",
49
49
  "@microsoft/fast-colors": "5.3.1",
50
50
  "@microsoft/fast-components": "2.30.6",
51
51
  "@microsoft/fast-element": "1.14.0",
@@ -73,5 +73,5 @@
73
73
  "require": "./dist/react.cjs"
74
74
  }
75
75
  },
76
- "gitHead": "c6c6d65c3792af83208310d2d1969a08e7b8d73e"
76
+ "gitHead": "2b4460d5b9f20c36baddc55084e658bbcbd18c89"
77
77
  }