@loadsmart/miranda-react 3.0.0-beta.62 → 3.0.0-beta.63

package/dist/components/TableLayout/TableLayout.d.ts

@@ -0,0 +1,25 @@
+import { TableLayout as WCTableLayout } from '@loadsmart/miranda-wc';
+import { WebComponentProps } from '@lit/react';
+import { ComponentProps } from 'react';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-layout': WebComponentProps<HTMLElement>;
+        }
+    }
+}
+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;
+    }
+}
+export declare const TableLayout: import('@lit/react').ReactWebComponent<WCTableLayout, {}> & {
+    Toolbar: import('@lit/react').ReactWebComponent<import('@loadsmart/miranda-wc').TableLayoutToolbar, {}>;
+    Feedback: import('@lit/react').ReactWebComponent<import('@loadsmart/miranda-wc').TableLayoutFeedback, {}>;
+    Actions: import('@lit/react').ReactWebComponent<import('@loadsmart/miranda-wc').TableLayoutActions, {}>;
+};
+export type TableLayoutProps = ComponentProps<typeof TableLayout>;

package/dist/components/TableLayout/TableLayoutActions.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { WebComponentProps } from '@lit/react';
+import { TableLayoutActions as WCTableLayoutActions } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-layout-actions': WebComponentProps<WCTableLayoutActions>;
+        }
+    }
+}
+export declare const TableLayoutActions: import('@lit/react').ReactWebComponent<WCTableLayoutActions, {}>;
+export type TableLayoutActionsProps = ComponentProps<typeof TableLayoutActions>;

package/dist/components/TableLayout/TableLayoutFeedback.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { WebComponentProps } from '@lit/react';
+import { TableLayoutFeedback as WCTableLayoutFeedback } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-layout-feedback': WebComponentProps<WCTableLayoutFeedback>;
+        }
+    }
+}
+export declare const TableLayoutFeedback: import('@lit/react').ReactWebComponent<WCTableLayoutFeedback, {}>;
+export type TableLayoutFeedbackProps = ComponentProps<typeof TableLayoutFeedback>;

package/dist/components/TableLayout/TableLayoutToolbar.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { WebComponentProps } from '@lit/react';
+import { TableLayoutToolbar as WCTableLayoutToolbar } from '@loadsmart/miranda-wc';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'm-table-layout-toolbar': WebComponentProps<WCTableLayoutToolbar>;
+        }
+    }
+}
+export declare const TableLayoutToolbar: import('@lit/react').ReactWebComponent<WCTableLayoutToolbar, {}>;
+export type TableLayoutToolbarProps = ComponentProps<typeof TableLayoutToolbar>;

package/dist/components/TableLayout/index.d.ts

@@ -0,0 +1,8 @@
+export { TableLayoutToolbar } from './TableLayoutToolbar';
+export { TableLayoutFeedback } from './TableLayoutFeedback';
+export { TableLayoutActions } from './TableLayoutActions';
+export { TableLayout } from './TableLayout';
+export type { TableLayoutToolbarProps } from './TableLayoutToolbar';
+export type { TableLayoutFeedbackProps } from './TableLayoutFeedback';
+export type { TableLayoutActionsProps } from './TableLayoutActions';
+export type { TableLayoutProps } from './TableLayout';

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export * from './components/SpinnerWheel';
 export * from './components/Steps';
 export * from './components/Switch';
 export * from './components/Table';
+export * from './components/TableLayout';
 export * from './components/Tabs';
 export * from './components/Tag';
 export * from './components/Text';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { AccordionTitle as AccordionTitle$1, AccordionContent as AccordionContent$1, Accordion as Accordion$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, BackButton, 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$1, TableBody as TableBody$1, TableFoot as TableFoot$1, TableRow as TableRow$1, TableCell as TableCell$1, TableToolbar as TableToolbar$1, TableHeadCell as TableHeadCell$1, TableFeedback as TableFeedback$1, TableActions as TableActions$1, TableSelectionCell as TableSelectionCell$1, Table as Table$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 } from "@loadsmart/miranda-wc";
+import { AccordionTitle as AccordionTitle$1, AccordionContent as AccordionContent$1, Accordion as Accordion$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, BackButton, 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$1, TableBody as TableBody$1, TableFoot as TableFoot$1, TableRow as TableRow$1, TableCell as TableCell$1, TableToolbar as TableToolbar$1, TableHeadCell as TableHeadCell$1, TableFeedback as TableFeedback$1, TableActions as TableActions$1, TableSelectionCell as TableSelectionCell$1, Table as Table$1, 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 } 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 * as React from "react";
 import React__default, { forwardRef, useState, useCallback, Children, isValidElement, cloneElement } from "react";
@@ -904,6 +904,31 @@ const Table2 = createComponent({
     Actions: TableActions2
   }
 });
+const TableLayoutToolbar = createComponent({
+  tagName: "m-table-layout-toolbar",
+  elementClass: TableLayoutToolbar$1,
+  displayName: "TableLayoutToolbar"
+});
+const TableLayoutFeedback = createComponent({
+  tagName: "m-table-layout-feedback",
+  elementClass: TableLayoutFeedback$1,
+  displayName: "TableLayoutFeedback"
+});
+const TableLayoutActions = createComponent({
+  tagName: "m-table-layout-actions",
+  elementClass: TableLayoutActions$1,
+  displayName: "TableLayoutActions"
+});
+const TableLayout = createComponent({
+  tagName: "m-table-layout",
+  elementClass: TableLayout$1,
+  displayName: "TableLayout",
+  subComponents: {
+    Toolbar: TableLayoutToolbar,
+    Feedback: TableLayoutFeedback,
+    Actions: TableLayoutActions
+  }
+});
 const WiredTab = createComponent({
   tagName: "m-tab",
   elementClass: Tab$1,
@@ -1205,6 +1230,10 @@ export {
   TableFoot2 as TableFoot,
   TableHead2 as TableHead,
   TableHeadCell2 as TableHeadCell,
+  TableLayout,
+  TableLayoutActions,
+  TableLayoutFeedback,
+  TableLayoutToolbar,
   TableRow2 as TableRow,
   TableSelectionCell,
   TableToolbar2 as TableToolbar,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "3.0.0-beta.62",
+	"version": "3.0.0-beta.63",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -41,8 +41,8 @@
 	},
 	"dependencies": {
 		"@lit/react": "^1.0.5",
-		"@loadsmart/miranda-tokens": "4.0.0-beta.62",
-		"@loadsmart/miranda-wc": "3.0.0-beta.62",
+		"@loadsmart/miranda-tokens": "4.0.0-beta.63",
+		"@loadsmart/miranda-wc": "3.0.0-beta.63",
 		"react-is": "^18.3.1"
 	},
 	"directories": {