@descope/flow-components 2.0.398 → 2.0.400

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +3 -0
  2. package/dist/index.d.ts +120 -103
  3. package/dist/index.esm.js +3 -1
  4. package/package.json +2 -2
package/dist/index.cjs.js CHANGED
@@ -488,6 +488,9 @@ HybridField.defaultProps = {
488
488
  size: 'md'
489
489
  };
490
490
 
491
+ const Alert = React__default.default.forwardRef(({ children, ...props }, ref) => (React__default.default.createElement("descope-alert", { ...props, ref: ref }, children)));
492
+
493
+ exports.Alert = Alert;
491
494
  exports.AppsList = AppsList;
492
495
  exports.Avatar = Avatar;
493
496
  exports.Badge = Badge;
package/dist/index.d.ts CHANGED
@@ -51,8 +51,8 @@ declare const Switch: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "r
51
51
  type BooleanType = {
52
52
  type: 'switch' | 'checkbox';
53
53
  };
54
- type Props$C = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
55
- declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$C, "ref"> & React.RefAttributes<HTMLInputElement>>;
54
+ type Props$D = React.ComponentProps<typeof Checkbox> & React.ComponentProps<typeof Switch> & BooleanType;
55
+ declare const Boolean: React.ForwardRefExoticComponent<Omit<Props$D, "ref"> & React.RefAttributes<HTMLInputElement>>;
56
56
 
57
57
  declare global {
58
58
  namespace JSX {
@@ -66,17 +66,17 @@ declare global {
66
66
  }
67
67
  declare const Button: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
68
68
 
69
- type Props$B = {
69
+ type Props$C = {
70
70
  digits?: number;
71
71
  };
72
72
  declare global {
73
73
  namespace JSX {
74
74
  interface IntrinsicElements {
75
- 'descope-passcode': DescopeInputProps & Props$B;
75
+ 'descope-passcode': DescopeInputProps & Props$C;
76
76
  }
77
77
  }
78
78
  }
79
- declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$B, "ref"> & React.RefAttributes<HTMLInputElement>>;
79
+ declare const Code: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$C, "ref"> & React.RefAttributes<HTMLInputElement>>;
80
80
 
81
81
  type Never<T extends Record<string, any>> = {
82
82
  [K in keyof T]: never;
@@ -92,7 +92,7 @@ type ContainerAlignment = {
92
92
  'vertical-alignment'?: FlexAlignment;
93
93
  'space-between'?: 'sm' | 'md' | 'lg';
94
94
  };
95
- type Props$A = {
95
+ type Props$B = {
96
96
  direction?: 'row' | 'column';
97
97
  shadow?: 'md' | 'lg' | 'xl' | '2xl';
98
98
  'border-radius'?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
@@ -109,9 +109,9 @@ declare global {
109
109
  }
110
110
  }
111
111
  }
112
- declare const Container: React.ForwardRefExoticComponent<(Props$A & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
112
+ declare const Container: React.ForwardRefExoticComponent<(Props$B & React.HTMLAttributes<HTMLDivElement>) & React.RefAttributes<HTMLDivElement>>;
113
113
 
114
- type Props$z = {
114
+ type Props$A = {
115
115
  vertical?: boolean;
116
116
  italic?: boolean;
117
117
  variant?: TypographyVariants;
@@ -121,15 +121,15 @@ type Props$z = {
121
121
  declare global {
122
122
  namespace JSX {
123
123
  interface IntrinsicElements {
124
- 'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$z, 'children'>;
124
+ 'descope-divider': React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & Omit<Props$A, 'children'>;
125
125
  }
126
126
  }
127
127
  }
128
- declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<any, "size"> & Props$z, "ref"> & React.RefAttributes<HTMLDivElement>>;
128
+ declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<any, "size"> & Props$A, "ref"> & React.RefAttributes<HTMLDivElement>>;
129
129
 
130
130
  declare const ReactComponent: (props: SVGProps<SVGSVGElement>) => JSX.Element;
131
131
 
132
- type Props$y = {
132
+ type Props$z = {
133
133
  width?: string;
134
134
  height?: string;
135
135
  alt?: string;
@@ -138,15 +138,15 @@ type Props$y = {
138
138
  declare global {
139
139
  namespace JSX {
140
140
  interface IntrinsicElements {
141
- 'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$y;
141
+ 'descope-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$z;
142
142
  }
143
143
  }
144
144
  }
145
- declare const Image: React.ForwardRefExoticComponent<Props$y & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
145
+ declare const Image: React.ForwardRefExoticComponent<Props$z & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
146
146
 
147
147
  declare const Input: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
148
148
 
149
- type Props$x = {
149
+ type Props$y = {
150
150
  href?: string | undefined;
151
151
  italic?: boolean;
152
152
  variant?: TypographyVariants;
@@ -158,18 +158,18 @@ type Props$x = {
158
158
  declare global {
159
159
  namespace JSX {
160
160
  interface IntrinsicElements {
161
- 'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$x, 'children'>;
161
+ 'descope-link': React.DetailedHTMLProps<React.HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & Omit<Props$y, 'children'>;
162
162
  }
163
163
  }
164
164
  }
165
- declare const Link: React.ForwardRefExoticComponent<Props$x & React.RefAttributes<HTMLAnchorElement>>;
165
+ declare const Link: React.ForwardRefExoticComponent<Props$y & React.RefAttributes<HTMLAnchorElement>>;
166
166
 
167
- type Props$w = {
167
+ type Props$x = {
168
168
  variant?: 'linear' | 'radial';
169
169
  size?: 'xs' | 'sm' | 'md' | 'lg';
170
170
  color?: Mode;
171
171
  };
172
- type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$w>;
172
+ type LoaderType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$x>;
173
173
  declare global {
174
174
  namespace JSX {
175
175
  interface IntrinsicElements {
@@ -178,22 +178,22 @@ declare global {
178
178
  }
179
179
  }
180
180
  }
181
- declare const Loader: React.ForwardRefExoticComponent<Props$w & React.RefAttributes<HTMLDivElement>>;
181
+ declare const Loader: React.ForwardRefExoticComponent<Props$x & React.RefAttributes<HTMLDivElement>>;
182
182
 
183
- type Props$v = {
183
+ type Props$w = {
184
184
  width?: string;
185
185
  height?: string;
186
186
  };
187
187
  declare global {
188
188
  namespace JSX {
189
189
  interface IntrinsicElements {
190
- 'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$v>;
190
+ 'descope-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$w>;
191
191
  }
192
192
  }
193
193
  }
194
- declare const Logo: React.ForwardRefExoticComponent<Props$v & React.RefAttributes<HTMLDivElement>>;
194
+ declare const Logo: React.ForwardRefExoticComponent<Props$w & React.RefAttributes<HTMLDivElement>>;
195
195
 
196
- type Props$u = {
196
+ type Props$v = {
197
197
  'password-label'?: string;
198
198
  'password-placeholder'?: string;
199
199
  'confirm-label'?: string;
@@ -219,11 +219,11 @@ type Props$u = {
219
219
  declare global {
220
220
  namespace JSX {
221
221
  interface IntrinsicElements {
222
- 'descope-new-password': DescopeInputProps & Props$u;
222
+ 'descope-new-password': DescopeInputProps & Props$v;
223
223
  }
224
224
  }
225
225
  }
226
- declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$u, "ref"> & React.RefAttributes<HTMLInputElement>>;
226
+ declare const NewPassword: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$v, "ref"> & React.RefAttributes<HTMLInputElement>>;
227
227
 
228
228
  declare global {
229
229
  namespace JSX {
@@ -243,16 +243,16 @@ declare global {
243
243
  }
244
244
  declare const Password: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
245
245
 
246
- type Props$t = {
246
+ type Props$u = {
247
247
  variant: 'countrySelection' | 'inputBox';
248
248
  'default-code'?: string;
249
249
  'phone-input-placeholder'?: string;
250
250
  'country-input-placeholder'?: string;
251
251
  'restrict-countries'?: string;
252
252
  } & DescopeInputProps;
253
- declare const Phone: React.ForwardRefExoticComponent<Omit<Props$t, "ref"> & React.RefAttributes<HTMLInputElement>>;
253
+ declare const Phone: React.ForwardRefExoticComponent<Omit<Props$u, "ref"> & React.RefAttributes<HTMLInputElement>>;
254
254
 
255
- type Props$s = {
255
+ type Props$t = {
256
256
  children?: JSX.Element[];
257
257
  data?: string | Record<string, string>[];
258
258
  };
@@ -265,9 +265,9 @@ declare global {
265
265
  }
266
266
  }
267
267
  }
268
- declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$s, "ref"> & React.RefAttributes<HTMLInputElement>>;
268
+ declare const Select: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & Props$t, "ref"> & React.RefAttributes<HTMLInputElement>>;
269
269
 
270
- type Props$r = {
270
+ type Props$s = {
271
271
  italic?: boolean;
272
272
  variant?: string;
273
273
  mode?: string;
@@ -279,14 +279,14 @@ type Props$r = {
279
279
  declare global {
280
280
  namespace JSX {
281
281
  interface IntrinsicElements {
282
- 'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$r;
283
- 'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$r & {
282
+ 'descope-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$s;
283
+ 'descope-enriched-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$s & {
284
284
  readonly?: boolean;
285
285
  };
286
286
  }
287
287
  }
288
288
  }
289
- declare const Text: React.ForwardRefExoticComponent<Omit<Props$r & {
289
+ declare const Text: React.ForwardRefExoticComponent<Omit<Props$s & {
290
290
  typography?: TypographyVariants;
291
291
  } & Omit<React.HTMLProps<HTMLSpanElement>, "mode">, "ref"> & React.RefAttributes<HTMLElement>>;
292
292
 
@@ -308,39 +308,39 @@ declare global {
308
308
  }
309
309
  declare const TextField: React.ForwardRefExoticComponent<Omit<DescopeInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
310
310
 
311
- type Props$q = {
311
+ type Props$r = {
312
312
  width?: string;
313
313
  height?: string;
314
314
  };
315
315
  declare global {
316
316
  namespace JSX {
317
317
  interface IntrinsicElements {
318
- 'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$q>;
318
+ 'descope-totp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$r>;
319
319
  }
320
320
  }
321
321
  }
322
- declare const TOTPImage: React.ForwardRefExoticComponent<Props$q & React.RefAttributes<HTMLDivElement>>;
322
+ declare const TOTPImage: React.ForwardRefExoticComponent<Props$r & React.RefAttributes<HTMLDivElement>>;
323
323
 
324
- type Props$p = Omit<React.ComponentProps<typeof Link>, 'href'>;
325
- declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$p, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
324
+ type Props$q = Omit<React.ComponentProps<typeof Link>, 'href'>;
325
+ declare const TOTPLink: React.ForwardRefExoticComponent<Omit<Props$q, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
326
326
 
327
- type Props$o = {
327
+ type Props$p = {
328
328
  width?: string;
329
329
  height?: string;
330
330
  };
331
331
  declare global {
332
332
  namespace JSX {
333
333
  interface IntrinsicElements {
334
- 'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$o>;
334
+ 'descope-notp-image': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$p>;
335
335
  }
336
336
  }
337
337
  }
338
- declare const NOTPImage: React.ForwardRefExoticComponent<Props$o & React.RefAttributes<HTMLDivElement>>;
338
+ declare const NOTPImage: React.ForwardRefExoticComponent<Props$p & React.RefAttributes<HTMLDivElement>>;
339
339
 
340
- type Props$n = Omit<React.ComponentProps<typeof Link>, 'href'>;
341
- declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$n, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
340
+ type Props$o = Omit<React.ComponentProps<typeof Link>, 'href'>;
341
+ declare const NOTPLink: React.ForwardRefExoticComponent<Omit<Props$o, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
342
342
 
343
- type Props$m = {
343
+ type Props$n = {
344
344
  title?: string;
345
345
  description?: string;
346
346
  icon?: string;
@@ -359,13 +359,13 @@ type Props$m = {
359
359
  declare global {
360
360
  namespace JSX {
361
361
  interface IntrinsicElements {
362
- 'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$m;
362
+ 'descope-upload-file': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$n;
363
363
  }
364
364
  }
365
365
  }
366
- declare const UploadFile: React.ForwardRefExoticComponent<Props$m & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
366
+ declare const UploadFile: React.ForwardRefExoticComponent<Props$n & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
367
367
 
368
- type Props$l = {
368
+ type Props$m = {
369
369
  enabled?: boolean;
370
370
  'site-key'?: string;
371
371
  enterprise?: boolean;
@@ -384,20 +384,20 @@ declare global {
384
384
  }
385
385
  namespace JSX {
386
386
  interface IntrinsicElements {
387
- 'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$l;
387
+ 'descope-recaptcha': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$m;
388
388
  }
389
389
  }
390
390
  }
391
- declare const Recaptcha: React.ForwardRefExoticComponent<Props$l & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
391
+ declare const Recaptcha: React.ForwardRefExoticComponent<Props$m & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
392
392
 
393
- type Props$k = DescopeInputProps & {
393
+ type Props$l = DescopeInputProps & {
394
394
  'default-value'?: string;
395
395
  'allow-deselect'?: boolean;
396
396
  };
397
397
  declare global {
398
398
  namespace JSX {
399
399
  interface IntrinsicElements {
400
- 'descope-button-selection-group': Props$k;
400
+ 'descope-button-selection-group': Props$l;
401
401
  'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
402
402
  value: string;
403
403
  children: string;
@@ -423,10 +423,10 @@ type SingleSelectType = {
423
423
  layout?: 'horizontal' | 'vertical';
424
424
  'label-type'?: LabelType;
425
425
  };
426
- type Props$j = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
427
- declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$j, "ref"> & React.RefAttributes<HTMLInputElement>>;
426
+ type Props$k = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
427
+ declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props$k, "ref"> & React.RefAttributes<HTMLInputElement>>;
428
428
 
429
- type Props$i = DescopeInputProps & {
429
+ type Props$j = DescopeInputProps & {
430
430
  'default-value'?: string;
431
431
  'item-label-path'?: string;
432
432
  'item-value-path'?: string;
@@ -434,7 +434,7 @@ type Props$i = DescopeInputProps & {
434
434
  declare global {
435
435
  namespace JSX {
436
436
  interface IntrinsicElements {
437
- 'descope-combobox': Props$i;
437
+ 'descope-combobox': Props$j;
438
438
  }
439
439
  }
440
440
  }
@@ -456,7 +456,7 @@ type Column = {
456
456
  resizable: boolean;
457
457
  };
458
458
  };
459
- type Props$h = {
459
+ type Props$i = {
460
460
  identifier: any;
461
461
  children?: JSX.Element[];
462
462
  size?: Omit<ComponentSize, 'xl'>;
@@ -472,7 +472,7 @@ declare global {
472
472
  }
473
473
  }
474
474
  }
475
- declare const Grid: React.ForwardRefExoticComponent<Props$h & React.RefAttributes<HTMLInputElement>>;
475
+ declare const Grid: React.ForwardRefExoticComponent<Props$i & React.RefAttributes<HTMLInputElement>>;
476
476
 
477
477
  type ColumnProps = {
478
478
  sortable?: boolean;
@@ -521,7 +521,7 @@ declare global {
521
521
  }
522
522
  declare const GridItemDetailsColumn: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLInputElement>>;
523
523
 
524
- type Props$g = {
524
+ type Props$h = {
525
525
  mode?: string;
526
526
  size?: string;
527
527
  bordered?: boolean;
@@ -530,11 +530,11 @@ type Props$g = {
530
530
  declare global {
531
531
  namespace JSX {
532
532
  interface IntrinsicElements {
533
- 'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$g;
533
+ 'descope-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$h;
534
534
  }
535
535
  }
536
536
  }
537
- declare const Badge: React.ForwardRefExoticComponent<Props$g & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
537
+ declare const Badge: React.ForwardRefExoticComponent<Props$h & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
538
538
 
539
539
  declare global {
540
540
  namespace JSX {
@@ -543,12 +543,12 @@ declare global {
543
543
  }
544
544
  }
545
545
  }
546
- type Props$f = {
546
+ type Props$g = {
547
547
  opened?: boolean;
548
548
  };
549
- declare const Modal: React.ForwardRefExoticComponent<Props$f & React.RefAttributes<HTMLDivElement>>;
549
+ declare const Modal: React.ForwardRefExoticComponent<Props$g & React.RefAttributes<HTMLDivElement>>;
550
550
 
551
- type Props$e = DescopeInputProps & {
551
+ type Props$f = DescopeInputProps & {
552
552
  size?: 'xs' | 'sm' | 'md' | 'lg';
553
553
  'min-items-selection'?: number;
554
554
  'max-items-selection'?: number;
@@ -556,7 +556,7 @@ type Props$e = DescopeInputProps & {
556
556
  declare global {
557
557
  namespace JSX {
558
558
  interface IntrinsicElements {
559
- 'descope-button-multi-selection-group': Props$e & {
559
+ 'descope-button-multi-selection-group': Props$f & {
560
560
  'default-values'?: string;
561
561
  };
562
562
  'descope-button-selection-group-item': JSX.IntrinsicElements['span'] & {
@@ -583,16 +583,16 @@ type MultiSelectType = {
583
583
  'max-items-selection'?: number;
584
584
  'label-type'?: string;
585
585
  };
586
- type Props$d = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
586
+ type Props$e = Omit<React.ComponentProps<typeof ButtonMultiSelectionGroup>, 'default-values'> & MultiSelectType & {
587
587
  'default-values'?: string[];
588
588
  };
589
- declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$d, "ref"> & React.RefAttributes<HTMLInputElement>>;
589
+ declare const MultiSelect: React.ForwardRefExoticComponent<Omit<Props$e, "ref"> & React.RefAttributes<HTMLInputElement>>;
590
590
 
591
591
  type Item$2 = {
592
592
  label: string;
593
593
  value: string;
594
594
  };
595
- type Props$c = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
595
+ type Props$d = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
596
596
  'label-value'?: string;
597
597
  'label-attr'?: string;
598
598
  'button-label'?: string;
@@ -604,20 +604,20 @@ type Props$c = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
604
604
  declare global {
605
605
  namespace JSX {
606
606
  interface IntrinsicElements {
607
- 'descope-mappings-field': Omit<Props$c, 'default-values' | 'options'> & {
607
+ 'descope-mappings-field': Omit<Props$d, 'default-values' | 'options'> & {
608
608
  'default-values'?: string;
609
609
  options?: string;
610
610
  };
611
611
  }
612
612
  }
613
613
  }
614
- declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$c, "ref"> & React.RefAttributes<HTMLInputElement>>;
614
+ declare const MappingsField: React.ForwardRefExoticComponent<Omit<Props$d, "ref"> & React.RefAttributes<HTMLInputElement>>;
615
615
 
616
616
  type Item$1 = {
617
617
  label: string;
618
618
  value: string;
619
619
  };
620
- type Props$b = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
620
+ type Props$c = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'helper-text' | 'data-errormessage-pattern-mismatch' | 'data-errormessage-value-missing'> & {
621
621
  'label-value'?: string;
622
622
  'label-attr'?: string;
623
623
  'label-group'?: string;
@@ -629,13 +629,13 @@ type Props$b = Omit<DescopeInputProps, 'bordered' | 'label' | 'placeholder' | 'h
629
629
  declare global {
630
630
  namespace JSX {
631
631
  interface IntrinsicElements {
632
- 'descope-saml-group-mappings': Omit<Props$b, 'options'> & {
632
+ 'descope-saml-group-mappings': Omit<Props$c, 'options'> & {
633
633
  options?: string;
634
634
  };
635
635
  }
636
636
  }
637
637
  }
638
- declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$b, "ref"> & React.RefAttributes<HTMLInputElement>>;
638
+ declare const SAMLGroupMappings: React.ForwardRefExoticComponent<Omit<Props$c, "ref"> & React.RefAttributes<HTMLInputElement>>;
639
639
 
640
640
  declare global {
641
641
  namespace JSX {
@@ -649,7 +649,7 @@ declare global {
649
649
  }
650
650
  declare const UserAuthMethod: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
651
651
 
652
- type Props$a = {
652
+ type Props$b = {
653
653
  'badge-tooltip-text'?: string;
654
654
  'badge-label'?: string;
655
655
  value?: string;
@@ -661,13 +661,13 @@ type Props$a = {
661
661
  declare global {
662
662
  namespace JSX {
663
663
  interface IntrinsicElements {
664
- 'descope-user-attribute': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$a;
664
+ 'descope-user-attribute': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$b;
665
665
  }
666
666
  }
667
667
  }
668
668
  declare const UserAttribute: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
669
669
 
670
- type Props$9 = {
670
+ type Props$a = {
671
671
  img?: string;
672
672
  'display-name'?: string;
673
673
  size?: string;
@@ -676,26 +676,26 @@ type Props$9 = {
676
676
  declare global {
677
677
  namespace JSX {
678
678
  interface IntrinsicElements {
679
- 'descope-avatar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$9;
679
+ 'descope-avatar': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$a;
680
680
  }
681
681
  }
682
682
  }
683
683
  declare const Avatar: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLButtonElement>>;
684
684
 
685
- type Props$8 = {
685
+ type Props$9 = {
686
686
  lang?: 'xml' | 'html' | 'javascript' | 'css' | 'json';
687
687
  inline?: boolean;
688
688
  };
689
689
  declare global {
690
690
  namespace JSX {
691
691
  interface IntrinsicElements {
692
- 'descope-code-snippet': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$8;
692
+ 'descope-code-snippet': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props$9;
693
693
  }
694
694
  }
695
695
  }
696
- declare const CodeSnippet: React.ForwardRefExoticComponent<Props$8 & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
696
+ declare const CodeSnippet: React.ForwardRefExoticComponent<Props$9 & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
697
697
 
698
- type Props$7 = {
698
+ type Props$8 = {
699
699
  emptyState?: React.ReactNode;
700
700
  children?: React.ReactNode[];
701
701
  variant?: 'list' | 'tiles';
@@ -703,26 +703,26 @@ type Props$7 = {
703
703
  declare global {
704
704
  namespace JSX {
705
705
  interface IntrinsicElements {
706
- 'descope-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$7>;
706
+ 'descope-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$8>;
707
707
  }
708
708
  }
709
709
  }
710
- declare const List: React.ForwardRefExoticComponent<Props$7 & React.RefAttributes<HTMLDivElement>>;
710
+ declare const List: React.ForwardRefExoticComponent<Props$8 & React.RefAttributes<HTMLDivElement>>;
711
711
 
712
- type Props$6 = {
712
+ type Props$7 = {
713
713
  variant?: 'row' | 'tile';
714
714
  children?: React.ReactNode;
715
715
  };
716
716
  declare global {
717
717
  namespace JSX {
718
718
  interface IntrinsicElements {
719
- 'descope-list-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$6>;
719
+ 'descope-list-item': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$7>;
720
720
  }
721
721
  }
722
722
  }
723
- declare const ListItem: React.ForwardRefExoticComponent<Props$6 & React.RefAttributes<HTMLDivElement>>;
723
+ declare const ListItem: React.ForwardRefExoticComponent<Props$7 & React.RefAttributes<HTMLDivElement>>;
724
724
 
725
- type Props$5 = {
725
+ type Props$6 = {
726
726
  emptyState?: React.ReactNode;
727
727
  variant?: 'list' | 'tiles';
728
728
  data?: any[];
@@ -731,18 +731,18 @@ type Props$5 = {
731
731
  declare global {
732
732
  namespace JSX {
733
733
  interface IntrinsicElements {
734
- 'descope-apps-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$5>;
734
+ 'descope-apps-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$6>;
735
735
  }
736
736
  }
737
737
  }
738
- declare const AppsList: React.ForwardRefExoticComponent<Props$5 & React.RefAttributes<HTMLDivElement>>;
738
+ declare const AppsList: React.ForwardRefExoticComponent<Props$6 & React.RefAttributes<HTMLDivElement>>;
739
739
 
740
740
  type Item = {
741
741
  desc: string;
742
742
  id: string;
743
743
  required?: boolean;
744
744
  };
745
- type Props$4 = {
745
+ type Props$5 = {
746
746
  variant?: 'checkbox' | 'switch';
747
747
  data?: Item[];
748
748
  readonly?: boolean;
@@ -751,17 +751,17 @@ type Props$4 = {
751
751
  declare global {
752
752
  namespace JSX {
753
753
  interface IntrinsicElements {
754
- 'descope-scopes-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$4>;
754
+ 'descope-scopes-list': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$5>;
755
755
  }
756
756
  }
757
757
  }
758
- declare const ScopesList: React.ForwardRefExoticComponent<Props$4 & React.RefAttributes<HTMLDivElement>>;
758
+ declare const ScopesList: React.ForwardRefExoticComponent<Props$5 & React.RefAttributes<HTMLDivElement>>;
759
759
 
760
760
  type Question$1 = {
761
761
  id: string;
762
762
  text: string;
763
763
  };
764
- type Props$3 = {
764
+ type Props$4 = {
765
765
  questions?: Question$1[];
766
766
  readonly?: boolean;
767
767
  size?: 'xs' | 'sm' | 'md' | 'lg';
@@ -776,17 +776,17 @@ type Props$3 = {
776
776
  declare global {
777
777
  namespace JSX {
778
778
  interface IntrinsicElements {
779
- 'descope-security-questions-setup': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$3>;
779
+ 'descope-security-questions-setup': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$4>;
780
780
  }
781
781
  }
782
782
  }
783
- declare const SecurityQuestionsSetup: React.ForwardRefExoticComponent<Props$3 & React.RefAttributes<HTMLDivElement>>;
783
+ declare const SecurityQuestionsSetup: React.ForwardRefExoticComponent<Props$4 & React.RefAttributes<HTMLDivElement>>;
784
784
 
785
785
  type Question = {
786
786
  id: string;
787
787
  text: string;
788
788
  };
789
- type Props$2 = {
789
+ type Props$3 = {
790
790
  questions?: Question[];
791
791
  readonly?: boolean;
792
792
  size?: 'xs' | 'sm' | 'md' | 'lg';
@@ -800,23 +800,23 @@ type Props$2 = {
800
800
  declare global {
801
801
  namespace JSX {
802
802
  interface IntrinsicElements {
803
- 'descope-security-questions-verify': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$2>;
803
+ 'descope-security-questions-verify': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$3>;
804
804
  }
805
805
  }
806
806
  }
807
- declare const SecurityQuestionsVerify: React.ForwardRefExoticComponent<Props$2 & React.RefAttributes<HTMLDivElement>>;
807
+ declare const SecurityQuestionsVerify: React.ForwardRefExoticComponent<Props$3 & React.RefAttributes<HTMLDivElement>>;
808
808
 
809
- type Props$1 = {
809
+ type Props$2 = {
810
810
  size: 'xs' | 'sm' | 'md' | 'lg';
811
811
  };
812
812
  declare global {
813
813
  namespace JSX {
814
814
  interface IntrinsicElements {
815
- 'descope-third-party-app-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$1>;
815
+ 'descope-third-party-app-logo': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & PropsToAttrs<Props$2>;
816
816
  }
817
817
  }
818
818
  }
819
- declare const ThirdPartyAppLogo: React.ForwardRefExoticComponent<Props$1 & React.RefAttributes<HTMLDivElement>>;
819
+ declare const ThirdPartyAppLogo: React.ForwardRefExoticComponent<Props$2 & React.RefAttributes<HTMLDivElement>>;
820
820
 
821
821
  declare global {
822
822
  namespace JSX {
@@ -827,7 +827,7 @@ declare global {
827
827
  }
828
828
  declare const DateField: React.ForwardRefExoticComponent<Omit<Omit<DescopeInputProps, "external-input">, "ref"> & React.RefAttributes<HTMLInputElement>>;
829
829
 
830
- type Props = {
830
+ type Props$1 = {
831
831
  variant?: 'countrySelection' | 'inputBox';
832
832
  'default-code'?: string;
833
833
  'phone-input-label'?: string;
@@ -848,10 +848,27 @@ type Props = {
848
848
  declare global {
849
849
  namespace JSX {
850
850
  interface IntrinsicElements {
851
- 'descope-hybrid-field': React.DetailedHTMLProps<React.HTMLAttributes<HTMLInputElement>, HTMLInputElement> & PropsToAttrs<Props>;
851
+ 'descope-hybrid-field': React.DetailedHTMLProps<React.HTMLAttributes<HTMLInputElement>, HTMLInputElement> & PropsToAttrs<Props$1>;
852
852
  }
853
853
  }
854
854
  }
855
855
  declare const HybridField: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLInputElement>>;
856
856
 
857
- export { AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, DateField, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, ScopesList, SecurityQuestionsSetup, SecurityQuestionsVerify, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, ThirdPartyAppLogo, UploadFile, UserAttribute, UserAuthMethod, ReactComponent as apple, ReactComponent as authenticator, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, ReactComponent as github, ReactComponent as gitlab, ReactComponent as google, ReactComponent as linkedin, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as slack, ReactComponent as sso, ReactComponent as whatsapp };
857
+ type Props = {
858
+ mode?: string;
859
+ variant?: string;
860
+ bordered?: boolean;
861
+ children?: string;
862
+ 'full-width'?: boolean;
863
+ 'link-target-blank'?: boolean;
864
+ };
865
+ declare global {
866
+ namespace JSX {
867
+ interface IntrinsicElements {
868
+ 'descope-alert': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Props;
869
+ }
870
+ }
871
+ }
872
+ declare const Alert: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
873
+
874
+ export { Alert, AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, DateField, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, ScopesList, SecurityQuestionsSetup, SecurityQuestionsVerify, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, ThirdPartyAppLogo, UploadFile, UserAttribute, UserAuthMethod, ReactComponent as apple, ReactComponent as authenticator, ReactComponent as discord, ReactComponent as edit, ReactComponent as facebook, ReactComponent as fingerprint, ReactComponent as github, ReactComponent as gitlab, ReactComponent as google, ReactComponent as linkedin, ReactComponent as microsoft, ReactComponent as passkey, ReactComponent as password, ReactComponent as plus, ReactComponent as reload, ReactComponent as slack, ReactComponent as sso, ReactComponent as whatsapp };
package/dist/index.esm.js CHANGED
@@ -482,4 +482,6 @@ HybridField.defaultProps = {
482
482
  size: 'md'
483
483
  };
484
484
 
485
- export { AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, DateField, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, ScopesList, SecurityQuestionsSetup, SecurityQuestionsVerify, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, ThirdPartyAppLogo, UploadFile, UserAttribute, UserAuthMethod, apple, authenticator, discord, edit, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, whatsapp };
485
+ const Alert = React.forwardRef(({ children, ...props }, ref) => (React.createElement("descope-alert", { ...props, ref: ref }, children)));
486
+
487
+ export { Alert, AppsList, Avatar, Badge, Boolean, Button, Checkbox, Code, CodeSnippet, ComboBox, Container, DateField, Divider, Grid, GridCustomColumn, GridItemDetailsColumn, GridSelectionColumn, GridTextColumn, HybridField, Image, Input, Link, List, ListItem, Loader, Logo, MappingsField, Modal, MultiSelect, NOTPImage, NOTPLink, NewPassword, NumberField, Password, Phone, Recaptcha, SAMLGroupMappings, ScopesList, SecurityQuestionsSetup, SecurityQuestionsVerify, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, ThirdPartyAppLogo, UploadFile, UserAttribute, UserAuthMethod, apple, authenticator, discord, edit, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, password, plus, reload, slack, sso, whatsapp };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope/flow-components",
3
- "version": "2.0.398",
3
+ "version": "2.0.400",
4
4
  "description": "",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -102,7 +102,7 @@
102
102
  "typescript": "^5.0.0"
103
103
  },
104
104
  "dependencies": {
105
- "@descope/web-components-ui": "1.0.414"
105
+ "@descope/web-components-ui": "1.0.418"
106
106
  },
107
107
  "peerDependencies": {
108
108
  "react": ">=17"