@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.
- package/dist/components.d.ts +14 -14
- package/dist/components.js +4 -4
- package/package.json +1 -1
package/dist/components.d.ts
CHANGED
|
@@ -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
|
-
* @
|
|
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
|
-
* @
|
|
495
|
+
* @default "small"
|
|
496
496
|
*/
|
|
497
497
|
radius?: RadiusType;
|
|
498
498
|
/**
|
|
499
499
|
* The visual variant to apply.
|
|
500
|
-
* @
|
|
500
|
+
* @default "solid"
|
|
501
501
|
*/
|
|
502
502
|
variant?: 'solid' | 'soft' | 'ring';
|
|
503
503
|
/**
|
|
504
504
|
* Control the size of the avatar.
|
|
505
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
532
|
+
* @default "small"
|
|
533
533
|
*/
|
|
534
534
|
radius?: RadiusType;
|
|
535
535
|
/**
|
|
536
536
|
* Control the size of the badge.
|
|
537
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
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
|
-
* @
|
|
1189
|
+
* @default "2"
|
|
1190
1190
|
*/
|
|
1191
1191
|
size?: '1' | '2' | '3' | '4';
|
|
1192
1192
|
disabled?: boolean;
|
package/dist/components.js
CHANGED
|
@@ -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"
|
|
462
|
+
}, 8, ["data-accent-color", "data-gray-color", "data-radius", "data-scaling"]);
|
|
463
463
|
};
|
|
464
464
|
}
|
|
465
465
|
});
|