@genesislcap/rapid-design-system 14.361.2-tabs-z-index-fix.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 (6) 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/dts/tabs/tabs.styles.d.ts.map +1 -1
  4. package/dist/esm/dialog/dialog.styles.js +19 -2
  5. package/dist/esm/tabs/tabs.styles.js +1 -0
  6. 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/dts/tabs/tabs.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAO,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAEnG,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA0FF,CAAC"}
1
+ {"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAO,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAEnG,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA2FF,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/dist/esm/tabs/tabs.styles.js CHANGED
@@ -50,6 +50,7 @@ export const rapidTabsStyles = (context, definition) => css `
50
50
  ::slotted([role='tab'][aria-selected='true']:not([appearance='secondary'])) {
51
51
  border: 1px solid var(--neutral-stroke-rest);
52
52
  border-bottom: 0;
53
+ z-index: 12;
53
54
  }
54
55
 
55
56
  ::slotted([role='tab'][aria-selected='true']) {
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-tabs-z-index-fix.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-tabs-z-index-fix.2",
37
- "@genesislcap/rollup-builder": "14.361.2-tabs-z-index-fix.2",
38
- "@genesislcap/ts-builder": "14.361.2-tabs-z-index-fix.2",
39
- "@genesislcap/uvu-playwright-builder": "14.361.2-tabs-z-index-fix.2",
40
- "@genesislcap/vite-builder": "14.361.2-tabs-z-index-fix.2",
41
- "@genesislcap/webpack-builder": "14.361.2-tabs-z-index-fix.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-tabs-z-index-fix.2",
45
- "@genesislcap/foundation-ui": "14.361.2-tabs-z-index-fix.2",
46
- "@genesislcap/foundation-utils": "14.361.2-tabs-z-index-fix.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": "11da8576cd77658bbf13c0af14e7edd1bff996da"
63
+ "gitHead": "73759f473ed9627eb316311bc7bf840d974ab35f"
64
64
  }