@loadsmart/miranda-react 3.24.3 → 4.0.0-alpha.10
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 +24 -34
- package/dist/index.js +5 -10
- package/dist/tokens.d.ts +19 -19
- package/package.json +5 -4
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { AccordionToggleEventDetails } from '@loadsmart/miranda-wc';
|
|
2
1
|
import { ActionableTagVariant } from '@loadsmart/miranda-wc';
|
|
3
2
|
import { AlignItemsValue } from '@loadsmart/miranda-wc';
|
|
4
3
|
import { BannerVariant } from '@loadsmart/miranda-wc';
|
|
5
4
|
import { ButtonSize } from '@loadsmart/miranda-wc';
|
|
6
5
|
import { ButtonType } from '@loadsmart/miranda-wc';
|
|
7
6
|
import { ButtonVariant } from '@loadsmart/miranda-wc';
|
|
8
|
-
import { CardToggleEventDetails } from '@loadsmart/miranda-wc';
|
|
9
7
|
import { ChangeEvent } from 'react';
|
|
10
8
|
import { ColumnSize } from '@loadsmart/miranda-wc';
|
|
11
9
|
import { ComponentProps } from 'react';
|
|
@@ -269,7 +267,6 @@ import { TextField as WCTextField } from '@loadsmart/miranda-wc';
|
|
|
269
267
|
import { TextFieldProps as WCTextFieldProps } from '@loadsmart/miranda-wc';
|
|
270
268
|
import { TextProps as WCTextProps } from '@loadsmart/miranda-wc';
|
|
271
269
|
import { Timeline as WCTimeline } from '@loadsmart/miranda-wc';
|
|
272
|
-
import { TimelineExpandableItem as WCTimelineExpandableItem } from '@loadsmart/miranda-wc';
|
|
273
270
|
import { TimelineItem as WCTimelineItem } from '@loadsmart/miranda-wc';
|
|
274
271
|
import { TimelineItemBody as WCTimelineItemBody } from '@loadsmart/miranda-wc';
|
|
275
272
|
import { TimelineItemFooter as WCTimelineItemFooter } from '@loadsmart/miranda-wc';
|
|
@@ -286,7 +283,7 @@ import { Tooltip as WCTooltip } from '@loadsmart/miranda-wc';
|
|
|
286
283
|
import { TooltipProps as WCTooltipProps } from '@loadsmart/miranda-wc';
|
|
287
284
|
|
|
288
285
|
export declare const Accordion: ReactWebComponent<WCAccordion, {
|
|
289
|
-
onToggle:
|
|
286
|
+
onToggle: string;
|
|
290
287
|
}> & {
|
|
291
288
|
Title: ForwardRefExoticComponent<Omit<AccordionTitleProps, "ref"> & RefAttributes<WCAccordionTitle>>;
|
|
292
289
|
Content: ReactWebComponent<WCAccordionContent, {}>;
|
|
@@ -298,8 +295,6 @@ declare type AccordionTitleProps = Omit<ComponentProps<typeof WiredAccordionTitl
|
|
|
298
295
|
leading?: ReactNode;
|
|
299
296
|
};
|
|
300
297
|
|
|
301
|
-
export { AccordionToggleEventDetails }
|
|
302
|
-
|
|
303
298
|
export declare const ActionableTag: default_2.ForwardRefExoticComponent<Omit<ActionableTagProps, "ref"> & default_2.RefAttributes<WCActionableTag>>;
|
|
304
299
|
|
|
305
300
|
export declare type ActionableTagProps = ComponentProps<typeof WiredActionableTag> & {
|
|
@@ -370,7 +365,7 @@ export { ButtonType }
|
|
|
370
365
|
export { ButtonVariant }
|
|
371
366
|
|
|
372
367
|
export declare const Card: ReactWebComponent<WCCard, {
|
|
373
|
-
onToggle:
|
|
368
|
+
onToggle: string;
|
|
374
369
|
}> & {
|
|
375
370
|
Title: ForwardRefExoticComponent<Omit<CardTitleProps, "ref"> & RefAttributes<WCCardTitle>>;
|
|
376
371
|
Subtitle: ReactWebComponent<WCCardSubtitle, {}>;
|
|
@@ -403,8 +398,6 @@ declare type CardTitleProps = Omit<ComponentProps<typeof WiredCardTitle>, 'slot'
|
|
|
403
398
|
leading?: ReactNode;
|
|
404
399
|
};
|
|
405
400
|
|
|
406
|
-
export { CardToggleEventDetails }
|
|
407
|
-
|
|
408
401
|
export declare const Checkbox: default_2.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & default_2.RefAttributes<WCCheckbox>>;
|
|
409
402
|
|
|
410
403
|
export declare type CheckboxProps = ComponentProps<typeof WiredCheckbox> & {
|
|
@@ -1225,9 +1218,10 @@ export declare type TextFieldProps = Omit<ComponentProps<typeof WiredTextField>,
|
|
|
1225
1218
|
|
|
1226
1219
|
export declare type TextProps = ComponentProps<typeof Text_2>;
|
|
1227
1220
|
|
|
1228
|
-
export declare const Timeline: ReactWebComponent<WCTimeline, {
|
|
1221
|
+
export declare const Timeline: ReactWebComponent<WCTimeline, {
|
|
1222
|
+
onToggle: string;
|
|
1223
|
+
}> & {
|
|
1229
1224
|
Item: ReactWebComponent<WCTimelineItem, {}>;
|
|
1230
|
-
ExpandableItem: ReactWebComponent<WCTimelineExpandableItem, {}>;
|
|
1231
1225
|
ItemBody: ReactWebComponent<WCTimelineItemBody, {}>;
|
|
1232
1226
|
ItemFooter: ReactWebComponent<WCTimelineItemFooter, {}>;
|
|
1233
1227
|
ItemHeader: ReactWebComponent<WCTimelineItemHeader, {}>;
|
|
@@ -1236,8 +1230,6 @@ export declare const Timeline: ReactWebComponent<WCTimeline, {}> & {
|
|
|
1236
1230
|
ItemIcon: ReactWebComponent<WCTimelineItemIcon, {}>;
|
|
1237
1231
|
};
|
|
1238
1232
|
|
|
1239
|
-
export declare const TimelineExpandableItem: ReactWebComponent<WCTimelineExpandableItem, {}>;
|
|
1240
|
-
|
|
1241
1233
|
export declare const TimelineItem: ReactWebComponent<WCTimelineItem, {}>;
|
|
1242
1234
|
|
|
1243
1235
|
export declare const TimelineItemBody: ReactWebComponent<WCTimelineItemBody, {}>;
|
|
@@ -1663,8 +1655,6 @@ export { WCTextProps }
|
|
|
1663
1655
|
|
|
1664
1656
|
export { WCTimeline }
|
|
1665
1657
|
|
|
1666
|
-
export { WCTimelineExpandableItem }
|
|
1667
|
-
|
|
1668
1658
|
export { WCTimelineItem }
|
|
1669
1659
|
|
|
1670
1660
|
export { WCTimelineItemBody }
|
|
@@ -1787,37 +1777,40 @@ export { }
|
|
|
1787
1777
|
|
|
1788
1778
|
declare module 'react' {
|
|
1789
1779
|
interface CSSProperties {
|
|
1790
|
-
'--m-
|
|
1791
|
-
'--m-
|
|
1792
|
-
'--m-
|
|
1793
|
-
'--m-
|
|
1794
|
-
'--m-
|
|
1795
|
-
'--m-card-border-radius'?: string;
|
|
1780
|
+
'--m-table-border-radius'?: string;
|
|
1781
|
+
'--m-table-border-top-left-radius'?: string;
|
|
1782
|
+
'--m-table-border-top-right-radius'?: string;
|
|
1783
|
+
'--m-table-border-bottom-left-radius'?: string;
|
|
1784
|
+
'--m-table-border-bottom-right-radius'?: string;
|
|
1796
1785
|
}
|
|
1797
1786
|
}
|
|
1798
1787
|
|
|
1799
1788
|
|
|
1800
1789
|
declare module 'react' {
|
|
1801
1790
|
interface CSSProperties {
|
|
1802
|
-
'--m-
|
|
1803
|
-
'--m-
|
|
1804
|
-
'--m-divider-margin-y'?: string;
|
|
1791
|
+
'--m-icon-size'?: string;
|
|
1792
|
+
'--m-icon-color'?: string;
|
|
1805
1793
|
}
|
|
1806
1794
|
}
|
|
1807
1795
|
|
|
1808
1796
|
|
|
1809
1797
|
declare module 'react' {
|
|
1810
1798
|
interface CSSProperties {
|
|
1811
|
-
'--m-
|
|
1812
|
-
'--m-
|
|
1799
|
+
'--m-card-body-padding'?: string;
|
|
1800
|
+
'--m-card-border-top'?: string;
|
|
1801
|
+
'--m-card-border-left'?: string;
|
|
1802
|
+
'--m-card-border-bottom'?: string;
|
|
1803
|
+
'--m-card-border-right'?: string;
|
|
1804
|
+
'--m-card-border-radius'?: string;
|
|
1813
1805
|
}
|
|
1814
1806
|
}
|
|
1815
1807
|
|
|
1816
1808
|
|
|
1817
1809
|
declare module 'react' {
|
|
1818
1810
|
interface CSSProperties {
|
|
1819
|
-
'--m-
|
|
1820
|
-
'--m-
|
|
1811
|
+
'--m-divider-margin-top'?: string;
|
|
1812
|
+
'--m-divider-margin-bottom'?: string;
|
|
1813
|
+
'--m-divider-margin-y'?: string;
|
|
1821
1814
|
}
|
|
1822
1815
|
}
|
|
1823
1816
|
|
|
@@ -1829,6 +1822,7 @@ declare module 'react' {
|
|
|
1829
1822
|
'--m-table-border-top-right-radius'?: string;
|
|
1830
1823
|
'--m-table-border-bottom-left-radius'?: string;
|
|
1831
1824
|
'--m-table-border-bottom-right-radius'?: string;
|
|
1825
|
+
'--m-table-border-width'?: string;
|
|
1832
1826
|
}
|
|
1833
1827
|
}
|
|
1834
1828
|
|
|
@@ -1846,11 +1840,7 @@ declare module 'react' {
|
|
|
1846
1840
|
|
|
1847
1841
|
declare module 'react' {
|
|
1848
1842
|
interface CSSProperties {
|
|
1849
|
-
'--m-
|
|
1850
|
-
'--m-
|
|
1851
|
-
'--m-table-border-top-right-radius'?: string;
|
|
1852
|
-
'--m-table-border-bottom-left-radius'?: string;
|
|
1853
|
-
'--m-table-border-bottom-right-radius'?: string;
|
|
1854
|
-
'--m-table-border-width'?: string;
|
|
1843
|
+
'--m-text-display'?: string;
|
|
1844
|
+
'--m-text-max-width'?: string;
|
|
1855
1845
|
}
|
|
1856
1846
|
}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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, SkeletonText as SkeletonText$1, SkeletonTag as SkeletonTag$1, SkeletonAvatar as SkeletonAvatar$1, Skeleton as Skeleton$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,
|
|
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,
|
|
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, SkeletonText as SkeletonText$1, SkeletonTag as SkeletonTag$1, SkeletonAvatar as SkeletonAvatar$1, Skeleton as Skeleton$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";
|
|
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, 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";
|
|
@@ -1253,11 +1253,6 @@ const TimelineItem2 = createComponent({
|
|
|
1253
1253
|
elementClass: TimelineItem$1,
|
|
1254
1254
|
displayName: "TimelineItem"
|
|
1255
1255
|
});
|
|
1256
|
-
const TimelineExpandableItem2 = createComponent({
|
|
1257
|
-
tagName: "m-timeline-expandable-item",
|
|
1258
|
-
elementClass: TimelineExpandableItem$1,
|
|
1259
|
-
displayName: "TimelineExpandableItem"
|
|
1260
|
-
});
|
|
1261
1256
|
const TimelineItemBody2 = createComponent({
|
|
1262
1257
|
tagName: "m-timeline-item-body",
|
|
1263
1258
|
elementClass: TimelineItemBody$1,
|
|
@@ -1292,9 +1287,11 @@ const Timeline2 = createComponent({
|
|
|
1292
1287
|
tagName: "m-timeline",
|
|
1293
1288
|
elementClass: Timeline$1,
|
|
1294
1289
|
displayName: "Timeline",
|
|
1290
|
+
events: {
|
|
1291
|
+
onToggle: "toggle"
|
|
1292
|
+
},
|
|
1295
1293
|
subComponents: {
|
|
1296
1294
|
Item: TimelineItem2,
|
|
1297
|
-
ExpandableItem: TimelineExpandableItem2,
|
|
1298
1295
|
ItemBody: TimelineItemBody2,
|
|
1299
1296
|
ItemFooter: TimelineItemFooter2,
|
|
1300
1297
|
ItemHeader: TimelineItemHeader2,
|
|
@@ -1521,7 +1518,6 @@ export {
|
|
|
1521
1518
|
TextArea2 as TextArea,
|
|
1522
1519
|
TextField2 as TextField,
|
|
1523
1520
|
Timeline2 as Timeline,
|
|
1524
|
-
TimelineExpandableItem2 as TimelineExpandableItem,
|
|
1525
1521
|
TimelineItem2 as TimelineItem,
|
|
1526
1522
|
TimelineItemBody2 as TimelineItemBody,
|
|
1527
1523
|
TimelineItemFooter2 as TimelineItemFooter,
|
|
@@ -1658,7 +1654,6 @@ export {
|
|
|
1658
1654
|
TextArea as WCTextArea,
|
|
1659
1655
|
TextField as WCTextField,
|
|
1660
1656
|
Timeline as WCTimeline,
|
|
1661
|
-
TimelineExpandableItem as WCTimelineExpandableItem,
|
|
1662
1657
|
TimelineItem as WCTimelineItem,
|
|
1663
1658
|
TimelineItemBody as WCTimelineItemBody,
|
|
1664
1659
|
TimelineItemFooter as WCTimelineItemFooter,
|
package/dist/tokens.d.ts
CHANGED
|
@@ -7,37 +7,40 @@ export { }
|
|
|
7
7
|
|
|
8
8
|
declare module 'react' {
|
|
9
9
|
interface CSSProperties {
|
|
10
|
-
'--m-
|
|
11
|
-
'--m-
|
|
12
|
-
'--m-
|
|
13
|
-
'--m-
|
|
14
|
-
'--m-
|
|
15
|
-
'--m-card-border-radius'?: string;
|
|
10
|
+
'--m-table-border-radius'?: string;
|
|
11
|
+
'--m-table-border-top-left-radius'?: string;
|
|
12
|
+
'--m-table-border-top-right-radius'?: string;
|
|
13
|
+
'--m-table-border-bottom-left-radius'?: string;
|
|
14
|
+
'--m-table-border-bottom-right-radius'?: string;
|
|
16
15
|
}
|
|
17
16
|
}
|
|
18
17
|
|
|
19
18
|
|
|
20
19
|
declare module 'react' {
|
|
21
20
|
interface CSSProperties {
|
|
22
|
-
'--m-
|
|
23
|
-
'--m-
|
|
24
|
-
'--m-divider-margin-y'?: string;
|
|
21
|
+
'--m-icon-size'?: string;
|
|
22
|
+
'--m-icon-color'?: string;
|
|
25
23
|
}
|
|
26
24
|
}
|
|
27
25
|
|
|
28
26
|
|
|
29
27
|
declare module 'react' {
|
|
30
28
|
interface CSSProperties {
|
|
31
|
-
'--m-
|
|
32
|
-
'--m-
|
|
29
|
+
'--m-card-body-padding'?: string;
|
|
30
|
+
'--m-card-border-top'?: string;
|
|
31
|
+
'--m-card-border-left'?: string;
|
|
32
|
+
'--m-card-border-bottom'?: string;
|
|
33
|
+
'--m-card-border-right'?: string;
|
|
34
|
+
'--m-card-border-radius'?: string;
|
|
33
35
|
}
|
|
34
36
|
}
|
|
35
37
|
|
|
36
38
|
|
|
37
39
|
declare module 'react' {
|
|
38
40
|
interface CSSProperties {
|
|
39
|
-
'--m-
|
|
40
|
-
'--m-
|
|
41
|
+
'--m-divider-margin-top'?: string;
|
|
42
|
+
'--m-divider-margin-bottom'?: string;
|
|
43
|
+
'--m-divider-margin-y'?: string;
|
|
41
44
|
}
|
|
42
45
|
}
|
|
43
46
|
|
|
@@ -49,6 +52,7 @@ declare module 'react' {
|
|
|
49
52
|
'--m-table-border-top-right-radius'?: string;
|
|
50
53
|
'--m-table-border-bottom-left-radius'?: string;
|
|
51
54
|
'--m-table-border-bottom-right-radius'?: string;
|
|
55
|
+
'--m-table-border-width'?: string;
|
|
52
56
|
}
|
|
53
57
|
}
|
|
54
58
|
|
|
@@ -66,11 +70,7 @@ declare module 'react' {
|
|
|
66
70
|
|
|
67
71
|
declare module 'react' {
|
|
68
72
|
interface CSSProperties {
|
|
69
|
-
'--m-
|
|
70
|
-
'--m-
|
|
71
|
-
'--m-table-border-top-right-radius'?: string;
|
|
72
|
-
'--m-table-border-bottom-left-radius'?: string;
|
|
73
|
-
'--m-table-border-bottom-right-radius'?: string;
|
|
74
|
-
'--m-table-border-width'?: string;
|
|
73
|
+
'--m-text-display'?: string;
|
|
74
|
+
'--m-text-max-width'?: string;
|
|
75
75
|
}
|
|
76
76
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@loadsmart/miranda-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0-alpha.10",
|
|
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
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@lit/react": "^1.0.5",
|
|
52
|
-
"@loadsmart/miranda-tokens": "
|
|
53
|
-
"@loadsmart/miranda-wc": "
|
|
52
|
+
"@loadsmart/miranda-tokens": "5.0.0-alpha.10",
|
|
53
|
+
"@loadsmart/miranda-wc": "4.0.0-alpha.10",
|
|
54
54
|
"react-is": "^18.3.1"
|
|
55
55
|
},
|
|
56
56
|
"directories": {
|
|
@@ -63,5 +63,6 @@
|
|
|
63
63
|
"bugs": {
|
|
64
64
|
"url": "https://github.com/loadsmart/miranda-wc/issues"
|
|
65
65
|
},
|
|
66
|
-
"homepage": "https://github.com/loadsmart/miranda-wc#readme"
|
|
66
|
+
"homepage": "https://github.com/loadsmart/miranda-wc#readme",
|
|
67
|
+
"stableVersion": "0.0.0"
|
|
67
68
|
}
|