@hubspot/ui-extensions 0.7.0 → 0.7.2

package/README.md

@@ -23,7 +23,7 @@ React components and utilities for extending HubSpot's UI.
 - [Input](#input)
 - [Link](#link)
 - [LoadingSpinner](#loadingspinner)
-- [Multiselect](#multiselect)
+- [MultiSelect](#multiselect)
 - [NumberInput](#numberInput)
 - [ProgressBar](#progressbar)
 - [Select](#select)
@@ -391,7 +391,15 @@ interface DateInputProps {
   max?: { year: number; month: number; date: number };
   minValidationMessage?: string;
   maxValidationMessage?: string;
-  format?: 'YYYY-MM-DD' | 'L' | 'LL' | 'll';
+  format?:
+    | 'YYYY-MM-DD'
+    | 'L'
+    | 'LL'
+    | 'll'
+    | 'short'
+    | 'long'
+    | 'medium'
+    | 'standard';
   timezone?: 'userTz' | 'portalTz';
   clearButtonLabel?: string;
   todayButtonLabel?: string;
@@ -430,7 +438,6 @@ interface DateInputProps {
 - standard: `1986-09-04`
 - L: `09/04/1986`
 - LL: `September 4, 1986`
-- l: `9/4/1986`
 - ll : `Sep 4, 1986`
 - YYYY-MM-DD: `1986-09-04`
 
@@ -999,10 +1006,10 @@ const Extension = () => {
   return <LoadingSpinner label="Loading..." />;
 };
 ```
-### Multiselect
+### MultiSelect
 
 ```javascript
-import { Multiselect } from '@hubspot/ui-extensions';
+import { MultiSelect } from '@hubspot/ui-extensions';
 ```
 
 ### Props
@@ -1024,13 +1031,14 @@ interface MultiSelectProps {
     label: string;
     value: string | number;
   }[];
+  variant?: 'transparent' | 'input';
 }
 ```
 
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
-| `label` | `string` | `N/A` | The label text to display for the select element. |
-| `name` | `string` | `N/A` | The unique identifier for the select element. |
+| `label` | `string(optional)` | `N/A` | The label text to display for the select element. |
+| `name` | `string(optional)` | `N/A` | The unique identifier for the select element. |
 | `value` | `Array<string \| number>` | `N/A` | The value of the select input. |
 | `required` | `boolean` | `false` | Determines if the required indicator should be displayed. |
 | `readOnly` | `boolean` | `false` | Determines if the field is editable or not. |
@@ -1041,6 +1049,7 @@ interface MultiSelectProps {
 | `validationMessage` | `string(optional)` | `''` | The text to show if the input has an error. |
 | `onChange` | `(value: Array<string \| number>) => void` | `N/A` | Function that is called with the new value when it is updated. |
 | `options` | `Array<{label: string; value: string \| number}>` | `N/A` | Array of options to be displayed in the select. `label` will be used as the display text in the dropdown list and `value` should be a **unique** identifier. `value` is the data that will be submitted with the form. |
+| `variant` | `'transparent' \| 'input' `| `input` | Sets the visual styles of the button used for the anchor of the component. |
 
 ##### Usage
 

package/dist/types.d.ts

@@ -137,6 +137,7 @@ export interface BaseSelectProps {
         label: string;
         value: string | number;
     }[];
+    variant?: 'transparent' | 'input';
 }
 export interface SelectProps extends BaseSelectProps {
     value?: string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -9,7 +9,8 @@
     "clean": "rm -rf dist/",
     "build": "npm run clean && tsc",
     "watch": "npm run clean && tsc --watch",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "test": "echo 'No tests configured for @hubspot/ui-extensions'"
   },
   "files": [
     "dist/**/*"
@@ -48,5 +49,5 @@
   "devDependencies": {
     "typescript": "5.0.4"
   },
-  "gitHead": "60f780b26b92ab097b24f162bf485fde5fd26528"
+  "gitHead": "291eae6851c5dc9be36952059ab8a7506e08b93b"
 }