@bi-digital/react 0.11.11 → 0.12.0

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 (172) hide show
  1. package/dist/{alert-footer-uyWxrEuB.d.mts → alert-footer-Yb_zpMhd.d.mts} +16 -66
  2. package/dist/components/alert/alert-footer.d.mts +1 -1
  3. package/dist/components/alert/alert.d.mts +1 -1
  4. package/dist/components/alert/alert.mjs +6 -7
  5. package/dist/components/alert/alert.mjs.map +1 -1
  6. package/dist/components/alert/index.d.mts +1 -1
  7. package/dist/components/avatar/avatar.d.mts +1 -1
  8. package/dist/components/avatar/avatar.mjs +1 -3
  9. package/dist/components/avatar/avatar.mjs.map +1 -1
  10. package/dist/components/avatar/index.d.mts +1 -1
  11. package/dist/components/badge/badge.d.mts +1 -1
  12. package/dist/components/badge/badge.mjs +1 -3
  13. package/dist/components/badge/badge.mjs.map +1 -1
  14. package/dist/components/badge/index.d.mts +1 -1
  15. package/dist/components/button/button.d.mts +1 -1
  16. package/dist/components/button/button.mjs +1 -2
  17. package/dist/components/button/button.mjs.map +1 -1
  18. package/dist/components/button/index.d.mts +1 -1
  19. package/dist/components/card/card-action.d.mts +1 -1
  20. package/dist/components/card/card-action.mjs +1 -2
  21. package/dist/components/card/card-action.mjs.map +1 -1
  22. package/dist/components/card/card-actions.d.mts +1 -1
  23. package/dist/components/card/card-content.d.mts +1 -1
  24. package/dist/components/card/card-date.d.mts +1 -1
  25. package/dist/components/card/card-header.d.mts +1 -1
  26. package/dist/components/card/card-media.d.mts +1 -1
  27. package/dist/components/card/card.d.mts +1 -1
  28. package/dist/components/card/card.mjs +1 -3
  29. package/dist/components/card/card.mjs.map +1 -1
  30. package/dist/components/card/index.d.mts +1 -1
  31. package/dist/components/checkbox/checkbox-subsection.d.mts +1 -1
  32. package/dist/components/checkbox/checkbox-subsection.mjs +1 -2
  33. package/dist/components/checkbox/checkbox-subsection.mjs.map +1 -1
  34. package/dist/components/checkbox/checkbox.d.mts +1 -1
  35. package/dist/components/checkbox/checkbox.mjs +3 -3
  36. package/dist/components/checkbox/checkbox.mjs.map +1 -1
  37. package/dist/components/checkbox/index.d.mts +1 -1
  38. package/dist/components/chip/chip.d.mts +1 -1
  39. package/dist/components/chip/chip.mjs +1 -3
  40. package/dist/components/chip/chip.mjs.map +1 -1
  41. package/dist/components/chip/index.d.mts +1 -1
  42. package/dist/components/details/details-content.d.mts +1 -1
  43. package/dist/components/details/details-summary.d.mts +1 -1
  44. package/dist/components/details/details.d.mts +1 -1
  45. package/dist/components/details/details.mjs +1 -2
  46. package/dist/components/details/details.mjs.map +1 -1
  47. package/dist/components/details/index.d.mts +1 -1
  48. package/dist/components/dialog/dialog-close-button.d.mts +1 -1
  49. package/dist/components/dialog/dialog-content.d.mts +1 -1
  50. package/dist/components/dialog/dialog-footer.d.mts +1 -1
  51. package/dist/components/dialog/dialog-header.d.mts +1 -1
  52. package/dist/components/dialog/dialog-trigger.d.mts +1 -1
  53. package/dist/components/dialog/dialog.d.mts +1 -1
  54. package/dist/components/dialog/dialog.mjs +1 -2
  55. package/dist/components/dialog/dialog.mjs.map +1 -1
  56. package/dist/components/dialog/index.d.mts +1 -1
  57. package/dist/components/dropdown/dropdown-button.d.mts +1 -1
  58. package/dist/components/dropdown/dropdown-trigger-context.d.mts +1 -1
  59. package/dist/components/dropdown/dropdown-trigger.d.mts +1 -1
  60. package/dist/components/dropdown/dropdown.d.mts +1 -1
  61. package/dist/components/dropdown/index.d.mts +1 -1
  62. package/dist/components/field/field-affix.d.mts +1 -1
  63. package/dist/components/field/field-description.d.mts +1 -1
  64. package/dist/components/field/field.d.mts +1 -1
  65. package/dist/components/field/field.mjs +1 -2
  66. package/dist/components/field/field.mjs.map +1 -1
  67. package/dist/components/field/index.d.mts +1 -1
  68. package/dist/components/fieldset/fieldset-description.d.mts +1 -1
  69. package/dist/components/fieldset/fieldset-legend.d.mts +1 -1
  70. package/dist/components/fieldset/fieldset-legend.mjs +1 -2
  71. package/dist/components/fieldset/fieldset-legend.mjs.map +1 -1
  72. package/dist/components/fieldset/fieldset.d.mts +1 -1
  73. package/dist/components/fieldset/fieldset.mjs +1 -2
  74. package/dist/components/fieldset/fieldset.mjs.map +1 -1
  75. package/dist/components/fieldset/index.d.mts +1 -1
  76. package/dist/components/filter-group/filter-group.d.mts +1 -1
  77. package/dist/components/filter-group/filter-group.mjs +1 -2
  78. package/dist/components/filter-group/filter-group.mjs.map +1 -1
  79. package/dist/components/filter-group/index.d.mts +1 -1
  80. package/dist/components/footer/footer.d.mts +1 -1
  81. package/dist/components/footer/footer.mjs +1 -6
  82. package/dist/components/footer/footer.mjs.map +1 -1
  83. package/dist/components/footer/index.d.mts +1 -1
  84. package/dist/components/index.d.mts +1 -1
  85. package/dist/components/input/index.d.mts +1 -1
  86. package/dist/components/input/input.d.mts +1 -1
  87. package/dist/components/input/input.mjs +1 -2
  88. package/dist/components/input/input.mjs.map +1 -1
  89. package/dist/components/label/index.d.mts +1 -1
  90. package/dist/components/label/label.d.mts +1 -1
  91. package/dist/components/label/label.mjs +1 -2
  92. package/dist/components/label/label.mjs.map +1 -1
  93. package/dist/components/link/index.d.mts +1 -1
  94. package/dist/components/link/link.d.mts +1 -1
  95. package/dist/components/link/link.mjs +1 -2
  96. package/dist/components/link/link.mjs.map +1 -1
  97. package/dist/components/logo/index.d.mts +1 -1
  98. package/dist/components/logo/logo.d.mts +1 -1
  99. package/dist/components/logo/logo.mjs +2 -3
  100. package/dist/components/logo/logo.mjs.map +1 -1
  101. package/dist/components/navbar/index.d.mts +1 -1
  102. package/dist/components/navbar/navbar.d.mts +1 -1
  103. package/dist/components/navbar/navbar.mjs +3 -3
  104. package/dist/components/navbar/navbar.mjs.map +1 -1
  105. package/dist/components/navbar/sub-navbar.d.mts +1 -1
  106. package/dist/components/navbar/sub-navbar.mjs +2 -2
  107. package/dist/components/navbar/sub-navbar.mjs.map +1 -1
  108. package/dist/components/pagination/index.d.mts +1 -1
  109. package/dist/components/pagination/pagination-button.d.mts +1 -1
  110. package/dist/components/pagination/pagination.d.mts +1 -1
  111. package/dist/components/pagination/pagination.mjs +1 -2
  112. package/dist/components/pagination/pagination.mjs.map +1 -1
  113. package/dist/components/popover/index.d.mts +1 -1
  114. package/dist/components/popover/popover-trigger.d.mts +1 -1
  115. package/dist/components/popover/popover.d.mts +1 -1
  116. package/dist/components/popover/popover.mjs +1 -2
  117. package/dist/components/popover/popover.mjs.map +1 -1
  118. package/dist/components/radio/index.d.mts +1 -1
  119. package/dist/components/radio/radio.d.mts +1 -1
  120. package/dist/components/radio/radio.mjs +3 -3
  121. package/dist/components/radio/radio.mjs.map +1 -1
  122. package/dist/components/search/index.d.mts +1 -1
  123. package/dist/components/search/search.d.mts +1 -1
  124. package/dist/components/search/search.mjs +3 -4
  125. package/dist/components/search/search.mjs.map +1 -1
  126. package/dist/components/select/index.d.mts +1 -1
  127. package/dist/components/select/select-optgroup.d.mts +1 -1
  128. package/dist/components/select/select-option.d.mts +1 -1
  129. package/dist/components/select/select.d.mts +1 -1
  130. package/dist/components/select/select.mjs +1 -2
  131. package/dist/components/select/select.mjs.map +1 -1
  132. package/dist/components/selectfield/index.d.mts +1 -1
  133. package/dist/components/selectfield/selectfield.d.mts +1 -1
  134. package/dist/components/selectfield/selectfield.mjs +3 -3
  135. package/dist/components/selectfield/selectfield.mjs.map +1 -1
  136. package/dist/components/skip-link/index.d.mts +1 -1
  137. package/dist/components/skip-link/skip-link.d.mts +1 -1
  138. package/dist/components/skip-link/skip-link.mjs +1 -2
  139. package/dist/components/skip-link/skip-link.mjs.map +1 -1
  140. package/dist/components/spinner/index.d.mts +1 -1
  141. package/dist/components/spinner/spinner.d.mts +1 -1
  142. package/dist/components/switch/index.d.mts +1 -1
  143. package/dist/components/switch/switch.d.mts +1 -1
  144. package/dist/components/switch/switch.mjs +3 -3
  145. package/dist/components/switch/switch.mjs.map +1 -1
  146. package/dist/components/tabs/index.d.mts +1 -1
  147. package/dist/components/tabs/tab.d.mts +1 -1
  148. package/dist/components/tabs/tabs-list.d.mts +1 -1
  149. package/dist/components/tabs/tabs-panel.d.mts +1 -1
  150. package/dist/components/tabs/tabs.d.mts +1 -1
  151. package/dist/components/tabs/tabs.mjs +1 -2
  152. package/dist/components/tabs/tabs.mjs.map +1 -1
  153. package/dist/components/textarea/index.d.mts +1 -1
  154. package/dist/components/textarea/textarea.d.mts +1 -1
  155. package/dist/components/textarea/textarea.mjs +1 -2
  156. package/dist/components/textarea/textarea.mjs.map +1 -1
  157. package/dist/components/textfield/index.d.mts +1 -1
  158. package/dist/components/textfield/textfield.d.mts +1 -1
  159. package/dist/components/textfield/textfield.mjs +3 -4
  160. package/dist/components/textfield/textfield.mjs.map +1 -1
  161. package/dist/components/tooltip/index.d.mts +1 -1
  162. package/dist/components/tooltip/tooltip.d.mts +1 -1
  163. package/dist/components/validation-message/index.d.mts +1 -1
  164. package/dist/components/validation-message/validation-message.d.mts +1 -1
  165. package/dist/main.d.mts +1 -1
  166. package/dist/react-types.d.ts +34 -0
  167. package/dist/{types-BXsMIYrD.d.mts → types-C0q7hMe_.d.mts} +2 -8
  168. package/dist/types.d.mts +1 -1
  169. package/dist/utilities/hooks/index.d.mts +1 -1
  170. package/dist/utilities/hooks/usePagination/usePagination.d.mts +1 -1
  171. package/dist/utilities/index.d.mts +1 -1
  172. package/package.json +6 -3
package/dist/{alert-footer-uyWxrEuB.d.mts → alert-footer-Yb_zpMhd.d.mts} RENAMED
@@ -1,4 +1,4 @@
1
- import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-BXsMIYrD.mjs";
1
+ import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-C0q7hMe_.mjs";
2
2
  import { r as PopoverTriggerContextProps } from "./popover-trigger-context-BLjAozBn.mjs";
3
3
  import { t as MergeRight } from "./types-74lJC5tL.mjs";
4
4
  import { DSTabElement, DSTabListElement, DSTabPanelElement, DSTabsElement } from "@digdir/designsystemet-web";
@@ -9,11 +9,6 @@ import { Middleware, Placement } from "@floating-ui/dom";
9
9
 
10
10
  //#region src/components/alert/alert.d.ts
11
11
  type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
12
- /**
13
- * The alert variant.
14
- * @default 'primary'
15
- */
16
- variant?: 'info' | 'success' | 'warning' | 'alert' | 'primary' | 'neutral';
17
12
  /**
18
13
  * Size of the alert.
19
14
  * @default 'medium'
@@ -32,10 +27,9 @@ declare const Alert: ({
32
27
  className,
33
28
  children,
34
29
  closeButton,
35
- variant,
30
+ "data-color": color,
36
31
  icon,
37
32
  asChild,
38
- dark,
39
33
  size,
40
34
  ref,
41
35
  ...rest
@@ -52,11 +46,6 @@ type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
52
46
  * @default 'medium'
53
47
  */
54
48
  size?: 'small' | 'medium';
55
- /**
56
- * Color scheme of the avatar.
57
- * @default 'primary'
58
- */
59
- color?: 'primary' | 'info' | 'success' | 'warning' | 'alert';
60
49
  ref?: Ref<HTMLSpanElement>;
61
50
  }>;
62
51
  /**
@@ -74,9 +63,7 @@ declare const Avatar: ({
74
63
  "aria-label": ariaLabel,
75
64
  className,
76
65
  ref,
77
- dark,
78
66
  size,
79
- color,
80
67
  children,
81
68
  ...props
82
69
  }: AvatarProps) => _$react_jsx_runtime0.JSX.Element;
@@ -88,11 +75,6 @@ type BadgeProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLSp
88
75
  * @default 'medium'
89
76
  */
90
77
  size?: 'xs' | 'small' | 'medium';
91
- /**
92
- * Color of the badge.
93
- * @default 'neutral'
94
- */
95
- color: 'neutral' | 'success' | 'warning' | 'alert' | 'brand' | 'info' | 'negative';
96
78
  /**
97
79
  * Makes the badge have the same height/width. Use for single-letter badges.
98
80
  * @default false
@@ -103,9 +85,7 @@ type BadgeProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLSp
103
85
  declare const Badge: ({
104
86
  className,
105
87
  children,
106
- dark,
107
88
  size,
108
- color,
109
89
  singleLetter,
110
90
  asChild,
111
91
  ref,
@@ -163,7 +143,6 @@ declare const Button: ({
163
143
  variant,
164
144
  size,
165
145
  fullwidth,
166
- dark,
167
146
  submitting,
168
147
  icon,
169
148
  children,
@@ -183,11 +162,6 @@ type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
183
162
  * @default 'horizontal'
184
163
  */
185
164
  orientation?: 'horizontal' | 'vertical';
186
- /**
187
- * The color of the card
188
- * @default 'neutral'
189
- */
190
- color?: 'neutral' | 'primary' | 'info' | 'warning';
191
165
  error?: boolean;
192
166
  /**
193
167
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
@@ -198,9 +172,7 @@ type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
198
172
  }>;
199
173
  declare const Card: ({
200
174
  orientation,
201
- color,
202
175
  error,
203
- dark,
204
176
  className,
205
177
  ref,
206
178
  children,
@@ -225,7 +197,6 @@ declare const CardAction: ({
225
197
  asChild,
226
198
  ref,
227
199
  children,
228
- dark,
229
200
  className,
230
201
  ...props
231
202
  }: CardActionProps) => _$react_jsx_runtime0.JSX.Element;
@@ -346,7 +317,6 @@ declare const Input: ({
346
317
  className,
347
318
  onChange,
348
319
  onClick,
349
- dark,
350
320
  readOnly,
351
321
  ref,
352
322
  ...props
@@ -362,7 +332,6 @@ type CheckboxProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | '
362
332
  ref?: Ref<HTMLInputElement>;
363
333
  }>;
364
334
  declare const Checkbox: ({
365
- dark,
366
335
  label,
367
336
  description,
368
337
  error,
@@ -372,6 +341,8 @@ declare const Checkbox: ({
372
341
  indeterminate,
373
342
  ref,
374
343
  id,
344
+ "data-color": color,
345
+ "data-color-scheme": colorScheme,
375
346
  "aria-describedby": ariaDescribedByProp,
376
347
  ...props
377
348
  }: CheckboxProps) => _$react_jsx_runtime0.JSX.Element;
@@ -383,7 +354,6 @@ type CheckboxSubsectionProps = MergeRight<DefaultProps & HtmlHTMLAttributes<HTML
383
354
  declare const CheckboxSubsection: ({
384
355
  children,
385
356
  className,
386
- dark,
387
357
  ref,
388
358
  ...props
389
359
  }: CheckboxSubsectionProps) => _$react_jsx_runtime0.JSX.Element;
@@ -394,12 +364,7 @@ type ChipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
394
364
  * The chip size
395
365
  * @default 'medium'
396
366
  */
397
- size?: 'small' | 'medium' | 'large';
398
- /**
399
- * The chip color
400
- * @default 'primary'
401
- */
402
- color?: 'neutral' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success'; /** Set an icon before the chip label */
367
+ size?: 'small' | 'medium' | 'large'; /** Set an icon before the chip label */
403
368
  startIcon?: ReactNode;
404
369
  ref?: Ref<HTMLDivElement>;
405
370
  /**
@@ -415,10 +380,8 @@ type ChipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
415
380
  }>;
416
381
  declare const Chip: ({
417
382
  children,
418
- color,
419
383
  size,
420
384
  startIcon,
421
- dark,
422
385
  selected,
423
386
  asChild,
424
387
  className,
@@ -470,7 +433,6 @@ type DetailsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDetailsElement>
470
433
  declare const Details: ({
471
434
  className,
472
435
  children,
473
- dark,
474
436
  open,
475
437
  defaultOpen,
476
438
  onToggle,
@@ -584,7 +546,6 @@ declare const Dialog: ({
584
546
  onAnimationEnd,
585
547
  onClose,
586
548
  open,
587
- dark,
588
549
  ref,
589
550
  ...rest
590
551
  }: DialogProps) => _$react_jsx_runtime0.JSX.Element;
@@ -769,7 +730,6 @@ declare const Popover: ({
769
730
  disableAutoPlacement,
770
731
  positionMiddleware,
771
732
  padding,
772
- dark,
773
733
  arrow,
774
734
  asChild,
775
735
  ref,
@@ -927,7 +887,6 @@ type FieldProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLDi
927
887
  */
928
888
  declare const Field: ({
929
889
  className,
930
- dark,
931
890
  position,
932
891
  fullwidth,
933
892
  asChild,
@@ -994,7 +953,6 @@ type FieldsetProps = MergeRight<DefaultProps & FieldsetHTMLAttributes<HTMLFieldS
994
953
  declare const Fieldset: ({
995
954
  children,
996
955
  className,
997
- dark,
998
956
  ref,
999
957
  ...props
1000
958
  }: FieldsetProps) => _$react_jsx_runtime0.JSX.Element;
@@ -1021,7 +979,6 @@ type LabelProps = MergeRight<DefaultProps & AsChildProps & LabelHTMLAttributes<H
1021
979
  declare const Label: ({
1022
980
  className,
1023
981
  weight,
1024
- dark,
1025
982
  asChild,
1026
983
  ref,
1027
984
  ...props
@@ -1033,7 +990,6 @@ type FieldsetLegendProps = MergeRight<LabelProps & HTMLAttributes<HTMLLegendElem
1033
990
  }>;
1034
991
  declare const FieldsetLegend: ({
1035
992
  children,
1036
- dark,
1037
993
  ref,
1038
994
  ...props
1039
995
  }: FieldsetLegendProps) => _$react_jsx_runtime0.JSX.Element;
@@ -1048,7 +1004,6 @@ type FilterGroupProps = MergeRight<DefaultProps & AsChildProps & HtmlHTMLAttribu
1048
1004
  ref?: Ref<HTMLDivElement>;
1049
1005
  }>;
1050
1006
  declare const FilterGroup: ({
1051
- dark,
1052
1007
  icon,
1053
1008
  label,
1054
1009
  defaultOpen,
@@ -1085,7 +1040,6 @@ type FooterProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
1085
1040
  ref?: Ref<HTMLDivElement>;
1086
1041
  }>;
1087
1042
  declare const Footer: ({
1088
- dark,
1089
1043
  copyRightText,
1090
1044
  hideAccreditationIcons,
1091
1045
  hideSocialMediaIcons,
@@ -1122,7 +1076,6 @@ declare const Link: ({
1122
1076
  asChild,
1123
1077
  className,
1124
1078
  color,
1125
- dark,
1126
1079
  underline,
1127
1080
  ref,
1128
1081
  ...rest
@@ -1155,7 +1108,6 @@ type LogoProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>,
1155
1108
  }>;
1156
1109
  declare const Logo: ({
1157
1110
  pride,
1158
- dark,
1159
1111
  international,
1160
1112
  vertical,
1161
1113
  size,
@@ -1197,7 +1149,6 @@ type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
1197
1149
  ref?: Ref<HTMLElement>;
1198
1150
  }>;
1199
1151
  declare const Navbar: ({
1200
- dark,
1201
1152
  fixed,
1202
1153
  transparent,
1203
1154
  homeAriaLabel,
@@ -1215,7 +1166,6 @@ type SubNavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>,
1215
1166
  ref?: Ref<HTMLElement>;
1216
1167
  }>;
1217
1168
  declare const SubNavbar: ({
1218
- dark,
1219
1169
  children,
1220
1170
  className,
1221
1171
  ref,
@@ -1228,7 +1178,6 @@ type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>,
1228
1178
  }>;
1229
1179
  declare const Pagination: ({
1230
1180
  className,
1231
- dark,
1232
1181
  ref,
1233
1182
  children,
1234
1183
  ...props
@@ -1256,7 +1205,6 @@ type RadioProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'rol
1256
1205
  ref?: Ref<HTMLInputElement>;
1257
1206
  }>;
1258
1207
  declare const Radio: ({
1259
- dark,
1260
1208
  label,
1261
1209
  description,
1262
1210
  error,
@@ -1265,6 +1213,8 @@ declare const Radio: ({
1265
1213
  className,
1266
1214
  ref,
1267
1215
  id,
1216
+ "data-color": color,
1217
+ "data-color-scheme": colorScheme,
1268
1218
  "aria-describedby": ariaDescribedByProp,
1269
1219
  ...props
1270
1220
  }: RadioProps) => _$react_jsx_runtime0.JSX.Element;
@@ -1292,9 +1242,10 @@ declare const Search: ({
1292
1242
  clearAriaLabel,
1293
1243
  size,
1294
1244
  ref,
1295
- dark,
1296
1245
  style,
1297
1246
  fullwidth,
1247
+ "data-color": color,
1248
+ "data-color-scheme": colorScheme,
1298
1249
  ...props
1299
1250
  }: SearchProps) => _$react_jsx_runtime0.JSX.Element;
1300
1251
  //#endregion
@@ -1310,7 +1261,6 @@ type SelectProps = MergeRight<DefaultProps & Omit<SelectHTMLAttributes<HTMLSelec
1310
1261
  }>;
1311
1262
  declare const Select: ({
1312
1263
  className,
1313
- dark,
1314
1264
  onKeyDown,
1315
1265
  onMouseDown,
1316
1266
  size,
@@ -1346,7 +1296,6 @@ type SelectfieldProps = MergeRight<LabelRequiredProps & SelectProps, {
1346
1296
  }>;
1347
1297
  declare const Selectfield: ({
1348
1298
  children,
1349
- dark,
1350
1299
  label,
1351
1300
  description,
1352
1301
  error,
@@ -1355,6 +1304,8 @@ declare const Selectfield: ({
1355
1304
  fullwidth,
1356
1305
  ref,
1357
1306
  id: idProp,
1307
+ "data-color": color,
1308
+ "data-color-scheme": colorScheme,
1358
1309
  "aria-describedby": ariaDescribedByProp,
1359
1310
  ...props
1360
1311
  }: SelectfieldProps) => _$react_jsx_runtime0.JSX.Element;
@@ -1367,7 +1318,6 @@ declare const SkipLink: ({
1367
1318
  asChild,
1368
1319
  children,
1369
1320
  className,
1370
- dark,
1371
1321
  ...props
1372
1322
  }: SkipLinkProps) => _$react_jsx_runtime0.JSX.Element;
1373
1323
  //#endregion
@@ -1401,7 +1351,6 @@ type SwitchProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'ro
1401
1351
  ref?: Ref<HTMLInputElement>;
1402
1352
  }>;
1403
1353
  declare const Switch: ({
1404
- dark,
1405
1354
  label,
1406
1355
  error,
1407
1356
  fullwidth,
@@ -1409,6 +1358,8 @@ declare const Switch: ({
1409
1358
  className,
1410
1359
  ref,
1411
1360
  id,
1361
+ "data-color": color,
1362
+ "data-color-scheme": colorScheme,
1412
1363
  position,
1413
1364
  ...props
1414
1365
  }: SwitchProps) => _$react_jsx_runtime0.JSX.Element;
@@ -1433,7 +1384,6 @@ declare const Tabs: ({
1433
1384
  onChange,
1434
1385
  children,
1435
1386
  className,
1436
- dark,
1437
1387
  ref,
1438
1388
  ...props
1439
1389
  }: TabsProps) => _$react_jsx_runtime0.JSX.Element;
@@ -1486,7 +1436,6 @@ type TextareaProps = MergeRight<DefaultProps & Omit<TextareaHTMLAttributes<HTMLT
1486
1436
  }>;
1487
1437
  declare const Textarea: ({
1488
1438
  className,
1489
- dark,
1490
1439
  size,
1491
1440
  ref,
1492
1441
  ...props
@@ -1516,7 +1465,6 @@ type TextfieldProps = BaseTextfieldProps & // We use either Textarea or Input pr
1516
1465
  ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
1517
1466
  };
1518
1467
  declare const Textfield: ({
1519
- dark,
1520
1468
  label,
1521
1469
  description,
1522
1470
  error,
@@ -1528,6 +1476,8 @@ declare const Textfield: ({
1528
1476
  fullwidth,
1529
1477
  ref,
1530
1478
  id: idProp,
1479
+ "data-color": color,
1480
+ "data-color-scheme": colorScheme,
1531
1481
  "aria-describedby": ariaDescribedByProp,
1532
1482
  ...props
1533
1483
  }: TextfieldProps) => _$react_jsx_runtime0.JSX.Element;
@@ -1690,4 +1640,4 @@ declare const AlertFooter: ({
1690
1640
  }: AlertFooterProps) => _$react_jsx_runtime0.JSX.Element;
1691
1641
  //#endregion
1692
1642
  export { Footer as $, Checkbox as $t, SelectfieldProps as A, PopoverProps as At, RadioProps as B, DialogContentProps as Bt, Switch as C, Alert as Cn, DropdownButton as Ct, SkipLink as D, PopoverTrigger as Dt, SpinnerProps as E, DropdownProps as Et, Select as F, DialogFooter as Ft, SubNavbar as G, DetailsContent as Gt, PaginationButtonProps as H, DialogProps as Ht, SelectProps as I, DialogFooterProps as It, NavbarProps as J, DetailsProps as Jt, SubNavbarProps as K, DetailsContentProps as Kt, Search as L, DialogHeader as Lt, SelectOptgroupProps as M, DialogCloseButtonProps as Mt, SelectOption as N, DialogTrigger as Nt, SkipLinkProps as O, PopoverTriggerProps as Ot, SelectOptionProps as P, DialogTriggerProps as Pt, LinkProps as Q, CheckboxSubsectionProps as Qt, SearchProps as R, DialogHeaderProps as Rt, TabsProps as S, AvatarProps as Sn, DropdownTriggerProps as St, Spinner as T, Dropdown as Tt, Pagination as U, DetailsSummary as Ut, PaginationButton as V, Dialog as Vt, PaginationProps as W, DetailsSummaryProps as Wt, LogoProps as X, ChipProps as Xt, Logo as Y, Chip as Yt, Link as Z, CheckboxSubsection as Zt, Tab as _, Button as _n, Field as _t, ValidationMessage as a, CardMedia as an, Label as at, Tabs as b, BadgeProps as bn, DropdownTriggerContextProps as bt, TooltipProps as c, CardHeaderProps as cn, FieldsetDescriptionProps as ct, Textarea as d, CardAction as dn, FieldAffix as dt, CheckboxProps as en, FooterProps as et, TextareaProps as f, CardActionProps as fn, FieldAffixProps as ft, TabsListProps as g, CardProps as gn, FieldDescriptionProps as gt, TabsList as h, Card as hn, FieldDescription as ht, usePagination as i, CardDateProps as in, FieldsetLegendProps as it, SelectOptgroup as j, DialogCloseButton as jt, Selectfield as k, Popover as kt, Textfield as l, CardContent as ln, Fieldset as lt, TabsPanelProps as m, CardActionsProps as mn, FieldAffixesProps as mt, AlertFooterProps as n, InputProps as nn, FilterGroupProps as nt, ValidationMessageProps as o, CardMediaProps as on, LabelProps as ot, TabsPanel as p, CardActions as pn, FieldAffixes as pt, Navbar as q, Details as qt, UsePaginationProps as r, CardDate as rn, FieldsetLegend as rt, Tooltip as s, CardHeader as sn, FieldsetDescription as st, AlertFooter as t, Input as tn, FilterGroup as tt, TextfieldProps as u, CardContentProps as un, FieldsetProps as ut, TabProps as v, ButtonProps as vn, FieldProps as vt, SwitchProps as w, AlertProps as wn, DropdownButtonProps as wt, TabsContext as x, Avatar as xn, DropdownTrigger as xt, Context as y, Badge as yn, DropdownTriggerContext as yt, Radio as z, DialogContent as zt };
1693
- //# sourceMappingURL=alert-footer-uyWxrEuB.d.mts.map
1643
+ //# sourceMappingURL=alert-footer-Yb_zpMhd.d.mts.map
package/dist/components/alert/alert-footer.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { n as AlertFooterProps, t as AlertFooter } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { n as AlertFooterProps, t as AlertFooter } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { AlertFooter, AlertFooterProps };
package/dist/components/alert/alert.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { Cn as Alert, wn as AlertProps } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { Cn as Alert, wn as AlertProps } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Alert, AlertProps };
package/dist/components/alert/alert.mjs CHANGED
@@ -1,24 +1,23 @@
1
1
  import clsx from "clsx/lite";
2
2
  import { Slot } from "@radix-ui/react-slot";
3
- import { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from "@bi-digital/icons";
3
+ import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from "@bi-digital/icons";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  //#region src/components/alert/alert.tsx
6
- const variantIcons = {
6
+ const colorIcons = {
7
7
  info: InfoIcon,
8
- success: CheckmarkSmallIcon,
8
+ success: SuccessIcon,
9
9
  warning: WarningIcon,
10
10
  alert: ErrorIcon,
11
11
  primary: InfoIcon,
12
12
  neutral: InfoIcon
13
13
  };
14
- const Alert = ({ className, children, closeButton, variant = "primary", icon, asChild, dark, size, ref, ...rest }) => {
14
+ const Alert = ({ className, children, closeButton, "data-color": color = "primary", icon, asChild, size, ref, ...rest }) => {
15
15
  const Component = asChild ? Slot : "div";
16
- const DefaultIcon = variantIcons[variant];
16
+ const DefaultIcon = colorIcons[color];
17
17
  return /* @__PURE__ */ jsxs(Component, {
18
18
  className: clsx("bi-alert", className),
19
- "data-variant": variant,
19
+ "data-color": color,
20
20
  "data-size": size,
21
- "data-dark": dark,
22
21
  ref,
23
22
  ...rest,
24
23
  children: [
package/dist/components/alert/alert.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from '@bi-digital/icons';\n\nexport type AlertProps = MergeRight<\n DefaultProps & HTMLAttributes<HTMLDivElement>,\n {\n /**\n * The alert variant.\n * @default 'primary'\n */\n variant?: 'info' | 'success' | 'warning' | 'alert' | 'primary' | 'neutral';\n /**\n * Size of the alert.\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n /** Custom close button. It's your responsibility to make the button close the alert. */\n closeButton?: ReactNode;\n /** Override the default icon which is decided by the `variant`. Set to `null` to remove the icon. */\n icon?: ReactNode;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nconst variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType> = {\n info: InfoIcon,\n success: CheckmarkSmallIcon,\n warning: WarningIcon,\n alert: ErrorIcon,\n primary: InfoIcon,\n neutral: InfoIcon,\n};\n\nexport const Alert = ({\n className,\n children,\n closeButton,\n variant = 'primary',\n icon,\n asChild,\n dark,\n size,\n ref,\n ...rest\n}: AlertProps) => {\n const Component = asChild ? Slot : 'div';\n const DefaultIcon = variantIcons[variant];\n return (\n <Component\n className={clsx('bi-alert', className)}\n data-variant={variant}\n data-size={size}\n data-dark={dark}\n ref={ref}\n {...rest}\n >\n {icon === null ? null : (icon ?? <DefaultIcon />)}\n {children}\n {closeButton}\n </Component>\n );\n};\n"],"mappings":";;;;;AAiCA,MAAM,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,SAAS,EACpB,WACA,UACA,aACA,UAAU,WACV,MACA,SACA,MACA,MACA,KACA,GAAG,WACa;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,aAAa;CACjC,OACE,qBAAC,WAAD;EACE,WAAW,KAAK,YAAY,UAAU;EACtC,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;YANN;GAQG,SAAS,OAAO,OAAQ,QAAQ,oBAAC,aAAD,EAAe,CAAA;GAC/C;GACA;GACS"}
1
+ {"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from '@bi-digital/icons';\n\nexport type AlertProps = MergeRight<\n DefaultProps & HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Size of the alert.\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n /** Custom close button. It's your responsibility to make the button close the alert. */\n closeButton?: ReactNode;\n /** Override the default icon which is decided by the `variant`. Set to `null` to remove the icon. */\n icon?: ReactNode;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nconst colorIcons: Record<NonNullable<AlertProps['data-color']>, React.ComponentType> = {\n info: InfoIcon,\n success: SuccessIcon,\n warning: WarningIcon,\n alert: ErrorIcon,\n primary: InfoIcon,\n neutral: InfoIcon,\n};\n\nexport const Alert = ({\n className,\n children,\n closeButton,\n 'data-color': color = 'primary',\n icon,\n asChild,\n size,\n ref,\n ...rest\n}: AlertProps) => {\n const Component = asChild ? Slot : 'div';\n const DefaultIcon = colorIcons[color];\n return (\n <Component className={clsx('bi-alert', className)} data-color={color} data-size={size} ref={ref} {...rest}>\n {icon === null ? null : (icon ?? <DefaultIcon />)}\n {children}\n {closeButton}\n </Component>\n );\n};\n"],"mappings":";;;;;AA4BA,MAAM,aAAiF;CACrF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,SAAS,EACpB,WACA,UACA,aACA,cAAc,QAAQ,WACtB,MACA,SACA,MACA,KACA,GAAG,WACa;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,WAAW;CAC/B,OACE,qBAAC,WAAD;EAAW,WAAW,KAAK,YAAY,UAAU;EAAE,cAAY;EAAO,aAAW;EAAW;EAAK,GAAI;YAArG;GACG,SAAS,OAAO,OAAQ,QAAQ,oBAAC,aAAD,EAAe,CAAA;GAC/C;GACA;GACS"}
package/dist/components/alert/index.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { Cn as Alert, n as AlertFooterProps, t as AlertFooter, wn as AlertProps } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { Cn as Alert, n as AlertFooterProps, t as AlertFooter, wn as AlertProps } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Alert, AlertFooter, AlertFooterProps, AlertProps };
package/dist/components/avatar/avatar.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { Sn as AvatarProps, xn as Avatar } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { Sn as AvatarProps, xn as Avatar } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Avatar, AvatarProps };
package/dist/components/avatar/avatar.mjs CHANGED
@@ -14,7 +14,7 @@ import { Fragment } from "react";
14
14
  * <img src='…' alt='Ola Nordmann' />
15
15
  * </Avatar>
16
16
  */
17
- const Avatar = ({ "aria-label": ariaLabel, className, ref, dark, size, color, children, ...props }) => {
17
+ const Avatar = ({ "aria-label": ariaLabel, className, ref, size, children, ...props }) => {
18
18
  const isSlotInUse = children && typeof children !== "string";
19
19
  const Component = isSlotInUse ? Slot : Fragment;
20
20
  return /* @__PURE__ */ jsx("span", {
@@ -22,8 +22,6 @@ const Avatar = ({ "aria-label": ariaLabel, className, ref, dark, size, color, ch
22
22
  "aria-label": ariaLabel,
23
23
  role: "img",
24
24
  "data-size": size,
25
- "data-color": color,
26
- "data-dark": dark,
27
25
  ref,
28
26
  ...props,
29
27
  children: /* @__PURE__ */ jsx(Component, {
package/dist/components/avatar/avatar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.mjs","names":[],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { Fragment, type HTMLAttributes, type Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type AvatarProps = MergeRight<\n DefaultProps & HTMLAttributes<HTMLSpanElement>,\n {\n /**\n * Name of the person the avatar represents.\n */\n 'aria-label': string;\n /**\n * Size of the avatar.\n * @default 'medium'\n */\n size?: 'small' | 'medium';\n /**\n * Color scheme of the avatar.\n * @default 'primary'\n */\n color?: 'primary' | 'info' | 'success' | 'warning' | 'alert';\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\n/**\n * An Avatar represents a person.\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">ON</Avatar>\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">\n * <img src='…' alt='Ola Nordmann' />\n * </Avatar>\n */\nexport const Avatar = ({\n 'aria-label': ariaLabel,\n className,\n ref,\n dark,\n size,\n color,\n children,\n ...props\n}: AvatarProps) => {\n const isSlotInUse = children && typeof children !== 'string';\n const Component = isSlotInUse ? Slot : Fragment;\n return (\n <span\n className={clsx('bi-avatar', className)}\n aria-label={ariaLabel}\n role='img'\n data-size={size}\n data-color={color}\n data-dark={dark}\n ref={ref}\n {...props}\n >\n <Component {...(isSlotInUse ? { 'aria-hidden': true } : {})}>{children}</Component>\n </span>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAa,UAAU,EACrB,cAAc,WACd,WACA,KACA,MACA,MACA,OACA,UACA,GAAG,YACc;CACjB,MAAM,cAAc,YAAY,OAAO,aAAa;CACpD,MAAM,YAAY,cAAc,OAAO;CACvC,OACE,oBAAC,QAAD;EACE,WAAW,KAAK,aAAa,UAAU;EACvC,cAAY;EACZ,MAAK;EACL,aAAW;EACX,cAAY;EACZ,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC,WAAD;GAAW,GAAK,cAAc,EAAE,eAAe,MAAM,GAAG,EAAE;GAAI;GAAqB,CAAA;EAC9E,CAAA"}
1
+ {"version":3,"file":"avatar.mjs","names":[],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { Fragment, type HTMLAttributes, type Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type AvatarProps = MergeRight<\n DefaultProps & HTMLAttributes<HTMLSpanElement>,\n {\n /**\n * Name of the person the avatar represents.\n */\n 'aria-label': string;\n /**\n * Size of the avatar.\n * @default 'medium'\n */\n size?: 'small' | 'medium';\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\n/**\n * An Avatar represents a person.\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">ON</Avatar>\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">\n * <img src='…' alt='Ola Nordmann' />\n * </Avatar>\n */\nexport const Avatar = ({ 'aria-label': ariaLabel, className, ref, size, children, ...props }: AvatarProps) => {\n const isSlotInUse = children && typeof children !== 'string';\n const Component = isSlotInUse ? Slot : Fragment;\n return (\n <span\n className={clsx('bi-avatar', className)}\n aria-label={ariaLabel}\n role='img'\n data-size={size}\n ref={ref}\n {...props}\n >\n <Component {...(isSlotInUse ? { 'aria-hidden': true } : {})}>{children}</Component>\n </span>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAa,UAAU,EAAE,cAAc,WAAW,WAAW,KAAK,MAAM,UAAU,GAAG,YAAyB;CAC5G,MAAM,cAAc,YAAY,OAAO,aAAa;CACpD,MAAM,YAAY,cAAc,OAAO;CACvC,OACE,oBAAC,QAAD;EACE,WAAW,KAAK,aAAa,UAAU;EACvC,cAAY;EACZ,MAAK;EACL,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC,WAAD;GAAW,GAAK,cAAc,EAAE,eAAe,MAAM,GAAG,EAAE;GAAI;GAAqB,CAAA;EAC9E,CAAA"}
package/dist/components/avatar/index.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { Sn as AvatarProps, xn as Avatar } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { Sn as AvatarProps, xn as Avatar } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Avatar, AvatarProps };
package/dist/components/badge/badge.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { bn as BadgeProps, yn as Badge } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { bn as BadgeProps, yn as Badge } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Badge, BadgeProps };
package/dist/components/badge/badge.mjs CHANGED
@@ -2,13 +2,11 @@ import { Slot } from "@radix-ui/react-slot";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import clsx from "clsx";
4
4
  //#region src/components/badge/badge.tsx
5
- const Badge = ({ className, children, dark, size = "medium", color = "neutral", singleLetter = false, asChild, ref, ...props }) => {
5
+ const Badge = ({ className, children, size = "medium", singleLetter = false, asChild, ref, ...props }) => {
6
6
  return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
7
7
  className: clsx("bi-badge", className),
8
8
  "data-size": size,
9
- "data-color": color,
10
9
  "data-single-letter": singleLetter,
11
- "data-dark": dark,
12
10
  ref,
13
11
  ...props,
14
12
  children
package/dist/components/badge/badge.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.mjs","names":[],"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import { HTMLAttributes, Ref } from 'react';\nimport { AsChildProps, DefaultProps } from '../../types';\nimport { MergeRight } from '../../utilities';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nexport type BadgeProps = MergeRight<\n DefaultProps & AsChildProps & HTMLAttributes<HTMLSpanElement>,\n {\n /**\n * Size of the badge.\n * @default 'medium'\n */\n size?: 'xs' | 'small' | 'medium';\n /**\n * Color of the badge.\n * @default 'neutral'\n */\n color: 'neutral' | 'success' | 'warning' | 'alert' | 'brand' | 'info' | 'negative';\n /**\n * Makes the badge have the same height/width. Use for single-letter badges.\n * @default false\n */\n singleLetter?: boolean;\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\nexport const Badge = ({\n className,\n children,\n dark,\n size = 'medium',\n color = 'neutral',\n singleLetter = false,\n asChild,\n ref,\n ...props\n}: BadgeProps) => {\n const Component = asChild ? Slot : 'span';\n\n return (\n <Component\n className={clsx('bi-badge', className)}\n data-size={size}\n data-color={color}\n data-single-letter={singleLetter}\n data-dark={dark}\n ref={ref}\n {...props}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;AA4BA,MAAa,SAAS,EACpB,WACA,UACA,MACA,OAAO,UACP,QAAQ,WACR,eAAe,OACf,SACA,KACA,GAAG,YACa;CAGhB,OACE,oBAHgB,UAAU,OAAO,QAGjC;EACE,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,cAAY;EACZ,sBAAoB;EACpB,aAAW;EACN;EACL,GAAI;EAEH;EACS,CAAA"}
1
+ {"version":3,"file":"badge.mjs","names":[],"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import { HTMLAttributes, Ref } from 'react';\nimport { AsChildProps, DefaultProps } from '../../types';\nimport { MergeRight } from '../../utilities';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nexport type BadgeProps = MergeRight<\n DefaultProps & AsChildProps & HTMLAttributes<HTMLSpanElement>,\n {\n /**\n * Size of the badge.\n * @default 'medium'\n */\n size?: 'xs' | 'small' | 'medium';\n /**\n * Makes the badge have the same height/width. Use for single-letter badges.\n * @default false\n */\n singleLetter?: boolean;\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\nexport const Badge = ({\n className,\n children,\n size = 'medium',\n singleLetter = false,\n asChild,\n ref,\n ...props\n}: BadgeProps) => {\n const Component = asChild ? Slot : 'span';\n\n return (\n <Component\n className={clsx('bi-badge', className)}\n data-size={size}\n data-single-letter={singleLetter}\n ref={ref}\n {...props}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;AAuBA,MAAa,SAAS,EACpB,WACA,UACA,OAAO,UACP,eAAe,OACf,SACA,KACA,GAAG,YACa;CAGhB,OACE,oBAHgB,UAAU,OAAO,QAGjC;EACE,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,sBAAoB;EACf;EACL,GAAI;EAEH;EACS,CAAA"}
package/dist/components/badge/index.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { bn as BadgeProps, yn as Badge } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { bn as BadgeProps, yn as Badge } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Badge, BadgeProps };
package/dist/components/button/button.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { _n as Button, vn as ButtonProps } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { _n as Button, vn as ButtonProps } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Button, ButtonProps };
package/dist/components/button/button.mjs CHANGED
@@ -4,7 +4,7 @@ import clsx from "clsx/lite";
4
4
  import { Slot, Slottable } from "@radix-ui/react-slot";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  //#region src/components/button/button.tsx
7
- const Button = ({ asChild, variant = "filled", size = "medium", fullwidth, dark, submitting, icon, children, className, startIcon, endIcon, skewed, active, ref, ...props }) => {
7
+ const Button = ({ asChild, variant = "filled", size = "medium", fullwidth, submitting, icon, children, className, startIcon, endIcon, skewed, active, ref, ...props }) => {
8
8
  return /* @__PURE__ */ jsxs(asChild ? Slot : "button", {
9
9
  "aria-busy": Boolean(submitting) || void 0,
10
10
  "aria-disabled": Boolean(submitting) || void 0,
@@ -12,7 +12,6 @@ const Button = ({ asChild, variant = "filled", size = "medium", fullwidth, dark,
12
12
  "data-variant": variant,
13
13
  "data-size": size,
14
14
  "data-fullwidth": fullwidth || void 0,
15
- "data-dark": dark || void 0,
16
15
  "data-icon": icon || void 0,
17
16
  "data-active": active || void 0,
18
17
  "data-skewed": skewed || void 0,
package/dist/components/button/button.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.mjs","names":[],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { Spinner } from '../spinner';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type ButtonProps = MergeRight<\n DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>,\n {\n /**\n * The button size.\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n /**\n * The button variant.\n * @default 'filled'\n */\n variant?: 'filled' | 'outlined' | 'text' | 'flat';\n /**\n * Stretch the button to the full width.\n * @default false\n */\n fullwidth?: boolean;\n /**\n * Display a loading animation with the Spinner-component.\n * Replaces the `startIcon` if used\n * @default false\n */\n submitting?: boolean;\n /**\n * Display as icon-button, only use when showing an icon as the label.\n * Not compatible with the `startIcon`, `endIcon` and `fullwidth` props.\n * Always provide a descriptive aria-label for accessibility when set to true.\n * @default false\n */\n icon?: boolean;\n /** Set an icon before the button label, no effect if `icon=true` */\n startIcon?: ReactNode;\n /** Set an icon after the button label, no effect if `icon=true` */\n endIcon?: ReactNode;\n /** Skew the button */\n skewed?: 'start' | 'end';\n /** Make the button active by showing an active state. */\n active?: boolean;\n ref?: Ref<HTMLButtonElement>;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n /**\n * Specify the type of button. Unset when `asChild` is true\n * @default 'button'\n */\n type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n }\n>;\n\nexport const Button = ({\n asChild,\n variant = 'filled',\n size = 'medium',\n fullwidth,\n dark,\n submitting,\n icon,\n children,\n className,\n startIcon,\n endIcon,\n skewed,\n active,\n ref,\n ...props\n}: ButtonProps) => {\n const Component = asChild ? Slot : 'button';\n\n return (\n <Component\n aria-busy={Boolean(submitting) || undefined}\n aria-disabled={Boolean(submitting) || undefined}\n className={clsx('bi-button', className)}\n data-variant={variant}\n data-size={size}\n data-fullwidth={fullwidth || undefined}\n data-dark={dark || undefined}\n data-icon={icon || undefined}\n data-active={active || undefined}\n data-skewed={skewed || undefined}\n ref={ref}\n /* don't set type when we use `asChild` */\n type={asChild ? undefined : 'button'}\n /* if consumers set type, our default does not set anything, as `rest` contains this */\n {...props}\n >\n {!icon &&\n (submitting ? (\n <Spinner aria-hidden='true' className='bi-button--start-icon' />\n ) : (\n startIcon && <span className='bi-button--start-icon'>{startIcon}</span>\n ))}\n <Slottable>{icon && submitting ? <Spinner aria-hidden='true' /> : children}</Slottable>\n {!icon && endIcon && <span className='bi-button--end-icon'>{endIcon}</span>}\n </Component>\n );\n};\n"],"mappings":";;;;;;AA4DA,MAAa,UAAU,EACrB,SACA,UAAU,UACV,OAAO,UACP,WACA,MACA,YACA,MACA,UACA,WACA,WACA,SACA,QACA,QACA,KACA,GAAG,YACc;CAGjB,OACE,qBAHgB,UAAU,OAAO,UAGjC;EACE,aAAW,QAAQ,WAAW,IAAI,KAAA;EAClC,iBAAe,QAAQ,WAAW,IAAI,KAAA;EACtC,WAAW,KAAK,aAAa,UAAU;EACvC,gBAAc;EACd,aAAW;EACX,kBAAgB,aAAa,KAAA;EAC7B,aAAW,QAAQ,KAAA;EACnB,aAAW,QAAQ,KAAA;EACnB,eAAa,UAAU,KAAA;EACvB,eAAa,UAAU,KAAA;EAClB;EAEL,MAAM,UAAU,KAAA,IAAY;EAE5B,GAAI;YAfN;GAiBG,CAAC,SACC,aACC,oBAAC,SAAD;IAAS,eAAY;IAAO,WAAU;IAA0B,CAAA,GAEhE,aAAa,oBAAC,QAAD;IAAM,WAAU;cAAyB;IAAiB,CAAA;GAE3E,oBAAC,WAAD,EAAA,UAAY,QAAQ,aAAa,oBAAC,SAAD,EAAS,eAAY,QAAS,CAAA,GAAG,UAAqB,CAAA;GACtF,CAAC,QAAQ,WAAW,oBAAC,QAAD;IAAM,WAAU;cAAuB;IAAe,CAAA;GACjE"}
1
+ {"version":3,"file":"button.mjs","names":[],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { Spinner } from '../spinner';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type ButtonProps = MergeRight<\n DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>,\n {\n /**\n * The button size.\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n /**\n * The button variant.\n * @default 'filled'\n */\n variant?: 'filled' | 'outlined' | 'text' | 'flat';\n /**\n * Stretch the button to the full width.\n * @default false\n */\n fullwidth?: boolean;\n /**\n * Display a loading animation with the Spinner-component.\n * Replaces the `startIcon` if used\n * @default false\n */\n submitting?: boolean;\n /**\n * Display as icon-button, only use when showing an icon as the label.\n * Not compatible with the `startIcon`, `endIcon` and `fullwidth` props.\n * Always provide a descriptive aria-label for accessibility when set to true.\n * @default false\n */\n icon?: boolean;\n /** Set an icon before the button label, no effect if `icon=true` */\n startIcon?: ReactNode;\n /** Set an icon after the button label, no effect if `icon=true` */\n endIcon?: ReactNode;\n /** Skew the button */\n skewed?: 'start' | 'end';\n /** Make the button active by showing an active state. */\n active?: boolean;\n ref?: Ref<HTMLButtonElement>;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n /**\n * Specify the type of button. Unset when `asChild` is true\n * @default 'button'\n */\n type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n }\n>;\n\nexport const Button = ({\n asChild,\n variant = 'filled',\n size = 'medium',\n fullwidth,\n submitting,\n icon,\n children,\n className,\n startIcon,\n endIcon,\n skewed,\n active,\n ref,\n ...props\n}: ButtonProps) => {\n const Component = asChild ? Slot : 'button';\n\n return (\n <Component\n aria-busy={Boolean(submitting) || undefined}\n aria-disabled={Boolean(submitting) || undefined}\n className={clsx('bi-button', className)}\n data-variant={variant}\n data-size={size}\n data-fullwidth={fullwidth || undefined}\n data-icon={icon || undefined}\n data-active={active || undefined}\n data-skewed={skewed || undefined}\n ref={ref}\n /* don't set type when we use `asChild` */\n type={asChild ? undefined : 'button'}\n /* if consumers set type, our default does not set anything, as `rest` contains this */\n {...props}\n >\n {!icon &&\n (submitting ? (\n <Spinner aria-hidden='true' className='bi-button--start-icon' />\n ) : (\n startIcon && <span className='bi-button--start-icon'>{startIcon}</span>\n ))}\n <Slottable>{icon && submitting ? <Spinner aria-hidden='true' /> : children}</Slottable>\n {!icon && endIcon && <span className='bi-button--end-icon'>{endIcon}</span>}\n </Component>\n );\n};\n"],"mappings":";;;;;;AA4DA,MAAa,UAAU,EACrB,SACA,UAAU,UACV,OAAO,UACP,WACA,YACA,MACA,UACA,WACA,WACA,SACA,QACA,QACA,KACA,GAAG,YACc;CAGjB,OACE,qBAHgB,UAAU,OAAO,UAGjC;EACE,aAAW,QAAQ,WAAW,IAAI,KAAA;EAClC,iBAAe,QAAQ,WAAW,IAAI,KAAA;EACtC,WAAW,KAAK,aAAa,UAAU;EACvC,gBAAc;EACd,aAAW;EACX,kBAAgB,aAAa,KAAA;EAC7B,aAAW,QAAQ,KAAA;EACnB,eAAa,UAAU,KAAA;EACvB,eAAa,UAAU,KAAA;EAClB;EAEL,MAAM,UAAU,KAAA,IAAY;EAE5B,GAAI;YAdN;GAgBG,CAAC,SACC,aACC,oBAAC,SAAD;IAAS,eAAY;IAAO,WAAU;IAA0B,CAAA,GAEhE,aAAa,oBAAC,QAAD;IAAM,WAAU;cAAyB;IAAiB,CAAA;GAE3E,oBAAC,WAAD,EAAA,UAAY,QAAQ,aAAa,oBAAC,SAAD,EAAS,eAAY,QAAS,CAAA,GAAG,UAAqB,CAAA;GACtF,CAAC,QAAQ,WAAW,oBAAC,QAAD;IAAM,WAAU;cAAuB;IAAe,CAAA;GACjE"}
package/dist/components/button/index.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { _n as Button, vn as ButtonProps } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { _n as Button, vn as ButtonProps } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Button, ButtonProps };
package/dist/components/card/card-action.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { dn as CardAction, fn as CardActionProps } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { dn as CardAction, fn as CardActionProps } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { CardAction, CardActionProps };
package/dist/components/card/card-action.mjs CHANGED
@@ -4,12 +4,11 @@ import clsx from "clsx/lite";
4
4
  import { Slot } from "@radix-ui/react-slot";
5
5
  import { jsx } from "react/jsx-runtime";
6
6
  //#region src/components/card/card-action.tsx
7
- const CardAction = ({ asChild, ref, children, dark, className, ...props }) => {
7
+ const CardAction = ({ asChild, ref, children, className, ...props }) => {
8
8
  return /* @__PURE__ */ jsx(asChild ? Slot : Button, {
9
9
  variant: "text",
10
10
  size: "large",
11
11
  icon: true,
12
- dark,
13
12
  className: clsx("bi-card--action", className),
14
13
  ref,
15
14
  ...props,
package/dist/components/card/card-action.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"card-action.mjs","names":[],"sources":["../../../src/components/card/card-action.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Button, type ButtonProps } from '../button';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type CardActionProps = ButtonProps;\n\nexport const CardAction = ({ asChild, ref, children, dark, className, ...props }: CardActionProps) => {\n const Component = asChild ? Slot : Button;\n return (\n <Component\n variant='text'\n size='large'\n icon\n dark={dark}\n className={clsx('bi-card--action', className)}\n ref={ref}\n {...props}\n >\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;AAMA,MAAa,cAAc,EAAE,SAAS,KAAK,UAAU,MAAM,WAAW,GAAG,YAA6B;CAEpG,OACE,oBAFgB,UAAU,OAAO,QAEjC;EACE,SAAQ;EACR,MAAK;EACL,MAAA;EACM;EACN,WAAW,KAAK,mBAAmB,UAAU;EACxC;EACL,GAAI;EAEH;EACS,CAAA"}
1
+ {"version":3,"file":"card-action.mjs","names":[],"sources":["../../../src/components/card/card-action.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Button, type ButtonProps } from '../button';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type CardActionProps = ButtonProps;\n\nexport const CardAction = ({ asChild, ref, children, className, ...props }: CardActionProps) => {\n const Component = asChild ? Slot : Button;\n return (\n <Component variant='text' size='large' icon className={clsx('bi-card--action', className)} ref={ref} {...props}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;AAMA,MAAa,cAAc,EAAE,SAAS,KAAK,UAAU,WAAW,GAAG,YAA6B;CAE9F,OACE,oBAFgB,UAAU,OAAO,QAEjC;EAAW,SAAQ;EAAO,MAAK;EAAQ,MAAA;EAAK,WAAW,KAAK,mBAAmB,UAAU;EAAO;EAAK,GAAI;EACtG;EACS,CAAA"}
package/dist/components/card/card-actions.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { mn as CardActionsProps, pn as CardActions } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { mn as CardActionsProps, pn as CardActions } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { CardActions, CardActionsProps };
package/dist/components/card/card-content.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { ln as CardContent, un as CardContentProps } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { ln as CardContent, un as CardContentProps } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { CardContent, CardContentProps };
package/dist/components/card/card-date.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { in as CardDateProps, rn as CardDate } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { in as CardDateProps, rn as CardDate } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { CardDate, CardDateProps };
package/dist/components/card/card-header.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { cn as CardHeaderProps, sn as CardHeader } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { cn as CardHeaderProps, sn as CardHeader } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { CardHeader, CardHeaderProps };
package/dist/components/card/card-media.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { an as CardMedia, on as CardMediaProps } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { an as CardMedia, on as CardMediaProps } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { CardMedia, CardMediaProps };
package/dist/components/card/card.d.mts CHANGED
@@ -1,2 +1,2 @@
1
- import { gn as CardProps, hn as Card } from "../../alert-footer-uyWxrEuB.mjs";
1
+ import { gn as CardProps, hn as Card } from "../../alert-footer-Yb_zpMhd.mjs";
2
2
  export { Card, CardProps };