@typlog/ui 0.11.5 → 0.11.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.
@@ -428,7 +428,7 @@ indicator: "plus-minus" | "chevron";
428
428
  export declare interface AccordionTriggerProps extends PrimitiveProps {
429
429
  /**
430
430
  * The indicator icon for the accordion trigger.
431
- * @defaultValue "chevron"
431
+ * @default "chevron"
432
432
  */
433
433
  indicator?: 'plus-minus' | 'chevron';
434
434
  }
@@ -492,17 +492,17 @@ export declare interface AvatarProps {
492
492
  fallback?: string;
493
493
  /**
494
494
  * Overrides the radius inherited from the theme.
495
- * @defaultValue "small"
495
+ * @default "small"
496
496
  */
497
497
  radius?: RadiusType;
498
498
  /**
499
499
  * The visual variant to apply.
500
- * @defaultValue "solid"
500
+ * @default "solid"
501
501
  */
502
502
  variant?: 'solid' | 'soft' | 'ring';
503
503
  /**
504
504
  * Control the size of the avatar.
505
- * @defaultValue "2"
505
+ * @default "2"
506
506
  */
507
507
  size?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
508
508
  /** Overrides the accent color inherited from the Theme. */
@@ -522,26 +522,26 @@ highContrast: boolean;
522
522
  export declare interface BadgeProps {
523
523
  /**
524
524
  * The visual variant to apply.
525
- * @defaultValue "solid"
525
+ * @default "solid"
526
526
  */
527
527
  variant?: 'solid' | 'soft' | 'surface' | 'outline';
528
528
  /** Overrides the accent color inherited from the theme. */
529
529
  color?: ColorType;
530
530
  /**
531
531
  * Overrides the radius inherited from the theme.
532
- * @defaultValue "small"
532
+ * @default "small"
533
533
  */
534
534
  radius?: RadiusType;
535
535
  /**
536
536
  * Control the size of the badge.
537
- * @defaultValue "1"
537
+ * @default "1"
538
538
  */
539
539
  size?: '1' | '2' | '3';
540
540
  /** Uses a higher contrast color for the component. */
541
541
  highContrast?: boolean;
542
542
  /**
543
543
  * The element or component this component should render as.
544
- * @defaultValue "span"
544
+ * @default "span"
545
545
  */
546
546
  as?: AsTag;
547
547
  asChild?: boolean;
@@ -561,7 +561,7 @@ highContrast: boolean;
561
561
  declare interface ButtonProps {
562
562
  /**
563
563
  * The visual variant to apply.
564
- * @defaultValue "solid"
564
+ * @default "solid"
565
565
  */
566
566
  variant?: 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
567
567
  /** Overrides the accent color inherited from the Theme. */
@@ -570,7 +570,7 @@ declare interface ButtonProps {
570
570
  radius?: RadiusType;
571
571
  /**
572
572
  * Control the size of the button.
573
- * @defaultValue "2"
573
+ * @default "2"
574
574
  */
575
575
  size?: '1' | '2' | '3' | '4';
576
576
  /** Uses a higher contrast color for the component. */
@@ -579,7 +579,7 @@ declare interface ButtonProps {
579
579
  disabled?: boolean;
580
580
  /**
581
581
  * The element or component this component should render as.
582
- * @defaultValue "button"
582
+ * @default "button"
583
583
  */
584
584
  as?: AsTag | Component;
585
585
  asChild?: boolean;
@@ -882,14 +882,14 @@ size: "1" | "2" | "3";
882
882
  export declare interface EditableProps extends EditableRootProps {
883
883
  /**
884
884
  * Overrides the radius inherited from the theme.
885
- * @defaultValue "small"
885
+ * @default "small"
886
886
  */
887
887
  radius?: RadiusType;
888
888
  /** Overrides the accent color inherited from the theme. */
889
889
  color?: ColorType;
890
890
  /**
891
891
  * Control the size of the padding and radius.
892
- * @defaultValue "1"
892
+ * @default "1"
893
893
  */
894
894
  size?: '1' | '2' | '3';
895
895
  }
@@ -1186,7 +1186,7 @@ export declare interface SocialButtonProps extends PrimitiveProps {
1186
1186
  radius?: RadiusType;
1187
1187
  /**
1188
1188
  * Control the size of the social button.
1189
- * @defaultValue "2"
1189
+ * @default "2"
1190
1190
  */
1191
1191
  size?: '1' | '2' | '3' | '4';
1192
1192
  disabled?: boolean;
@@ -290,13 +290,14 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
290
290
  as: props.as,
291
291
  "data-accent-color": props.color,
292
292
  "data-radius": props.radius,
293
- "data-disabled": props.disabled ? true : void 0
293
+ "data-disabled": props.disabled ? true : void 0,
294
+ disabled: props.disabled && props.as === "button" ? true : void 0
294
295
  }, {
295
296
  default: withCtx(() => [
296
297
  renderSlot(_ctx.$slots, "default")
297
298
  ]),
298
299
  _: 3
299
- }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled"]);
300
+ }, 8, ["class", "as-child", "as", "data-accent-color", "data-radius", "data-disabled", "disabled"]);
300
301
  };
301
302
  }
302
303
  });
@@ -452,14 +453,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
452
453
  "data-gray-color": unref(theme).grayColor.value,
453
454
  "data-radius": props.radius || unref(theme).radius.value,
454
455
  "data-scaling": unref(theme).scaling.value,
455
- "data-has-background": unref(theme).hasBackground.value,
456
456
  "as-child": ""
457
457
  }, {
458
458
  default: withCtx(() => [
459
459
  renderSlot(_ctx.$slots, "default")
460
460
  ]),
461
461
  _: 3
462
- }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling", "data-has-background"]);
462
+ }, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling"]);
463
463
  };
464
464
  }
465
465
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@typlog/ui",
3
- "version": "0.11.5",
3
+ "version": "0.11.6",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "description": "Themed components for Reka UI.",