@genesislcap/rapid-design-system 15.1.0 → 15.2.0

package/dist/dts/base-components.d.ts

@@ -294,6 +294,17 @@ export declare const baseComponents: {
     rapidTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").TreeItemOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").TreeItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     rapidTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tree-view").TreeView>;
     rapidUrlInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./url-input").UrlInput>;
+    rapidVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").VerificationCodeInput, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").VerificationCodeInput, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }, typeof import("./verification-code-input").VerificationCodeInput>;
     register(container?: Container, ...rest: any[]): void;
 };
 //# sourceMappingURL=base-components.d.ts.map

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAuF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAuFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAwF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -86,4 +86,5 @@ export * from './tooltip';
 export * from './tree-item';
 export * from './tree-view';
 export * from './url-input';
+export * from './verification-code-input';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAC/C,eAAO,MAAM,yBAAyB,yDAAuD,CAAC;AAE9F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/dts/react.d.ts

@@ -86,8 +86,9 @@ import type { Tooltip as TooltipWC } from './tooltip/tooltip';
 import type { TreeItem as TreeItemWC } from './tree-item/tree-item';
 import type { TreeView as TreeViewWC } from './tree-view/tree-view';
 import type { UrlInput as UrlInputWC } from './url-input/url-input';
+import type { VerificationCodeInput as VerificationCodeInputWC } from './verification-code-input/verification-code-input';
 import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
-import type { ClearOptions, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail } from '@genesislcap/foundation-ui';
+import type { ClearOptions, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, VerificationCodeInputEventDetail } from '@genesislcap/foundation-ui';
 
 /** @internal Maps a web component class to its public props only.
  * keyof T skips private/protected members, so this avoids the TS error
@@ -905,6 +906,16 @@ export declare const UrlInput: React.ForwardRefExoticComponent<
 >;
 export type UrlInputRef = UrlInputWC;
 
+export declare const VerificationCodeInput: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<VerificationCodeInputWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onComplete?: (event: CustomEvent<VerificationCodeInputEventDetail>) => void;
+    }
+  > & React.RefAttributes<VerificationCodeInputWC>
+>;
+export type VerificationCodeInputRef = VerificationCodeInputWC;
+
 export declare const SystemHealthOverlay: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SystemHealthOverlayWC>, 'children' | 'style'> &

package/dist/dts/verification-code-input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './verification-code-input';
+export * from './verification-code-input.styles';
+export * from './verification-code-input.template';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/verification-code-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}

package/dist/dts/verification-code-input/verification-code-input.d.ts

@@ -0,0 +1,20 @@
+import { VerificationCodeInput as FoundationVerificationCodeInput } from '@genesislcap/foundation-ui';
+/**
+ * @tagname %%prefix%%-verification-code-input
+ */
+export declare class VerificationCodeInput extends FoundationVerificationCodeInput {
+}
+export declare const defaultVerificationCodeInputConfig: {};
+export declare const rapidVerificationCodeInputShadowOptions: ShadowRootInit;
+export declare const rapidVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<FoundationVerificationCodeInput, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<FoundationVerificationCodeInput, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}, typeof VerificationCodeInput>;
+//# sourceMappingURL=verification-code-input.d.ts.map

package/dist/dts/verification-code-input/verification-code-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code-input.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,IAAI,+BAA+B,EAGzD,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,+BAA+B;CAAG;AAE7E,eAAO,MAAM,kCAAkC,IAAwC,CAAC;AAExF,eAAO,MAAM,uCAAuC,gBAA+C,CAAC;AAEpG,eAAO,MAAM,0BAA0B;;;;;;;;;;gCAMrC,CAAC"}

package/dist/dts/verification-code-input/verification-code-input.styles.d.ts

@@ -0,0 +1,3 @@
+import { ElementStyles } from '@microsoft/fast-element';
+export declare const verificationCodeInputStyles: ElementStyles;
+//# sourceMappingURL=verification-code-input.styles.d.ts.map

package/dist/dts/verification-code-input/verification-code-input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code-input.styles.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,EAAE,aAgDzC,CAAC"}

package/dist/dts/verification-code-input/verification-code-input.template.d.ts

@@ -0,0 +1,2 @@
+export declare const verificationCodeInputTemplate: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").VerificationCodeInput, any>;
+//# sourceMappingURL=verification-code-input.template.d.ts.map

package/dist/dts/verification-code-input/verification-code-input.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code-input.template.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.template.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,6BAA6B,iHAA0C,CAAC"}

package/dist/esm/base-components.js

@@ -83,6 +83,7 @@ import { rapidTooltip } from './tooltip';
 import { rapidTreeItem } from './tree-item';
 import { rapidTreeView } from './tree-view';
 import { rapidUrlInput } from './url-input';
+import { rapidVerificationCodeInput } from './verification-code-input';
 export const baseComponents = {
     designSystemProvider,
     rapidAccordion,
@@ -170,6 +171,7 @@ export const baseComponents = {
     rapidTreeItem,
     rapidTreeView,
     rapidUrlInput,
+    rapidVerificationCodeInput,
     register(container, ...rest) {
         if (!container) {
             // preserve backward compatibility with code that loops through

package/dist/esm/index.js

@@ -86,3 +86,4 @@ export * from './tooltip';
 export * from './tree-item';
 export * from './tree-view';
 export * from './url-input';
+export * from './verification-code-input';

package/dist/esm/verification-code-input/index.js

@@ -0,0 +1,3 @@
+export * from './verification-code-input';
+export * from './verification-code-input.styles';
+export * from './verification-code-input.template';

package/dist/esm/verification-code-input/verification-code-input.js

@@ -0,0 +1,12 @@
+import { VerificationCodeInput as FoundationVerificationCodeInput, foundationVerificationCodeInputShadowOptions, defaultVerificationCodeInputConfig as foundationVerificationCodeInputConfig, } from '@genesislcap/foundation-ui';
+import { verificationCodeInputStyles as styles } from './verification-code-input.styles';
+import { verificationCodeInputTemplate as template } from './verification-code-input.template';
+/**
+ * @tagname %%prefix%%-verification-code-input
+ */
+export class VerificationCodeInput extends FoundationVerificationCodeInput {
+}
+export const defaultVerificationCodeInputConfig = foundationVerificationCodeInputConfig;
+export const rapidVerificationCodeInputShadowOptions = foundationVerificationCodeInputShadowOptions;
+export const rapidVerificationCodeInput = VerificationCodeInput.compose(Object.assign({ baseName: 'verification-code-input', template,
+    styles, shadowOptions: rapidVerificationCodeInputShadowOptions }, defaultVerificationCodeInputConfig));

package/dist/esm/verification-code-input/verification-code-input.styles.js

@@ -0,0 +1,51 @@
+import { foundationVerificationCodeInputStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const verificationCodeInputStyles = css `
+  ${foundationVerificationCodeInputStyles}
+
+  .digit .control {
+    height: 100%;
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    padding: 0 calc(var(--design-unit) * 2px);
+  }
+
+  .digit .control-field .control {
+    width: 100%;
+  }
+
+  .digit .root {
+    border-style: solid;
+    border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
+    border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
+    background-color: var(--neutral-fill-input-rest);
+    height: calc(
+      (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
+    );
+  }
+
+  .digit:hover:not(.disabled) .root {
+    border-style: solid;
+    border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
+    border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
+    background: var(--neutral-fill-input-hover);
+    box-shadow: none;
+  }
+
+  .digit:focus-within:not(.disabled) .root {
+    border-style: solid;
+    border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
+    border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
+    background-color: var(--neutral-fill-input-focus);
+    box-shadow: none;
+  }
+
+  .label {
+    color: var(--neutral-foreground-hint);
+    font-weight: 700;
+    margin: calc(var(--design-unit) * 2px) 0;
+  }
+
+  .label-hidden {
+    margin: 0;
+  }
+`;

package/dist/esm/verification-code-input/verification-code-input.template.js

@@ -0,0 +1,2 @@
+import { foundationVerificationCodeInputTemplate } from '@genesislcap/foundation-ui';
+export const verificationCodeInputTemplate = foundationVerificationCodeInputTemplate;

package/dist/react.cjs

@@ -88,6 +88,7 @@ const { Tooltip: TooltipWC } = require('./esm/tooltip/tooltip.js');
 const { TreeItem: TreeItemWC } = require('./esm/tree-item/tree-item.js');
 const { TreeView: TreeViewWC } = require('./esm/tree-view/tree-view.js');
 const { UrlInput: UrlInputWC } = require('./esm/url-input/url-input.js');
+const { VerificationCodeInput: VerificationCodeInputWC } = require('./esm/verification-code-input/verification-code-input.js');
 
 function _mergeRefs(...refs) {
   return (value) => {
@@ -975,6 +976,23 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
   return React.createElement(customElements.getName(UrlInputWC) ?? '%%prefix%%-url-input', { ...rest, ref }, children);
 });
 
+const VerificationCodeInput = React.forwardRef(function VerificationCodeInput(props, ref) {
+  const { onComplete, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onCompleteRef = React.useRef(onComplete);
+  _onCompleteRef.current = onComplete;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onCompleteFn = (e) => _onCompleteRef.current?.(e);
+    el.addEventListener('complete', _onCompleteFn);
+    return () => {
+      el.removeEventListener('complete', _onCompleteFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(VerificationCodeInputWC) ?? '%%prefix%%-verification-code-input', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SystemHealthOverlayWC) ?? '%%prefix%%-system-health-overlay', { ...rest, ref }, children);
@@ -1062,5 +1080,6 @@ module.exports = {
   TreeItem,
   TreeView,
   UrlInput,
+  VerificationCodeInput,
   SystemHealthOverlay,
 };

package/dist/react.mjs

@@ -86,6 +86,7 @@ import { Tooltip as TooltipWC } from './esm/tooltip/tooltip.js';
 import { TreeItem as TreeItemWC } from './esm/tree-item/tree-item.js';
 import { TreeView as TreeViewWC } from './esm/tree-view/tree-view.js';
 import { UrlInput as UrlInputWC } from './esm/url-input/url-input.js';
+import { VerificationCodeInput as VerificationCodeInputWC } from './esm/verification-code-input/verification-code-input.js';
 
 function _mergeRefs(...refs) {
   return (value) => {
@@ -973,6 +974,23 @@ export const UrlInput = React.forwardRef(function UrlInput(props, ref) {
   return React.createElement(customElements.getName(UrlInputWC) ?? '%%prefix%%-url-input', { ...rest, ref }, children);
 });
 
+export const VerificationCodeInput = React.forwardRef(function VerificationCodeInput(props, ref) {
+  const { onComplete, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onCompleteRef = React.useRef(onComplete);
+  _onCompleteRef.current = onComplete;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onCompleteFn = (e) => _onCompleteRef.current?.(e);
+    el.addEventListener('complete', _onCompleteFn);
+    return () => {
+      el.removeEventListener('complete', _onCompleteFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(VerificationCodeInputWC) ?? '%%prefix%%-verification-code-input', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 export const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SystemHealthOverlayWC) ?? '%%prefix%%-system-health-overlay', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "15.1.0",
+  "version": "15.2.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -38,13 +38,13 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/foundation-testing": "15.1.0",
-    "@genesislcap/genx": "15.1.0",
-    "@genesislcap/rollup-builder": "15.1.0",
-    "@genesislcap/ts-builder": "15.1.0",
-    "@genesislcap/uvu-playwright-builder": "15.1.0",
-    "@genesislcap/vite-builder": "15.1.0",
-    "@genesislcap/webpack-builder": "15.1.0",
+    "@genesislcap/foundation-testing": "15.2.0",
+    "@genesislcap/genx": "15.2.0",
+    "@genesislcap/rollup-builder": "15.2.0",
+    "@genesislcap/ts-builder": "15.2.0",
+    "@genesislcap/uvu-playwright-builder": "15.2.0",
+    "@genesislcap/vite-builder": "15.2.0",
+    "@genesislcap/webpack-builder": "15.2.0",
     "flexlayout-react": "^0.8.19"
   },
   "peerDependencies": {
@@ -56,9 +56,9 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "15.1.0",
-    "@genesislcap/foundation-ui": "15.1.0",
-    "@genesislcap/foundation-utils": "15.1.0",
+    "@genesislcap/foundation-logger": "15.2.0",
+    "@genesislcap/foundation-ui": "15.2.0",
+    "@genesislcap/foundation-utils": "15.2.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -86,5 +86,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "f841e54c9b682f3cf01448a9db79d67a66b88c84"
+  "gitHead": "c39af72807245ad2240adf75233c2769213d9aba"
 }