@genesislcap/foundation-zero 14.490.0 → 14.491.0-FUI-2567.1

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

@@ -328,6 +328,17 @@ export declare const baseComponents: {
     zeroTreeItem: (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>>;
     zeroTreeView: (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>;
     zeroUrlInput: (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>;
+    zeroVerificationCodeInput: (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>;
     zeroSectionNavigator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./section-navigator").SectionNavigator>;
     register(container?: Container, ...rest: any[]): void;
 };

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":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAsF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAuF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAuFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -84,4 +84,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;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,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,aAAa,CAAC;AAC5B,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,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,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,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,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,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,kBAAkB,CAAC;AACjC,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":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,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,aAAa,CAAC;AAC5B,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,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,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,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,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,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,kBAAkB,CAAC;AACjC,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;AAC5B,cAAc,2BAA2B,CAAC"}

package/dist/dts/react.d.ts

@@ -90,6 +90,7 @@ 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';
 
@@ -122,23 +123,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<
@@ -972,4 +973,14 @@ 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<unknown>) => void;
+    }
+  > & React.RefAttributes<VerificationCodeInputWC>
+>;
+export type VerificationCodeInputRef = VerificationCodeInputWC;
+
 export {};

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 zeroVerificationCodeInputShadowOptions: ShadowRootInit;
+export declare const zeroVerificationCodeInput: (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,sCAAsC,gBAA+C,CAAC;AAEnG,eAAO,MAAM,yBAAyB;;;;;;;;;;gCAMpC,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;AAU7D,eAAO,MAAM,2BAA2B,EAAE,aAqDzC,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 { zeroTooltip } from './tooltip';
 import { zeroTreeItem } from './tree-item';
 import { zeroTreeView } from './tree-view';
 import { zeroUrlInput } from './url-input';
+import { zeroVerificationCodeInput } from './verification-code-input';
 export const baseComponents = {
     zeroAccordion,
     zeroAccordionItem,
@@ -168,6 +169,7 @@ export const baseComponents = {
     zeroTreeItem,
     zeroTreeView,
     zeroUrlInput,
+    zeroVerificationCodeInput,
     zeroSectionNavigator,
     register(container, ...rest) {
         if (!container) {

package/dist/esm/index.js

@@ -84,3 +84,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 zeroVerificationCodeInputShadowOptions = foundationVerificationCodeInputShadowOptions;
+export const zeroVerificationCodeInput = VerificationCodeInput.compose(Object.assign({ baseName: 'verification-code-input', template,
+    styles, shadowOptions: zeroVerificationCodeInputShadowOptions }, defaultVerificationCodeInputConfig));

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

@@ -0,0 +1,57 @@
+import { foundationVerificationCodeInputStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { PrimaryRapidColorHEX, defaultRapidActiveBGColor, defaultRapidBGColor, defaultRapidBorderUnfocusedColor, defaultRapidLabelColor, defaultRapidTextColor, } from '../_common';
+export const verificationCodeInputStyles = css `
+  ${foundationVerificationCodeInputStyles}
+
+  :host {
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  .digit .control {
+    height: 100%;
+    border-radius: calc(var(--control-corner-radius) * 1px);
+  }
+
+  .digit .root {
+    border: calc(var(--stroke-width) * 1px) solid ${defaultRapidBorderUnfocusedColor};
+    background-color: ${defaultRapidBGColor};
+  }
+
+  .digit:hover:not(.disabled) .root {
+    border-color: ${defaultRapidTextColor};
+    background: none;
+  }
+
+  .digit:focus-within:not(.disabled) .root {
+    background:
+      linear-gradient(
+          var(--primary-gradient-angle),
+          ${PrimaryRapidColorHEX.blue} 0%,
+          ${PrimaryRapidColorHEX.purple} 100%
+        )
+        top/100% 1px,
+      linear-gradient(
+          var(--primary-gradient-angle),
+          ${PrimaryRapidColorHEX.blue} 0%,
+          ${PrimaryRapidColorHEX.purple} 100%
+        )
+        bottom/100% 1px;
+    background-color: ${defaultRapidActiveBGColor};
+    background-origin: border-box;
+    background-repeat: no-repeat;
+    border: 1px solid transparent;
+    border-right-color: ${PrimaryRapidColorHEX.blue};
+    border-left-color: ${PrimaryRapidColorHEX.purple};
+    box-shadow: none;
+  }
+
+  .label {
+    color: ${defaultRapidLabelColor};
+    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

@@ -92,6 +92,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) => {
@@ -102,14 +103,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%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...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%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -1021,9 +1022,26 @@ 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);
+});
+
 module.exports = {
-  AccordionItem,
   Accordion,
+  AccordionItem,
   ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,
@@ -1110,4 +1128,5 @@ module.exports = {
   TreeItem,
   TreeView,
   UrlInput,
+  VerificationCodeInput,
 };

package/dist/react.mjs

@@ -90,6 +90,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) => {
@@ -100,14 +101,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%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...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%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -1018,3 +1019,20 @@ export const UrlInput = React.forwardRef(function UrlInput(props, ref) {
   const { children, ...rest } = props;
   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);
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.490.0",
+  "version": "14.491.0-FUI-2567.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -73,18 +73,18 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.490.0",
-    "@genesislcap/rollup-builder": "14.490.0",
-    "@genesislcap/ts-builder": "14.490.0",
-    "@genesislcap/uvu-playwright-builder": "14.490.0",
-    "@genesislcap/vite-builder": "14.490.0",
-    "@genesislcap/webpack-builder": "14.490.0"
+    "@genesislcap/genx": "14.491.0-FUI-2567.1",
+    "@genesislcap/rollup-builder": "14.491.0-FUI-2567.1",
+    "@genesislcap/ts-builder": "14.491.0-FUI-2567.1",
+    "@genesislcap/uvu-playwright-builder": "14.491.0-FUI-2567.1",
+    "@genesislcap/vite-builder": "14.491.0-FUI-2567.1",
+    "@genesislcap/webpack-builder": "14.491.0-FUI-2567.1"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.490.0",
-    "@genesislcap/foundation-logger": "14.490.0",
-    "@genesislcap/foundation-ui": "14.490.0",
-    "@genesislcap/foundation-utils": "14.490.0",
+    "@genesislcap/foundation-comms": "14.491.0-FUI-2567.1",
+    "@genesislcap/foundation-logger": "14.491.0-FUI-2567.1",
+    "@genesislcap/foundation-ui": "14.491.0-FUI-2567.1",
+    "@genesislcap/foundation-utils": "14.491.0-FUI-2567.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -111,5 +111,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "2c5e250d11742abd582e39a370b003ef8d04a5fb"
+  "gitHead": "35adb206a99accc5a788fd8f1e1161e16b19351e"
 }