@hubspot/ui-extensions 0.8.1 → 0.8.2

package/dist/coreComponents.d.ts

@@ -211,3 +211,13 @@ export declare const Checkbox: "Checkbox" & {
     readonly props?: types.CheckboxProps | undefined;
     readonly children?: true | undefined;
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Checkbox", types.CheckboxProps, true>>;
+export declare const RadioButton: "RadioButton" & {
+    readonly type?: "RadioButton" | undefined;
+    readonly props?: types.RadioButtonProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"RadioButton", types.RadioButtonProps, true>>;
+export declare const List: "List" & {
+    readonly type?: "List" | undefined;
+    readonly props?: types.ListProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"List", types.ListProps, true>>;

package/dist/coreComponents.js

@@ -45,3 +45,5 @@ export const MultiSelect = createRemoteReactComponent('MultiSelect');
 export const Flex = createRemoteReactComponent('Flex');
 export const DateInput = createRemoteReactComponent('DateInput');
 export const Checkbox = createRemoteReactComponent('Checkbox');
+export const RadioButton = createRemoteReactComponent('RadioButton');
+export const List = createRemoteReactComponent('List');

package/dist/types.d.ts

@@ -365,10 +365,16 @@ interface BaseInputProps<T = string, V = string> {
 /**
  * The props type for {@link !components.Input}.
  *
- * @interface
  * @category Component Props
  */
-export type InputProps = BaseInputProps;
+export interface InputProps extends BaseInputProps {
+    /**
+     * Sets the type of input to render.
+     *
+     * @defaultValue `"text"`
+     */
+    type?: 'text' | 'password';
+}
 /**
  * The props type for {@link !components.TextArea}.
  *
@@ -787,14 +793,19 @@ interface Team {
     name: string;
     teammates: number[];
 }
+/**
+ * The props type for {@link !components.Checkbox}.
+ *
+ * @category Component Props
+ */
 export interface CheckboxProps {
     /**
-     * A string representing the value of the checkbox. This is not displayed on the client-side,
+     * A string representing the value of the input. 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.
+     * The current status of the input.
      */
     checked?: boolean;
     /**
@@ -816,7 +827,7 @@ export interface CheckboxProps {
      */
     variant?: 'default' | 'small';
     /**
-     * A function that is called with the checkbox status changes.
+     * A function that is called when the `checked` input status changes.
      *
      * @event
      */
@@ -828,7 +839,8 @@ export interface CheckboxProps {
      */
     inline?: boolean;
     /**
-     * When set to `true`, the option will be selected by default.
+     * When set to `true`, the option will be selected by default. Use it to
+     * set the default `checked` state when the component is **uncontrolled**.
      */
     initialIsChecked?: boolean;
     /**
@@ -836,6 +848,12 @@ export interface CheckboxProps {
      */
     'aria-label'?: string;
 }
+/**
+ * The props type for {@link !components.RadioButton}.
+ * @category Component Props
+ * @interface
+ */
+export type RadioButtonProps = Omit<CheckboxProps, 'aria-label'>;
 export type ToggleGroupOption = {
     /** The text that displays in the dropdown menu. */
     label: string;
@@ -1751,4 +1769,21 @@ export interface AccordionProps {
      */
     onClick?: () => void;
 }
+/**
+ * The props type for {@link !components.List}.
+ *
+ * @category Component Props
+ */
+export interface ListProps {
+    /**
+     * The content of the list. Each child will be wrapped in an `li` tag.
+     */
+    children: ReactNode;
+    /**
+     * The type of list to render.
+     *
+     * @defaultValue `"unordered"`
+     */
+    variant?: 'unordered' | 'unordered-styled' | 'ordered' | 'ordered-styled' | 'inline' | 'inline-divided';
+}
 export {};

package/package.json

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