@flytedan/flytebot-design-system 0.12.4 → 0.12.6

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.
package/dist/index.d.cts CHANGED
@@ -500,8 +500,13 @@ declare function AvatarStack({ people, size, max, className }: AvatarStackProps)
500
500
 
501
501
  /**
502
502
  * A pill of state. Badges never carry actions — if it is clickable it is a Tag.
503
+ *
504
+ * Extends HTMLAttributes so a consumer can pass `title`, `aria-*`, `style` or any other
505
+ * plain span attribute straight through, the same rest-prop passthrough every other kit
506
+ * component follows — a caller that needs one of those never has reason to hand-roll the
507
+ * markup instead of using the component.
503
508
  */
504
- interface BadgeProps {
509
+ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
505
510
  children?: React.ReactNode;
506
511
  /** live = the site's blue gradient "Active". approved = its mint pill. count = the blue number chip. */
507
512
  tone?: "neutral" | "info" | "success" | "warning" | "danger" | "live" | "approved" | "count";
package/dist/index.d.ts CHANGED
@@ -500,8 +500,13 @@ declare function AvatarStack({ people, size, max, className }: AvatarStackProps)
500
500
 
501
501
  /**
502
502
  * A pill of state. Badges never carry actions — if it is clickable it is a Tag.
503
+ *
504
+ * Extends HTMLAttributes so a consumer can pass `title`, `aria-*`, `style` or any other
505
+ * plain span attribute straight through, the same rest-prop passthrough every other kit
506
+ * component follows — a caller that needs one of those never has reason to hand-roll the
507
+ * markup instead of using the component.
503
508
  */
504
- interface BadgeProps {
509
+ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
505
510
  children?: React.ReactNode;
506
511
  /** live = the site's blue gradient "Active". approved = its mint pill. count = the blue number chip. */
507
512
  tone?: "neutral" | "info" | "success" | "warning" | "danger" | "live" | "approved" | "count";