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

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.
@@ -337,6 +337,17 @@ export declare const baseComponents: {
337
337
  foundationTreeItem: (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>>;
338
338
  foundationTreeView: (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>;
339
339
  foundationUrlInput: (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>;
340
+ foundationVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
341
+ baseName: string;
342
+ template: import("@microsoft/fast-element").ViewTemplate<import("./verification-code-input").VerificationCodeInput, any>;
343
+ styles: import("@microsoft/fast-element").ElementStyles;
344
+ shadowOptions: ShadowRootInit;
345
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
346
+ baseName: string;
347
+ template: import("@microsoft/fast-element").ViewTemplate<import("./verification-code-input").VerificationCodeInput, any>;
348
+ styles: import("@microsoft/fast-element").ElementStyles;
349
+ shadowOptions: ShadowRootInit;
350
+ }, typeof import("./verification-code-input").VerificationCodeInput>;
340
351
  foundationSectionNavigator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
341
352
  baseName: string;
342
353
  template: import("@microsoft/fast-element").ViewTemplate<import("./section-navigator").SectionNavigator, any>;
@@ -1 +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;AAuF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAuFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
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;AAwF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
@@ -101,4 +101,5 @@ export * from './utils/base-datasource';
101
101
  export * from './utils/editable-elements';
102
102
  export * from './utils/event-types';
103
103
  export { getPrefix as getDesignSystemPrefix } from './utils/dom';
104
+ export * from './verification-code-input';
104
105
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -99,6 +99,7 @@ import type { Toolbar as ToolbarWC } from './toolbar/toolbar';
99
99
  import type { Tooltip as TooltipWC } from './tooltip/tooltip';
100
100
  import type { TreeView as TreeViewWC } from './tree-view/tree-view';
101
101
  import type { UrlInput as UrlInputWC } from './url-input/url-input';
102
+ import type { VerificationCodeInput as VerificationCodeInputWC } from './verification-code-input/verification-code-input';
102
103
  import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
103
104
  import type { ClearOptions, DailyConfig, FileReadEventDetail, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MonthlyConfig, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, ValueChangeEventDetail, WeeklyConfig, YearlyConfig } from '@genesislcap/foundation-ui';
104
105
 
@@ -131,23 +132,23 @@ interface HTMLWCProps extends React.AriaAttributes {
131
132
  onInput?(e: Event): void;
132
133
  }
133
134
 
134
- export declare const Accordion: React.ForwardRefExoticComponent<
135
+ export declare const AccordionItem: React.ForwardRefExoticComponent<
135
136
  React.PropsWithChildren<
136
- Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
137
+ Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
137
138
  HTMLWCProps & {
138
139
  }
139
- > & React.RefAttributes<AccordionWC>
140
+ > & React.RefAttributes<AccordionItemWC>
140
141
  >;
141
- export type AccordionRef = AccordionWC;
142
+ export type AccordionItemRef = AccordionItemWC;
142
143
 
143
- export declare const AccordionItem: React.ForwardRefExoticComponent<
144
+ export declare const Accordion: React.ForwardRefExoticComponent<
144
145
  React.PropsWithChildren<
145
- Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
146
+ Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
146
147
  HTMLWCProps & {
147
148
  }
148
- > & React.RefAttributes<AccordionItemWC>
149
+ > & React.RefAttributes<AccordionWC>
149
150
  >;
150
- export type AccordionItemRef = AccordionItemWC;
151
+ export type AccordionRef = AccordionWC;
151
152
 
152
153
  export declare const ActionsMenu: React.ForwardRefExoticComponent<
153
154
  React.PropsWithChildren<
@@ -198,23 +199,23 @@ export declare const AnchoredRegion: React.ForwardRefExoticComponent<
198
199
  >;
199
200
  export type AnchoredRegionRef = AnchoredRegionWC;
200
201
 
201
- export declare const Badge: React.ForwardRefExoticComponent<
202
+ export declare const Avatar: React.ForwardRefExoticComponent<
202
203
  React.PropsWithChildren<
203
- Omit<PublicOf<BadgeWC>, 'children' | 'style'> &
204
+ Omit<PublicOf<AvatarWC>, 'children' | 'style'> &
204
205
  HTMLWCProps & {
205
206
  }
206
- > & React.RefAttributes<BadgeWC>
207
+ > & React.RefAttributes<AvatarWC>
207
208
  >;
208
- export type BadgeRef = BadgeWC;
209
+ export type AvatarRef = AvatarWC;
209
210
 
210
- export declare const Avatar: React.ForwardRefExoticComponent<
211
+ export declare const Badge: React.ForwardRefExoticComponent<
211
212
  React.PropsWithChildren<
212
- Omit<PublicOf<AvatarWC>, 'children' | 'style'> &
213
+ Omit<PublicOf<BadgeWC>, 'children' | 'style'> &
213
214
  HTMLWCProps & {
214
215
  }
215
- > & React.RefAttributes<AvatarWC>
216
+ > & React.RefAttributes<BadgeWC>
216
217
  >;
217
- export type AvatarRef = AvatarWC;
218
+ export type BadgeRef = BadgeWC;
218
219
 
219
220
  export declare const Banner: React.ForwardRefExoticComponent<
220
221
  React.PropsWithChildren<
@@ -1017,6 +1018,16 @@ export declare const UrlInput: React.ForwardRefExoticComponent<
1017
1018
  >;
1018
1019
  export type UrlInputRef = UrlInputWC;
1019
1020
 
1021
+ export declare const VerificationCodeInput: React.ForwardRefExoticComponent<
1022
+ React.PropsWithChildren<
1023
+ Omit<PublicOf<VerificationCodeInputWC>, 'children' | 'style'> &
1024
+ HTMLWCProps & {
1025
+ onComplete?: (event: CustomEvent<unknown>) => void;
1026
+ }
1027
+ > & React.RefAttributes<VerificationCodeInputWC>
1028
+ >;
1029
+ export type VerificationCodeInputRef = VerificationCodeInputWC;
1030
+
1020
1031
  export declare const DailyRecurrence: React.ForwardRefExoticComponent<
1021
1032
  React.PropsWithChildren<
1022
1033
  Omit<PublicOf<DailyRecurrenceWC>, 'children' | 'style'> &
@@ -0,0 +1,4 @@
1
+ export * from './verification-code-input';
2
+ export * from './verification-code-input.template';
3
+ export * from './verification-code-input.styles';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC"}
@@ -0,0 +1,145 @@
1
+ import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare const foundationVerificationCodeInputShadowOptions: ShadowRootInit;
3
+ export declare const defaultVerificationCodeInputConfig: {};
4
+ declare class _VerificationCodeInput extends FoundationElement {
5
+ }
6
+ interface _VerificationCodeInput extends FormAssociated {
7
+ }
8
+ declare const VerificationCodeInput_base: typeof _VerificationCodeInput;
9
+ /**
10
+ * Multi-digit verification code input for OTP / 2FA flows.
11
+ *
12
+ * Form-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate
13
+ * in native HTML form validation and submission like {@link TextField}.
14
+ *
15
+ * @public
16
+ * @tagname %%prefix%%-verification-code-input
17
+ *
18
+ * @fires change - Fired when any digit changes. Detail: `{ value: string }`.
19
+ * @fires complete - Fired when all digits are filled. Detail: `{ value: string }`.
20
+ */
21
+ export declare class VerificationCodeInput extends VerificationCodeInput_base {
22
+ /**
23
+ * Proxy element for form association when ElementInternals is unavailable.
24
+ * Initialized in the constructor (after `super()`) so it exists before attribute
25
+ * change handlers run — same pattern as FAST `FormAssociatedTextField`.
26
+ * @internal
27
+ */
28
+ proxy: HTMLInputElement;
29
+ /** Per-digit values indexed from `0` to `digits - 1`. */
30
+ values: string[];
31
+ /** Slotted label content; when empty the label is visually hidden. */
32
+ defaultSlottedNodes: any;
33
+ private readonly controlListeners;
34
+ /** Skip digit re-sync when `value` is updated from digit entry (`commitValues`). */
35
+ private syncingFromDigits;
36
+ constructor();
37
+ /**
38
+ * Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)
39
+ * and the associated label element.
40
+ */
41
+ id: string;
42
+ /**
43
+ * Visual treatment applied to each digit field.
44
+ * @public
45
+ * @remarks
46
+ * HTML Attribute: appearance
47
+ * @defaultValue outline
48
+ */
49
+ appearance: string;
50
+ /**
51
+ * Number of single-character digit fields to render.
52
+ * @public
53
+ * @remarks
54
+ * HTML Attribute: digits
55
+ * @defaultValue 6
56
+ */
57
+ digits: number;
58
+ /**
59
+ * When true, digit fields are non-interactive.
60
+ * @public
61
+ * @remarks
62
+ * HTML Attribute: readonly
63
+ */
64
+ readOnly: boolean;
65
+ /**
66
+ * When true, digit fields are non-interactive.
67
+ * @public
68
+ * @remarks
69
+ * HTML Attribute: disabled
70
+ */
71
+ disabled: boolean;
72
+ /**
73
+ * When true, focuses the first digit on connect (and after SPA route commit when hosted that way).
74
+ * @public
75
+ * @remarks
76
+ * HTML Attribute: autofocus
77
+ */
78
+ autofocus: boolean;
79
+ /**
80
+ * When true, applies the error visual state to each digit field.
81
+ * @public
82
+ * @remarks
83
+ * HTML Attribute: error
84
+ */
85
+ error: boolean;
86
+ get digitsIndexes(): number[];
87
+ get controlIdPrefix(): string;
88
+ get labelId(): string;
89
+ get hasLabel(): boolean;
90
+ getControlId(index: number): string;
91
+ /** Clears digits, emits `change`, and focuses the first field when connected. */
92
+ clear(): void;
93
+ focus(): void;
94
+ /** @internal */
95
+ valueChanged(previous: string, next: string): void;
96
+ /** @internal */
97
+ validate(anchor?: HTMLElement): void;
98
+ connectedCallback(): void;
99
+ disconnectedCallback(): void;
100
+ digitsChanged(): void;
101
+ get digitClassnames(): string;
102
+ private sanitizeCode;
103
+ private bindControlListeners;
104
+ private unbindControlListeners;
105
+ private onKeyDown;
106
+ private isBlockedCharacter;
107
+ private onInput;
108
+ private onPaste;
109
+ private handleBackspace;
110
+ private handleDelete;
111
+ private getIndexFromInput;
112
+ /** Maps a sanitized code string into per-digit `values` and syncs the DOM when connected. */
113
+ private syncDigitsFromValue;
114
+ private updateDigit;
115
+ private applyDigits;
116
+ /** Pushes digit state into the form-associated `value` and emits change / complete. */
117
+ private commitValues;
118
+ private syncFieldValues;
119
+ private syncFieldValue;
120
+ private focusDigit;
121
+ private get rootNode();
122
+ private getControlElement;
123
+ private isComplete;
124
+ private emitChange;
125
+ }
126
+ /**
127
+ * The Foundation Verification Code Input
128
+ *
129
+ * @public
130
+ * @remarks
131
+ * HTML Element: \<foundation-verification-code-input\>
132
+ */
133
+ export declare const foundationVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
134
+ baseName: string;
135
+ template: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
136
+ styles: import("@microsoft/fast-element").ElementStyles;
137
+ shadowOptions: ShadowRootInit;
138
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
139
+ baseName: string;
140
+ template: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
141
+ styles: import("@microsoft/fast-element").ElementStyles;
142
+ shadowOptions: ShadowRootInit;
143
+ }, typeof VerificationCodeInput>;
144
+ export {};
145
+ //# sourceMappingURL=verification-code-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"verification-code-input.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,eAAO,MAAM,4CAA4C,EAAE,cAG1D,CAAC;AAEF,eAAO,MAAM,kCAAkC,IAAK,CAAC;AAYrD,cAAM,sBAAuB,SAAQ,iBAAiB;CAAG;AACzD,UAAU,sBAAuB,SAAQ,cAAc;CAAG;;AAE1D;;;;;;;;;;;GAWG;AACH,qBAAa,qBAAsB,SAAQ,0BAAsC;IAC/E;;;;;OAKG;IACI,KAAK,EAAE,gBAAgB,CAAC;IAE/B,yDAAyD;IAC7C,MAAM,EAAE,MAAM,EAAE,CAAM;IAElC,sEAAsE;IAC1D,mBAAmB,MAAC;IAEhC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAsD;IAEvF,oFAAoF;IACpF,OAAO,CAAC,iBAAiB,CAAS;;IAOlC;;;OAGG;IACG,EAAE,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACG,UAAU,EAAE,MAAM,CAAa;IAErC;;;;;;OAMG;IACG,MAAM,EAAE,MAAM,CAAkB;IAEtC;;;;;OAKG;IAC+C,QAAQ,EAAE,OAAO,CAAS;IAE5E;;;;;OAKG;IACwB,QAAQ,EAAE,OAAO,CAAS;IAErD;;;;;OAKG;IACwB,SAAS,EAAE,OAAO,CAAS;IAEtD;;;;;OAKG;IACwB,KAAK,EAAE,OAAO,CAAS;IAElD,IAAW,aAAa,IAAI,MAAM,EAAE,CAEnC;IAED,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAEM,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI1C,iFAAiF;IAC1E,KAAK,IAAI,IAAI;IASb,KAAK,IAAI,IAAI;IAIpB,gBAAgB;IACT,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAezD,gBAAgB;IACT,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAyB3C,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAK5B,aAAa,IAAI,IAAI;IAgBrB,IAAW,eAAe,IAAI,MAAM,CAInC;IAED,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IA2B5B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,SAAS;IA8CjB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,OAAO;IA2Bf,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IAKzB,6FAA6F;IAC7F,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAkBnB,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,UAAU;IAOlB,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;CAGnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;gCAM1C,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { ElementStyles } from '@microsoft/fast-element';
2
+ export declare const foundationVerificationCodeInputStyles: ElementStyles;
3
+ //# sourceMappingURL=verification-code-input.styles.d.ts.map
@@ -0,0 +1 @@
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;AAG7D,eAAO,MAAM,qCAAqC,EAAE,aAwGnD,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { VerificationCodeInput } from './verification-code-input';
2
+ export declare const foundationVerificationCodeInputTemplate: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
3
+ //# sourceMappingURL=verification-code-input.template.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"verification-code-input.template.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,eAAO,MAAM,uCAAuC,4EAyDnD,CAAC"}
@@ -84,6 +84,7 @@ import { foundationTooltip } from './tooltip';
84
84
  import { foundationTreeItem } from './tree-item';
85
85
  import { foundationTreeView } from './tree-view';
86
86
  import { foundationUrlInput } from './url-input';
87
+ import { foundationVerificationCodeInput } from './verification-code-input';
87
88
  export const baseComponents = {
88
89
  foundationAccordion,
89
90
  foundationAiCriteriaSearch,
@@ -170,6 +171,7 @@ export const baseComponents = {
170
171
  foundationTreeItem,
171
172
  foundationTreeView,
172
173
  foundationUrlInput,
174
+ foundationVerificationCodeInput,
173
175
  foundationSectionNavigator,
174
176
  register(container, ...rest) {
175
177
  if (!container) {
package/dist/esm/index.js CHANGED
@@ -101,3 +101,4 @@ export * from './utils/base-datasource';
101
101
  export * from './utils/editable-elements';
102
102
  export * from './utils/event-types';
103
103
  export { getPrefix as getDesignSystemPrefix } from './utils/dom';
104
+ export * from './verification-code-input';
@@ -0,0 +1,3 @@
1
+ export * from './verification-code-input';
2
+ export * from './verification-code-input.template';
3
+ export * from './verification-code-input.styles';