@loadsmart/miranda-react 3.4.0 → 3.5.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.
Files changed (4) hide show
  1. package/dist/index.d.ts +23 -19
  2. package/dist/index.js +8 -2
  3. package/dist/tokens.d.ts +17 -17
  4. package/package.json +3 -3
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { AccordionToggleEventDetails } from '@loadsmart/miranda-wc';
2
2
  import { ActionableTagVariant } from '@loadsmart/miranda-wc';
3
3
  import { AlignItemsValue } from '@loadsmart/miranda-wc';
4
- import { BackButton } from '@loadsmart/miranda-wc';
4
+ import { BackButton as BackButton_2 } from '@loadsmart/miranda-wc';
5
5
  import { BannerVariant } from '@loadsmart/miranda-wc';
6
6
  import { Body as Body_2 } from '@loadsmart/miranda-wc';
7
7
  import { ButtonSize } from '@loadsmart/miranda-wc';
@@ -280,6 +280,10 @@ export { ActionableTagVariant }
280
280
 
281
281
  export { AlignItemsValue }
282
282
 
283
+ export declare const BackButton: ReactWebComponent<BackButton_2, {}>;
284
+
285
+ export declare type BackButtonProps = ComponentProps<typeof BackButton>;
286
+
283
287
  export declare const Badge: ReactWebComponent<WCBadge, {}>;
284
288
 
285
289
  export declare type BadgeProps = ComponentProps<typeof Badge>;
@@ -614,7 +618,7 @@ export declare const Header: ReactWebComponent<WCHeader, {}> & {
614
618
  Content: ReactWebComponent<WCHeaderContent, {}>;
615
619
  Title: ReactWebComponent<WCHeaderTitle, {}>;
616
620
  SubHeader: ReactWebComponent<WCSubHeader, {}>;
617
- BackButton: ReactWebComponent<BackButton, {}>;
621
+ BackButton: ReactWebComponent<BackButton_2, {}>;
618
622
  Tabs: ReactWebComponent<HeaderTabs_2, {
619
623
  onTabChange: EventName<CustomEvent<TabChangeEventDetail>>;
620
624
  }>;
@@ -1604,21 +1608,21 @@ export { }
1604
1608
 
1605
1609
  declare module 'react' {
1606
1610
  interface CSSProperties {
1607
- '--m-card-body-padding'?: string;
1608
- '--m-card-border-top'?: string;
1609
- '--m-card-border-left'?: string;
1610
- '--m-card-border-bottom'?: string;
1611
- '--m-card-border-right'?: string;
1612
- '--m-card-border-radius'?: string;
1611
+ '--m-divider-margin-top'?: string;
1612
+ '--m-divider-margin-bottom'?: string;
1613
+ '--m-divider-margin-y'?: string;
1613
1614
  }
1614
1615
  }
1615
1616
 
1616
1617
 
1617
1618
  declare module 'react' {
1618
1619
  interface CSSProperties {
1619
- '--m-divider-margin-top'?: string;
1620
- '--m-divider-margin-bottom'?: string;
1621
- '--m-divider-margin-y'?: string;
1620
+ '--m-card-body-padding'?: string;
1621
+ '--m-card-border-top'?: string;
1622
+ '--m-card-border-left'?: string;
1623
+ '--m-card-border-bottom'?: string;
1624
+ '--m-card-border-right'?: string;
1625
+ '--m-card-border-radius'?: string;
1622
1626
  }
1623
1627
  }
1624
1628
 
@@ -1638,26 +1642,25 @@ declare module 'react' {
1638
1642
  '--m-table-border-top-right-radius'?: string;
1639
1643
  '--m-table-border-bottom-left-radius'?: string;
1640
1644
  '--m-table-border-bottom-right-radius'?: string;
1641
- '--m-table-border-width'?: string;
1642
1645
  }
1643
1646
  }
1644
1647
 
1645
1648
 
1646
1649
  declare module 'react' {
1647
1650
  interface CSSProperties {
1648
- '--m-text-display'?: string;
1649
- '--m-text-max-width'?: string;
1651
+ '--m-table-border-radius'?: string;
1652
+ '--m-table-border-top-left-radius'?: string;
1653
+ '--m-table-border-top-right-radius'?: string;
1654
+ '--m-table-border-bottom-left-radius'?: string;
1655
+ '--m-table-border-bottom-right-radius'?: string;
1650
1656
  }
1651
1657
  }
1652
1658
 
1653
1659
 
1654
1660
  declare module 'react' {
1655
1661
  interface CSSProperties {
1656
- '--m-table-border-radius'?: string;
1657
- '--m-table-border-top-left-radius'?: string;
1658
- '--m-table-border-top-right-radius'?: string;
1659
- '--m-table-border-bottom-left-radius'?: string;
1660
- '--m-table-border-bottom-right-radius'?: string;
1662
+ '--m-text-display'?: string;
1663
+ '--m-text-max-width'?: string;
1661
1664
  }
1662
1665
  }
1663
1666
 
@@ -1669,5 +1672,6 @@ declare module 'react' {
1669
1672
  '--m-table-border-top-right-radius'?: string;
1670
1673
  '--m-table-border-bottom-left-radius'?: string;
1671
1674
  '--m-table-border-bottom-right-radius'?: string;
1675
+ '--m-table-border-width'?: string;
1672
1676
  }
1673
1677
  }
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- 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$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";
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, 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";
2
2
  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";
3
3
  import * as React from "react";
4
4
  import React__default, { forwardRef, useState, useCallback, Children, isValidElement, cloneElement } from "react";
@@ -46,6 +46,11 @@ const Accordion2 = createComponent({
46
46
  Content: AccordionContent2
47
47
  }
48
48
  });
49
+ const BackButton = createComponent({
50
+ tagName: "m-back-button",
51
+ elementClass: BackButton$1,
52
+ displayName: "BackButton"
53
+ });
49
54
  const Badge2 = createComponent({
50
55
  tagName: "m-badge",
51
56
  elementClass: Badge$1,
@@ -477,7 +482,7 @@ const SubHeader2 = createComponent({
477
482
  });
478
483
  const HeaderBackButton = createComponent({
479
484
  tagName: "m-back-button",
480
- elementClass: BackButton,
485
+ elementClass: BackButton$1,
481
486
  displayName: "HeaderBackButton"
482
487
  });
483
488
  const HeaderTabs = createComponent({
@@ -1259,6 +1264,7 @@ const FilePicker = createComponent({
1259
1264
  export {
1260
1265
  Accordion2 as Accordion,
1261
1266
  ActionableTag2 as ActionableTag,
1267
+ BackButton,
1262
1268
  Badge2 as Badge,
1263
1269
  Banner2 as Banner,
1264
1270
  Box2 as Box,
package/dist/tokens.d.ts CHANGED
@@ -7,21 +7,21 @@ export { }
7
7
 
8
8
  declare module 'react' {
9
9
  interface CSSProperties {
10
- '--m-card-body-padding'?: string;
11
- '--m-card-border-top'?: string;
12
- '--m-card-border-left'?: string;
13
- '--m-card-border-bottom'?: string;
14
- '--m-card-border-right'?: string;
15
- '--m-card-border-radius'?: string;
10
+ '--m-divider-margin-top'?: string;
11
+ '--m-divider-margin-bottom'?: string;
12
+ '--m-divider-margin-y'?: string;
16
13
  }
17
14
  }
18
15
 
19
16
 
20
17
  declare module 'react' {
21
18
  interface CSSProperties {
22
- '--m-divider-margin-top'?: string;
23
- '--m-divider-margin-bottom'?: string;
24
- '--m-divider-margin-y'?: string;
19
+ '--m-card-body-padding'?: string;
20
+ '--m-card-border-top'?: string;
21
+ '--m-card-border-left'?: string;
22
+ '--m-card-border-bottom'?: string;
23
+ '--m-card-border-right'?: string;
24
+ '--m-card-border-radius'?: string;
25
25
  }
26
26
  }
27
27
 
@@ -41,26 +41,25 @@ 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;
45
44
  }
46
45
  }
47
46
 
48
47
 
49
48
  declare module 'react' {
50
49
  interface CSSProperties {
51
- '--m-text-display'?: string;
52
- '--m-text-max-width'?: string;
50
+ '--m-table-border-radius'?: string;
51
+ '--m-table-border-top-left-radius'?: string;
52
+ '--m-table-border-top-right-radius'?: string;
53
+ '--m-table-border-bottom-left-radius'?: string;
54
+ '--m-table-border-bottom-right-radius'?: string;
53
55
  }
54
56
  }
55
57
 
56
58
 
57
59
  declare module 'react' {
58
60
  interface CSSProperties {
59
- '--m-table-border-radius'?: string;
60
- '--m-table-border-top-left-radius'?: string;
61
- '--m-table-border-top-right-radius'?: string;
62
- '--m-table-border-bottom-left-radius'?: string;
63
- '--m-table-border-bottom-right-radius'?: string;
61
+ '--m-text-display'?: string;
62
+ '--m-text-max-width'?: string;
64
63
  }
65
64
  }
66
65
 
@@ -72,5 +71,6 @@ declare module 'react' {
72
71
  '--m-table-border-top-right-radius'?: string;
73
72
  '--m-table-border-bottom-left-radius'?: string;
74
73
  '--m-table-border-bottom-right-radius'?: string;
74
+ '--m-table-border-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.4.0",
3
+ "version": "3.5.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.4.0",
53
- "@loadsmart/miranda-wc": "3.4.0",
52
+ "@loadsmart/miranda-tokens": "4.5.0",
53
+ "@loadsmart/miranda-wc": "3.5.0",
54
54
  "react-is": "^18.3.1"
55
55
  },
56
56
  "directories": {