@loadsmart/miranda-react 3.0.0-alpha.1 → 3.0.0-alpha.2
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/Accordion-CRFOEG8P.js +35 -0
- package/dist/ActionableTag-CiY3ktmR.js +30 -0
- package/dist/Badge-bksnMK0y.js +10 -0
- package/dist/Banner-DKi8HnhY.js +67 -0
- package/dist/Button-MYGS0n5V.js +16 -0
- package/dist/Card-DMVgqLq2.js +88 -0
- package/dist/Checkbox-OA3mt9qr.js +19 -0
- package/dist/Dialog-BXmQb7iZ.js +92 -0
- package/dist/Divider-Ce0Poebo.js +10 -0
- package/dist/Drawer-DAL5BRMS.js +84 -0
- package/dist/Dropdown-BZq7wxH2.js +47 -0
- package/dist/EmptyState-N_H8UALy.js +49 -0
- package/dist/Field-DUTm4XZx.js +31 -0
- package/dist/Header-BVVroF-a.js +47 -0
- package/dist/Icon-JSXp1ySp.js +10 -0
- package/dist/LabeledValue-BEj3zEk5.js +33 -0
- package/dist/Layout-yKvtIEmV.js +81 -0
- package/dist/Link-XqV4DM9g.js +10 -0
- package/dist/LogoLoader-Bjplh2u3.js +10 -0
- package/dist/PageContent-Bu0ofdVV.js +19 -0
- package/dist/Pagination-D2HYqeb2.js +13 -0
- package/dist/ProgressBar-CdwVUs1k.js +10 -0
- package/dist/ProgressBarCountdown-BsTb_5jd.js +10 -0
- package/dist/RadioGroup-QWrSrVvv.js +28 -0
- package/dist/Section-BcuVyQXQ.js +24 -0
- package/dist/SpinnerWheel-BqMAxsBi.js +10 -0
- package/dist/Switch-Uq5TuNqD.js +13 -0
- package/dist/Table-DlnVsR0p.js +78 -0
- package/dist/Tabs-9eHquUoD.js +34 -0
- package/dist/Text-BUtQqPKN.js +10 -0
- package/dist/TextArea-DNtv4x9o.js +18 -0
- package/dist/TextField-BHj0EHuT.js +20 -0
- package/dist/Timeline-MCAixOaW.js +68 -0
- package/dist/ToggleGroup-ig9rKVtU.js +33 -0
- package/dist/Tooltip-0sGIbwe8.js +15 -0
- package/dist/accordion.js +5 -0
- package/dist/badge.js +4 -0
- package/dist/banner.js +5 -0
- package/dist/button.js +5 -0
- package/dist/card.js +5 -0
- package/dist/checkbox.js +5 -0
- package/dist/components/Accordion/index.d.ts +2 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Banner/Banner.d.ts +0 -1
- package/dist/components/Banner/index.d.ts +3 -1
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Dialog/index.d.ts +2 -0
- package/dist/components/Divider/index.d.ts +1 -0
- package/dist/components/Drawer/index.d.ts +2 -0
- package/dist/components/Dropdown/index.d.ts +2 -0
- package/dist/components/EmptyState/index.d.ts +1 -0
- package/dist/components/Field/index.d.ts +2 -0
- package/dist/components/Header/index.d.ts +1 -0
- package/dist/components/Icon/index.d.ts +2 -0
- package/dist/components/LabeledValue/index.d.ts +2 -0
- package/dist/components/Layout/index.d.ts +2 -0
- package/dist/components/Link/Link.d.ts +0 -2
- package/dist/components/Link/index.d.ts +3 -1
- package/dist/components/LogoLoader/index.d.ts +2 -0
- package/dist/components/PageContent/index.d.ts +4 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +0 -2
- package/dist/components/ProgressBar/index.d.ts +3 -1
- package/dist/components/ProgressBarCountdown/index.d.ts +2 -0
- package/dist/components/RadioGroup/index.d.ts +2 -0
- package/dist/components/Section/index.d.ts +2 -0
- package/dist/components/SpinnerWheel/index.d.ts +2 -0
- package/dist/components/Steps/index.d.ts +2 -0
- package/dist/components/Switch/index.d.ts +2 -0
- package/dist/components/Table/index.d.ts +2 -1
- package/dist/components/Tabs/index.d.ts +2 -1
- package/dist/components/Tag/index.d.ts +2 -0
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/TextArea/index.d.ts +2 -0
- package/dist/components/TextField/index.d.ts +2 -0
- package/dist/components/Timeline/index.d.ts +2 -0
- package/dist/components/ToggleGroup/index.d.ts +2 -0
- package/dist/components/Tooltip/Tooltip.d.ts +1 -2
- package/dist/components/Tooltip/index.d.ts +3 -1
- package/dist/createComponent-Cye6h9wF.js +120 -0
- package/dist/dialog.js +5 -0
- package/dist/divider.js +4 -0
- package/dist/drawer.js +5 -0
- package/dist/dropdown.js +5 -0
- package/dist/emptystate.js +5 -0
- package/dist/field.js +5 -0
- package/dist/header.js +4 -0
- package/dist/icon.js +4 -0
- package/dist/index.d.ts +0 -67
- package/dist/index.js +40 -1202
- package/dist/labeledvalue.js +5 -0
- package/dist/layout.js +5 -0
- package/dist/link.js +4 -0
- package/dist/logoloader.js +4 -0
- package/dist/pagecontent.js +4 -0
- package/dist/pagination.js +4 -0
- package/dist/progressbar.js +4 -0
- package/dist/progressbarcountdown.js +4 -0
- package/dist/radiogroup.js +5 -0
- package/dist/section.js +5 -0
- package/dist/spinnerwheel.js +4 -0
- package/dist/steps.js +4 -0
- package/dist/switch.js +4 -0
- package/dist/table.js +4 -0
- package/dist/tabs.js +5 -0
- package/dist/tag.js +5 -0
- package/dist/text.js +4 -0
- package/dist/textarea.js +5 -0
- package/dist/textfield.js +5 -0
- package/dist/timeline.js +4 -0
- package/dist/togglegroup.js +5 -0
- package/dist/tooltip.js +5 -0
- package/dist/useSteps-O9Ch5_pJ.js +88 -0
- package/package.json +3 -3
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { LabeledValueLabel as LabeledValueLabel$1, LabeledValueValue as LabeledValueValue$1, LabeledValue as LabeledValue$1 } from '@loadsmart/miranda-wc';
|
|
4
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
5
|
+
|
|
6
|
+
const LabeledValueLabel = createComponent({
|
|
7
|
+
tagName: 'm-labeled-value-label',
|
|
8
|
+
elementClass: LabeledValueLabel$1,
|
|
9
|
+
displayName: 'LabeledValueLabel',
|
|
10
|
+
});
|
|
11
|
+
const LabeledValueValue = createComponent({
|
|
12
|
+
tagName: 'm-labeled-value-value',
|
|
13
|
+
elementClass: LabeledValueValue$1,
|
|
14
|
+
displayName: 'LabeledValueValue',
|
|
15
|
+
});
|
|
16
|
+
const WiredLabeledValue = createComponent({
|
|
17
|
+
tagName: 'm-labeled-value',
|
|
18
|
+
elementClass: LabeledValue$1,
|
|
19
|
+
displayName: 'LabeledValue',
|
|
20
|
+
subComponents: {
|
|
21
|
+
Label: LabeledValueLabel,
|
|
22
|
+
Value: LabeledValueValue,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
const LabeledValue = Object.assign(forwardRef((props, ref) => {
|
|
26
|
+
const { label, value, children, valueVariant, valueColor, labelVariant, labelColor, ...rest } = props;
|
|
27
|
+
return (jsxs(WiredLabeledValue, { ...rest, ref: ref, children: [label != null && (jsx(LabeledValueLabel, { variant: labelVariant, color: labelColor, children: label })), value != null && (jsx(LabeledValueValue, { variant: valueVariant, color: valueColor, children: value })), children] }));
|
|
28
|
+
}), {
|
|
29
|
+
Label: LabeledValueLabel,
|
|
30
|
+
Value: LabeledValueValue,
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
export { LabeledValueLabel as L, LabeledValueValue as a, LabeledValue as b };
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { 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 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
|
|
6
|
+
const Box = createComponent({
|
|
7
|
+
tagName: 'm-box',
|
|
8
|
+
elementClass: Box$1,
|
|
9
|
+
displayName: 'Box',
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
const Group = createComponent({
|
|
13
|
+
tagName: 'm-group',
|
|
14
|
+
elementClass: Group$1,
|
|
15
|
+
displayName: 'Group',
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
const Stack = createComponent({
|
|
19
|
+
tagName: 'm-stack',
|
|
20
|
+
elementClass: Stack$1,
|
|
21
|
+
displayName: 'Stack',
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
const Grid = createComponent({
|
|
25
|
+
tagName: 'm-grid',
|
|
26
|
+
elementClass: Grid$1,
|
|
27
|
+
displayName: 'Grid',
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
const SidebarSide = forwardRef(({ children, ...boxProps }, ref) => {
|
|
31
|
+
return (jsx(Box, { ...boxProps, slot: "sidebar", ref: ref, children: children }));
|
|
32
|
+
});
|
|
33
|
+
const SidebarContent = forwardRef(({ children, ...boxProps }, ref) => {
|
|
34
|
+
return (jsx(Box, { ...boxProps, slot: "content", ref: ref, children: children }));
|
|
35
|
+
});
|
|
36
|
+
const Sidebar = createComponent({
|
|
37
|
+
tagName: 'm-sidebar',
|
|
38
|
+
elementClass: Sidebar$1,
|
|
39
|
+
displayName: 'Sidebar',
|
|
40
|
+
subComponents: {
|
|
41
|
+
Side: SidebarSide,
|
|
42
|
+
Content: SidebarContent,
|
|
43
|
+
},
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
const Switcher = createComponent({
|
|
47
|
+
tagName: 'm-switcher',
|
|
48
|
+
elementClass: Switcher$1,
|
|
49
|
+
displayName: 'Switcher',
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
const Container = createComponent({
|
|
53
|
+
tagName: 'm-container',
|
|
54
|
+
elementClass: Container$1,
|
|
55
|
+
displayName: 'Container',
|
|
56
|
+
});
|
|
57
|
+
const Row = createComponent({
|
|
58
|
+
tagName: 'm-row',
|
|
59
|
+
elementClass: Row$1,
|
|
60
|
+
displayName: 'Row',
|
|
61
|
+
});
|
|
62
|
+
const Column = createComponent({
|
|
63
|
+
tagName: 'm-column',
|
|
64
|
+
elementClass: Column$1,
|
|
65
|
+
displayName: 'Column',
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
const Layout = () => {
|
|
69
|
+
return null;
|
|
70
|
+
};
|
|
71
|
+
Layout.Box = Box;
|
|
72
|
+
Layout.Group = Group;
|
|
73
|
+
Layout.Stack = Stack;
|
|
74
|
+
Layout.Grid = Grid;
|
|
75
|
+
Layout.Sidebar = Sidebar;
|
|
76
|
+
Layout.Switcher = Switcher;
|
|
77
|
+
Layout.Container = Container;
|
|
78
|
+
Layout.Row = Row;
|
|
79
|
+
Layout.Column = Column;
|
|
80
|
+
|
|
81
|
+
export { Box as B, Column as C, Group as G, Layout as L, Row as R, Stack as S, Grid as a, Sidebar as b, Switcher as c, Container as d };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Link as Link$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const Link = createComponent({
|
|
5
|
+
tagName: 'm-link',
|
|
6
|
+
elementClass: Link$1,
|
|
7
|
+
displayName: 'Link',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { Link as L };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { LogoLoader as LogoLoader$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const LogoLoader = createComponent({
|
|
5
|
+
tagName: 'm-logo-loader',
|
|
6
|
+
elementClass: LogoLoader$1,
|
|
7
|
+
displayName: 'LogoLoader',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { LogoLoader as L };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Body as Body$1, PageContent as PageContent$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const Body = createComponent({
|
|
5
|
+
tagName: 'm-body',
|
|
6
|
+
elementClass: Body$1,
|
|
7
|
+
displayName: 'Body',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
const PageContent = createComponent({
|
|
11
|
+
tagName: 'm-page-content',
|
|
12
|
+
elementClass: PageContent$1,
|
|
13
|
+
displayName: 'PageContent',
|
|
14
|
+
subComponents: {
|
|
15
|
+
Body,
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
export { Body as B, PageContent as P };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Pagination as Pagination$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const Pagination = createComponent({
|
|
5
|
+
tagName: 'm-pagination',
|
|
6
|
+
elementClass: Pagination$1,
|
|
7
|
+
displayName: 'Pagination',
|
|
8
|
+
events: {
|
|
9
|
+
onChange: 'm-change',
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { Pagination as P };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ProgressBar as ProgressBar$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const ProgressBar = createComponent({
|
|
5
|
+
tagName: 'm-progress-bar',
|
|
6
|
+
elementClass: ProgressBar$1,
|
|
7
|
+
displayName: 'ProgressBar',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { ProgressBar as P };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ProgressBarCountdown as ProgressBarCountdown$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const ProgressBarCountdown = createComponent({
|
|
5
|
+
tagName: 'm-progress-bar-countdown',
|
|
6
|
+
elementClass: ProgressBarCountdown$1,
|
|
7
|
+
displayName: 'ProgressBarCountdown',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { ProgressBarCountdown as P };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Radio as Radio$1, RadioGroup as RadioGroup$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
|
|
6
|
+
const WiredRadio = createComponent({
|
|
7
|
+
tagName: 'm-radio',
|
|
8
|
+
elementClass: Radio$1,
|
|
9
|
+
displayName: 'Radio',
|
|
10
|
+
});
|
|
11
|
+
const Radio = forwardRef((props, ref) => {
|
|
12
|
+
const { children, leading, ...rest } = props;
|
|
13
|
+
return (jsxs(WiredRadio, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
const RadioGroup = createComponent({
|
|
17
|
+
tagName: 'm-radio-group',
|
|
18
|
+
elementClass: RadioGroup$1,
|
|
19
|
+
subComponents: {
|
|
20
|
+
Radio,
|
|
21
|
+
},
|
|
22
|
+
events: {
|
|
23
|
+
onChange: 'change',
|
|
24
|
+
},
|
|
25
|
+
displayName: 'RadioGroup',
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
export { RadioGroup as R, Radio as a };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { SectionTitle as SectionTitle$1, Section as Section$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
|
|
6
|
+
const WiredSectionTitle = createComponent({
|
|
7
|
+
tagName: 'm-section-title',
|
|
8
|
+
elementClass: SectionTitle$1,
|
|
9
|
+
displayName: 'SectionTitle',
|
|
10
|
+
});
|
|
11
|
+
const SectionTitle = forwardRef(({ children, leading, ...props }, ref) => {
|
|
12
|
+
return (jsxs(WiredSectionTitle, { ...props, slot: "title", ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
const Section = createComponent({
|
|
16
|
+
tagName: 'm-section',
|
|
17
|
+
elementClass: Section$1,
|
|
18
|
+
displayName: 'Section',
|
|
19
|
+
subComponents: {
|
|
20
|
+
Title: SectionTitle,
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
export { Section as S };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { SpinnerWheel as SpinnerWheel$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const SpinnerWheel = createComponent({
|
|
5
|
+
tagName: 'm-spinner-wheel',
|
|
6
|
+
elementClass: SpinnerWheel$1,
|
|
7
|
+
displayName: 'SpinnerWheel',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { SpinnerWheel as S };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Switch as Switch$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const Switch = createComponent({
|
|
5
|
+
tagName: 'm-switch',
|
|
6
|
+
elementClass: Switch$1,
|
|
7
|
+
displayName: 'Switch',
|
|
8
|
+
events: {
|
|
9
|
+
onChange: 'change',
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { Switch as S };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { 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, Table as Table$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const TableHead = createComponent({
|
|
5
|
+
tagName: 'm-table-head',
|
|
6
|
+
elementClass: TableHead$1,
|
|
7
|
+
displayName: 'TableHead',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
const TableBody = createComponent({
|
|
11
|
+
tagName: 'm-table-body',
|
|
12
|
+
elementClass: TableBody$1,
|
|
13
|
+
displayName: 'TableBody',
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
const TableFoot = createComponent({
|
|
17
|
+
tagName: 'm-table-foot',
|
|
18
|
+
elementClass: TableFoot$1,
|
|
19
|
+
displayName: 'TableFoot',
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
const TableRow = createComponent({
|
|
23
|
+
tagName: 'm-table-row',
|
|
24
|
+
elementClass: TableRow$1,
|
|
25
|
+
displayName: 'TableRow',
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
const TableCell = createComponent({
|
|
29
|
+
tagName: 'm-table-cell',
|
|
30
|
+
elementClass: TableCell$1,
|
|
31
|
+
displayName: 'TableCell',
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
const TableToolbar = createComponent({
|
|
35
|
+
tagName: 'm-table-toolbar',
|
|
36
|
+
elementClass: TableToolbar$1,
|
|
37
|
+
displayName: 'TableToolbar',
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
const TableHeadCell = createComponent({
|
|
41
|
+
tagName: 'm-table-head-cell',
|
|
42
|
+
elementClass: TableHeadCell$1,
|
|
43
|
+
displayName: 'TableHeadCell',
|
|
44
|
+
events: {
|
|
45
|
+
onSort: 'm-sort',
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
const TableFeedback = createComponent({
|
|
50
|
+
tagName: 'm-table-feedback',
|
|
51
|
+
elementClass: TableFeedback$1,
|
|
52
|
+
displayName: 'TableFeedback',
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
const TableActions = createComponent({
|
|
56
|
+
tagName: 'm-table-actions',
|
|
57
|
+
elementClass: TableActions$1,
|
|
58
|
+
displayName: 'TableActions',
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
const Table = createComponent({
|
|
62
|
+
tagName: 'm-table',
|
|
63
|
+
elementClass: Table$1,
|
|
64
|
+
displayName: 'Table',
|
|
65
|
+
subComponents: {
|
|
66
|
+
Head: TableHead,
|
|
67
|
+
Body: TableBody,
|
|
68
|
+
Foot: TableFoot,
|
|
69
|
+
Row: TableRow,
|
|
70
|
+
HeadCell: TableHeadCell,
|
|
71
|
+
Cell: TableCell,
|
|
72
|
+
Toolbar: TableToolbar,
|
|
73
|
+
Feedback: TableFeedback,
|
|
74
|
+
Actions: TableActions,
|
|
75
|
+
},
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
export { Table as T, TableHead as a, TableBody as b, TableFoot as c, TableRow as d, TableHeadCell as e, TableCell as f, TableToolbar as g, TableFeedback as h, TableActions as i };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Tab as Tab$1, TabPanel as TabPanel$1, Tabs as Tabs$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
|
|
6
|
+
const WiredTab = createComponent({
|
|
7
|
+
tagName: 'm-tab',
|
|
8
|
+
elementClass: Tab$1,
|
|
9
|
+
displayName: 'Tab',
|
|
10
|
+
});
|
|
11
|
+
const Tab = forwardRef(({ children, leading, ...props }, ref) => {
|
|
12
|
+
return (jsxs(WiredTab, { ...props, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
const TabPanel = createComponent({
|
|
16
|
+
tagName: 'm-tab-panel',
|
|
17
|
+
elementClass: TabPanel$1,
|
|
18
|
+
displayName: 'TabPanel',
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
const Tabs = createComponent({
|
|
22
|
+
tagName: 'm-tabs',
|
|
23
|
+
elementClass: Tabs$1,
|
|
24
|
+
events: {
|
|
25
|
+
onTabChange: 'm-tab-change',
|
|
26
|
+
},
|
|
27
|
+
displayName: 'Tabs',
|
|
28
|
+
subComponents: {
|
|
29
|
+
Tab,
|
|
30
|
+
Panel: TabPanel,
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
export { Tabs as T, Tab as a, TabPanel as b };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Text as Text$1 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const Text = createComponent({
|
|
5
|
+
tagName: 'm-text',
|
|
6
|
+
elementClass: Text$1,
|
|
7
|
+
displayName: 'Text',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
export { Text as T };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { TextArea as TextArea$1 } from '@loadsmart/miranda-wc';
|
|
3
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
4
|
+
|
|
5
|
+
const WiredTextArea = createComponent({
|
|
6
|
+
tagName: 'm-text-area',
|
|
7
|
+
elementClass: TextArea$1,
|
|
8
|
+
events: {
|
|
9
|
+
onInput: 'input',
|
|
10
|
+
onChange: 'change',
|
|
11
|
+
},
|
|
12
|
+
displayName: 'TextArea',
|
|
13
|
+
});
|
|
14
|
+
function TextArea(props) {
|
|
15
|
+
return jsx(WiredTextArea, { ...props });
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { TextArea as T };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { TextField as TextField$1 } from '@loadsmart/miranda-wc';
|
|
4
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
5
|
+
|
|
6
|
+
const WiredTextField = createComponent({
|
|
7
|
+
tagName: 'm-text-field',
|
|
8
|
+
elementClass: TextField$1,
|
|
9
|
+
events: {
|
|
10
|
+
onInput: 'input',
|
|
11
|
+
onChange: 'change',
|
|
12
|
+
onClear: 'm-clear',
|
|
13
|
+
},
|
|
14
|
+
displayName: 'TextField',
|
|
15
|
+
});
|
|
16
|
+
const TextField = forwardRef(({ leading, trailing, ...rest }, ref) => {
|
|
17
|
+
return (jsxs(WiredTextField, { ...rest, ref: ref, children: [leading != null && jsx("div", { slot: "leading", children: leading }), trailing != null && jsx("div", { slot: "trailing", children: trailing })] }));
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
export { TextField as T };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { 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 } from '@loadsmart/miranda-wc';
|
|
2
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
3
|
+
|
|
4
|
+
const TimelineItem = createComponent({
|
|
5
|
+
tagName: 'm-timeline-item',
|
|
6
|
+
elementClass: TimelineItem$1,
|
|
7
|
+
displayName: 'TimelineItem',
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
const TimelineExpandableItem = createComponent({
|
|
11
|
+
tagName: 'm-timeline-expandable-item',
|
|
12
|
+
elementClass: TimelineExpandableItem$1,
|
|
13
|
+
displayName: 'TimelineExpandableItem',
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
const TimelineItemBody = createComponent({
|
|
17
|
+
tagName: 'm-timeline-item-body',
|
|
18
|
+
elementClass: TimelineItemBody$1,
|
|
19
|
+
displayName: 'TimelineItemBody',
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
const TimelineItemFooter = createComponent({
|
|
23
|
+
tagName: 'm-timeline-item-footer',
|
|
24
|
+
elementClass: TimelineItemFooter$1,
|
|
25
|
+
displayName: 'TimelineItemFooter',
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
const TimelineItemHeader = createComponent({
|
|
29
|
+
tagName: 'm-timeline-item-header',
|
|
30
|
+
elementClass: TimelineItemHeader$1,
|
|
31
|
+
displayName: 'TimelineItemHeader',
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
const TimelineItemHeaderSubtitle = createComponent({
|
|
35
|
+
tagName: 'm-timeline-item-header-subtitle',
|
|
36
|
+
elementClass: TimelineItemHeaderSubtitle$1,
|
|
37
|
+
displayName: 'TimelineItemHeaderSubtitle',
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
const TimelineItemHeaderTitle = createComponent({
|
|
41
|
+
tagName: 'm-timeline-item-header-title',
|
|
42
|
+
elementClass: TimelineItemHeaderTitle$1,
|
|
43
|
+
displayName: 'TimelineItemHeaderTitle',
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
const TimelineItemIcon = createComponent({
|
|
47
|
+
tagName: 'm-timeline-item-icon',
|
|
48
|
+
elementClass: TimelineItemIcon$1,
|
|
49
|
+
displayName: 'TimelineItemIcon',
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
const Timeline = createComponent({
|
|
53
|
+
tagName: 'm-timeline',
|
|
54
|
+
elementClass: Timeline$1,
|
|
55
|
+
displayName: 'Timeline',
|
|
56
|
+
subComponents: {
|
|
57
|
+
Item: TimelineItem,
|
|
58
|
+
ExpandableItem: TimelineExpandableItem,
|
|
59
|
+
ItemBody: TimelineItemBody,
|
|
60
|
+
ItemFooter: TimelineItemFooter,
|
|
61
|
+
ItemHeader: TimelineItemHeader,
|
|
62
|
+
ItemHeaderTitle: TimelineItemHeaderTitle,
|
|
63
|
+
ItemHeaderSubtitle: TimelineItemHeaderSubtitle,
|
|
64
|
+
ItemIcon: TimelineItemIcon,
|
|
65
|
+
},
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
export { Timeline as T, TimelineItem as a, TimelineExpandableItem as b, TimelineItemBody as c, TimelineItemFooter as d, TimelineItemHeader as e, TimelineItemHeaderSubtitle as f, TimelineItemHeaderTitle as g, TimelineItemIcon as h };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Toggle as Toggle$1, ToggleGroup as ToggleGroup$1 } from '@loadsmart/miranda-wc';
|
|
3
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
|
|
6
|
+
const WiredToggle = createComponent({
|
|
7
|
+
tagName: 'm-toggle',
|
|
8
|
+
elementClass: Toggle$1,
|
|
9
|
+
displayName: 'Toggle',
|
|
10
|
+
});
|
|
11
|
+
const Toggle = forwardRef((props, ref) => {
|
|
12
|
+
const { children, leading, ...rest } = props;
|
|
13
|
+
return (jsxs(WiredToggle, { ...rest, ref: ref, children: [leading != null && jsx("span", { slot: "leading", children: leading }), children] }));
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
const WiredToggleGroup = createComponent({
|
|
17
|
+
tagName: 'm-toggle-group',
|
|
18
|
+
elementClass: ToggleGroup$1,
|
|
19
|
+
events: {
|
|
20
|
+
onChange: 'change',
|
|
21
|
+
},
|
|
22
|
+
displayName: 'ToggleGroup',
|
|
23
|
+
});
|
|
24
|
+
function ToggleGroup(props) {
|
|
25
|
+
const { options, children, ...rest } = props;
|
|
26
|
+
return (jsx(WiredToggleGroup, { ...rest, children: children !== null && children !== void 0 ? children : (options || []).map(function renderOption(option) {
|
|
27
|
+
const { label, value: optionValue, ...others } = option;
|
|
28
|
+
return (jsx(Toggle, { ...others, value: optionValue, children: label }, optionValue));
|
|
29
|
+
}) }));
|
|
30
|
+
}
|
|
31
|
+
ToggleGroup.Toggle = Toggle;
|
|
32
|
+
|
|
33
|
+
export { ToggleGroup as T, Toggle as a };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Tooltip as Tooltip$1 } from '@loadsmart/miranda-wc';
|
|
3
|
+
import { c as createComponent } from './createComponent-Cye6h9wF.js';
|
|
4
|
+
|
|
5
|
+
const WiredTooltip = createComponent({
|
|
6
|
+
tagName: 'm-tooltip',
|
|
7
|
+
elementClass: Tooltip$1,
|
|
8
|
+
displayName: 'Tooltip',
|
|
9
|
+
});
|
|
10
|
+
function Tooltip(props) {
|
|
11
|
+
const { children, message, ...rest } = props;
|
|
12
|
+
return jsx(WiredTooltip, { ...rest, children: message !== null && message !== void 0 ? message : children });
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { Tooltip as T };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { A as Accordion } from './Accordion-CRFOEG8P.js';
|
|
2
|
+
export { Accordion as WCAccordion, AccordionContent as WCAccordionContent, AccordionTitle as WCAccordionTitle } from '@loadsmart/miranda-wc';
|
|
3
|
+
import './createComponent-Cye6h9wF.js';
|
|
4
|
+
import 'react';
|
|
5
|
+
import 'react/jsx-runtime';
|
package/dist/badge.js
ADDED
package/dist/banner.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { B as Banner } from './Banner-DKi8HnhY.js';
|
|
2
|
+
export { Banner as WCBanner, BannerActionPrimary as WCBannerActionPrimary, BannerActionSecondary as WCBannerActionSecondary, BannerActions as WCBannerActions, BannerDescription as WCBannerDescription, BannerIcon as WCBannerIcon, BannerTitle as WCBannerTitle } from '@loadsmart/miranda-wc';
|
|
3
|
+
import './createComponent-Cye6h9wF.js';
|
|
4
|
+
import 'react';
|
|
5
|
+
import 'react/jsx-runtime';
|
package/dist/button.js
ADDED
package/dist/card.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { C as Card } from './Card-DMVgqLq2.js';
|
|
2
|
+
export { Card as WCCard, CardActionPrimary as WCCardActionPrimary, CardActionSecondary as WCCardActionSecondary, CardActionTertiary as WCCardActionTertiary, CardBody as WCCardBody, CardDivider as WCCardDivider, CardFooter as WCCardFooter, CardSubtitle as WCCardSubtitle, CardTitle as WCCardTitle } from '@loadsmart/miranda-wc';
|
|
3
|
+
import './createComponent-Cye6h9wF.js';
|
|
4
|
+
import 'react';
|
|
5
|
+
import 'react/jsx-runtime';
|
package/dist/checkbox.js
ADDED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { default as Accordion } from './Accordion';
|
|
2
2
|
export type { AccordionProps } from './Accordion';
|
|
3
|
+
export { Accordion as WCAccordion, AccordionTitle as WCAccordionTitle, AccordionContent as WCAccordionContent, } from '@loadsmart/miranda-wc';
|
|
4
|
+
export type { AccordionProps as WCAccordionProps, AccordionToggleEventDetails, } from '@loadsmart/miranda-wc';
|
|
@@ -19,4 +19,3 @@ export declare const Banner: import("@lit/react").ReactWebComponent<WCBanner, {
|
|
|
19
19
|
Title: import("@lit/react").ReactWebComponent<import("@loadsmart/miranda-wc").BannerTitle, {}>;
|
|
20
20
|
};
|
|
21
21
|
export type BannerProps = ComponentProps<typeof Banner>;
|
|
22
|
-
export type { BannerVariant } from '@loadsmart/miranda-wc';
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { Banner } from './Banner';
|
|
2
|
-
export type { BannerProps
|
|
2
|
+
export type { BannerProps } from './Banner';
|
|
3
|
+
export { Banner as WCBanner, BannerActions as WCBannerActions, BannerActionPrimary as WCBannerActionPrimary, BannerActionSecondary as WCBannerActionSecondary, BannerDescription as WCBannerDescription, BannerIcon as WCBannerIcon, BannerTitle as WCBannerTitle, } from '@loadsmart/miranda-wc';
|
|
4
|
+
export type { BannerProps as WCBannerProps, BannerVariant, } from '@loadsmart/miranda-wc';
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { default as Card } from './Card';
|
|
2
2
|
export type { CardProps } from './Card';
|
|
3
|
+
export { Card as WCCard, CardBody as WCCardBody, CardSubtitle as WCCardSubtitle, CardTitle as WCCardTitle, CardDivider as WCCardDivider, CardFooter as WCCardFooter, CardActionPrimary as WCCardActionPrimary, CardActionSecondary as WCCardActionSecondary, CardActionTertiary as WCCardActionTertiary, } from '@loadsmart/miranda-wc';
|
|
4
|
+
export type { CardProps as WCCardProps, CardToggleEventDetails, } from '@loadsmart/miranda-wc';
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { Dialog } from './Dialog';
|
|
2
2
|
export type { DialogProps, DialogActionPrimaryProps, DialogActionSecondaryProps, DialogActionTertiaryProps, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogHeaderProps, } from './Dialog';
|
|
3
|
+
export { Dialog as WCDialog, DialogActionPrimary as WCDialogActionPrimary, DialogActionSecondary as WCDialogActionSecondary, DialogActionTertiary as WCDialogActionTertiary, DialogActions as WCDialogActions, DialogBody as WCDialogBody, DialogClose as WCDialogClose, DialogFooter as WCDialogFooter, DialogHeader as WCDialogHeader, } from '@loadsmart/miranda-wc';
|
|
3
4
|
export { DIALOG_SIZES, DIALOG_VARIANTS } from '@loadsmart/miranda-wc';
|
|
4
5
|
export type { DialogSize, DialogVariant } from '@loadsmart/miranda-wc';
|
|
6
|
+
export type { DialogProps as WCDialogProps } from '@loadsmart/miranda-wc';
|