@dhasdk/simple-ui 1.0.27 → 1.0.29

package/README.md

@@ -16,6 +16,7 @@ Tooltip
 ## Table of Contents
 
 - [Installation](#installation-and-setup)
+- [ChangeLog](#changelog)
 - [Accordion](#accordion)
 - [AppointmentPicker](#appointment-picker)
 - [Badge](#badge)
@@ -48,6 +49,15 @@ Tooltip
 <!-- ## Quick Notes: -->
 
 
+<!-- C H A N G E L O G --------------------------------------------------------------- -->
+
+## Changelog
+
+1.0.29 - allow **`children`** type in **`ExpandableText`**  to be **`string | null`**
+1.0.28 - added an **`ExpandabledText`** component
+1.0.26 - bug fix for **`DatePicker`** component on Safari
+1.0.25 - bug fix for **`Search`** component positioning
+
 
 <!-- I N S T A L L A T I O N ----------------------------------------------------------------------------------- -->
 
@@ -70,7 +80,7 @@ Tooltip
 - Elsewhere in your file, use the component as documented below
 
 
-<!--  A C C O R D I O N ----------------------------------------------------------------------------------- -->
+<!--  A C C O R D I O N -------------------------------------------------------------- -->
 
 ## Accordion
 
@@ -839,13 +849,14 @@ buttons.
 
 | Prop        | Type     | Optional | Default  | Description                                  |
 | ----------- | -------- | -------- | -------- | -------------------------------------------- |
-| buttonText | string | Yes | **`'more'`** | text label for the 'more' button 
-| className   | string   | Yes      | **`''`**  | tailwind classes to style the component container with |
-| classNameCollapseButton | string | Yes | **`ml-2 text-blue-600 underline hover:text-blue-800 focus:outline-none`** | tailwind classes to style the collapse button |
-| classNameMoreButton | string | Yes | **`ml-2 text-blue-600 underline hover:text-blue-800 focus:outline-none`** | tailwind classes to style the collapse button |
-| collapseButton | boolean | Yes | **`false`** | to display a collapse button or not |
-| collapseText | string | Yes | **`'collapse'`** | text label for 'collapse' button |
-| initialChars | integer | Yes | 40 | number of characters to display by default |
+| buttonText | **`string`** | Yes | **`'more'`** | text label for the 'more' button  |
+| children | **`string \| null`** | No | **`''`** | text that this component truncates and displays |
+| className   | **`string`**   | Yes      | **`''`**  | tailwind classes to style the component container with |
+| classNameCollapseButton | **`string`** | Yes | **`ml-2 text-blue-600 underline hover:text-blue-800 focus:outline-none`** | tailwind classes to style the collapse button |
+| classNameMoreButton | **`string`** | Yes | **`ml-2 text-blue-600 underline hover:text-blue-800 focus:outline-none`** | tailwind classes to style the collapse button |
+| collapseButton | **`boolean`** | Yes | **`false`** | to display a collapse button or not |
+| collapseText | **`string`** | Yes | **`'collapse'`** | text label for 'collapse' button |
+| initialChars | **`integer`** | Yes | 40 | number of characters to display by default |
 
 ### Example Usage
 

package/index.d.ts

@@ -15,6 +15,8 @@ export { CheckBox, CheckBoxGroup } from './lib/CheckBox';
 export type { CheckBoxProps, CheckBoxGroupProps } from './lib/CheckBox';
 export { DatePicker } from './lib/DatePicker';
 export type { DatePickerProps } from './lib/DatePicker';
+export { ExpandableText } from './lib/ExpandableText';
+export type { ExpandableTextProps } from './lib/ExpandableText';
 export { IconPosition } from './lib/Tabs';
 export { Input } from './lib/Input';
 export { List, ListItem } from './lib/List';