@loadsmart/miranda-react 3.22.0 → 4.0.0-alpha.1

package/dist/index.d.ts

@@ -265,7 +265,6 @@ import { TextField as WCTextField } from '@loadsmart/miranda-wc';
 import { TextFieldProps as WCTextFieldProps } from '@loadsmart/miranda-wc';
 import { TextProps as WCTextProps } from '@loadsmart/miranda-wc';
 import { Timeline as WCTimeline } from '@loadsmart/miranda-wc';
-import { TimelineExpandableItem as WCTimelineExpandableItem } from '@loadsmart/miranda-wc';
 import { TimelineItem as WCTimelineItem } from '@loadsmart/miranda-wc';
 import { TimelineItemBody as WCTimelineItemBody } from '@loadsmart/miranda-wc';
 import { TimelineItemFooter as WCTimelineItemFooter } from '@loadsmart/miranda-wc';
@@ -1229,9 +1228,10 @@ export declare type TextFieldProps = Omit<ComponentProps<typeof WiredTextField>,
 
 export declare type TextProps = ComponentProps<typeof Text_2>;
 
-export declare const Timeline: ReactWebComponent<WCTimeline, {}> & {
+export declare const Timeline: ReactWebComponent<WCTimeline, {
+onToggle: string;
+}> & {
     Item: ReactWebComponent<WCTimelineItem, {}>;
-    ExpandableItem: ReactWebComponent<WCTimelineExpandableItem, {}>;
     ItemBody: ReactWebComponent<WCTimelineItemBody, {}>;
     ItemFooter: ReactWebComponent<WCTimelineItemFooter, {}>;
     ItemHeader: ReactWebComponent<WCTimelineItemHeader, {}>;
@@ -1240,8 +1240,6 @@ export declare const Timeline: ReactWebComponent<WCTimeline, {}> & {
     ItemIcon: ReactWebComponent<WCTimelineItemIcon, {}>;
 };
 
-export declare const TimelineExpandableItem: ReactWebComponent<WCTimelineExpandableItem, {}>;
-
 export declare const TimelineItem: ReactWebComponent<WCTimelineItem, {}>;
 
 export declare const TimelineItemBody: ReactWebComponent<WCTimelineItemBody, {}>;
@@ -1667,8 +1665,6 @@ export { WCTextProps }
 
 export { WCTimeline }
 
-export { WCTimelineExpandableItem }
-
 export { WCTimelineItem }
 
 export { WCTimelineItemBody }
@@ -1843,18 +1839,18 @@ declare module 'react' {
 
 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, Avatar as Avatar$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, DropdownDivider as DropdownDivider$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, Page as Page$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, SideNavigationBody as SideNavigationBody$1, SideNavigationDivider as SideNavigationDivider$1, SideNavigationFooter as SideNavigationFooter$1, SideNavigationHeader as SideNavigationHeader$1, SideNavigationItem as SideNavigationItem$1, SideNavigationSubNav as SideNavigationSubNav$1, SideNavigationSubNavContent as SideNavigationSubNavContent$1, SideNavigationSubNavItem as SideNavigationSubNavItem$1, SideNavigationSubNavTitle as SideNavigationSubNavTitle$1, SideNavigationTrigger as SideNavigationTrigger$1, SideNavigation as SideNavigation$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, TagRemove as TagRemove$1, TagExpand as TagExpand$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, TopNavigationItem as TopNavigationItem$1, TopNavigation as TopNavigation$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, Avatar, 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, Page, 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 { AccordionTitle as AccordionTitle$1, AccordionContent as AccordionContent$1, Accordion as Accordion$1, Avatar as Avatar$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, DropdownDivider as DropdownDivider$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, Page as Page$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, SideNavigationBody as SideNavigationBody$1, SideNavigationDivider as SideNavigationDivider$1, SideNavigationFooter as SideNavigationFooter$1, SideNavigationHeader as SideNavigationHeader$1, SideNavigationItem as SideNavigationItem$1, SideNavigationSubNav as SideNavigationSubNav$1, SideNavigationSubNavContent as SideNavigationSubNavContent$1, SideNavigationSubNavItem as SideNavigationSubNavItem$1, SideNavigationSubNavTitle as SideNavigationSubNavTitle$1, SideNavigationTrigger as SideNavigationTrigger$1, SideNavigation as SideNavigation$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, TagRemove as TagRemove$1, TagExpand as TagExpand$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, 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, TopNavigationItem as TopNavigationItem$1, TopNavigation as TopNavigation$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, Avatar, 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, Page, 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, 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";
@@ -1225,11 +1225,6 @@ const TimelineItem2 = createComponent({
   elementClass: TimelineItem$1,
   displayName: "TimelineItem"
 });
-const TimelineExpandableItem2 = createComponent({
-  tagName: "m-timeline-expandable-item",
-  elementClass: TimelineExpandableItem$1,
-  displayName: "TimelineExpandableItem"
-});
 const TimelineItemBody2 = createComponent({
   tagName: "m-timeline-item-body",
   elementClass: TimelineItemBody$1,
@@ -1264,9 +1259,11 @@ const Timeline2 = createComponent({
   tagName: "m-timeline",
   elementClass: Timeline$1,
   displayName: "Timeline",
+  events: {
+    onToggle: "toggle"
+  },
   subComponents: {
     Item: TimelineItem2,
-    ExpandableItem: TimelineExpandableItem2,
     ItemBody: TimelineItemBody2,
     ItemFooter: TimelineItemFooter2,
     ItemHeader: TimelineItemHeader2,
@@ -1489,7 +1486,6 @@ export {
   TextArea2 as TextArea,
   TextField2 as TextField,
   Timeline2 as Timeline,
-  TimelineExpandableItem2 as TimelineExpandableItem,
   TimelineItem2 as TimelineItem,
   TimelineItemBody2 as TimelineItemBody,
   TimelineItemFooter2 as TimelineItemFooter,
@@ -1626,7 +1622,6 @@ export {
   TextArea as WCTextArea,
   TextField as WCTextField,
   Timeline as WCTimeline,
-  TimelineExpandableItem as WCTimelineExpandableItem,
   TimelineItem as WCTimelineItem,
   TimelineItemBody as WCTimelineItemBody,
   TimelineItemFooter as WCTimelineItemFooter,

package/dist/tokens.d.ts

@@ -59,18 +59,18 @@ declare module 'react' {
 
 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.22.0",
+	"version": "4.0.0-alpha.1",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -49,8 +49,8 @@
 	},
 	"dependencies": {
 		"@lit/react": "^1.0.5",
-		"@loadsmart/miranda-tokens": "4.22.0",
-		"@loadsmart/miranda-wc": "3.22.0",
+		"@loadsmart/miranda-tokens": "5.0.0-alpha.1",
+		"@loadsmart/miranda-wc": "4.0.0-alpha.1",
 		"react-is": "^18.3.1"
 	},
 	"directories": {