@dhasdk/simple-ui 1.0.34 → 1.0.36

package/README.md

@@ -53,6 +53,8 @@ Tooltip
 
 ## Changelog
 
+1.0.36 - bug fix on layout + classNameContainer prop for **`SideBarNav`**
+1.0.35 - bug fix for animation on **`SideBarNav`**
 1.0.34 - accessibility and layout fixes for **`SideBarNav`**
 1.0.33 - update to **`Search`** & **`BreadCrumbs`** to fix a11y errors
 1.0.32 - update to **`Search`** component such that results do not extend past bottom of viewable page
@@ -856,10 +858,10 @@ buttons.
 | children | **`string \| undefined`** | 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 |
+| classNameMoreButton | **`string`** | Yes | **`ml-2 text-blue-600 underline hover:text-blue-800 focus:outline-none`** | tailwind classes to style the more 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 |
+| initialChars | **`number`** | Yes | 40 | number of characters to display by default in collapsed state |
 
 ### Example Usage
 
@@ -1734,7 +1736,8 @@ Full list of props below
 | ----------- | -------- | -------- | -------- | ----------- |
 | appName | string   | No  | undefined | The application name to dispilay |
 | children | ReactNode | Yes | undefined | This prop takes in any children and displays them between the horizontal rule and the list of menu items. It is intended for to allow developers to add a Search component.  See usage example above. |
-| className   | string   | Yes      | (1) below | a group of alternate css classes that can be specified by the developer and applied to the outer **`div`** element. |
+| className   | string   | Yes      | (1) below | a group of alternate css classes that can be specified by the developer and applied to the outer **`dialog`** element. |
+| classNameContainer   | string   | Yes | **`fixed inset-y-0 right-0 flex flex-col px-4 pb-4 pt-10 bg-white overflow-y-auto h-full min-h-0 w-56 md:w-[328px] lg:w-[432px] transition-transform duration-200 ease-in-out`** | a group of alternate css classes that can be specified by the developer and applied to the outer **`div`** element just inside the dialog element. |
 | classNameBackgroundShadow   | string   | Yes      | **`absolute inset-0 bg-black/70 z-10`** | a group of alternate css classes that can be specified by the developer and applied to the outer **`div`** element. |
 | classNameBackButton | string | Yes | **`-mt-8 w-full relative hover:cursor-pointer`** | alternative CSS classes that are applied to the **`button`** (container) that contains the back arrow image and 'Back' text.|
 | classNameImage | string   | Yes      | (2) below | a group of alternate classes that can be specified for the logo image, and applied to the **`img`** element |