@genesislcap/rapid-design-system 14.460.0 → 14.461.0

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA+EF,CAAC"}
+{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgFF,CAAC"}

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,iDA2G7B,CAAC"}

package/dist/dts/number-field/number-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.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,sBAAsB,GACjC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAiGF,CAAC"}
+{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../src/number-field/number-field.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,sBAAsB,GACjC,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAqGF,CAAC"}

package/dist/dts/react.d.ts

@@ -115,23 +115,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
-export declare const Accordion: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type AccordionRef = AccordionWC;
+export type AccordionItemRef = AccordionItemWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -171,6 +171,15 @@ export declare const Anchor: React.ForwardRefExoticComponent<
 >;
 export type AnchorRef = AnchorWC;
 
+export declare const Avatar: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<AvatarWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<AvatarWC>
+>;
+export type AvatarRef = AvatarWC;
+
 export declare const AnchoredRegion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AnchoredRegionWC>, 'children' | 'style'> &
@@ -182,15 +191,6 @@ export declare const AnchoredRegion: React.ForwardRefExoticComponent<
 >;
 export type AnchoredRegionRef = AnchoredRegionWC;
 
-export declare const Avatar: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<AvatarWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<AvatarWC>
->;
-export type AvatarRef = AvatarWC;
-
 export declare const Badge: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<BadgeWC>, 'children' | 'style'> &

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/dts/text-field/text-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.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,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAuDF,CAAC"}
+{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.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,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA2DF,CAAC"}

package/dist/esm/combobox/combobox.styles.js

@@ -11,6 +11,7 @@ export const rapidComboboxStyles = (context, definition) => css `
     height: calc(
       (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
     );
+    min-width: 0;
   }
 
   :host(:focus-within:not([disabled])) {

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
@@ -39,7 +43,8 @@ export const multiselectStyles = css `
   #display-field {
     min-height: unset;
     padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);
-    font-family: var(--body-font);
+    font-family: var(--body-font), sans-serif;
+    font-size: var(--type-ramp-base-font-size);
     background-color: transparent;
   }
 

package/dist/esm/number-field/number-field.styles.js

@@ -96,5 +96,9 @@ export const rapidNumberFieldStyles = (context, definition) => css `
     outline: none;
   }
 
+  :host .control-field .control {
+    width: 100%;
+  }
+
   ${sharedFieldStyles}
 `;

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/dist/esm/text-field/text-field.styles.js

@@ -15,6 +15,10 @@ export const rapidTextFieldStyles = (context, definition) => css `
     padding: 0 calc(var(--design-unit) * 2px);
   }
 
+  :host .control-field .control {
+    width: 100%;
+  }
+
   :host .root {
     border-style: solid;
     border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);

package/dist/react.cjs

@@ -97,14 +97,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -144,6 +144,11 @@ const Anchor = React.forwardRef(function Anchor(props, ref) {
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
 });
 
+const Avatar = React.forwardRef(function Avatar(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AvatarWC) ?? '%%prefix%%-avatar', { ...rest, ref }, children);
+});
+
 const AnchoredRegion = React.forwardRef(function AnchoredRegion(props, ref) {
   const { onLoaded, onPositionchange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -166,11 +171,6 @@ const AnchoredRegion = React.forwardRef(function AnchoredRegion(props, ref) {
   return React.createElement(customElements.getName(AnchoredRegionWC) ?? '%%prefix%%-anchored-region', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const Avatar = React.forwardRef(function Avatar(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AvatarWC) ?? '%%prefix%%-avatar', { ...rest, ref }, children);
-});
-
 const Badge = React.forwardRef(function Badge(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(BadgeWC) ?? '%%prefix%%-badge', { ...rest, ref }, children);
@@ -922,14 +922,14 @@ const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props,
 });
 
 module.exports = {
-  AccordionItem,
   Accordion,
+  AccordionItem,
   ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,
   Anchor,
-  AnchoredRegion,
   Avatar,
+  AnchoredRegion,
   Badge,
   Banner,
   Breadcrumb,

package/dist/react.mjs

@@ -95,14 +95,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -142,6 +142,11 @@ export const Anchor = React.forwardRef(function Anchor(props, ref) {
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
 });
 
+export const Avatar = React.forwardRef(function Avatar(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AvatarWC) ?? '%%prefix%%-avatar', { ...rest, ref }, children);
+});
+
 export const AnchoredRegion = React.forwardRef(function AnchoredRegion(props, ref) {
   const { onLoaded, onPositionchange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -164,11 +169,6 @@ export const AnchoredRegion = React.forwardRef(function AnchoredRegion(props, re
   return React.createElement(customElements.getName(AnchoredRegionWC) ?? '%%prefix%%-anchored-region', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const Avatar = React.forwardRef(function Avatar(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AvatarWC) ?? '%%prefix%%-avatar', { ...rest, ref }, children);
-});
-
 export const Badge = React.forwardRef(function Badge(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(BadgeWC) ?? '%%prefix%%-badge', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.460.0",
+  "version": "14.461.0",
   "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.460.0",
-    "@genesislcap/rollup-builder": "14.460.0",
-    "@genesislcap/ts-builder": "14.460.0",
-    "@genesislcap/uvu-playwright-builder": "14.460.0",
-    "@genesislcap/vite-builder": "14.460.0",
-    "@genesislcap/webpack-builder": "14.460.0"
+    "@genesislcap/genx": "14.461.0",
+    "@genesislcap/rollup-builder": "14.461.0",
+    "@genesislcap/ts-builder": "14.461.0",
+    "@genesislcap/uvu-playwright-builder": "14.461.0",
+    "@genesislcap/vite-builder": "14.461.0",
+    "@genesislcap/webpack-builder": "14.461.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.460.0",
-    "@genesislcap/foundation-ui": "14.460.0",
-    "@genesislcap/foundation-utils": "14.460.0",
+    "@genesislcap/foundation-logger": "14.461.0",
+    "@genesislcap/foundation-ui": "14.461.0",
+    "@genesislcap/foundation-utils": "14.461.0",
     "@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": "12d48ef6ec786b6fc0ad12bccb3682d0792e508c"
+  "gitHead": "d87c27bf9e91f6f5d1cf51992e7892df9434c9be"
 }