@loadsmart/miranda-react 3.7.0 → 3.8.1

package/dist/index.d.ts

@@ -1,9 +1,7 @@
 import { AccordionToggleEventDetails } from '@loadsmart/miranda-wc';
 import { ActionableTagVariant } from '@loadsmart/miranda-wc';
 import { AlignItemsValue } from '@loadsmart/miranda-wc';
-import { BackButton as BackButton_2 } from '@loadsmart/miranda-wc';
 import { BannerVariant } from '@loadsmart/miranda-wc';
-import { Body as Body_2 } from '@loadsmart/miranda-wc';
 import { ButtonSize } from '@loadsmart/miranda-wc';
 import { ButtonType } from '@loadsmart/miranda-wc';
 import { ButtonVariant } from '@loadsmart/miranda-wc';
@@ -27,7 +25,6 @@ import { EventName } from '@lit/react';
 import { FieldSize } from '@loadsmart/miranda-wc';
 import { FieldStatus } from '@loadsmart/miranda-wc';
 import { FileItem } from '@loadsmart/miranda-wc';
-import { FilePicker as FilePicker_2 } from '@loadsmart/miranda-wc';
 import { FilePickerFile } from '@loadsmart/miranda-wc';
 import { FileStatus } from '@loadsmart/miranda-wc';
 import { ForwardRefExoticComponent } from 'react';
@@ -81,7 +78,6 @@ import { TableSelectEventDetailsV2 } from '@loadsmart/miranda-wc';
 import { TableSelectionCell as TableSelectionCell_2 } from '@loadsmart/miranda-wc';
 import { TableSize } from '@loadsmart/miranda-wc';
 import { TableSortDirection } from '@loadsmart/miranda-wc';
-import { TableV2 as TableV2_2 } from '@loadsmart/miranda-wc';
 import { TableV2Size } from '@loadsmart/miranda-wc';
 import { TableV2SortDirection } from '@loadsmart/miranda-wc';
 import { TagSize } from '@loadsmart/miranda-wc';
@@ -97,6 +93,7 @@ import { AccordionProps as WCAccordionProps } from '@loadsmart/miranda-wc';
 import { AccordionTitle as WCAccordionTitle } from '@loadsmart/miranda-wc';
 import { ActionableTag as WCActionableTag } from '@loadsmart/miranda-wc';
 import { ActionableTagProps as WCActionableTagProps } from '@loadsmart/miranda-wc';
+import { BackButton as WCBackButton } from '@loadsmart/miranda-wc';
 import { Badge as WCBadge } from '@loadsmart/miranda-wc';
 import { BadgeProps as WCBadgeProps } from '@loadsmart/miranda-wc';
 import { Banner as WCBanner } from '@loadsmart/miranda-wc';
@@ -107,6 +104,7 @@ import { BannerDescription as WCBannerDescription } from '@loadsmart/miranda-wc'
 import { BannerIcon as WCBannerIcon } from '@loadsmart/miranda-wc';
 import { BannerProps as WCBannerProps } from '@loadsmart/miranda-wc';
 import { BannerTitle as WCBannerTitle } from '@loadsmart/miranda-wc';
+import { Body as WCBody } from '@loadsmart/miranda-wc';
 import { Box as WCBox } from '@loadsmart/miranda-wc';
 import { BoxProps as WCBoxProps } from '@loadsmart/miranda-wc';
 import { Button as WCButton } from '@loadsmart/miranda-wc';
@@ -121,8 +119,11 @@ import { CardFooter as WCCardFooter } from '@loadsmart/miranda-wc';
 import { CardProps as WCCardProps } from '@loadsmart/miranda-wc';
 import { CardSubtitle as WCCardSubtitle } from '@loadsmart/miranda-wc';
 import { CardTitle as WCCardTitle } from '@loadsmart/miranda-wc';
+import { CaretButton as WCCaretButton } from '@loadsmart/miranda-wc';
 import { Checkbox as WCCheckbox } from '@loadsmart/miranda-wc';
 import { CheckboxProps as WCCheckboxProps } from '@loadsmart/miranda-wc';
+import { CloseButton as WCCloseButton } from '@loadsmart/miranda-wc';
+import { CloseButtonProps as WCCloseButtonProps } from '@loadsmart/miranda-wc';
 import { Column as WCColumn } from '@loadsmart/miranda-wc';
 import { ColumnProps as WCColumnProps } from '@loadsmart/miranda-wc';
 import { Container as WCContainer } from '@loadsmart/miranda-wc';
@@ -137,6 +138,7 @@ import { DialogFooter as WCDialogFooter } from '@loadsmart/miranda-wc';
 import { DialogHeader as WCDialogHeader } from '@loadsmart/miranda-wc';
 import { DialogProps as WCDialogProps } from '@loadsmart/miranda-wc';
 import { Divider as WCDivider } from '@loadsmart/miranda-wc';
+import { DotsLoaderProps as WCDotsLoaderProps } from '@loadsmart/miranda-wc';
 import { Drawer as WCDrawer } from '@loadsmart/miranda-wc';
 import { DrawerActionPrimary as WCDrawerActionPrimary } from '@loadsmart/miranda-wc';
 import { DrawerActions as WCDrawerActions } from '@loadsmart/miranda-wc';
@@ -164,6 +166,7 @@ import { FieldHintProps as WCFieldHintProps } from '@loadsmart/miranda-wc';
 import { FieldLabel as WCFieldLabel } from '@loadsmart/miranda-wc';
 import { FieldLabelProps as WCFieldLabelProps } from '@loadsmart/miranda-wc';
 import { FieldProps as WCFieldProps } from '@loadsmart/miranda-wc';
+import { FilePicker as WCFilePicker } from '@loadsmart/miranda-wc';
 import { Grid as WCGrid } from '@loadsmart/miranda-wc';
 import { GridProps as WCGridProps } from '@loadsmart/miranda-wc';
 import { Group as WCGroup } from '@loadsmart/miranda-wc';
@@ -174,10 +177,12 @@ import { HeaderContent as WCHeaderContent } from '@loadsmart/miranda-wc';
 import { HeaderTitle as WCHeaderTitle } from '@loadsmart/miranda-wc';
 import { Icon as WCIcon } from '@loadsmart/miranda-wc';
 import { IconProps as WCIconProps } from '@loadsmart/miranda-wc';
+import { Label as WCLabel } from '@loadsmart/miranda-wc';
 import { LabeledValue as WCLabeledValue } from '@loadsmart/miranda-wc';
 import { LabeledValueLabel as WCLabeledValueLabel } from '@loadsmart/miranda-wc';
 import { LabeledValueProps as WCLabeledValueProps } from '@loadsmart/miranda-wc';
 import { LabeledValueValue as WCLabeledValueValue } from '@loadsmart/miranda-wc';
+import { LabelProps as WCLabelProps } from '@loadsmart/miranda-wc';
 import { Link as WCLink } from '@loadsmart/miranda-wc';
 import { LogoLoader as WCLogoLoader } from '@loadsmart/miranda-wc';
 import { LogoLoaderProps as WCLogoLoaderProps } from '@loadsmart/miranda-wc';
@@ -201,6 +206,16 @@ import { Select as WCSelect } from '@loadsmart/miranda-wc';
 import { SelectOption as WCSelectOption } from '@loadsmart/miranda-wc';
 import { Sidebar as WCSidebar } from '@loadsmart/miranda-wc';
 import { SidebarProps as WCSidebarProps } from '@loadsmart/miranda-wc';
+import { SideNavigation as WCSideNavigation } from '@loadsmart/miranda-wc';
+import { SideNavigationBody as WCSideNavigationBody } from '@loadsmart/miranda-wc';
+import { SideNavigationDivider as WCSideNavigationDivider } from '@loadsmart/miranda-wc';
+import { SideNavigationFooter as WCSideNavigationFooter } from '@loadsmart/miranda-wc';
+import { SideNavigationHeader as WCSideNavigationHeader } from '@loadsmart/miranda-wc';
+import { SideNavigationItem as WCSideNavigationItem } from '@loadsmart/miranda-wc';
+import { SideNavigationSubNav as WCSideNavigationSubNav } from '@loadsmart/miranda-wc';
+import { SideNavigationSubNavContent as WCSideNavigationSubNavContent } from '@loadsmart/miranda-wc';
+import { SideNavigationSubNavItem as WCSideNavigationSubNavItem } from '@loadsmart/miranda-wc';
+import { SideNavigationSubNavTitle as WCSideNavigationSubNavTitle } from '@loadsmart/miranda-wc';
 import { SpinnerWheel as WCSpinnerWheel } from '@loadsmart/miranda-wc';
 import { SpinnerWheelProps as WCSpinnerWheelProps } from '@loadsmart/miranda-wc';
 import { Stack as WCStack } from '@loadsmart/miranda-wc';
@@ -227,6 +242,7 @@ import { TableHeadCellProps as WCTableHeadCellProps } from '@loadsmart/miranda-w
 import { TableProps as WCTableProps } from '@loadsmart/miranda-wc';
 import { TableRow as WCTableRow } from '@loadsmart/miranda-wc';
 import { TableToolbar as WCTableToolbar } from '@loadsmart/miranda-wc';
+import { TableV2 as WCTableV2 } from '@loadsmart/miranda-wc';
 import { TabPanel as WCTabPanel } from '@loadsmart/miranda-wc';
 import { TabPanelProps as WCTabPanelProps } from '@loadsmart/miranda-wc';
 import { TabProps as WCTabProps } from '@loadsmart/miranda-wc';
@@ -282,7 +298,7 @@ export { ActionableTagVariant }
 
 export { AlignItemsValue }
 
-export declare const BackButton: ReactWebComponent<BackButton_2, {}>;
+export declare const BackButton: ReactWebComponent<WCBackButton, {}>;
 
 export declare type BackButtonProps = ComponentProps<typeof BackButton>;
 
@@ -599,8 +615,8 @@ export { FieldSize }
 
 export { FieldStatus }
 
-export declare const FilePicker: ReactWebComponent<FilePicker_2, {
-onChange: EventName<MirandaChangeEvent<FilePicker_2>>;
+export declare const FilePicker: ReactWebComponent<WCFilePicker, {
+onChange: EventName<MirandaChangeEvent<WCFilePicker>>;
 }> & {
     FileItem: typeof FileItem;
 };
@@ -624,7 +640,7 @@ export declare const Header: ReactWebComponent<WCHeader, {}> & {
     Content: ReactWebComponent<WCHeaderContent, {}>;
     Title: ReactWebComponent<WCHeaderTitle, {}>;
     SubHeader: ReactWebComponent<WCSubHeader, {}>;
-    BackButton: ReactWebComponent<BackButton_2, {}>;
+    BackButton: ReactWebComponent<WCBackButton, {}>;
     Tabs: ReactWebComponent<HeaderTabs_2, {
     onTabChange: EventName<CustomEvent<TabChangeEventDetail>>;
     }>;
@@ -717,7 +733,7 @@ export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
 declare type MirandaChangeEvent_2<T = Element> = ChangeEvent<T> & Event;
 
 export declare const PageContent: ReactWebComponent<WCPageContent, {}> & {
-    Body: ReactWebComponent<Body_2, {}>;
+    Body: ReactWebComponent<WCBody, {}>;
 };
 
 export declare const Pagination: ReactWebComponent<WCPagination, {
@@ -1042,7 +1058,7 @@ export declare const TableToolbar: ReactWebComponent<WCTableToolbar, {}>;
 
 export declare type TableToolbarProps = ComponentProps<typeof TableToolbar>;
 
-export declare const TableV2: ReactWebComponent<TableV2_2, {
+export declare const TableV2: ReactWebComponent<WCTableV2, {
 onSelect: EventName<CustomEvent<TableSelectEventDetails_3>>;
 onExpand: EventName<CustomEvent<TableExpandEventDetails>>;
 onCollapse: EventName<CustomEvent<TableExpandEventDetails>>;
@@ -1206,6 +1222,8 @@ export { WCActionableTag }
 
 export { WCActionableTagProps }
 
+export { WCBackButton }
+
 export { WCBadge }
 
 export { WCBadgeProps }
@@ -1226,6 +1244,8 @@ export { WCBannerProps }
 
 export { WCBannerTitle }
 
+export { WCBody }
+
 export { WCBox }
 
 export { WCBoxProps }
@@ -1254,10 +1274,16 @@ export { WCCardSubtitle }
 
 export { WCCardTitle }
 
+export { WCCaretButton }
+
 export { WCCheckbox }
 
 export { WCCheckboxProps }
 
+export { WCCloseButton }
+
+export { WCCloseButtonProps }
+
 export { WCColumn }
 
 export { WCColumnProps }
@@ -1286,6 +1312,8 @@ export { WCDialogProps }
 
 export { WCDivider }
 
+export { WCDotsLoaderProps }
+
 export { WCDrawer }
 
 export { WCDrawerActionPrimary }
@@ -1340,6 +1368,8 @@ export { WCFieldLabelProps }
 
 export { WCFieldProps }
 
+export { WCFilePicker }
+
 export { WCGrid }
 
 export { WCGridProps }
@@ -1360,6 +1390,8 @@ export { WCIcon }
 
 export { WCIconProps }
 
+export { WCLabel }
+
 export { WCLabeledValue }
 
 export { WCLabeledValueLabel }
@@ -1368,6 +1400,8 @@ export { WCLabeledValueProps }
 
 export { WCLabeledValueValue }
 
+export { WCLabelProps }
+
 export { WCLink }
 
 export { WCLogoLoader }
@@ -1414,6 +1448,26 @@ export { WCSidebar }
 
 export { WCSidebarProps }
 
+export { WCSideNavigation }
+
+export { WCSideNavigationBody }
+
+export { WCSideNavigationDivider }
+
+export { WCSideNavigationFooter }
+
+export { WCSideNavigationHeader }
+
+export { WCSideNavigationItem }
+
+export { WCSideNavigationSubNav }
+
+export { WCSideNavigationSubNavContent }
+
+export { WCSideNavigationSubNavItem }
+
+export { WCSideNavigationSubNavTitle }
+
 export { WCSpinnerWheel }
 
 export { WCSpinnerWheelProps }
@@ -1466,6 +1520,8 @@ export { WCTableRow }
 
 export { WCTableToolbar }
 
+export { WCTableV2 }
+
 export { WCTabPanel }
 
 export { WCTabPanelProps }
@@ -1626,17 +1682,17 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--m-divider-margin-top'?: string;
+        '--m-divider-margin-bottom'?: string;
+        '--m-divider-margin-y'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-divider-margin-top'?: string;
-        '--m-divider-margin-bottom'?: string;
-        '--m-divider-margin-y'?: string;
+        '--m-icon-size'?: string;
+        '--m-icon-color'?: string;
     }
 }
 
@@ -1648,7 +1704,6 @@ declare module 'react' {
         '--m-table-border-top-right-radius'?: string;
         '--m-table-border-bottom-left-radius'?: string;
         '--m-table-border-bottom-right-radius'?: string;
-        '--m-table-border-width'?: string;
     }
 }
 
@@ -1660,24 +1715,25 @@ declare module 'react' {
         '--m-table-border-top-right-radius'?: string;
         '--m-table-border-bottom-left-radius'?: string;
         '--m-table-border-bottom-right-radius'?: string;
+        '--m-table-border-width'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-table-border-radius'?: string;
-        '--m-table-border-top-left-radius'?: string;
-        '--m-table-border-top-right-radius'?: string;
-        '--m-table-border-bottom-left-radius'?: string;
-        '--m-table-border-bottom-right-radius'?: string;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
+        '--m-table-border-radius'?: string;
+        '--m-table-border-top-left-radius'?: string;
+        '--m-table-border-top-right-radius'?: string;
+        '--m-table-border-bottom-left-radius'?: string;
+        '--m-table-border-bottom-right-radius'?: string;
     }
 }

package/dist/index.js

@@ -1,5 +1,5 @@
 import { AccordionTitle as AccordionTitle$1, AccordionContent as AccordionContent$1, Accordion as Accordion$1, BackButton as BackButton$1, Badge as Badge$1, BannerActionPrimary as BannerActionPrimary$1, BannerActions as BannerActions$1, BannerActionSecondary as BannerActionSecondary$1, BannerDescription as BannerDescription$1, BannerIcon as BannerIcon$1, BannerTitle as BannerTitle$1, Banner as Banner$1, Button as Button$1, CardTitle as CardTitle$1, CardSubtitle as CardSubtitle$1, CardBody as CardBody$1, CardDivider as CardDivider$1, CardActionPrimary as CardActionPrimary$1, CardActionSecondary as CardActionSecondary$1, CardActionTertiary as CardActionTertiary$1, CardFooter as CardFooter$1, Card as Card$1, Checkbox as Checkbox$1, DialogActionPrimary as DialogActionPrimary$1, DialogActionSecondary as DialogActionSecondary$1, DialogActionTertiary as DialogActionTertiary$1, DialogActions as DialogActions$1, DialogBody as DialogBody$1, DialogClose as DialogClose$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, Dialog as Dialog$1, Divider as Divider$1, DrawerActionPrimary as DrawerActionPrimary$1, DrawerActionSecondary as DrawerActionSecondary$1, DrawerActionTertiary as DrawerActionTertiary$1, DrawerActions as DrawerActions$1, DrawerBody as DrawerBody$1, DrawerClose as DrawerClose$1, DrawerHeader as DrawerHeader$1, Drawer as Drawer$1, DropdownItem as DropdownItem$1, DropdownMenu as DropdownMenu$1, DropdownTrigger as DropdownTrigger$1, Dropdown as Dropdown$1, EmptyStateIllustration as EmptyStateIllustration$1, EmptyStateHeader as EmptyStateHeader$1, EmptyStateMessage as EmptyStateMessage$1, EmptyStateAction as EmptyStateAction$1, EmptyState as EmptyState$1, FieldLabel as FieldLabel$1, FieldHint as FieldHint$1, Field as Field$1, HeaderActions as HeaderActions$1, HeaderContent as HeaderContent$1, HeaderTitle as HeaderTitle$1, SubHeader as SubHeader$1, HeaderTabs as HeaderTabs$1, Header as Header$1, Icon as Icon$1, LabeledValueLabel as LabeledValueLabel$1, LabeledValueValue as LabeledValueValue$1, LabeledValue as LabeledValue$1, Box as Box$1, Group as Group$1, Stack as Stack$1, Grid as Grid$1, Sidebar as Sidebar$1, Switcher as Switcher$1, Container as Container$1, Row as Row$1, Column as Column$1, Link as Link$1, Body as Body$1, PageContent as PageContent$1, Pagination as Pagination$1, ProgressBar as ProgressBar$1, ProgressBarCountdown as ProgressBarCountdown$1, Radio as Radio$1, RadioGroup as RadioGroup$1, SectionTitle as SectionTitle$1, Section as Section$1, SelectOption as SelectOption$1, Select as Select$1, SpinnerWheel as SpinnerWheel$1, Step as Step$1, Steps as Steps$1, Switch as Switch$1, TableHead as TableHead$2, TableBody as TableBody$2, TableFoot as TableFoot$2, TableRow as TableRow$2, TableCell as TableCell$2, TableToolbar as TableToolbar$1, TableHeadCell as TableHeadCell$2, TableFeedback as TableFeedback$1, TableActions as TableActions$1, TableSelectionCell as TableSelectionCell$1, Table as Table$2, TableHeadV2, TableBodyV2, TableFootV2, TableRowV2, TableCellV2, TableHeadCellV2, TableRowSelectV2, TableRowExpandV2, TableV2, TableLayoutToolbar as TableLayoutToolbar$1, TableLayoutFeedback as TableLayoutFeedback$1, TableLayoutActions as TableLayoutActions$1, TableLayout as TableLayout$1, Tab as Tab$1, TabPanel as TabPanel$1, Tabs as Tabs$1, Tag as Tag$1, ActionableTag as ActionableTag$1, Text as Text$1, TextArea as TextArea$1, TextField as TextField$1, TimelineItem as TimelineItem$1, TimelineExpandableItem as TimelineExpandableItem$1, TimelineItemBody as TimelineItemBody$1, TimelineItemFooter as TimelineItemFooter$1, TimelineItemHeader as TimelineItemHeader$1, TimelineItemHeaderSubtitle as TimelineItemHeaderSubtitle$1, TimelineItemHeaderTitle as TimelineItemHeaderTitle$1, TimelineItemIcon as TimelineItemIcon$1, Timeline as Timeline$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1, LogoLoader as LogoLoader$1, DotsLoader as DotsLoader$1, FileItem, FilePicker as FilePicker$1 } from "@loadsmart/miranda-wc";
-import { DIALOG_SIZES, DIALOG_VARIANTS, DRAWER_SIZES, EMPTY_STATE_VARIANTS, Accordion, AccordionContent, AccordionTitle, ActionableTag, Badge, Banner, BannerActionPrimary, BannerActionSecondary, BannerActions, BannerDescription, BannerIcon, BannerTitle, Box, Button, Card, CardActionPrimary, CardActionSecondary, CardActionTertiary, CardBody, CardDivider, CardFooter, CardSubtitle, CardTitle, Checkbox, Column, Container, Dialog, DialogActionPrimary, DialogActionSecondary, DialogActionTertiary, DialogActions, DialogBody, DialogClose, DialogFooter, DialogHeader, Divider, Drawer, DrawerActionPrimary, DrawerActionSecondary, DrawerActionTertiary, DrawerActions, DrawerBody, DrawerClose, DrawerHeader, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, EmptyState, EmptyStateAction, EmptyStateHeader, EmptyStateIllustration, EmptyStateMessage, Field, FieldHint, FieldLabel, Grid, Group, Header, HeaderActions, HeaderContent, HeaderTitle, Icon, LabeledValue, LabeledValueLabel, LabeledValueValue, Link, LogoLoader, PageContent, Pagination, ProgressBar, ProgressBarCountdown, Radio, RadioGroup, Row, Section, SectionTitle, Select, SelectOption, Sidebar, SpinnerWheel, Stack, Step, Steps, SubHeader, Switch, Switcher, Tab, TabPanel, Table, TableActions, TableBody, TableCell, TableFeedback, TableFoot, TableHead, TableHeadCell, TableRow, TableToolbar, Tabs, Tag, Text, TextArea, TextField, Timeline, TimelineExpandableItem, TimelineItem, TimelineItemBody, TimelineItemFooter, TimelineItemHeader, TimelineItemHeaderSubtitle, TimelineItemHeaderTitle, TimelineItemIcon, Toggle, ToggleGroup, Tooltip } from "@loadsmart/miranda-wc";
+import { DIALOG_SIZES, DIALOG_VARIANTS, DRAWER_SIZES, EMPTY_STATE_VARIANTS, Accordion, AccordionContent, AccordionTitle, ActionableTag, BackButton, Badge, Banner, BannerActionPrimary, BannerActionSecondary, BannerActions, BannerDescription, BannerIcon, BannerTitle, Body, Box, Button, Card, CardActionPrimary, CardActionSecondary, CardActionTertiary, CardBody, CardDivider, CardFooter, CardSubtitle, CardTitle, CaretButton, Checkbox, CloseButton, Column, Container, Dialog, DialogActionPrimary, DialogActionSecondary, DialogActionTertiary, DialogActions, DialogBody, DialogClose, DialogFooter, DialogHeader, Divider, Drawer, DrawerActionPrimary, DrawerActionSecondary, DrawerActionTertiary, DrawerActions, DrawerBody, DrawerClose, DrawerHeader, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, EmptyState, EmptyStateAction, EmptyStateHeader, EmptyStateIllustration, EmptyStateMessage, Field, FieldHint, FieldLabel, FilePicker, Grid, Group, Header, HeaderActions, HeaderContent, HeaderTitle, Icon, Label, LabeledValue, LabeledValueLabel, LabeledValueValue, Link, LogoLoader, PageContent, Pagination, ProgressBar, ProgressBarCountdown, Radio, RadioGroup, Row, Section, SectionTitle, Select, SelectOption, SideNavigation, SideNavigationBody, SideNavigationDivider, SideNavigationFooter, SideNavigationHeader, SideNavigationItem, SideNavigationSubNav, SideNavigationSubNavContent, SideNavigationSubNavItem, SideNavigationSubNavTitle, Sidebar, SpinnerWheel, Stack, Step, Steps, SubHeader, Switch, Switcher, Tab, TabPanel, Table, TableActions, TableBody, TableCell, TableFeedback, TableFoot, TableHead, TableHeadCell, TableRow, TableToolbar, TableV2 as TableV22, Tabs, Tag, Text, TextArea, TextField, Timeline, TimelineExpandableItem, TimelineItem, TimelineItemBody, TimelineItemFooter, TimelineItemHeader, TimelineItemHeaderSubtitle, TimelineItemHeaderTitle, TimelineItemIcon, Toggle, ToggleGroup, Tooltip } from "@loadsmart/miranda-wc";
 import * as React from "react";
 import React__default, { forwardRef, useState, useCallback, Children, isValidElement, cloneElement } from "react";
 import { createComponent as createComponent$1 } from "@lit/react";
@@ -46,7 +46,7 @@ const Accordion2 = createComponent({
     Content: AccordionContent2
   }
 });
-const BackButton = createComponent({
+const BackButton2 = createComponent({
   tagName: "m-back-button",
   elementClass: BackButton$1,
   displayName: "BackButton"
@@ -625,7 +625,7 @@ const Link2 = createComponent({
   elementClass: Link$1,
   displayName: "Link"
 });
-const Body = createComponent({
+const Body2 = createComponent({
   tagName: "m-body",
   elementClass: Body$1,
   displayName: "Body"
@@ -635,7 +635,7 @@ const PageContent2 = createComponent({
   elementClass: PageContent$1,
   displayName: "PageContent",
   subComponents: {
-    Body
+    Body: Body2
   }
 });
 const Pagination2 = createComponent({
@@ -1250,7 +1250,7 @@ const DotsLoader = createComponent({
   elementClass: DotsLoader$1,
   displayName: "DotsLoader"
 });
-const FilePicker = createComponent({
+const FilePicker2 = createComponent({
   tagName: "m-file-Picker",
   elementClass: FilePicker$1,
   displayName: "FilePicker",
@@ -1264,7 +1264,7 @@ const FilePicker = createComponent({
 export {
   Accordion2 as Accordion,
   ActionableTag2 as ActionableTag,
-  BackButton,
+  BackButton2 as BackButton,
   Badge2 as Badge,
   Banner2 as Banner,
   Box2 as Box,
@@ -1287,7 +1287,7 @@ export {
   EMPTY_STATE_VARIANTS,
   EmptyState2 as EmptyState,
   Field2 as Field,
-  FilePicker,
+  FilePicker2 as FilePicker,
   Grid2 as Grid,
   Group2 as Group,
   Header2 as Header,
@@ -1365,6 +1365,7 @@ export {
   AccordionContent as WCAccordionContent,
   AccordionTitle as WCAccordionTitle,
   ActionableTag as WCActionableTag,
+  BackButton as WCBackButton,
   Badge as WCBadge,
   Banner as WCBanner,
   BannerActionPrimary as WCBannerActionPrimary,
@@ -1373,6 +1374,7 @@ export {
   BannerDescription as WCBannerDescription,
   BannerIcon as WCBannerIcon,
   BannerTitle as WCBannerTitle,
+  Body as WCBody,
   Box as WCBox,
   Button as WCButton,
   Card as WCCard,
@@ -1384,7 +1386,9 @@ export {
   CardFooter as WCCardFooter,
   CardSubtitle as WCCardSubtitle,
   CardTitle as WCCardTitle,
+  CaretButton as WCCaretButton,
   Checkbox as WCCheckbox,
+  CloseButton as WCCloseButton,
   Column as WCColumn,
   Container as WCContainer,
   Dialog as WCDialog,
@@ -1417,6 +1421,7 @@ export {
   Field as WCField,
   FieldHint as WCFieldHint,
   FieldLabel as WCFieldLabel,
+  FilePicker as WCFilePicker,
   Grid as WCGrid,
   Group as WCGroup,
   Header as WCHeader,
@@ -1424,6 +1429,7 @@ export {
   HeaderContent as WCHeaderContent,
   HeaderTitle as WCHeaderTitle,
   Icon as WCIcon,
+  Label as WCLabel,
   LabeledValue as WCLabeledValue,
   LabeledValueLabel as WCLabeledValueLabel,
   LabeledValueValue as WCLabeledValueValue,
@@ -1440,6 +1446,16 @@ export {
   SectionTitle as WCSectionTitle,
   Select as WCSelect,
   SelectOption as WCSelectOption,
+  SideNavigation as WCSideNavigation,
+  SideNavigationBody as WCSideNavigationBody,
+  SideNavigationDivider as WCSideNavigationDivider,
+  SideNavigationFooter as WCSideNavigationFooter,
+  SideNavigationHeader as WCSideNavigationHeader,
+  SideNavigationItem as WCSideNavigationItem,
+  SideNavigationSubNav as WCSideNavigationSubNav,
+  SideNavigationSubNavContent as WCSideNavigationSubNavContent,
+  SideNavigationSubNavItem as WCSideNavigationSubNavItem,
+  SideNavigationSubNavTitle as WCSideNavigationSubNavTitle,
   Sidebar as WCSidebar,
   SpinnerWheel as WCSpinnerWheel,
   Stack as WCStack,
@@ -1460,6 +1476,7 @@ export {
   TableHeadCell as WCTableHeadCell,
   TableRow as WCTableRow,
   TableToolbar as WCTableToolbar,
+  TableV22 as WCTableV2,
   Tabs as WCTabs,
   Tag as WCTag,
   Text as WCText,

package/dist/tokens.d.ts

@@ -19,17 +19,17 @@ declare module 'react' {
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-icon-size'?: string;
-        '--m-icon-color'?: string;
+        '--m-divider-margin-top'?: string;
+        '--m-divider-margin-bottom'?: string;
+        '--m-divider-margin-y'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-divider-margin-top'?: string;
-        '--m-divider-margin-bottom'?: string;
-        '--m-divider-margin-y'?: string;
+        '--m-icon-size'?: string;
+        '--m-icon-color'?: string;
     }
 }
 
@@ -41,7 +41,6 @@ declare module 'react' {
         '--m-table-border-top-right-radius'?: string;
         '--m-table-border-bottom-left-radius'?: string;
         '--m-table-border-bottom-right-radius'?: string;
-        '--m-table-border-width'?: string;
     }
 }
 
@@ -53,24 +52,25 @@ declare module 'react' {
         '--m-table-border-top-right-radius'?: string;
         '--m-table-border-bottom-left-radius'?: string;
         '--m-table-border-bottom-right-radius'?: string;
+        '--m-table-border-width'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-table-border-radius'?: string;
-        '--m-table-border-top-left-radius'?: string;
-        '--m-table-border-top-right-radius'?: string;
-        '--m-table-border-bottom-left-radius'?: string;
-        '--m-table-border-bottom-right-radius'?: string;
+        '--m-text-display'?: string;
+        '--m-text-max-width'?: string;
     }
 }
 
 
 declare module 'react' {
     interface CSSProperties {
-        '--m-text-display'?: string;
-        '--m-text-max-width'?: string;
+        '--m-table-border-radius'?: string;
+        '--m-table-border-top-left-radius'?: string;
+        '--m-table-border-top-right-radius'?: string;
+        '--m-table-border-bottom-left-radius'?: string;
+        '--m-table-border-bottom-right-radius'?: string;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "3.7.0",
+	"version": "3.8.1",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -49,8 +49,8 @@
 	"dependencies": {
 		"@figma/code-connect": "^1.3.3",
 		"@lit/react": "^1.0.5",
-		"@loadsmart/miranda-tokens": "4.7.0",
-		"@loadsmart/miranda-wc": "3.7.0",
+		"@loadsmart/miranda-tokens": "4.8.1",
+		"@loadsmart/miranda-wc": "3.8.1",
 		"react-is": "^18.3.1"
 	},
 	"directories": {