### Progress Bar Component API Source: https://weave.bamboohr.net/latest/foundations/ai-documentation/figma-component-names-9uYycN7M API documentation for the Progress Bar component. ```APIDOC ## Progress Bar Component ### Description Documentation for the Progress Bar component and its variants. ### Properties (Progress Bar) #### % Complete Variant - **Values**: 0, 25, 50, 75, 100 - **Default**: 25 ### Properties (Task Progress Bar) #### Label Text - **Type**: string - **Default**: "Label" #### Label Placement Variant - **Values**: Right, Left - **Default**: Left ``` -------------------------------- ### Modal Component API Source: https://weave.bamboohr.net/latest/foundations/ai-documentation/figma-component-names-9uYycN7M API documentation for the Modal component, including its variants and properties. ```APIDOC ## Modal Component ### Description Documentation for the Modal component and its related sub-components. ### Variants - **Modal** - **Modal (sheet)** ### Properties (Modal) #### Type Variant - **Values**: Small, Full-screen - **Default**: Small #### Screen Variant - **Values**: Desktop, Mobile - **Default**: Desktop #### Modal Content InstanceSwap - **Type**: InstanceSwap - **Default**: "14158:33704" #### Sheet Boolean - **Values**: true, false - **Default**: false ### Properties (Modal (sheet)) #### Size Variant - **Values**: Small - **Default**: Small #### Modal Content InstanceSwap - **Type**: InstanceSwap - **Default**: "Empty (modal swap)" ### Link Component Properties #### Size Variant - **Values**: Body - Large, Body - Medium, Body - Small, Body - X-small - **Default**: Body - Medium #### Label Text - **Type**: string - **Default**: "Link" #### State Variant - **Values**: Default, Hover, Muted, Focused, Default (inverted), Hover (inverted), Muted (inverted), Focused (inverted) - **Default**: Default #### Has Icon Boolean - **Values**: true, false - **Default**: false #### Is Dropdown Boolean - **Values**: true, false - **Default**: false ### Name-Value Pair Component Properties #### Size Variant - **Values**: Large, Medium - **Default**: Medium #### Value Text - **Type**: string - **Default**: "Value" #### Name Text - **Type**: string - **Default**: "Name" #### Has Description Boolean - **Values**: true, false - **Default**: false #### Description Text - **Type**: string - **Default**: "Description" ### Pill Component Properties #### Type Variant - **Values**: Brand, Error, Discovery, Success, Neutral, Warning, Information, Inverted - **Default**: Brand #### Label Text - **Type**: string - **Default**: "Pill" #### Has Icon Boolean - **Values**: true, false - **Default**: false #### Is Muted Variant - **Values**: False, True - **Default**: False ### Popover Component Properties #### Title Text - **Type**: string - **Default**: "Title" #### Is Dimissable Boolean - **Values**: true, false - **Default**: true #### Has Title Boolean - **Values**: true, false - **Default**: true #### Content Swap InstanceSwap - **Type**: InstanceSwap - **Default**: ".popover swap / Message" ``` -------------------------------- ### Message Component API Source: https://weave.bamboohr.net/latest/foundations/ai-documentation/figma-component-names-9uYycN7M API documentation for the Message component, covering its different variants and properties. ```APIDOC ## Message Component ### Description Provides documentation for the Message component, detailing its properties and available variants. ### Variants - **In-page Message** - **Inline Message** - **Interstitial Message** ### Properties (In-page Message) #### Type Variant - **Values**: Error, Success, Warning, Neutral, Info, Discovery - **Default**: Error #### Has Description Boolean - **Values**: true, false - **Default**: true #### Is Dismissable Boolean - **Values**: true, false - **Default**: true #### Title Text - **Type**: string - **Default**: "Head’s up! There’s something you need to know about." #### Description Text - **Type**: string - **Default**: "A brief description of what’s going on." #### Has Action(s) Boolean - **Values**: true, false - **Default**: false ### Properties (Inline Message) #### Size Variant - **Values**: Medium, Small - **Default**: Medium #### Type Variant - **Values**: Error, Success, Warning, Neutral, Info, Discovery, AI - **Default**: Error #### Has Action(s) Boolean - **Values**: true, false - **Default**: false #### Has Icon Boolean - **Values**: true, false - **Default**: true #### Title Text - **Type**: string - **Default**: "Head’s up! There’s something you need to know about." #### Description Text - **Type**: string - **Default**: "A brief description of what’s going on." #### Has Description Boolean - **Values**: true, false - **Default**: false #### Theme Variant - **Values**: Default, Light, AI, AI Light - **Default**: Default #### Icon Name Text - **Type**: string - **Default**: "smile" ### Properties (Interstitial Message) - **Note**: Interstitial component has no properties. ```