@uzum-tech/ui 0.1.1 → 1.0.0

package/lib/checkbox/src/Checkbox.d.ts

@@ -1,21 +1,6 @@
 import { type PropType } from 'vue';
-import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
-import type { OnUpdateChecked, CheckboxInst } from './interface';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const checkboxProps: {
-    size: PropType<"small" | "medium" | "large">;
-    checked: {
-        type: PropType<string | number | boolean | undefined>;
-        default: undefined;
-    };
-    defaultChecked: {
-        type: PropType<string | number | boolean>;
-        default: boolean;
-    };
-    value: PropType<string | number>;
-    disabled: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
     indeterminate: BooleanConstructor;
     label: StringConstructor;
     description: StringConstructor;
@@ -31,6 +16,21 @@ export declare const checkboxProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    privateInsideTable: BooleanConstructor;
+    size: PropType<"small" | "medium" | "large">;
+    checked: {
+        type: PropType<string | number | boolean | undefined>;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    value: PropType<string | number>;
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     checkedValue: {
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
@@ -39,135 +39,168 @@ export declare const checkboxProps: {
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
-    'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
-    onUpdateChecked: PropType<MaybeArray<OnUpdateChecked>>;
-    privateInsideTable: BooleanConstructor;
-    onChange: PropType<MaybeArray<OnUpdateChecked>>;
+    'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
+    onUpdateChecked: PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
     theme: PropType<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>>;
 };
 export type CheckboxProps = ExtractPublicPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
-    size: PropType<"small" | "medium" | "large">;
-    checked: {
-        type: PropType<string | number | boolean | undefined>;
-        default: undefined;
-    };
-    defaultChecked: {
-        type: PropType<string | number | boolean>;
-        default: boolean;
-    };
-    value: PropType<string | number>;
-    disabled: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
     indeterminate: BooleanConstructor;
     label: StringConstructor;
     description: StringConstructor;
@@ -183,6 +216,21 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    privateInsideTable: BooleanConstructor;
+    size: PropType<"small" | "medium" | "large">;
+    checked: {
+        type: PropType<string | number | boolean | undefined>;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    value: PropType<string | number>;
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     checkedValue: {
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
@@ -191,281 +239,330 @@ declare const _default: import("vue").DefineComponent<{
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
-    'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
-    onUpdateChecked: PropType<MaybeArray<OnUpdateChecked>>;
-    privateInsideTable: BooleanConstructor;
-    onChange: PropType<MaybeArray<OnUpdateChecked>>;
+    'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
+    onUpdateChecked: PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
     theme: PropType<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>>;
-}, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & CheckboxInst & {
+}, import("../../_internal").UseCheckbox & {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    selfRef: import("vue").Ref<HTMLDivElement | null>;
     mergedClsPrefix: import("vue").Ref<string>;
-    mergedDisabled: import("vue").ComputedRef<boolean>;
-    renderedChecked: import("vue").ComputedRef<boolean>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            tertiaryColor: string;
-            tertiaryColorHover: string;
-            tertiaryColorActive: string;
-            tertiaryColorSuppl: string;
-            tertiaryElements: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textTertiary: string;
-            boxShadowHover: string;
-            boxShadowFocus: string;
-            boxShadowHoverChecked: string;
-            boxShadowFocusChecked: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            borderTagColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
             scrollbarColor: string;
             scrollbarColorHover: string;
             scrollbarWidth: string;
             scrollbarHeight: string;
             scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            avatarTextColor: string;
-            avatarIconColor: string;
-            invertedColor: string;
-            tooltipColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
             opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
+            brandPrimary50: string;
+            brandPrimary100: string;
+            brandPrimary200: string;
+            brandPrimary300: string;
+            brandPrimary400: string;
+            brandPrimary500: string;
+            brandPrimary550: string;
+            brandPrimary600: string;
+            brandSecondary500: string;
+            brandSecondary300: string;
+            brandSecondary600: string;
+            brandTertiary500: string;
+            brandTertiary300: string;
+            brandTertiary600: string;
+            brandQuaternary500: string;
+            brandQuaternary300: string;
+            brandQuaternary600: string;
+            brandQuinary500: string;
+            brandQuinary300: string;
+            brandQuinary600: string;
+            brandQuinary100: string;
+            surfacePrimary: string;
+            surfaceSecondary: string;
+            containerPrimary: string;
+            containerSecondary: string;
+            textPrimary: string;
+            textSecondary: string;
+            textTertiary: string;
+            textQuaternary: string;
+            textBrand: string;
+            elementsPrimary: string;
+            elementsSecondary: string;
+            elementsTertiary: string;
+            elementsQuaternary: string;
+            elementsQuinary: string;
+            elementsDarkQuinary: string;
+            elementsSenary: string;
+            elementsOnContainer: string;
+            transparencyPrimary: string;
+            transparencySecondary: string;
+            transparencyTertiary: string;
+            transparencyQuinary: string;
+            transparencyModal: string;
+            staticBlack: string;
+            staticDarkGrey: string;
+            staticWhite: string;
+            staticRed: string;
+            staticOrange: string;
+            staticGreen: string;
+            staticErrorAccent: string;
+            shadowDepth2: string;
             fontFamily: string;
             fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
             cubicBezierEaseInOut: string;
             cubicBezierEaseOut: string;
             cubicBezierEaseIn: string;
-            borderWidth: number;
-            borderTagWidth: number;
+            borderRadiusLarge: string;
             borderRadius: string;
+            borderRadiusMedium: string;
             borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
+            borderRadiusTiny: string;
             heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;
             heightLarge: string;
             heightHuge: string;
+            fontDisplayLarge: string;
+            fontDisplaySmall: string;
+            fontHeadingLarge: string;
+            fontHeadingMedium: string;
+            fontHeadingSmall: string;
+            fontTitleLarge: string;
+            fontTitleMedium: string;
+            fontTitleSmall: string;
+            fontBodyLarge: string;
+            fontBodyMedium: string;
+            fontBodySmall: string;
+            lineHeightDisplayLarge: string;
+            lineHeightDisplaySmall: string;
+            lineHeightHeadingLarge: string;
+            lineHeightHeadingMedium: string;
+            lineHeightHeadingSmall: string;
+            lineHeightTitleLarge: string;
+            lineHeightTitleMedium: string;
+            lineHeightTitleSmall: string;
+            lineHeightBodyLarge: string;
+            lineHeightBodyMedium: string;
+            lineHeightBodySmall: string;
+            fontWeight: string;
+            fontWeightStrong: string;
+            fontWeightBold: string;
+            iconSmall: string;
+            iconMedium: string;
+            iconLarge: string;
+            iconHuge: string;
+            closeSmall: string;
+            closeMedium: string;
+            closeLarge: string;
+            closeHuge: string;
+            closeBorderRadius: string;
             name: "common";
         };
         self: {
-            labelLineHeight: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
+            fontWeight: string;
+            textColor: string;
+            descriptionTextColor: string;
+            textColorDisabled: string;
+            descriptionTextColorDisabled: string;
             fontSizeLarge: string;
+            fontSizeMedium: string;
+            fontSizeSmall: string;
+            lineHeightLarge: string;
+            lineHeightMedium: string;
+            lineHeightSmall: string;
+            borderRadiusLarge: string;
+            borderRadiusMedium: string;
+            borderRadiusSmall: string;
             color: string;
+            colorHover: string;
+            colorFocus: string;
+            colorActive: string;
             colorChecked: string;
+            colorHoverChecked: string;
+            colorFocusChecked: string;
+            colorActiveChecked: string;
             colorDisabled: string;
             colorDisabledChecked: string;
-            colorTableHeader: string;
-            colorTableHeaderModal: string;
-            colorTableHeaderPopover: string;
             checkMarkColor: string;
+            checkMarkColorHover: string;
+            checkMarkColorFocus: string;
+            checkMarkColorActive: string;
             checkMarkColorDisabled: string;
             checkMarkColorDisabledChecked: string;
             border: string;
-            borderDisabled: string;
-            borderDisabledChecked: string;
             borderHover: string;
-            borderChecked: string;
             borderFocus: string;
+            borderActive: string;
+            borderChecked: string;
+            borderHoverChecked: string;
+            borderFocusChecked: string;
+            borderActiveChecked: string;
+            borderDisabled: string;
+            borderDisabledChecked: string;
             boxShadowHover: string;
             boxShadowFocus: string;
             boxShadowActive: string;
             boxShadowHoverChecked: string;
             boxShadowFocusChecked: string;
             boxShadowActiveChecked: string;
-            textColor: string;
             sizeSmall: string;
             sizeMedium: string;
             sizeLarge: string;
             labelPadding: string;
-            labelFontWeight: string;
-            borderRadiusLarge: string;
-            borderRadiusSmall: string;
         };
         peers: any;
         peerOverrides: {
@@ -473,19 +570,25 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     labelId: string;
-    handleClick: (e: MouseEvent) => void;
-    handleKeyUp: (e: KeyboardEvent) => void;
-    handleKeyDown: (e: KeyboardEvent) => void;
     cssVars: import("vue").ComputedRef<{
-        '--u-label-line-height': string;
-        '--u-label-font-weight': string;
-        '--u-size': string;
         '--u-bezier': string;
+        '--u-text-color': string;
+        '--u-text-color-disabled': string;
+        '--u-description-text-color': string;
+        '--u-description-text-color-disabled': string;
+        '--u-font-size': string;
+        '--u-line-height': string;
+        '--u-font-weight': string;
+        '--u-size': string;
         '--u-border-radius': string;
         '--u-border': string;
         '--u-border-hover': string;
-        '--u-border-checked': string;
         '--u-border-focus': string;
+        '--u-border-active': string;
+        '--u-border-checked': string;
+        '--u-border-hover-checked': string;
+        '--u-border-focus-checked': string;
+        '--u-border-active-checked': string;
         '--u-border-disabled': string;
         '--u-border-disabled-checked': string;
         '--u-box-shadow-hover': string;
@@ -495,19 +598,21 @@ declare const _default: import("vue").DefineComponent<{
         '--u-box-shadow-focus-checked': string;
         '--u-box-shadow-active-checked': string;
         '--u-color': string;
+        '--u-color-hover': string;
+        '--u-color-focus': string;
+        '--u-color-active': string;
         '--u-color-checked': string;
-        '--u-color-table': string;
-        '--u-color-table-modal': string;
-        '--u-color-table-popover': string;
+        '--u-color-hover-checked': string;
+        '--u-color-focus-checked': string;
+        '--u-color-active-checked': string;
         '--u-color-disabled': string;
         '--u-color-disabled-checked': string;
-        '--u-text-color': string;
-        '--u-text-color-disabled': string;
-        '--u-text-description-color': string;
         '--u-check-mark-color': string;
+        '--u-check-mark-hover-color': string;
+        '--u-check-mark-focus-color': string;
+        '--u-check-mark-active-color': string;
         '--u-check-mark-color-disabled': string;
         '--u-check-mark-color-disabled-checked': string;
-        '--u-font-size': string;
         '--u-label-padding': string;
         '--u-checkbox-position': string;
         '--u-checkbox-position-block': string;
@@ -516,20 +621,6 @@ declare const _default: import("vue").DefineComponent<{
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: PropType<"small" | "medium" | "large">;
-    checked: {
-        type: PropType<string | number | boolean | undefined>;
-        default: undefined;
-    };
-    defaultChecked: {
-        type: PropType<string | number | boolean>;
-        default: boolean;
-    };
-    value: PropType<string | number>;
-    disabled: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
     indeterminate: BooleanConstructor;
     label: StringConstructor;
     description: StringConstructor;
@@ -545,6 +636,21 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    privateInsideTable: BooleanConstructor;
+    size: PropType<"small" | "medium" | "large">;
+    checked: {
+        type: PropType<string | number | boolean | undefined>;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    value: PropType<string | number>;
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     checkedValue: {
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
@@ -553,117 +659,164 @@ declare const _default: import("vue").DefineComponent<{
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
-    'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
-    onUpdateChecked: PropType<MaybeArray<OnUpdateChecked>>;
-    privateInsideTable: BooleanConstructor;
-    onChange: PropType<MaybeArray<OnUpdateChecked>>;
+    'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
+    onUpdateChecked: PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
+    onChange: PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
     theme: PropType<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
-        labelLineHeight: string;
-        fontSizeSmall: string;
-        fontSizeMedium: string;
+        fontWeight: string;
+        textColor: string;
+        descriptionTextColor: string;
+        textColorDisabled: string;
+        descriptionTextColorDisabled: string;
         fontSizeLarge: string;
+        fontSizeMedium: string;
+        fontSizeSmall: string;
+        lineHeightLarge: string;
+        lineHeightMedium: string;
+        lineHeightSmall: string;
+        borderRadiusLarge: string;
+        borderRadiusMedium: string;
+        borderRadiusSmall: string;
         color: string;
+        colorHover: string;
+        colorFocus: string;
+        colorActive: string;
         colorChecked: string;
+        colorHoverChecked: string;
+        colorFocusChecked: string;
+        colorActiveChecked: string;
         colorDisabled: string;
         colorDisabledChecked: string;
-        colorTableHeader: string;
-        colorTableHeaderModal: string;
-        colorTableHeaderPopover: string;
         checkMarkColor: string;
+        checkMarkColorHover: string;
+        checkMarkColorFocus: string;
+        checkMarkColorActive: string;
         checkMarkColorDisabled: string;
         checkMarkColorDisabledChecked: string;
         border: string;
-        borderDisabled: string;
-        borderDisabledChecked: string;
         borderHover: string;
-        borderChecked: string;
         borderFocus: string;
+        borderActive: string;
+        borderChecked: string;
+        borderHoverChecked: string;
+        borderFocusChecked: string;
+        borderActiveChecked: string;
+        borderDisabled: string;
+        borderDisabledChecked: string;
         boxShadowHover: string;
         boxShadowFocus: string;
         boxShadowActive: string;
         boxShadowHoverChecked: string;
         boxShadowFocusChecked: string;
         boxShadowActiveChecked: string;
-        textColor: string;
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-        labelFontWeight: string;
-        borderRadiusLarge: string;
-        borderRadiusSmall: string;
     }, any>>>;
 }>>, {
     position: "left" | "right";
@@ -671,10 +824,10 @@ declare const _default: import("vue").DefineComponent<{
     checked: string | number | boolean | undefined;
     indeterminate: boolean;
     focusable: boolean;
-    ripple: boolean;
     defaultChecked: string | number | boolean;
     checkedValue: string | number | boolean;
     uncheckedValue: string | number | boolean;
+    ripple: boolean;
     privateInsideTable: boolean;
 }, {}>;
 export default _default;