@genesislcap/rapid-design-system 14.451.2-FUI-2550.2 → 14.451.2-FUI-2550.5

package/dist/custom-elements.json

@@ -22217,7 +22217,7 @@
         {
           "kind": "variable",
           "name": "multiselectStyles",
-          "default": "css`\n  ${foundationMultiselectStyles}\n\n  .control {\n    height: calc(\n      (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n    );\n    min-height: 0;\n    outline: none;\n    border-style: solid;\n    border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n    border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n    background-color: var(--neutral-fill-input-rest);\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n    font-family: var(--body-font);\n    box-sizing: border-box;\n  }\n\n  :host(:focus-within:not([disabled])) .control {\n    outline: none;\n    border-style: solid;\n    border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n    border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n    background-color: var(--neutral-fill-input-focus);\n  }\n\n  .control:hover:not(:focus):not([disabled]) {\n    outline: none;\n    border-style: solid;\n    border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n    border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n    background: var(--neutral-fill-input-hover);\n  }\n\n  #display-field {\n    min-height: unset;\n    padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n    font-family: var(--body-font);\n    background-color: transparent;\n  }\n\n  #display-field:focus {\n    outline: none;\n    background: unset;\n  }\n\n  #display-field:hover:not(:focus):not([disabled]) {\n    outline: none;\n  }\n\n  .indicator {\n    width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    left: calc(\n      100% -\n        ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n        1px\n    );\n    background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  #arrow-icon {\n    width: calc(var(--design-unit) * 3.5px);\n    height: calc(var(--design-unit) * 3.5px);\n    fill: var(--neutral-foreground-rest);\n  }\n\n  .label {\n    color: var(--neutral-foreground-hint);\n  }\n\n  .options {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n    overflow-x: hidden;\n  }\n\n  rapid-checkbox {\n    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n    padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n      calc((var(--design-unit) + 1) * 1px);\n    margin: 0;\n  }\n\n  rapid-checkbox:hover:not([disabled]) {\n    background: var(--neutral-layer-4);\n  }\n\n  rapid-checkbox::part(label) {\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  rapid-checkbox[disabled] {\n    cursor: not-allowed;\n  }\n`"
+          "default": "css`\n  ${foundationMultiselectStyles}\n\n  .root {\n    min-width: 0;\n  }\n\n  .control {\n    height: calc(\n      (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n    );\n    min-height: 0;\n    outline: none;\n    border-style: solid;\n    border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);\n    border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));\n    background-color: var(--neutral-fill-input-rest);\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n    font-family: var(--body-font);\n    box-sizing: border-box;\n  }\n\n  :host(:focus-within:not([disabled])) .control {\n    outline: none;\n    border-style: solid;\n    border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);\n    border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));\n    background-color: var(--neutral-fill-input-focus);\n  }\n\n  .control:hover:not(:focus):not([disabled]) {\n    outline: none;\n    border-style: solid;\n    border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);\n    border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));\n    background: var(--neutral-fill-input-hover);\n  }\n\n  #display-field {\n    min-height: unset;\n    padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);\n    font-family: var(--body-font);\n    background-color: transparent;\n  }\n\n  #display-field:focus {\n    outline: none;\n    background: unset;\n  }\n\n  #display-field:hover:not(:focus):not([disabled]) {\n    outline: none;\n  }\n\n  .indicator {\n    width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    left: calc(\n      100% -\n        ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *\n        1px\n    );\n    background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  #arrow-icon {\n    width: calc(var(--design-unit) * 3.5px);\n    height: calc(var(--design-unit) * 3.5px);\n    fill: var(--neutral-foreground-rest);\n  }\n\n  .label {\n    color: var(--neutral-foreground-hint);\n  }\n\n  .options {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n    overflow-x: hidden;\n  }\n\n  rapid-checkbox {\n    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n    padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)\n      calc((var(--design-unit) + 1) * 1px);\n    margin: 0;\n  }\n\n  rapid-checkbox:hover:not([disabled]) {\n    background: var(--neutral-layer-4);\n  }\n\n  rapid-checkbox::part(label) {\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  rapid-checkbox[disabled] {\n    cursor: not-allowed;\n  }\n`"
         }
       ],
       "exports": [

package/dist/dts/listbox-option/listbox-option.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listbox-option.styles.d.ts","sourceRoot":"","sources":["../../../src/listbox-option/listbox-option.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,wBAAwB,GACnC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAiBF,CAAC"}
+{"version":3,"file":"listbox-option.styles.d.ts","sourceRoot":"","sources":["../../../src/listbox-option/listbox-option.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,wBAAwB,GACnC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAkBF,CAAC"}

package/dist/dts/multiselect/multiselect.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,iDAsG7B,CAAC"}
+{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,iDA0G7B,CAAC"}

package/dist/dts/segmented-control/segmented-control.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.styles.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,2BAA2B,GACtC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA4CF,CAAC"}
+{"version":3,"file":"segmented-control.styles.d.ts","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,2BAA2B,GACtC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA6CF,CAAC"}

package/dist/dts/segmented-item/segmented-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-item.styles.d.ts","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEzF,eAAO,MAAM,wBAAwB,GACnC,SAAS,wBAAwB,EACjC,YAAY,YAAY,KACvB,aAeF,CAAC"}
+{"version":3,"file":"segmented-item.styles.d.ts","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEzF,eAAO,MAAM,wBAAwB,GACnC,SAAS,wBAAwB,EACjC,YAAY,YAAY,KACvB,aAgBF,CAAC"}

package/dist/esm/listbox-option/listbox-option.styles.js

@@ -14,8 +14,9 @@ export const rapidListboxOptionStyles = (context, definition) => css `
   :host(.selected),
   :host(:not([disabled])[aria-selected='true']:active),
   :host(:not([disabled])[aria-selected='true']:hover) {
-    background: var(--neutral-layer-4);
+    background: var(--neutral-layer-2);
     color: var(--accent-fill-rest);
+    font-weight: 500;
   }
 `;
 // TODO: adjust margin on host

package/dist/esm/multiselect/multiselect.styles.js

@@ -3,6 +3,10 @@ import { css } from '@microsoft/fast-element';
 export const multiselectStyles = css `
   ${foundationMultiselectStyles}
 
+  .root {
+    min-width: 0;
+  }
+
   .control {
     height: calc(
       (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px

package/dist/esm/radio/radio.styles.js

@@ -3,7 +3,7 @@ import { css } from '@microsoft/fast-element';
 export const rapidRadioStyles = (context, definition) => css `
   ${foundationRadioStyles(context, definition)}
   :host {
-    margin: calc(var(--design-unit) * 2px) 0 calc(var(--design-unit) * 2px) 0;
+    margin: 0;
   }
 
   :host .control {

package/dist/esm/segmented-control/segmented-control.styles.js

@@ -4,6 +4,7 @@ export const rapidSegmentedControlStyles = (context, definition) => css `
   ${foundationSegmentedControlStyles(context, definition)}
   :host {
     font-family: var(--body-font);
+    margin: 0;
   }
 
   :host ::slotted(*) {

package/dist/esm/segmented-item/segmented-item.styles.js

@@ -10,6 +10,7 @@ export const rapidSegmentedItemStyles = (context, definition) => css `
     box-sizing: border-box;
     height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);
     padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);
+    margin: 0;
   }
 
   :host([aria-checked='true']) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.451.2-FUI-2550.2",
+  "version": "14.451.2-FUI-2550.5",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.451.2-FUI-2550.2",
-    "@genesislcap/rollup-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/ts-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/vite-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/webpack-builder": "14.451.2-FUI-2550.2"
+    "@genesislcap/genx": "14.451.2-FUI-2550.5",
+    "@genesislcap/rollup-builder": "14.451.2-FUI-2550.5",
+    "@genesislcap/ts-builder": "14.451.2-FUI-2550.5",
+    "@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.5",
+    "@genesislcap/vite-builder": "14.451.2-FUI-2550.5",
+    "@genesislcap/webpack-builder": "14.451.2-FUI-2550.5"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.451.2-FUI-2550.2",
-    "@genesislcap/foundation-ui": "14.451.2-FUI-2550.2",
-    "@genesislcap/foundation-utils": "14.451.2-FUI-2550.2",
+    "@genesislcap/foundation-logger": "14.451.2-FUI-2550.5",
+    "@genesislcap/foundation-ui": "14.451.2-FUI-2550.5",
+    "@genesislcap/foundation-utils": "14.451.2-FUI-2550.5",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -73,5 +73,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "b92c01a659248d27f0ea5a920e37c4dfb7b4259f"
+  "gitHead": "584095ad6c048a6a671b267427b04d9caad3fcff"
 }