@luscii-healthtech/web-ui 42.3.0 → 42.4.0

package/dist/src/components/VerticalMenu/VerticalMenu.d.ts

@@ -116,7 +116,7 @@ declare function MenuItemNotificationBubble(props: Readonly<{
     className?: string;
 }>): import("react/jsx-runtime").JSX.Element;
 declare function MenuDivider(props: ComponentPropsWithoutRef<typeof Divider>): import("react/jsx-runtime").JSX.Element;
-declare function MenuItemGroup({ title, children, ...rest }: ComponentPropsWithoutRef<typeof DetailsDisclosure> & {
+declare function MenuItemGroup({ title, children, className, ...rest }: ComponentPropsWithoutRef<typeof DetailsDisclosure> & {
     title: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 declare function SectionTitle(props: {

package/dist/stories/VerticalMenu.stories.d.ts

@@ -69,7 +69,7 @@ declare const meta: {
             children?: React.ReactNode;
             className?: string;
         }>) => import("react/jsx-runtime").JSX.Element;
-        ItemGroup: ({ title, children, ...rest }: React.ComponentPropsWithoutRef<typeof import("../src").DetailsDisclosure> & {
+        ItemGroup: ({ title, children, className, ...rest }: React.ComponentPropsWithoutRef<typeof import("../src").DetailsDisclosure> & {
             title: React.ReactNode;
         }) => import("react/jsx-runtime").JSX.Element;
         SectionTitle: (props: {

package/dist/web-ui-tailwind.css

@@ -333,8 +333,8 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:right-3 {
   right: 0.75rem;
 }
-.ui\:right-\[-8px\] {
-  right: -8px;
+.ui\:right-\[16px\] {
+  right: 16px;
 }
 .ui\:right-l {
   right: var(--ui-spacing-l);
@@ -1230,6 +1230,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:max-w-7xl {
   max-width: var(--ui-container-7xl);
 }
+.ui\:max-w-18 {
+  max-width: calc(var(--ui-spacing) * 18);
+}
 .ui\:max-w-40 {
   max-width: 10rem;
 }
@@ -2754,6 +2757,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:whitespace-pre {
   white-space: pre;
 }
+.ui\:text-\[\#162130\] {
+  color: #162130;
+}
 .ui\:text-amber-700 {
   color: var(--ui-color-amber-700);
 }
@@ -4447,6 +4453,12 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
     line-height: var(--tw-leading, var(--ui-text-xs--line-height));
   }
 }
+.ui\:sm\:leading-\[16px\] {
+  @media (width >= 40rem) {
+    --tw-leading: 16px;
+    line-height: 16px;
+  }
+}
 .ui\:sm\:leading-\[24px\] {
   @media (width >= 40rem) {
     --tw-leading: 24px;
@@ -4638,6 +4650,20 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
     }
   }
 }
+.ui\:\[\&_\.menu-icon\]\:text-\[\#3a4657\] {
+  & .menu-icon {
+    color: #3a4657;
+  }
+}
+.ui\:hover\:\[\&_\.menu-icon\]\:text-\[\#162130\] {
+  &:hover {
+    @media (hover: hover) {
+      & .menu-icon {
+        color: #162130;
+      }
+    }
+  }
+}
 .ui\:\[\&_span\]\:font-bold {
   & span {
     --tw-font-weight: var(--ui-font-weight-bold);