dap-design-system 0.63.1 → 0.63.2

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.
@@ -441,18 +441,6 @@ export interface DapDSModalEvents {
441
441
  onDdsCancel?: (event: CustomEvent) => void
442
442
  }
443
443
 
444
- export interface DapDSNavigationMenuItemEvents {
445
- /** Fired when a navigation item is clicked. */
446
- onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
447
- /** Fired when a navigation dropdown is opened. */
448
- onDdsNavigationDropdownOpen?: (event: CustomEvent<{ item: DapDSNavigationMenuItem }>) => void
449
- }
450
-
451
- export interface DapDSNavigationMenuEvents {
452
- /** Fired when a navigation item is clicked. */
453
- onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
454
- }
455
-
456
444
  export interface DapDSNumberInputEvents {
457
445
  /** Fired when the input value changes. */
458
446
  onDdsChange?: (event: CustomEvent<{ value: string }>) => void
@@ -466,6 +454,18 @@ export interface DapDSNumberInputEvents {
466
454
  onDdsFocus?: (event: CustomEvent) => void
467
455
  }
468
456
 
457
+ export interface DapDSNavigationMenuItemEvents {
458
+ /** Fired when a navigation item is clicked. */
459
+ onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
460
+ /** Fired when a navigation dropdown is opened. */
461
+ onDdsNavigationDropdownOpen?: (event: CustomEvent<{ item: DapDSNavigationMenuItem }>) => void
462
+ }
463
+
464
+ export interface DapDSNavigationMenuEvents {
465
+ /** Fired when a navigation item is clicked. */
466
+ onDdsNavigationItemClick?: (event: CustomEvent<{ href: string, event: Event }>) => void
467
+ }
468
+
469
469
  export interface DapDSOfficialWebsiteBannerEvents {
470
470
  /** Event fired when the accordion is opened. */
471
471
  onDdsOpened?: (event: CustomEvent) => void
@@ -683,11 +683,6 @@ export interface DapDSAvatarGroupSlots {
683
683
  default?: () => any
684
684
  }
685
685
 
686
- export interface DapDSAccordionGroupSlots {
687
- /** The content of the accordion group. */
688
- default?: () => any
689
- }
690
-
691
686
  export interface DapDSBadgeSlots {
692
687
  /** The content of the badge. */
693
688
  default?: () => any
@@ -695,6 +690,15 @@ export interface DapDSBadgeSlots {
695
690
  'icon'?: () => any
696
691
  }
697
692
 
693
+ export interface DapDSBannerSlots {
694
+ /** The content of the banner. */
695
+ default?: () => any
696
+ /** Actions of banner */
697
+ 'actions'?: () => any
698
+ /** The icon of the banner. */
699
+ 'icon'?: () => any
700
+ }
701
+
698
702
  export interface DapDSBreadcrumbSlots {
699
703
  /** The content of the breadcrumb. */
700
704
  default?: () => any
@@ -702,13 +706,9 @@ export interface DapDSBreadcrumbSlots {
702
706
  'separator'?: () => any
703
707
  }
704
708
 
705
- export interface DapDSBannerSlots {
706
- /** The content of the banner. */
709
+ export interface DapDSAccordionGroupSlots {
710
+ /** The content of the accordion group. */
707
711
  default?: () => any
708
- /** Actions of banner */
709
- 'actions'?: () => any
710
- /** The icon of the banner. */
711
- 'icon'?: () => any
712
712
  }
713
713
 
714
714
  export interface DapDSBreadcrumbItemSlots {
@@ -916,6 +916,16 @@ export interface DapDSModalSlots {
916
916
  'footer'?: () => any
917
917
  }
918
918
 
919
+ export interface DapDSNumberInputSlots {
920
+ /** The custom icon of the feedback. */
921
+ 'feedback-icon'?: () => any
922
+ }
923
+
924
+ export interface DapDSNotificationBadgeSlots {
925
+ /** The content of the notification badge. */
926
+ default?: () => any
927
+ }
928
+
919
929
  export interface DapDSNavigationMenuItemSlots {
920
930
  /** The trigger element (link, button, etc.) for this navigation item. */
921
931
  'trigger'?: () => any
@@ -934,16 +944,6 @@ export interface DapDSNavigationMenuSlots {
934
944
  default?: () => any
935
945
  }
936
946
 
937
- export interface DapDSNotificationBadgeSlots {
938
- /** The content of the notification badge. */
939
- default?: () => any
940
- }
941
-
942
- export interface DapDSNumberInputSlots {
943
- /** The custom icon of the feedback. */
944
- 'feedback-icon'?: () => any
945
- }
946
-
947
947
  export interface DapDSOfficialWebsiteBannerSlots {
948
948
  /** The content of the accordion. */
949
949
  default?: () => any
@@ -1063,6 +1063,11 @@ export interface DapDSTabSlots {
1063
1063
  'content'?: () => any
1064
1064
  }
1065
1065
 
1066
+ export interface DapDSTextareaSlots {
1067
+ /** The custom icon of the feedback. */
1068
+ 'feedback-icon'?: () => any
1069
+ }
1070
+
1066
1071
  export interface DapDSTableCellSlots {
1067
1072
  /** The default slot. */
1068
1073
  default?: () => any
@@ -1083,11 +1088,6 @@ export interface DapDSTableSlots {
1083
1088
  default?: () => any
1084
1089
  }
1085
1090
 
1086
- export interface DapDSTextareaSlots {
1087
- /** The custom icon of the feedback. */
1088
- 'feedback-icon'?: () => any
1089
- }
1090
-
1091
1091
  export interface DapDSTimelineItemSlots {
1092
1092
  /** The default slot for the item content. */
1093
1093
  default?: () => any
@@ -1138,6 +1138,21 @@ export interface DapDSRadioGroupSlots {
1138
1138
  'feedback-icon'?: () => any
1139
1139
  }
1140
1140
 
1141
+ export type DapDSAnchorHeadingProps = {
1142
+ /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
1143
+ variant?: DapDSAnchorHeading["variant"]
1144
+ /** The label of the heading. */
1145
+ label?: DapDSAnchorHeading["label"]
1146
+ /** */
1147
+ tagName?: DapDSAnchorHeading["tagName"]
1148
+ /** */
1149
+ dependencies?: DapDSAnchorHeading["dependencies"]
1150
+ /** */
1151
+ elementId?: DapDSAnchorHeading["elementId"]
1152
+ /** */
1153
+ anchorTitle?: DapDSAnchorHeading["anchorTitle"]
1154
+ }
1155
+
1141
1156
  export type DapDSAccordionProps = {
1142
1157
  /** */
1143
1158
  tagName?: DapDSAccordion["tagName"]
@@ -1165,21 +1180,6 @@ export type DapDSAccordionProps = {
1165
1180
  loading?: DapDSAccordion["loading"]
1166
1181
  }
1167
1182
 
1168
- export type DapDSAnchorHeadingProps = {
1169
- /** The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`. */
1170
- variant?: DapDSAnchorHeading["variant"]
1171
- /** The label of the heading. */
1172
- label?: DapDSAnchorHeading["label"]
1173
- /** */
1174
- tagName?: DapDSAnchorHeading["tagName"]
1175
- /** */
1176
- dependencies?: DapDSAnchorHeading["dependencies"]
1177
- /** */
1178
- elementId?: DapDSAnchorHeading["elementId"]
1179
- /** */
1180
- anchorTitle?: DapDSAnchorHeading["anchorTitle"]
1181
- }
1182
-
1183
1183
  export type DapDSAvatarProps = {
1184
1184
  /** The shape of the avatar */
1185
1185
  shape?: DapDSAvatar["shape"]
@@ -1232,15 +1232,6 @@ export type DapDSAvatarGroupProps = {
1232
1232
  sizeMap?: DapDSAvatarGroup["sizeMap"]
1233
1233
  }
1234
1234
 
1235
- export type DapDSAccordionGroupProps = {
1236
- /** Whether to close other accordions when one is opened. */
1237
- autoClose?: DapDSAccordionGroup["autoClose"]
1238
- /** The variant of the accordion */
1239
- variant?: DapDSAccordionGroup["variant"]
1240
- /** */
1241
- tagName?: DapDSAccordionGroup["tagName"]
1242
- }
1243
-
1244
1235
  export type DapDSBadgeProps = {
1245
1236
  /** The type of the badge */
1246
1237
  type?: DapDSBadge["type"]
@@ -1258,17 +1249,6 @@ export type DapDSBadgeProps = {
1258
1249
  sizeMap?: DapDSBadge["sizeMap"]
1259
1250
  }
1260
1251
 
1261
- export type DapDSBreadcrumbProps = {
1262
- /** */
1263
- variant?: DapDSBreadcrumb["variant"]
1264
- /** Mobile version of the breadcrumb */
1265
- mobile?: DapDSBreadcrumb["mobile"]
1266
- /** The aria-labelledby of the breadcrumb */
1267
- "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
1268
- /** */
1269
- tagName?: DapDSBreadcrumb["tagName"]
1270
- }
1271
-
1272
1252
  export type DapDSBannerProps = {
1273
1253
  /** The variant of the banner */
1274
1254
  variant?: DapDSBanner["variant"]
@@ -1288,6 +1268,26 @@ export type DapDSBannerProps = {
1288
1268
  dependencies?: DapDSBanner["dependencies"]
1289
1269
  }
1290
1270
 
1271
+ export type DapDSBreadcrumbProps = {
1272
+ /** */
1273
+ variant?: DapDSBreadcrumb["variant"]
1274
+ /** Mobile version of the breadcrumb */
1275
+ mobile?: DapDSBreadcrumb["mobile"]
1276
+ /** The aria-labelledby of the breadcrumb */
1277
+ "aria-labelledby"?: DapDSBreadcrumb["ariaLabelledBy"]
1278
+ /** */
1279
+ tagName?: DapDSBreadcrumb["tagName"]
1280
+ }
1281
+
1282
+ export type DapDSAccordionGroupProps = {
1283
+ /** Whether to close other accordions when one is opened. */
1284
+ autoClose?: DapDSAccordionGroup["autoClose"]
1285
+ /** The variant of the accordion */
1286
+ variant?: DapDSAccordionGroup["variant"]
1287
+ /** */
1288
+ tagName?: DapDSAccordionGroup["tagName"]
1289
+ }
1290
+
1291
1291
  export type DapDSBreadcrumbItemProps = {
1292
1292
  /** The URL of the breadcrumb item. */
1293
1293
  href?: DapDSBreadcrumbItem["href"]
@@ -2282,6 +2282,8 @@ export type DapDSFileInputProps = {
2282
2282
  showThumbnail?: DapDSFileInput["showThumbnail"]
2283
2283
  /** Aria label for the dropzone. */
2284
2284
  dropzoneAriaLabel?: DapDSFileInput["dropzoneAriaLabel"]
2285
+ /** Accessible name of the file upload region landmark. Defaults to the localized "File upload area" text. */
2286
+ regionAriaLabel?: DapDSFileInput["regionAriaLabel"]
2285
2287
  /** Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true). */
2286
2288
  dropzoneFocusable?: DapDSFileInput["dropzoneFocusable"]
2287
2289
  /** Size of the thumbnail preview in the built-in file list */
@@ -2405,6 +2407,33 @@ export type DapDSImageZoomProps = {
2405
2407
  dependencies?: DapDSImageZoom["dependencies"]
2406
2408
  }
2407
2409
 
2410
+ export type DapDSLabelProps = {
2411
+ /** */
2412
+ tagName?: DapDSLabel["tagName"]
2413
+ /** The label text */
2414
+ label?: DapDSLabel["label"]
2415
+ /** The description of the label */
2416
+ description?: DapDSLabel["description"]
2417
+ /** The tooltip text */
2418
+ tooltip?: DapDSLabel["tooltip"]
2419
+ /** The size of the input. Default is `sm`. */
2420
+ size?: DapDSLabel["size"]
2421
+ /** The tooltip placement of the label. */
2422
+ tooltipPlacement?: DapDSLabel["tooltipPlacement"]
2423
+ /** If the label is optional. Default value is `false`. */
2424
+ optional?: DapDSLabel["optional"]
2425
+ /** Label of optional text */
2426
+ optionalLabel?: DapDSLabel["optionalLabel"]
2427
+ /** Indicator of required text (default: '*') */
2428
+ requiredLabel?: DapDSLabel["requiredLabel"]
2429
+ /** Text weight of label. If true the label is subtle. Default value is `false`. */
2430
+ subtle?: DapDSLabel["subtle"]
2431
+ /** The disabled state of the label. Default is `false`. */
2432
+ disabled?: DapDSLabel["disabled"]
2433
+ /** The required state of the label. Default is `false`. */
2434
+ required?: DapDSLabel["required"]
2435
+ }
2436
+
2408
2437
  export type DapDSInputProps = {
2409
2438
  /** */
2410
2439
  tagName?: DapDSInput["tagName"]
@@ -2474,33 +2503,6 @@ export type DapDSInputProps = {
2474
2503
  pattern?: DapDSInput["pattern"]
2475
2504
  }
2476
2505
 
2477
- export type DapDSLabelProps = {
2478
- /** */
2479
- tagName?: DapDSLabel["tagName"]
2480
- /** The label text */
2481
- label?: DapDSLabel["label"]
2482
- /** The description of the label */
2483
- description?: DapDSLabel["description"]
2484
- /** The tooltip text */
2485
- tooltip?: DapDSLabel["tooltip"]
2486
- /** The size of the input. Default is `sm`. */
2487
- size?: DapDSLabel["size"]
2488
- /** The tooltip placement of the label. */
2489
- tooltipPlacement?: DapDSLabel["tooltipPlacement"]
2490
- /** If the label is optional. Default value is `false`. */
2491
- optional?: DapDSLabel["optional"]
2492
- /** Label of optional text */
2493
- optionalLabel?: DapDSLabel["optionalLabel"]
2494
- /** Indicator of required text (default: '*') */
2495
- requiredLabel?: DapDSLabel["requiredLabel"]
2496
- /** Text weight of label. If true the label is subtle. Default value is `false`. */
2497
- subtle?: DapDSLabel["subtle"]
2498
- /** The disabled state of the label. Default is `false`. */
2499
- disabled?: DapDSLabel["disabled"]
2500
- /** The required state of the label. Default is `false`. */
2501
- required?: DapDSLabel["required"]
2502
- }
2503
-
2504
2506
  export type DapDSLinkProps = {
2505
2507
  /** The size of the link */
2506
2508
  size?: DapDSLink["size"]
@@ -2628,6 +2630,110 @@ export type DapDSModalProps = {
2628
2630
  useNativeFocus?: DapDSModal["useNativeFocus"]
2629
2631
  }
2630
2632
 
2633
+ export type DapDSNumberInputProps = {
2634
+ /** The thousand separator of the input. */
2635
+ thousandSeparator?: DapDSNumberInput["thousandSeparator"]
2636
+ /** The decimal separator of the input. */
2637
+ decimalSeparator?: DapDSNumberInput["decimalSeparator"]
2638
+ /** The decimal scale of the input. */
2639
+ decimalScale?: DapDSNumberInput["decimalScale"]
2640
+ /** The allow negative state of the input. */
2641
+ allowNegative?: DapDSNumberInput["allowNegative"]
2642
+ /** The allow decimal state of the input. */
2643
+ allowDecimal?: DapDSNumberInput["allowDecimal"]
2644
+ /** Hides the increment and decrement buttons. */
2645
+ hideControls?: DapDSNumberInput["hideControls"]
2646
+ /** The number of leading zeros to add to the input. */
2647
+ padStart?: DapDSNumberInput["padStart"]
2648
+ /** `data-testid` for the decrement stepper button. */
2649
+ decrementButtonTestId?: DapDSNumberInput["decrementButtonTestId"]
2650
+ /** `data-testid` for the increment stepper button. */
2651
+ incrementButtonTestId?: DapDSNumberInput["incrementButtonTestId"]
2652
+ /** */
2653
+ tagName?: DapDSNumberInput["tagName"]
2654
+ /** */
2655
+ dependencies?: DapDSNumberInput["dependencies"]
2656
+ /** */
2657
+ _thousandSeparator?: DapDSNumberInput["_thousandSeparator"]
2658
+ /** */
2659
+ manualValueSet?: DapDSNumberInput["manualValueSet"]
2660
+ /** */
2661
+ type?: DapDSNumberInput["type"]
2662
+ /** The label of the input. */
2663
+ label?: DapDSNumberInput["label"]
2664
+ /** Visually hides the label while keeping it available to assistive technology. (default: false) */
2665
+ hideLabel?: DapDSNumberInput["hideLabel"]
2666
+ /** The placeholder of the input. */
2667
+ placeholder?: DapDSNumberInput["placeholder"]
2668
+ /** The description of the input. */
2669
+ description?: DapDSNumberInput["description"]
2670
+ /** The tooltip of the input. */
2671
+ tooltip?: DapDSNumberInput["tooltip"]
2672
+ /** The tooltip placement of the input. */
2673
+ tooltipPlacement?: DapDSNumberInput["tooltipPlacement"]
2674
+ /** The status of the input. Can be `success` or `error`. */
2675
+ status?: DapDSNumberInput["status"]
2676
+ /** The size of the input. Default is `sm`. Can be `sm` or `lg`. */
2677
+ size?: DapDSNumberInput["size"]
2678
+ /** The name of the input. */
2679
+ name?: DapDSNumberInput["name"]
2680
+ /** The value of the input. */
2681
+ value?: DapDSNumberInput["value"]
2682
+ /** The disabled state of the input. Default is false. */
2683
+ disabled?: DapDSNumberInput["disabled"]
2684
+ /** The required state of the input. Default is false. */
2685
+ required?: DapDSNumberInput["required"]
2686
+ /** The readonly state of the input. Default is false. */
2687
+ readonly?: DapDSNumberInput["readonly"]
2688
+ /** The autofocus state of the input. Default is false. */
2689
+ autofocus?: DapDSNumberInput["autofocus"]
2690
+ /** The minimum value of the number input. */
2691
+ min?: DapDSNumberInput["min"]
2692
+ /** The maximum value of the number input. */
2693
+ max?: DapDSNumberInput["max"]
2694
+ /** The step value of the number input. */
2695
+ step?: DapDSNumberInput["step"]
2696
+ /** The feedback of the input. */
2697
+ feedback?: DapDSNumberInput["feedback"]
2698
+ /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
2699
+ feedbackType?: DapDSNumberInput["feedbackType"]
2700
+ /** The loading state of the input. Default is false. */
2701
+ loading?: DapDSNumberInput["loading"]
2702
+ /** The optional state of the input. */
2703
+ optional?: DapDSNumberInput["optional"]
2704
+ /** The optional label of the input. */
2705
+ optionalLabel?: DapDSNumberInput["optionalLabel"]
2706
+ /** The required indicator of the input. (default: '*') */
2707
+ requiredLabel?: DapDSNumberInput["requiredLabel"]
2708
+ /** The weight of the label. Default is `false` */
2709
+ subtle?: DapDSNumberInput["subtle"]
2710
+ /** Disables the enter key from being used to submit the form. */
2711
+ disableEnter?: DapDSNumberInput["disableEnter"]
2712
+ }
2713
+
2714
+ export type DapDSNotificationBadgeProps = {
2715
+ /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
2716
+ badgeContent?: DapDSNotificationBadge["badgeContent"]
2717
+ /** This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control. */
2718
+ visible?: DapDSNotificationBadge["visible"]
2719
+ /** This switch decides whether to show a zero value or not. */
2720
+ showZero?: DapDSNotificationBadge["showZero"]
2721
+ /** The color scheme of the badge */
2722
+ type?: DapDSNotificationBadge["type"]
2723
+ /** The variant of the badge. */
2724
+ variant?: DapDSNotificationBadge["variant"]
2725
+ /** The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap. */
2726
+ max?: DapDSNotificationBadge["max"]
2727
+ /** The position of the badge content around the slot content. */
2728
+ placement?: DapDSNotificationBadge["placement"]
2729
+ /** Whether to automatically detect circular elements and adjust positioning accordingly */
2730
+ "circular-auto"?: DapDSNotificationBadge["circularAuto"]
2731
+ /** Override circular positioning detection - forces circular positioning calculation */
2732
+ "force-circular"?: DapDSNotificationBadge["forceCircular"]
2733
+ /** */
2734
+ tagName?: DapDSNotificationBadge["tagName"]
2735
+ }
2736
+
2631
2737
  export type DapDSNavigationMenuItemProps = {
2632
2738
  /** The disabled state of the popup. Default is false. */
2633
2739
  disabled?: DapDSNavigationMenuItem["disabled"]
@@ -2717,110 +2823,6 @@ export type DapDSNavigationMenuProps = {
2717
2823
  tagName?: DapDSNavigationMenu["tagName"]
2718
2824
  }
2719
2825
 
2720
- export type DapDSNotificationBadgeProps = {
2721
- /** The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string. */
2722
- badgeContent?: DapDSNotificationBadge["badgeContent"]
2723
- /** This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control. */
2724
- visible?: DapDSNotificationBadge["visible"]
2725
- /** This switch decides whether to show a zero value or not. */
2726
- showZero?: DapDSNotificationBadge["showZero"]
2727
- /** The color scheme of the badge */
2728
- type?: DapDSNotificationBadge["type"]
2729
- /** The variant of the badge. */
2730
- variant?: DapDSNotificationBadge["variant"]
2731
- /** The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap. */
2732
- max?: DapDSNotificationBadge["max"]
2733
- /** The position of the badge content around the slot content. */
2734
- placement?: DapDSNotificationBadge["placement"]
2735
- /** Whether to automatically detect circular elements and adjust positioning accordingly */
2736
- "circular-auto"?: DapDSNotificationBadge["circularAuto"]
2737
- /** Override circular positioning detection - forces circular positioning calculation */
2738
- "force-circular"?: DapDSNotificationBadge["forceCircular"]
2739
- /** */
2740
- tagName?: DapDSNotificationBadge["tagName"]
2741
- }
2742
-
2743
- export type DapDSNumberInputProps = {
2744
- /** The thousand separator of the input. */
2745
- thousandSeparator?: DapDSNumberInput["thousandSeparator"]
2746
- /** The decimal separator of the input. */
2747
- decimalSeparator?: DapDSNumberInput["decimalSeparator"]
2748
- /** The decimal scale of the input. */
2749
- decimalScale?: DapDSNumberInput["decimalScale"]
2750
- /** The allow negative state of the input. */
2751
- allowNegative?: DapDSNumberInput["allowNegative"]
2752
- /** The allow decimal state of the input. */
2753
- allowDecimal?: DapDSNumberInput["allowDecimal"]
2754
- /** Hides the increment and decrement buttons. */
2755
- hideControls?: DapDSNumberInput["hideControls"]
2756
- /** The number of leading zeros to add to the input. */
2757
- padStart?: DapDSNumberInput["padStart"]
2758
- /** `data-testid` for the decrement stepper button. */
2759
- decrementButtonTestId?: DapDSNumberInput["decrementButtonTestId"]
2760
- /** `data-testid` for the increment stepper button. */
2761
- incrementButtonTestId?: DapDSNumberInput["incrementButtonTestId"]
2762
- /** */
2763
- tagName?: DapDSNumberInput["tagName"]
2764
- /** */
2765
- dependencies?: DapDSNumberInput["dependencies"]
2766
- /** */
2767
- _thousandSeparator?: DapDSNumberInput["_thousandSeparator"]
2768
- /** */
2769
- manualValueSet?: DapDSNumberInput["manualValueSet"]
2770
- /** */
2771
- type?: DapDSNumberInput["type"]
2772
- /** The label of the input. */
2773
- label?: DapDSNumberInput["label"]
2774
- /** Visually hides the label while keeping it available to assistive technology. (default: false) */
2775
- hideLabel?: DapDSNumberInput["hideLabel"]
2776
- /** The placeholder of the input. */
2777
- placeholder?: DapDSNumberInput["placeholder"]
2778
- /** The description of the input. */
2779
- description?: DapDSNumberInput["description"]
2780
- /** The tooltip of the input. */
2781
- tooltip?: DapDSNumberInput["tooltip"]
2782
- /** The tooltip placement of the input. */
2783
- tooltipPlacement?: DapDSNumberInput["tooltipPlacement"]
2784
- /** The status of the input. Can be `success` or `error`. */
2785
- status?: DapDSNumberInput["status"]
2786
- /** The size of the input. Default is `sm`. Can be `sm` or `lg`. */
2787
- size?: DapDSNumberInput["size"]
2788
- /** The name of the input. */
2789
- name?: DapDSNumberInput["name"]
2790
- /** The value of the input. */
2791
- value?: DapDSNumberInput["value"]
2792
- /** The disabled state of the input. Default is false. */
2793
- disabled?: DapDSNumberInput["disabled"]
2794
- /** The required state of the input. Default is false. */
2795
- required?: DapDSNumberInput["required"]
2796
- /** The readonly state of the input. Default is false. */
2797
- readonly?: DapDSNumberInput["readonly"]
2798
- /** The autofocus state of the input. Default is false. */
2799
- autofocus?: DapDSNumberInput["autofocus"]
2800
- /** The minimum value of the number input. */
2801
- min?: DapDSNumberInput["min"]
2802
- /** The maximum value of the number input. */
2803
- max?: DapDSNumberInput["max"]
2804
- /** The step value of the number input. */
2805
- step?: DapDSNumberInput["step"]
2806
- /** The feedback of the input. */
2807
- feedback?: DapDSNumberInput["feedback"]
2808
- /** The feedback type of the input. Can be `negative`, `positive`, or `warning`. */
2809
- feedbackType?: DapDSNumberInput["feedbackType"]
2810
- /** The loading state of the input. Default is false. */
2811
- loading?: DapDSNumberInput["loading"]
2812
- /** The optional state of the input. */
2813
- optional?: DapDSNumberInput["optional"]
2814
- /** The optional label of the input. */
2815
- optionalLabel?: DapDSNumberInput["optionalLabel"]
2816
- /** The required indicator of the input. (default: '*') */
2817
- requiredLabel?: DapDSNumberInput["requiredLabel"]
2818
- /** The weight of the label. Default is `false` */
2819
- subtle?: DapDSNumberInput["subtle"]
2820
- /** Disables the enter key from being used to submit the form. */
2821
- disableEnter?: DapDSNumberInput["disableEnter"]
2822
- }
2823
-
2824
2826
  export type DapDSOfficialWebsiteBannerProps = {
2825
2827
  /** */
2826
2828
  tagName?: DapDSOfficialWebsiteBanner["tagName"]
@@ -3571,46 +3573,6 @@ export type DapDSTabProps = {
3571
3573
  tagName?: DapDSTab["tagName"]
3572
3574
  }
3573
3575
 
3574
- export type DapDSTableCellProps = {
3575
- /** If the cell is the last one. */
3576
- last?: DapDSTableCell["last"]
3577
- /** The html role of the cell */
3578
- role?: DapDSTableCell["role"]
3579
- /** */
3580
- tagName?: DapDSTableCell["tagName"]
3581
- }
3582
-
3583
- export type DapDSTableHeaderProps = {
3584
- /** If the header cell is the last one. */
3585
- last?: DapDSTableHeader["last"]
3586
- /** The html role of the header cell. Derived from `scope` unless set explicitly. */
3587
- role?: DapDSTableHeader["role"]
3588
- /** Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside). */
3589
- scope?: DapDSTableHeader["scope"]
3590
- /** */
3591
- tagName?: DapDSTableHeader["tagName"]
3592
- }
3593
-
3594
- export type DapDSTableRowProps = {
3595
- /** The html role of the row */
3596
- role?: DapDSTableRow["role"]
3597
- /** If the row is mobile design */
3598
- mobile?: DapDSTableRow["mobile"]
3599
- /** */
3600
- tagName?: DapDSTableRow["tagName"]
3601
- }
3602
-
3603
- export type DapDSTableProps = {
3604
- /** The html role of the table. Defaults to `table`; use `grid` only for an interactive table. */
3605
- role?: DapDSTable["role"]
3606
- /** If the table has mobile design */
3607
- mobile?: DapDSTable["mobile"]
3608
- /** The caption of the table */
3609
- caption?: DapDSTable["caption"]
3610
- /** */
3611
- tagName?: DapDSTable["tagName"]
3612
- }
3613
-
3614
3576
  export type DapDSTextareaProps = {
3615
3577
  /** Hide character counter. */
3616
3578
  hideCounter?: DapDSTextarea["hideCounter"]
@@ -3672,6 +3634,46 @@ export type DapDSTextareaProps = {
3672
3634
  autofocus?: DapDSTextarea["autofocus"]
3673
3635
  }
3674
3636
 
3637
+ export type DapDSTableCellProps = {
3638
+ /** If the cell is the last one. */
3639
+ last?: DapDSTableCell["last"]
3640
+ /** The html role of the cell */
3641
+ role?: DapDSTableCell["role"]
3642
+ /** */
3643
+ tagName?: DapDSTableCell["tagName"]
3644
+ }
3645
+
3646
+ export type DapDSTableHeaderProps = {
3647
+ /** If the header cell is the last one. */
3648
+ last?: DapDSTableHeader["last"]
3649
+ /** The html role of the header cell. Derived from `scope` unless set explicitly. */
3650
+ role?: DapDSTableHeader["role"]
3651
+ /** Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside). */
3652
+ scope?: DapDSTableHeader["scope"]
3653
+ /** */
3654
+ tagName?: DapDSTableHeader["tagName"]
3655
+ }
3656
+
3657
+ export type DapDSTableRowProps = {
3658
+ /** The html role of the row */
3659
+ role?: DapDSTableRow["role"]
3660
+ /** If the row is mobile design */
3661
+ mobile?: DapDSTableRow["mobile"]
3662
+ /** */
3663
+ tagName?: DapDSTableRow["tagName"]
3664
+ }
3665
+
3666
+ export type DapDSTableProps = {
3667
+ /** The html role of the table. Defaults to `table`; use `grid` only for an interactive table. */
3668
+ role?: DapDSTable["role"]
3669
+ /** If the table has mobile design */
3670
+ mobile?: DapDSTable["mobile"]
3671
+ /** The caption of the table */
3672
+ caption?: DapDSTable["caption"]
3673
+ /** */
3674
+ tagName?: DapDSTable["tagName"]
3675
+ }
3676
+
3675
3677
  export type DapDSTimelineItemProps = {
3676
3678
  /** */
3677
3679
  tagName?: DapDSTimelineItem["tagName"]
@@ -4629,30 +4631,30 @@ export type SystemCheckLine2Props = {
4629
4631
  tagName?: SystemCheckLine2["tagName"]
4630
4632
  }
4631
4633
 
4632
- export type SystemCheckboxBlankCircleFillProps = {
4634
+ export type SystemCheckboxBlankCircleFillCheckProps = {
4633
4635
  /** (optional) The width and height in pixels */
4634
- size?: SystemCheckboxBlankCircleFill["size"]
4636
+ size?: SystemCheckboxBlankCircleFillCheck["size"]
4635
4637
  /** (optional) Sets the icon color via the `fill` attribute */
4636
- selected?: SystemCheckboxBlankCircleFill["selected"]
4638
+ selected?: SystemCheckboxBlankCircleFillCheck["selected"]
4637
4639
  /** (optional) When using the icon standalone, make it meaningful for accessibility */
4638
- accessibilityTitle?: SystemCheckboxBlankCircleFill["accessibilityTitle"]
4640
+ accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
4639
4641
  /** (optional) If `true` the icon can receive focus */
4640
- focusable?: SystemCheckboxBlankCircleFill["focusable"]
4642
+ focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
4641
4643
  /** */
4642
- tagName?: SystemCheckboxBlankCircleFill["tagName"]
4644
+ tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
4643
4645
  }
4644
4646
 
4645
- export type SystemCheckboxBlankCircleFillCheckProps = {
4647
+ export type SystemCheckboxBlankCircleFillProps = {
4646
4648
  /** (optional) The width and height in pixels */
4647
- size?: SystemCheckboxBlankCircleFillCheck["size"]
4649
+ size?: SystemCheckboxBlankCircleFill["size"]
4648
4650
  /** (optional) Sets the icon color via the `fill` attribute */
4649
- selected?: SystemCheckboxBlankCircleFillCheck["selected"]
4651
+ selected?: SystemCheckboxBlankCircleFill["selected"]
4650
4652
  /** (optional) When using the icon standalone, make it meaningful for accessibility */
4651
- accessibilityTitle?: SystemCheckboxBlankCircleFillCheck["accessibilityTitle"]
4653
+ accessibilityTitle?: SystemCheckboxBlankCircleFill["accessibilityTitle"]
4652
4654
  /** (optional) If `true` the icon can receive focus */
4653
- focusable?: SystemCheckboxBlankCircleFillCheck["focusable"]
4655
+ focusable?: SystemCheckboxBlankCircleFill["focusable"]
4654
4656
  /** */
4655
- tagName?: SystemCheckboxBlankCircleFillCheck["tagName"]
4657
+ tagName?: SystemCheckboxBlankCircleFill["tagName"]
4656
4658
  }
4657
4659
 
4658
4660
  export type SystemCheckboxBlankCircleLineProps = {
@@ -4668,30 +4670,30 @@ export type SystemCheckboxBlankCircleLineProps = {
4668
4670
  tagName?: SystemCheckboxBlankCircleLine["tagName"]
4669
4671
  }
4670
4672
 
4671
- export type SystemCheckboxCircleFillProps = {
4673
+ export type SystemCheckboxCircleLineProps = {
4672
4674
  /** (optional) The width and height in pixels */
4673
- size?: SystemCheckboxCircleFill["size"]
4675
+ size?: SystemCheckboxCircleLine["size"]
4674
4676
  /** (optional) Sets the icon color via the `fill` attribute */
4675
- selected?: SystemCheckboxCircleFill["selected"]
4677
+ selected?: SystemCheckboxCircleLine["selected"]
4676
4678
  /** (optional) When using the icon standalone, make it meaningful for accessibility */
4677
- accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
4679
+ accessibilityTitle?: SystemCheckboxCircleLine["accessibilityTitle"]
4678
4680
  /** (optional) If `true` the icon can receive focus */
4679
- focusable?: SystemCheckboxCircleFill["focusable"]
4681
+ focusable?: SystemCheckboxCircleLine["focusable"]
4680
4682
  /** */
4681
- tagName?: SystemCheckboxCircleFill["tagName"]
4683
+ tagName?: SystemCheckboxCircleLine["tagName"]
4682
4684
  }
4683
4685
 
4684
- export type SystemCheckboxCircleLineProps = {
4686
+ export type SystemCheckboxCircleFillProps = {
4685
4687
  /** (optional) The width and height in pixels */
4686
- size?: SystemCheckboxCircleLine["size"]
4688
+ size?: SystemCheckboxCircleFill["size"]
4687
4689
  /** (optional) Sets the icon color via the `fill` attribute */
4688
- selected?: SystemCheckboxCircleLine["selected"]
4690
+ selected?: SystemCheckboxCircleFill["selected"]
4689
4691
  /** (optional) When using the icon standalone, make it meaningful for accessibility */
4690
- accessibilityTitle?: SystemCheckboxCircleLine["accessibilityTitle"]
4692
+ accessibilityTitle?: SystemCheckboxCircleFill["accessibilityTitle"]
4691
4693
  /** (optional) If `true` the icon can receive focus */
4692
- focusable?: SystemCheckboxCircleLine["focusable"]
4694
+ focusable?: SystemCheckboxCircleFill["focusable"]
4693
4695
  /** */
4694
- tagName?: SystemCheckboxCircleLine["tagName"]
4696
+ tagName?: SystemCheckboxCircleFill["tagName"]
4695
4697
  }
4696
4698
 
4697
4699
  export type SystemCloseCircleFillProps = {
@@ -5191,6 +5193,17 @@ export type SystemZoomOutLineProps = {
5191
5193
  // Augment Vue's GlobalComponents interface
5192
5194
  declare module 'vue' {
5193
5195
  interface GlobalComponents {
5196
+ /**
5197
+ * Anchor heading is a heading with an anchor link.
5198
+ *
5199
+ * ### CSS Parts:
5200
+ * - **base** - The main anchor heading container.
5201
+ * - **link** - The link of the anchor heading. dap-ds-link element.
5202
+ * - **link-base** - The base of the link part.
5203
+ * - **text** - The text of the anchor heading.
5204
+ * - **link-text** - Alias of the text part.
5205
+ */
5206
+ 'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
5194
5207
  /**
5195
5208
  * An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.
5196
5209
  *
@@ -5214,21 +5227,10 @@ declare module 'vue' {
5214
5227
  * - **open-icon** - The icon when the accordion is opened.
5215
5228
  * - **open-icon-base** - The base of the icon when the accordion is opened.
5216
5229
  * - **close-icon** - The icon when the accordion is closed.
5217
- * - **close-icon-base** - The base of the icon when the accordion is closed.
5218
- * - **heading-text** - The text of the heading.
5219
- */
5220
- 'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
5221
- /**
5222
- * Anchor heading is a heading with an anchor link.
5223
- *
5224
- * ### CSS Parts:
5225
- * - **base** - The main anchor heading container.
5226
- * - **link** - The link of the anchor heading. dap-ds-link element.
5227
- * - **link-base** - The base of the link part.
5228
- * - **text** - The text of the anchor heading.
5229
- * - **link-text** - Alias of the text part.
5230
+ * - **close-icon-base** - The base of the icon when the accordion is closed.
5231
+ * - **heading-text** - The text of the heading.
5230
5232
  */
5231
- 'dap-ds-anchor-heading': DefineCustomElement<DapDSAnchorHeading, DapDSAnchorHeadingProps, {}>
5233
+ 'dap-ds-accordion': DefineCustomElement<DapDSAccordion, DapDSAccordionProps, DapDSAccordionEvents>
5232
5234
  /**
5233
5235
  * Avatar component can be used to display user profile images, initials, or icons.
5234
5236
  *
@@ -5264,16 +5266,6 @@ declare module 'vue' {
5264
5266
  * - **overflow** - The overflow indicator element.
5265
5267
  */
5266
5268
  'dap-ds-avatar-group': DefineCustomElement<DapDSAvatarGroup, DapDSAvatarGroupProps, DapDSAvatarGroupEvents>
5267
- /**
5268
- * An accordion group is a collection of accordion components.
5269
- *
5270
- * ### Slots:
5271
- * - **default** - The content of the accordion group.
5272
- *
5273
- * ### CSS Parts:
5274
- * - **base** - The main accordion group container.
5275
- */
5276
- 'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
5277
5269
  /**
5278
5270
  * A badge is a small status descriptor for UI elements.
5279
5271
  *
@@ -5288,18 +5280,6 @@ declare module 'vue' {
5288
5280
  * - **icon-base** - The base of the icon.
5289
5281
  */
5290
5282
  'dap-ds-badge': DefineCustomElement<DapDSBadge, DapDSBadgeProps, {}>
5291
- /**
5292
- * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
5293
- *
5294
- * ### Slots:
5295
- * - **default** - The content of the breadcrumb.
5296
- * - **separator** - The separator between breadcrumb items. Default is '/'.
5297
- *
5298
- * ### CSS Parts:
5299
- * - **base** - The main breadcrumb container.
5300
- * - **list** - The ordered list holding the breadcrumb items.
5301
- */
5302
- 'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
5303
5283
  /**
5304
5284
  * A banner is a message displayed at the top of the page to provide important information to the user.
5305
5285
  *
@@ -5324,6 +5304,28 @@ declare module 'vue' {
5324
5304
  * - **close-button** - The close button wrapper of the banner.
5325
5305
  */
5326
5306
  'dap-ds-banner': DefineCustomElement<DapDSBanner, DapDSBannerProps, DapDSBannerEvents>
5307
+ /**
5308
+ * A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.
5309
+ *
5310
+ * ### Slots:
5311
+ * - **default** - The content of the breadcrumb.
5312
+ * - **separator** - The separator between breadcrumb items. Default is '/'.
5313
+ *
5314
+ * ### CSS Parts:
5315
+ * - **base** - The main breadcrumb container.
5316
+ * - **list** - The ordered list holding the breadcrumb items.
5317
+ */
5318
+ 'dap-ds-breadcrumb': DefineCustomElement<DapDSBreadcrumb, DapDSBreadcrumbProps, {}>
5319
+ /**
5320
+ * An accordion group is a collection of accordion components.
5321
+ *
5322
+ * ### Slots:
5323
+ * - **default** - The content of the accordion group.
5324
+ *
5325
+ * ### CSS Parts:
5326
+ * - **base** - The main accordion group container.
5327
+ */
5328
+ 'dap-ds-accordion-group': DefineCustomElement<DapDSAccordionGroup, DapDSAccordionGroupProps, {}>
5327
5329
  /**
5328
5330
  * A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.
5329
5331
  *
@@ -5943,6 +5945,19 @@ declare module 'vue' {
5943
5945
  * - **unzoom-button-icon** - The icon of the unzoom button.
5944
5946
  */
5945
5947
  'dap-ds-image-zoom': DefineCustomElement<DapDSImageZoom, DapDSImageZoomProps, DapDSImageZoomEvents>
5948
+ /**
5949
+ * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
5950
+ *
5951
+ * ### CSS Parts:
5952
+ * - **base** - The main label container.
5953
+ * - **label** - Tha main label container. dap-ds-form-label element.
5954
+ * - **label-base** - The label text.
5955
+ * - **label-required** - The required indicator of the label.
5956
+ * - **label-optional** - The optional indicator of the label.
5957
+ * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
5958
+ * - **description** - The description of the label.
5959
+ */
5960
+ 'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
5946
5961
  /**
5947
5962
  * An input is a field used to collect user input.
5948
5963
  *
@@ -5973,19 +5988,6 @@ declare module 'vue' {
5973
5988
  * - **postfix** - The postfix of the input.
5974
5989
  */
5975
5990
  'dap-ds-input': DefineCustomElement<DapDSInput, DapDSInputProps, DapDSInputEvents>
5976
- /**
5977
- * A label is a container for labels intended for general use. It contains a label text, description, and tooltip.
5978
- *
5979
- * ### CSS Parts:
5980
- * - **base** - The main label container.
5981
- * - **label** - Tha main label container. dap-ds-form-label element.
5982
- * - **label-base** - The label text.
5983
- * - **label-required** - The required indicator of the label.
5984
- * - **label-optional** - The optional indicator of the label.
5985
- * - **tooltip** - The tooltip of the label. dap-ds-tooltip element.
5986
- * - **description** - The description of the label.
5987
- */
5988
- 'dap-ds-label': DefineCustomElement<DapDSLabel, DapDSLabelProps, {}>
5989
5991
  /**
5990
5992
  * A link is a reference to a web resource.
5991
5993
  *
@@ -6056,6 +6058,56 @@ declare module 'vue' {
6056
6058
  * - **closebutton** - The close button of the modal.
6057
6059
  */
6058
6060
  'dap-ds-modal': DefineCustomElement<DapDSModal, DapDSModalProps, DapDSModalEvents>
6061
+ /**
6062
+ * A number input component.
6063
+ *
6064
+ * ### Events:
6065
+ * - **dds-change** - Fired when the input value changes.
6066
+ * - **dds-input** - Fired when the input value changes.
6067
+ * - **dds-keydown** - Fired when a key is pressed down.
6068
+ * - **dds-blur** - Fired when the input loses focus.
6069
+ * - **dds-focus** - Emitted when the input gains focus.
6070
+ *
6071
+ * ### Slots:
6072
+ * - **feedback-icon** - The custom icon of the feedback.
6073
+ *
6074
+ * ### CSS Parts:
6075
+ * - **base** - The main number input container.
6076
+ * - **input** - The input element.
6077
+ * - **label** - The label of the input.
6078
+ * - **description** - The description of the input.
6079
+ * - **feedback** - The feedback of the input.
6080
+ * - **tooltip** - The tooltip of the input.
6081
+ * - **addon-before** - The addon before the input.
6082
+ * - **addon-after** - The addon after the input.
6083
+ * - **prefix** - The prefix of the input.
6084
+ * - **postfix** - The postfix of the input.
6085
+ * - **decrement-button** - The decrement button of the input.
6086
+ * - **increment-button** - The increment button of the input.
6087
+ * - **decrement-button-base** - The base of the decrement button.
6088
+ * - **increment-button-base** - The base of the increment button.
6089
+ * - **decrement-button-content** - The content of the decrement button.
6090
+ * - **increment-button-content** - The content of the increment button.
6091
+ * - **decrement-icon** - The icon of the decrement button.
6092
+ * - **decrement-icon-base** - The base of the decrement icon.
6093
+ * - **increment-icon** - The icon of the increment button.
6094
+ * - **increment-icon-base** - The base of the increment icon.
6095
+ * - **label-base** - The base of the label.
6096
+ * - **label-required** - The required indicator of the label.
6097
+ * - **label-optional** - The optional indicator of the label.
6098
+ */
6099
+ 'dap-ds-number-input': DefineCustomElement<DapDSNumberInput, DapDSNumberInputProps, DapDSNumberInputEvents>
6100
+ /**
6101
+ * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
6102
+ *
6103
+ * ### Slots:
6104
+ * - **default** - The content of the notification badge.
6105
+ *
6106
+ * ### CSS Parts:
6107
+ * - **base** - The main container of the notification badge.
6108
+ * - **noty** - The notification badge container.
6109
+ */
6110
+ 'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
6059
6111
  /**
6060
6112
  * A navigation menu item that can contain either a simple link or dropdown content.
6061
6113
  Supports nested items with cascading flyout behavior. Part of the navigation menu system.
@@ -6104,56 +6156,6 @@ Uses semantic HTML (`<nav>`) and proper navigation ARIA attributes.
6104
6156
  * - **base** - The main navigation menu container (nav element).
6105
6157
  */
6106
6158
  'dap-ds-navigation-menu': DefineCustomElement<DapDSNavigationMenu, DapDSNavigationMenuProps, DapDSNavigationMenuEvents>
6107
- /**
6108
- * A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.
6109
- *
6110
- * ### Slots:
6111
- * - **default** - The content of the notification badge.
6112
- *
6113
- * ### CSS Parts:
6114
- * - **base** - The main container of the notification badge.
6115
- * - **noty** - The notification badge container.
6116
- */
6117
- 'dap-ds-notification-badge': DefineCustomElement<DapDSNotificationBadge, DapDSNotificationBadgeProps, {}>
6118
- /**
6119
- * A number input component.
6120
- *
6121
- * ### Events:
6122
- * - **dds-change** - Fired when the input value changes.
6123
- * - **dds-input** - Fired when the input value changes.
6124
- * - **dds-keydown** - Fired when a key is pressed down.
6125
- * - **dds-blur** - Fired when the input loses focus.
6126
- * - **dds-focus** - Emitted when the input gains focus.
6127
- *
6128
- * ### Slots:
6129
- * - **feedback-icon** - The custom icon of the feedback.
6130
- *
6131
- * ### CSS Parts:
6132
- * - **base** - The main number input container.
6133
- * - **input** - The input element.
6134
- * - **label** - The label of the input.
6135
- * - **description** - The description of the input.
6136
- * - **feedback** - The feedback of the input.
6137
- * - **tooltip** - The tooltip of the input.
6138
- * - **addon-before** - The addon before the input.
6139
- * - **addon-after** - The addon after the input.
6140
- * - **prefix** - The prefix of the input.
6141
- * - **postfix** - The postfix of the input.
6142
- * - **decrement-button** - The decrement button of the input.
6143
- * - **increment-button** - The increment button of the input.
6144
- * - **decrement-button-base** - The base of the decrement button.
6145
- * - **increment-button-base** - The base of the increment button.
6146
- * - **decrement-button-content** - The content of the decrement button.
6147
- * - **increment-button-content** - The content of the increment button.
6148
- * - **decrement-icon** - The icon of the decrement button.
6149
- * - **decrement-icon-base** - The base of the decrement icon.
6150
- * - **increment-icon** - The icon of the increment button.
6151
- * - **increment-icon-base** - The base of the increment icon.
6152
- * - **label-base** - The base of the label.
6153
- * - **label-required** - The required indicator of the label.
6154
- * - **label-optional** - The optional indicator of the label.
6155
- */
6156
- 'dap-ds-number-input': DefineCustomElement<DapDSNumberInput, DapDSNumberInputProps, DapDSNumberInputEvents>
6157
6159
  /**
6158
6160
  * An official website banner is a banner that displays that the website is an official website.
6159
6161
  *
@@ -6645,6 +6647,34 @@ Used with dap-ds-select to create grouped options that render as native optgroup
6645
6647
  * - **base** - The main tab content container.
6646
6648
  */
6647
6649
  'dap-ds-tab': DefineCustomElement<DapDSTab, DapDSTabProps, {}>
6650
+ /**
6651
+ * A textarea is a multi-line text input field.
6652
+ *
6653
+ * ### Events:
6654
+ * - **dds-count-change** - Fires when the count of the textarea changes.
6655
+ * - **dds-change** - Fired when the textarea value changes.
6656
+ * - **dds-input** - Fired when the textarea value changes.
6657
+ * - **dds-keydown** - Fired when a key is pressed down.
6658
+ * - **dds-blur** - Fired when the textarea loses focus.
6659
+ * - **dds-focus** - Emitted when the textarea gains focus.
6660
+ * - **dds-select** - Emitted when select text in textarea.
6661
+ *
6662
+ * ### Slots:
6663
+ * - **feedback-icon** - The custom icon of the feedback.
6664
+ *
6665
+ * ### CSS Parts:
6666
+ * - **base** - The main textarea container.
6667
+ * - **input** - The native input of the textarea.
6668
+ * - **counter** - The counter of the textarea.
6669
+ * - **counter-base** - The base of the counter.
6670
+ * - **feedback** - The feedback of the textarea.
6671
+ * - **feedback-base** - The base of the feedback.
6672
+ * - **feedback-text** - The text of the feedback.
6673
+ * - **feedback-icon** - The icon of the feedback.
6674
+ * - **footer** - The footer of the textarea holding the feedback and counter.
6675
+ * - **counter-container** - The container of the counter.
6676
+ */
6677
+ 'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
6648
6678
  /**
6649
6679
  *
6650
6680
  *
@@ -6679,34 +6709,6 @@ Used with dap-ds-select to create grouped options that render as native optgroup
6679
6709
  * - **caption** - The caption of the table.
6680
6710
  */
6681
6711
  'dap-ds-table': DefineCustomElement<DapDSTable, DapDSTableProps, {}>
6682
- /**
6683
- * A textarea is a multi-line text input field.
6684
- *
6685
- * ### Events:
6686
- * - **dds-count-change** - Fires when the count of the textarea changes.
6687
- * - **dds-change** - Fired when the textarea value changes.
6688
- * - **dds-input** - Fired when the textarea value changes.
6689
- * - **dds-keydown** - Fired when a key is pressed down.
6690
- * - **dds-blur** - Fired when the textarea loses focus.
6691
- * - **dds-focus** - Emitted when the textarea gains focus.
6692
- * - **dds-select** - Emitted when select text in textarea.
6693
- *
6694
- * ### Slots:
6695
- * - **feedback-icon** - The custom icon of the feedback.
6696
- *
6697
- * ### CSS Parts:
6698
- * - **base** - The main textarea container.
6699
- * - **input** - The native input of the textarea.
6700
- * - **counter** - The counter of the textarea.
6701
- * - **counter-base** - The base of the counter.
6702
- * - **feedback** - The feedback of the textarea.
6703
- * - **feedback-base** - The base of the feedback.
6704
- * - **feedback-text** - The text of the feedback.
6705
- * - **feedback-icon** - The icon of the feedback.
6706
- * - **footer** - The footer of the textarea holding the feedback and counter.
6707
- * - **counter-container** - The container of the counter.
6708
- */
6709
- 'dap-ds-textarea': DefineCustomElement<DapDSTextarea, DapDSTextareaProps, DapDSTextareaEvents>
6710
6712
  /**
6711
6713
  * A timeline is a graphical representation of a series of events.
6712
6714
  *
@@ -7229,14 +7231,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
7229
7231
  * ### CSS Parts:
7230
7232
  * - **base** - The main icon container.
7231
7233
  */
7232
- 'dap-ds-icon-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
7234
+ 'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
7233
7235
  /**
7234
7236
  * An icon
7235
7237
  *
7236
7238
  * ### CSS Parts:
7237
7239
  * - **base** - The main icon container.
7238
7240
  */
7239
- 'dap-ds-icon-checkbox-blank-circle-fill-check': DefineCustomElement<SystemCheckboxBlankCircleFillCheck, SystemCheckboxBlankCircleFillCheckProps, {}>
7241
+ 'dap-ds-icon-checkbox-blank-circle-fill': DefineCustomElement<SystemCheckboxBlankCircleFill, SystemCheckboxBlankCircleFillProps, {}>
7240
7242
  /**
7241
7243
  * An icon
7242
7244
  *
@@ -7250,14 +7252,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
7250
7252
  * ### CSS Parts:
7251
7253
  * - **base** - The main icon container.
7252
7254
  */
7253
- 'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
7255
+ 'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
7254
7256
  /**
7255
7257
  * An icon
7256
7258
  *
7257
7259
  * ### CSS Parts:
7258
7260
  * - **base** - The main icon container.
7259
7261
  */
7260
- 'dap-ds-icon-checkbox-circle-line': DefineCustomElement<SystemCheckboxCircleLine, SystemCheckboxCircleLineProps, {}>
7262
+ 'dap-ds-icon-checkbox-circle-fill': DefineCustomElement<SystemCheckboxCircleFill, SystemCheckboxCircleFillProps, {}>
7261
7263
  /**
7262
7264
  * An icon
7263
7265
  *
@@ -7531,14 +7533,14 @@ Used with dap-ds-select to create grouped options that render as native optgroup
7531
7533
  declare global {
7532
7534
  namespace JSX {
7533
7535
  interface IntrinsicElements {
7534
- 'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
7535
7536
  'dap-ds-anchor-heading': DapDSAnchorHeadingProps
7537
+ 'dap-ds-accordion': DapDSAccordionProps & DapDSAccordionEvents & DapDSAccordionSlots
7536
7538
  'dap-ds-avatar': DapDSAvatarProps & DapDSAvatarEvents & DapDSAvatarSlots
7537
7539
  'dap-ds-avatar-group': DapDSAvatarGroupProps & DapDSAvatarGroupEvents & DapDSAvatarGroupSlots
7538
- 'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
7539
7540
  'dap-ds-badge': DapDSBadgeProps & DapDSBadgeSlots
7540
- 'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
7541
7541
  'dap-ds-banner': DapDSBannerProps & DapDSBannerEvents & DapDSBannerSlots
7542
+ 'dap-ds-breadcrumb': DapDSBreadcrumbProps & DapDSBreadcrumbSlots
7543
+ 'dap-ds-accordion-group': DapDSAccordionGroupProps & DapDSAccordionGroupSlots
7542
7544
  'dap-ds-breadcrumb-item': DapDSBreadcrumbItemProps & DapDSBreadcrumbItemSlots
7543
7545
  'dap-ds-button': DapDSButtonProps & DapDSButtonEvents & DapDSButtonSlots
7544
7546
  'dap-ds-button-group-separator': DapDSButtonGroupSeparatorProps
@@ -7575,15 +7577,15 @@ declare global {
7575
7577
  'dap-ds-icon': DapDSIconProps & DapDSIconSlots
7576
7578
  'dap-ds-icon-button': DapDSIconButtonProps & DapDSIconButtonSlots
7577
7579
  'dap-ds-image-zoom': DapDSImageZoomProps & DapDSImageZoomEvents & DapDSImageZoomSlots
7578
- 'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
7579
7580
  'dap-ds-label': DapDSLabelProps
7581
+ 'dap-ds-input': DapDSInputProps & DapDSInputEvents & DapDSInputSlots
7580
7582
  'dap-ds-link': DapDSLinkProps & DapDSLinkEvents & DapDSLinkSlots
7581
7583
  'dap-ds-list-item': DapDSListItemProps & DapDSListItemSlots
7582
7584
  'dap-ds-modal': DapDSModalProps & DapDSModalEvents & DapDSModalSlots
7585
+ 'dap-ds-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
7586
+ 'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
7583
7587
  'dap-ds-navigation-menu-item': DapDSNavigationMenuItemProps & DapDSNavigationMenuItemEvents & DapDSNavigationMenuItemSlots
7584
7588
  'dap-ds-navigation-menu': DapDSNavigationMenuProps & DapDSNavigationMenuEvents & DapDSNavigationMenuSlots
7585
- 'dap-ds-notification-badge': DapDSNotificationBadgeProps & DapDSNotificationBadgeSlots
7586
- 'dap-ds-number-input': DapDSNumberInputProps & DapDSNumberInputEvents & DapDSNumberInputSlots
7587
7589
  'dap-ds-official-website-banner': DapDSOfficialWebsiteBannerProps & DapDSOfficialWebsiteBannerEvents & DapDSOfficialWebsiteBannerSlots
7588
7590
  'dap-ds-option-group': DapDSOptionGroupProps & DapDSOptionGroupSlots
7589
7591
  'dap-ds-option-item': DapDSOptionItemProps & DapDSOptionItemSlots
@@ -7611,11 +7613,11 @@ declare global {
7611
7613
  'dap-ds-switch': DapDSSwitchProps & DapDSSwitchEvents
7612
7614
  'dap-ds-tab-group': DapDSTabGroupProps & DapDSTabGroupEvents & DapDSTabGroupSlots
7613
7615
  'dap-ds-tab': DapDSTabProps & DapDSTabSlots
7616
+ 'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
7614
7617
  'dap-ds-table-cell': DapDSTableCellProps & DapDSTableCellSlots
7615
7618
  'dap-ds-table-header': DapDSTableHeaderProps & DapDSTableHeaderSlots
7616
7619
  'dap-ds-table-row': DapDSTableRowProps & DapDSTableRowSlots
7617
7620
  'dap-ds-table': DapDSTableProps & DapDSTableSlots
7618
- 'dap-ds-textarea': DapDSTextareaProps & DapDSTextareaEvents & DapDSTextareaSlots
7619
7621
  'dap-ds-timeline-item': DapDSTimelineItemProps & DapDSTimelineItemSlots
7620
7622
  'dap-ds-timeline': DapDSTimelineProps & DapDSTimelineSlots
7621
7623
  'dap-ds-time-grid': DapDSTimeGridProps & DapDSTimeGridEvents
@@ -7673,11 +7675,11 @@ declare global {
7673
7675
  'dap-ds-icon-alert-line': SystemAlertLineProps
7674
7676
  'dap-ds-icon-check-line': SystemCheckLineProps
7675
7677
  'dap-ds-icon-check-line2': SystemCheckLine2Props
7676
- 'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
7677
7678
  'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheckProps
7679
+ 'dap-ds-icon-checkbox-blank-circle-fill': SystemCheckboxBlankCircleFillProps
7678
7680
  'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLineProps
7679
- 'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
7680
7681
  'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLineProps
7682
+ 'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFillProps
7681
7683
  'dap-ds-icon-close-circle-fill': SystemCloseCircleFillProps
7682
7684
  'dap-ds-icon-close-circle-line': SystemCloseCircleLineProps
7683
7685
  'dap-ds-icon-close-fill': SystemCloseFillProps