@loadsmart/miranda-react 3.12.2 → 3.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +34 -7
- package/dist/index.js +29 -10
- package/dist/tokens.d.ts +1 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -48,6 +48,7 @@ import { ReactWebComponent } from '@lit/react';
|
|
|
48
48
|
import { RefAttributes } from 'react';
|
|
49
49
|
import { SelectionType } from '@loadsmart/miranda-wc';
|
|
50
50
|
import { SelectionValue } from '@loadsmart/miranda-wc';
|
|
51
|
+
import { SideNavigationTrigger as SideNavigationTrigger_2 } from '@loadsmart/miranda-wc';
|
|
51
52
|
import { StepChangeEventDetail } from '@loadsmart/miranda-wc';
|
|
52
53
|
import { StepNavigateEventDetail } from '@loadsmart/miranda-wc';
|
|
53
54
|
import { SwitchSize } from '@loadsmart/miranda-wc';
|
|
@@ -90,7 +91,6 @@ import { ToggleSize } from '@loadsmart/miranda-wc';
|
|
|
90
91
|
import { TooltipPlacement } from '@loadsmart/miranda-wc';
|
|
91
92
|
import { TooltipTrigger } from '@loadsmart/miranda-wc';
|
|
92
93
|
import { TopNavigation as TopNavigation_2 } from '@loadsmart/miranda-wc';
|
|
93
|
-
import { TopNavigationActions as TopNavigationActions_2 } from '@loadsmart/miranda-wc';
|
|
94
94
|
import { TopNavigationItem as TopNavigationItem_2 } from '@loadsmart/miranda-wc';
|
|
95
95
|
import { TypographyVariant } from '@loadsmart/miranda-wc';
|
|
96
96
|
import { Accordion as WCAccordion } from '@loadsmart/miranda-wc';
|
|
@@ -99,6 +99,7 @@ import { AccordionProps as WCAccordionProps } from '@loadsmart/miranda-wc';
|
|
|
99
99
|
import { AccordionTitle as WCAccordionTitle } from '@loadsmart/miranda-wc';
|
|
100
100
|
import { ActionableTag as WCActionableTag } from '@loadsmart/miranda-wc';
|
|
101
101
|
import { ActionableTagProps as WCActionableTagProps } from '@loadsmart/miranda-wc';
|
|
102
|
+
import { Avatar as WCAvatar } from '@loadsmart/miranda-wc';
|
|
102
103
|
import { BackButton as WCBackButton } from '@loadsmart/miranda-wc';
|
|
103
104
|
import { Badge as WCBadge } from '@loadsmart/miranda-wc';
|
|
104
105
|
import { BadgeProps as WCBadgeProps } from '@loadsmart/miranda-wc';
|
|
@@ -192,6 +193,7 @@ import { LabelProps as WCLabelProps } from '@loadsmart/miranda-wc';
|
|
|
192
193
|
import { Link as WCLink } from '@loadsmart/miranda-wc';
|
|
193
194
|
import { LogoLoader as WCLogoLoader } from '@loadsmart/miranda-wc';
|
|
194
195
|
import { LogoLoaderProps as WCLogoLoaderProps } from '@loadsmart/miranda-wc';
|
|
196
|
+
import { Page as WCPage } from '@loadsmart/miranda-wc';
|
|
195
197
|
import { PageContent as WCPageContent } from '@loadsmart/miranda-wc';
|
|
196
198
|
import { Pagination as WCPagination } from '@loadsmart/miranda-wc';
|
|
197
199
|
import { PaginationProps as WCPaginationProps } from '@loadsmart/miranda-wc';
|
|
@@ -304,6 +306,10 @@ export { ActionableTagVariant }
|
|
|
304
306
|
|
|
305
307
|
export { AlignItemsValue }
|
|
306
308
|
|
|
309
|
+
export declare const Avatar: ReactWebComponent<WCAvatar, {}>;
|
|
310
|
+
|
|
311
|
+
export declare type AvatarProps = ComponentProps<typeof Avatar>;
|
|
312
|
+
|
|
307
313
|
export declare const BackButton: ReactWebComponent<WCBackButton, {}>;
|
|
308
314
|
|
|
309
315
|
export declare type BackButtonProps = ComponentProps<typeof BackButton>;
|
|
@@ -741,6 +747,23 @@ export declare type MirandaChangeEvent<T = Element> = ChangeEvent<T> & Event;
|
|
|
741
747
|
*/
|
|
742
748
|
declare type MirandaChangeEvent_2<T = Element> = ChangeEvent<T> & Event;
|
|
743
749
|
|
|
750
|
+
export declare const Page: ReactWebComponent<WCPage, {}> & {
|
|
751
|
+
Content: ReactWebComponent<WCPageContent, {}> & {
|
|
752
|
+
Body: ReactWebComponent<WCBody, {}>;
|
|
753
|
+
};
|
|
754
|
+
Header: ReactWebComponent<WCHeader, {}> & {
|
|
755
|
+
Actions: ReactWebComponent<WCHeaderActions, {}>;
|
|
756
|
+
Content: ReactWebComponent<WCHeaderContent, {}>;
|
|
757
|
+
Title: ReactWebComponent<WCHeaderTitle, {}>;
|
|
758
|
+
SubHeader: ReactWebComponent<WCSubHeader, {}>;
|
|
759
|
+
BackButton: ReactWebComponent<WCBackButton, {}>;
|
|
760
|
+
Tabs: ReactWebComponent<HeaderTabs_2, {
|
|
761
|
+
onTabChange: EventName<CustomEvent<TabChangeEventDetail>>;
|
|
762
|
+
}>;
|
|
763
|
+
};
|
|
764
|
+
Body: ReactWebComponent<WCBody, {}>;
|
|
765
|
+
};
|
|
766
|
+
|
|
744
767
|
export declare const PageContent: ReactWebComponent<WCPageContent, {}> & {
|
|
745
768
|
Body: ReactWebComponent<WCBody, {}>;
|
|
746
769
|
};
|
|
@@ -884,6 +907,7 @@ export declare const SideNavigation: ReactWebComponent<WCSideNavigation, {}> & {
|
|
|
884
907
|
SubNavContent: ReactWebComponent<WCSideNavigationSubNavContent, {}>;
|
|
885
908
|
SubNavItem: ReactWebComponent<WCSideNavigationSubNavItem, {}>;
|
|
886
909
|
SubNavTitle: ReactWebComponent<WCSideNavigationSubNavTitle, {}>;
|
|
910
|
+
Trigger: ReactWebComponent<SideNavigationTrigger_2, {}>;
|
|
887
911
|
};
|
|
888
912
|
|
|
889
913
|
export declare const SideNavigationBody: ReactWebComponent<WCSideNavigationBody, {}>;
|
|
@@ -926,6 +950,10 @@ export declare const SideNavigationSubNavTitle: ReactWebComponent<WCSideNavigati
|
|
|
926
950
|
|
|
927
951
|
export declare type SideNavigationSubNavTitleProps = ComponentProps<typeof SideNavigationSubNavTitle>;
|
|
928
952
|
|
|
953
|
+
export declare const SideNavigationTrigger: ReactWebComponent<SideNavigationTrigger_2, {}>;
|
|
954
|
+
|
|
955
|
+
export declare type SideNavigationTriggerProps = ComponentProps<typeof SideNavigationTrigger>;
|
|
956
|
+
|
|
929
957
|
export declare const SpinnerWheel: ReactWebComponent<WCSpinnerWheel, {}>;
|
|
930
958
|
|
|
931
959
|
export declare type SpinnerWheelProps = ComponentProps<typeof SpinnerWheel>;
|
|
@@ -1275,14 +1303,9 @@ export declare type TooltipProps = ComponentProps<typeof WiredTooltip> & {
|
|
|
1275
1303
|
export { TooltipTrigger }
|
|
1276
1304
|
|
|
1277
1305
|
export declare const TopNavigation: ReactWebComponent<TopNavigation_2, {}> & {
|
|
1278
|
-
Actions: ReactWebComponent<TopNavigationActions_2, {}>;
|
|
1279
1306
|
Item: ReactWebComponent<TopNavigationItem_2, {}>;
|
|
1280
1307
|
};
|
|
1281
1308
|
|
|
1282
|
-
export declare const TopNavigationActions: ReactWebComponent<TopNavigationActions_2, {}>;
|
|
1283
|
-
|
|
1284
|
-
export declare type TopNavigationActionsProps = ComponentProps<typeof TopNavigationActions>;
|
|
1285
|
-
|
|
1286
1309
|
export declare const TopNavigationItem: ReactWebComponent<TopNavigationItem_2, {}>;
|
|
1287
1310
|
|
|
1288
1311
|
export declare type TopNavigationItemProps = ComponentProps<typeof TopNavigationItem>;
|
|
@@ -1312,6 +1335,8 @@ export { WCActionableTag }
|
|
|
1312
1335
|
|
|
1313
1336
|
export { WCActionableTagProps }
|
|
1314
1337
|
|
|
1338
|
+
export { WCAvatar }
|
|
1339
|
+
|
|
1315
1340
|
export { WCBackButton }
|
|
1316
1341
|
|
|
1317
1342
|
export { WCBadge }
|
|
@@ -1498,6 +1523,8 @@ export { WCLogoLoader }
|
|
|
1498
1523
|
|
|
1499
1524
|
export { WCLogoLoaderProps }
|
|
1500
1525
|
|
|
1526
|
+
export { WCPage }
|
|
1527
|
+
|
|
1501
1528
|
export { WCPageContent }
|
|
1502
1529
|
|
|
1503
1530
|
export { WCPagination }
|
|
@@ -1798,6 +1825,7 @@ declare module 'react' {
|
|
|
1798
1825
|
'--m-table-border-top-right-radius'?: string;
|
|
1799
1826
|
'--m-table-border-bottom-left-radius'?: string;
|
|
1800
1827
|
'--m-table-border-bottom-right-radius'?: string;
|
|
1828
|
+
'--m-table-border-width'?: string;
|
|
1801
1829
|
}
|
|
1802
1830
|
}
|
|
1803
1831
|
|
|
@@ -1809,7 +1837,6 @@ declare module 'react' {
|
|
|
1809
1837
|
'--m-table-border-top-right-radius'?: string;
|
|
1810
1838
|
'--m-table-border-bottom-left-radius'?: string;
|
|
1811
1839
|
'--m-table-border-bottom-right-radius'?: string;
|
|
1812
|
-
'--m-table-border-width'?: string;
|
|
1813
1840
|
}
|
|
1814
1841
|
}
|
|
1815
1842
|
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
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, 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, 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, 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,
|
|
2
|
-
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";
|
|
1
|
+
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";
|
|
2
|
+
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";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import React__default, { forwardRef, useState, useCallback, Children, isValidElement, cloneElement } from "react";
|
|
5
5
|
import { createComponent as createComponent$1 } from "@lit/react";
|
|
@@ -46,6 +46,11 @@ const Accordion2 = createComponent({
|
|
|
46
46
|
Content: AccordionContent2
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
|
+
const Avatar2 = createComponent({
|
|
50
|
+
tagName: "m-avatar",
|
|
51
|
+
elementClass: Avatar$1,
|
|
52
|
+
displayName: "Avatar"
|
|
53
|
+
});
|
|
49
54
|
const BackButton2 = createComponent({
|
|
50
55
|
tagName: "m-back-button",
|
|
51
56
|
elementClass: BackButton$1,
|
|
@@ -644,6 +649,16 @@ const PageContent2 = createComponent({
|
|
|
644
649
|
Body: Body2
|
|
645
650
|
}
|
|
646
651
|
});
|
|
652
|
+
const Page2 = createComponent({
|
|
653
|
+
tagName: "m-page",
|
|
654
|
+
elementClass: Page$1,
|
|
655
|
+
displayName: "Page",
|
|
656
|
+
subComponents: {
|
|
657
|
+
Content: PageContent2,
|
|
658
|
+
Header: Header2,
|
|
659
|
+
Body: Body2
|
|
660
|
+
}
|
|
661
|
+
});
|
|
647
662
|
const Pagination2 = createComponent({
|
|
648
663
|
tagName: "m-pagination",
|
|
649
664
|
elementClass: Pagination$1,
|
|
@@ -794,6 +809,11 @@ const SideNavigationSubNavTitle2 = createComponent({
|
|
|
794
809
|
elementClass: SideNavigationSubNavTitle$1,
|
|
795
810
|
displayName: "SideNavigationSubNavTitle"
|
|
796
811
|
});
|
|
812
|
+
const SideNavigationTrigger = createComponent({
|
|
813
|
+
tagName: "m-side-navigation-trigger",
|
|
814
|
+
elementClass: SideNavigationTrigger$1,
|
|
815
|
+
displayName: "SideNavigationTrigger"
|
|
816
|
+
});
|
|
797
817
|
const SideNavigation2 = createComponent({
|
|
798
818
|
tagName: "m-side-navigation",
|
|
799
819
|
elementClass: SideNavigation$1,
|
|
@@ -807,7 +827,8 @@ const SideNavigation2 = createComponent({
|
|
|
807
827
|
SubNav: SideNavigationSubNav2,
|
|
808
828
|
SubNavContent: SideNavigationSubNavContent2,
|
|
809
829
|
SubNavItem: SideNavigationSubNavItem2,
|
|
810
|
-
SubNavTitle: SideNavigationSubNavTitle2
|
|
830
|
+
SubNavTitle: SideNavigationSubNavTitle2,
|
|
831
|
+
Trigger: SideNavigationTrigger
|
|
811
832
|
}
|
|
812
833
|
});
|
|
813
834
|
const SpinnerWheel2 = createComponent({
|
|
@@ -1329,11 +1350,6 @@ function Tooltip2(props) {
|
|
|
1329
1350
|
})();
|
|
1330
1351
|
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(WiredTooltip, { anchor: anchorId, ...rest }, message), childWithId);
|
|
1331
1352
|
}
|
|
1332
|
-
const TopNavigationActions = createComponent({
|
|
1333
|
-
tagName: "m-top-navigation-actions",
|
|
1334
|
-
elementClass: TopNavigationActions$1,
|
|
1335
|
-
displayName: "TopNavigationActions"
|
|
1336
|
-
});
|
|
1337
1353
|
const TopNavigationItem = createComponent({
|
|
1338
1354
|
tagName: "m-top-navigation-item",
|
|
1339
1355
|
elementClass: TopNavigationItem$1,
|
|
@@ -1344,7 +1360,6 @@ const TopNavigation = createComponent({
|
|
|
1344
1360
|
elementClass: TopNavigation$1,
|
|
1345
1361
|
displayName: "TopNavigation",
|
|
1346
1362
|
subComponents: {
|
|
1347
|
-
Actions: TopNavigationActions,
|
|
1348
1363
|
Item: TopNavigationItem
|
|
1349
1364
|
}
|
|
1350
1365
|
});
|
|
@@ -1372,6 +1387,7 @@ const FilePicker2 = createComponent({
|
|
|
1372
1387
|
export {
|
|
1373
1388
|
Accordion2 as Accordion,
|
|
1374
1389
|
ActionableTag2 as ActionableTag,
|
|
1390
|
+
Avatar2 as Avatar,
|
|
1375
1391
|
BackButton2 as BackButton,
|
|
1376
1392
|
Badge2 as Badge,
|
|
1377
1393
|
Banner2 as Banner,
|
|
@@ -1410,6 +1426,7 @@ export {
|
|
|
1410
1426
|
Layout,
|
|
1411
1427
|
Link2 as Link,
|
|
1412
1428
|
LogoLoader2 as LogoLoader,
|
|
1429
|
+
Page2 as Page,
|
|
1413
1430
|
PageContent2 as PageContent,
|
|
1414
1431
|
Pagination2 as Pagination,
|
|
1415
1432
|
ProgressBar2 as ProgressBar,
|
|
@@ -1429,6 +1446,7 @@ export {
|
|
|
1429
1446
|
SideNavigationSubNavContent2 as SideNavigationSubNavContent,
|
|
1430
1447
|
SideNavigationSubNavItem2 as SideNavigationSubNavItem,
|
|
1431
1448
|
SideNavigationSubNavTitle2 as SideNavigationSubNavTitle,
|
|
1449
|
+
SideNavigationTrigger,
|
|
1432
1450
|
Sidebar2 as Sidebar,
|
|
1433
1451
|
SpinnerWheel2 as SpinnerWheel,
|
|
1434
1452
|
Stack2 as Stack,
|
|
@@ -1483,12 +1501,12 @@ export {
|
|
|
1483
1501
|
ToggleGroup2 as ToggleGroup,
|
|
1484
1502
|
Tooltip2 as Tooltip,
|
|
1485
1503
|
TopNavigation,
|
|
1486
|
-
TopNavigationActions,
|
|
1487
1504
|
TopNavigationItem,
|
|
1488
1505
|
Accordion as WCAccordion,
|
|
1489
1506
|
AccordionContent as WCAccordionContent,
|
|
1490
1507
|
AccordionTitle as WCAccordionTitle,
|
|
1491
1508
|
ActionableTag as WCActionableTag,
|
|
1509
|
+
Avatar as WCAvatar,
|
|
1492
1510
|
BackButton as WCBackButton,
|
|
1493
1511
|
Badge as WCBadge,
|
|
1494
1512
|
Banner as WCBanner,
|
|
@@ -1559,6 +1577,7 @@ export {
|
|
|
1559
1577
|
LabeledValueValue as WCLabeledValueValue,
|
|
1560
1578
|
Link as WCLink,
|
|
1561
1579
|
LogoLoader as WCLogoLoader,
|
|
1580
|
+
Page as WCPage,
|
|
1562
1581
|
PageContent as WCPageContent,
|
|
1563
1582
|
Pagination as WCPagination,
|
|
1564
1583
|
ProgressBar as WCProgressBar,
|
package/dist/tokens.d.ts
CHANGED
|
@@ -41,6 +41,7 @@ declare module 'react' {
|
|
|
41
41
|
'--m-table-border-top-right-radius'?: string;
|
|
42
42
|
'--m-table-border-bottom-left-radius'?: string;
|
|
43
43
|
'--m-table-border-bottom-right-radius'?: string;
|
|
44
|
+
'--m-table-border-width'?: string;
|
|
44
45
|
}
|
|
45
46
|
}
|
|
46
47
|
|
|
@@ -52,7 +53,6 @@ declare module 'react' {
|
|
|
52
53
|
'--m-table-border-top-right-radius'?: string;
|
|
53
54
|
'--m-table-border-bottom-left-radius'?: string;
|
|
54
55
|
'--m-table-border-bottom-right-radius'?: string;
|
|
55
|
-
'--m-table-border-width'?: string;
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@loadsmart/miranda-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.13.0",
|
|
4
4
|
"description": "React component library based on Miranda Web Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@figma/code-connect": "^1.3.3",
|
|
51
51
|
"@lit/react": "^1.0.5",
|
|
52
|
-
"@loadsmart/miranda-tokens": "4.
|
|
53
|
-
"@loadsmart/miranda-wc": "3.
|
|
52
|
+
"@loadsmart/miranda-tokens": "4.13.0",
|
|
53
|
+
"@loadsmart/miranda-wc": "3.13.0",
|
|
54
54
|
"react-is": "^18.3.1"
|
|
55
55
|
},
|
|
56
56
|
"directories": {
|