@qasa/qds-ui 0.10.0-next.7 → 0.10.0-next.9

package/dist/cjs/types/components/checkbox/checkbox.d.ts

@@ -0,0 +1,70 @@
+import type { ReactElement } from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+interface CheckboxOptions {
+    /**
+     * The label for the checkbox. Accepts a string, or a React component for rendering links within the label.
+     *
+     * @example
+     * ```jsx
+     * <Checkbox label="I agree to the terms and conditions" />
+     * ```
+     *
+     * @example
+     * ```jsx
+     * <Checkbox
+     *   label={
+     *    <>
+     *      I agree to <Link href="/terms">the terms and conditions</Link>
+     *    </>
+     *  }
+     * />
+     * ```
+     */
+    label: string | ReactElement<unknown>;
+    /**
+     * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
+     */
+    isDefaultChecked?: boolean;
+    /**
+     * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * The controlled checked state of the checkbox. Must be used in conjunction with `onCheckedChange`.
+     */
+    isChecked?: boolean;
+    /**
+     * The controlled checked state of the checkbox. Must be used in conjunction with `onCheckedChange`.
+     */
+    checked?: boolean;
+    /**
+     * Event handler called when the checked state of the checkbox changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * If `true` the checkbox will render in its invalid state.
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * If `true` it prevents the user from interacting with the checkbox.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * If `true` the user must check the checkbox before the owning form can be submitted.
+     * @default false
+     */
+    isRequired?: boolean;
+    /**
+     * The name of the checkbox. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The value given as data when submitted with a `name`.
+     */
+    value?: string;
+}
+export declare type CheckboxProps = Omit<CheckboxPrimitive.CheckboxProps, 'asChild' | 'children' | 'checked' | 'defaultChecked' | keyof CheckboxOptions> & CheckboxOptions;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps, "children" | "asChild" | keyof CheckboxOptions> & CheckboxOptions & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/cjs/types/components/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox';

package/dist/cjs/types/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './avatar';
 export * from './button';
+export * from './checkbox';
 export * from './divider';
 export * from './dropdown-menu';
 export * from './heading';

package/dist/cjs/types/styles/common-styles.d.ts

@@ -408,7 +408,7 @@ export declare const getFormFieldBaseStyles: (theme: {
         borderColor: string;
         boxShadow: `0 0 0 1px ${string}`;
     };
-    '&[aria-invalid=true]': {
+    '&[aria-invalid="true"]': {
         borderColor: string;
         '&:focus': {
             boxShadow: `0 0 0 1px ${string}`;

package/dist/cjs/types/utils/html-attributes.d.ts

@@ -1,3 +1,4 @@
 declare type Booleanish = boolean | 'true' | 'false';
 export declare const dataAttr: (condition: boolean | undefined) => Booleanish;
+export declare const ariaAttr: (condition: boolean | undefined) => Booleanish;
 export {};