@hubspot/ui-extensions 0.8.0 → 0.8.1

package/dist/coreComponents.d.ts

@@ -206,3 +206,8 @@ export declare const DateInput: "DateInput" & {
     readonly props?: types.DateInputProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"DateInput", types.DateInputProps, true>>;
+export declare const Checkbox: "Checkbox" & {
+    readonly type?: "Checkbox" | undefined;
+    readonly props?: types.CheckboxProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Checkbox", types.CheckboxProps, true>>;

package/dist/coreComponents.js

@@ -44,3 +44,4 @@ export const Accordion = createRemoteReactComponent('Accordion');
 export const MultiSelect = createRemoteReactComponent('MultiSelect');
 export const Flex = createRemoteReactComponent('Flex');
 export const DateInput = createRemoteReactComponent('DateInput');
+export const Checkbox = createRemoteReactComponent('Checkbox');

package/dist/types.d.ts

@@ -787,6 +787,55 @@ interface Team {
     name: string;
     teammates: number[];
 }
+export interface CheckboxProps {
+    /**
+     * A string representing the value of the checkbox. This is not displayed on the client-side,
+     * but on the server this is the value given to the data submitted with the checkbox's name.
+     */
+    value?: string;
+    /**
+     * The current status of the checkbox.
+     */
+    checked?: boolean;
+    /**
+     * When set to `true`, the option cannot be selected.
+     */
+    readonly?: boolean;
+    /**
+     * The string that displays below the toggle.
+     */
+    description?: string;
+    /**
+     * The unique identifier for the checkbox element.
+     */
+    name?: string;
+    /**
+     * The size variation of the checkbox.
+     *
+     * @defaultValue `"default"`
+     */
+    variant?: 'default' | 'small';
+    /**
+     * A function that is called with the checkbox status changes.
+     *
+     * @event
+     */
+    onChange?: (checked: boolean, value: string) => void;
+    /** The text that displays in the dropdown menu. */
+    children?: React.ReactNode;
+    /**
+     * Use the inline prop to arrange checkboxes side-by-side.
+     */
+    inline?: boolean;
+    /**
+     * When set to `true`, the option will be selected by default.
+     */
+    initialIsChecked?: boolean;
+    /**
+     * Accessibility label. It should be present when the checkbox has no label(children).
+     */
+    'aria-label'?: string;
+}
 export type ToggleGroupOption = {
     /** The text that displays in the dropdown menu. */
     label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -50,5 +50,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "80535f127c717f76d07fca05c9f676ec29ad5d18"
+  "gitHead": "5fd5fe43bc0b09750653dd7121d56bf0d60788bb"
 }