@ceed/cds 0.0.5 → 0.0.32
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/components/Accordions/Accordions.d.ts +66 -0
- package/dist/components/Accordions/Accordions.js +66 -0
- package/dist/components/Accordions/index.d.ts +3 -0
- package/dist/components/Accordions/index.js +3 -0
- package/dist/components/Button/Button.d.ts +22 -5
- package/dist/components/Button/Button.js +4 -4
- package/dist/components/Container/Container.d.ts +5 -0
- package/dist/components/Container/Container.js +51 -0
- package/dist/components/Container/index.d.ts +3 -0
- package/dist/components/Container/index.js +3 -0
- package/dist/components/DataTable/DataTable.d.ts +56 -0
- package/dist/components/DataTable/DataTable.js +268 -0
- package/dist/components/DataTable/index.d.ts +3 -0
- package/dist/components/DataTable/index.js +3 -0
- package/dist/components/DialogActions/DialogActions.d.ts +1 -1
- package/dist/components/DialogFrame/DialogFrame.d.ts +11 -0
- package/dist/components/DialogFrame/DialogFrame.js +44 -0
- package/dist/components/DialogFrame/index.d.ts +3 -0
- package/dist/components/DialogFrame/index.js +3 -0
- package/dist/components/DialogTitle/DialogTitle.d.ts +1 -1
- package/dist/components/Grid/Grid.d.ts +1 -1
- package/dist/components/InsetDrawer/InsetDrawer.d.ts +8 -0
- package/dist/components/InsetDrawer/InsetDrawer.js +45 -0
- package/dist/components/InsetDrawer/index.d.ts +3 -0
- package/dist/components/InsetDrawer/index.js +3 -0
- package/dist/components/Modal/Modal.d.ts +13 -5
- package/dist/components/Modal/Modal.js +42 -0
- package/dist/components/Radio/Radio.d.ts +2 -2
- package/dist/components/RadioList/RadioList.d.ts +12 -0
- package/dist/components/RadioList/RadioList.js +38 -0
- package/dist/components/RadioList/index.d.ts +3 -0
- package/dist/components/RadioList/index.js +3 -0
- package/dist/components/Select/Select.d.ts +2 -2
- package/dist/components/Sheet/Sheet.d.ts +1 -1
- package/dist/components/Stack/Stack.d.ts +1 -1
- package/dist/components/Table/Table.d.ts +56 -2
- package/dist/components/Table/Table.js +64 -3
- package/dist/components/Tabs/Tabs.d.ts +53 -0
- package/dist/components/Tabs/Tabs.js +18 -0
- package/dist/components/Tabs/index.d.ts +3 -0
- package/dist/components/Tabs/index.js +3 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.js +45 -4
- package/dist/components/index.d.ts +12 -5
- package/dist/components/index.js +12 -5
- package/dist/index.d.ts +2 -2
- package/dist/index.js +3 -3
- package/framer/index.js +25044 -15916
- package/package.json +4 -6
|
@@ -1,7 +1,48 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { CssBaseline, CssVarsProvider, extendTheme } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { CssBaseline, CssVarsProvider, checkboxClasses, extendTheme, } from "@mui/joy";
|
|
3
3
|
var defaultTheme = extendTheme({
|
|
4
|
-
cssVarPrefix:
|
|
4
|
+
cssVarPrefix: "ceed",
|
|
5
|
+
components: {
|
|
6
|
+
JoyTable: {
|
|
7
|
+
defaultProps: {
|
|
8
|
+
size: "sm",
|
|
9
|
+
borderAxis: "bothBetween",
|
|
10
|
+
},
|
|
11
|
+
styleOverrides: {
|
|
12
|
+
root: function (_a) {
|
|
13
|
+
var _b;
|
|
14
|
+
var theme = _a.theme;
|
|
15
|
+
return (_b = {
|
|
16
|
+
"--TableRow-stripeBackground": theme.palette.background.level1,
|
|
17
|
+
"--TableCell-selectedBackground": theme.palette.background.level2,
|
|
18
|
+
"--TableRow-hoverBackground": theme.palette.background.level3,
|
|
19
|
+
"& tbody tr[aria-checked=false] th": {
|
|
20
|
+
"--TableCell-headBackground": "transparent",
|
|
21
|
+
},
|
|
22
|
+
"& tbody tr[aria-checked=true]:hover th": {
|
|
23
|
+
"--TableCell-headBackground": "var(--TableRow-hoverBackground)",
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
_b["& tbody tr[aria-checked=true]:not(:hover) th"] = {
|
|
27
|
+
"--TableCell-headBackground": "var(--TableCell-selectedBackground)",
|
|
28
|
+
},
|
|
29
|
+
_b["& tbody tr[aria-checked=true]:not(:hover) td"] = {
|
|
30
|
+
"--TableCell-dataBackground": "var(--TableCell-selectedBackground)",
|
|
31
|
+
},
|
|
32
|
+
_b["& .".concat(checkboxClasses.root)] = {
|
|
33
|
+
verticalAlign: "middle",
|
|
34
|
+
},
|
|
35
|
+
_b);
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
JoyTooltip: {
|
|
40
|
+
defaultProps: {
|
|
41
|
+
size: "sm",
|
|
42
|
+
placement: "top",
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
},
|
|
5
46
|
});
|
|
6
47
|
function ThemeProvider(props) {
|
|
7
48
|
return (React.createElement(React.Fragment, null,
|
|
@@ -10,4 +51,4 @@ function ThemeProvider(props) {
|
|
|
10
51
|
props.children)));
|
|
11
52
|
}
|
|
12
53
|
export { ThemeProvider };
|
|
13
|
-
ThemeProvider.displayName =
|
|
54
|
+
ThemeProvider.displayName = "ThemeProvider";
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
export { Accordion, AccordionDetails, Accordions, AccordionSummary } from './Accordions';
|
|
1
2
|
export { Box } from "./Box";
|
|
2
3
|
export { Button } from "./Button";
|
|
3
4
|
export { Checkbox } from "./Checkbox";
|
|
5
|
+
export { Container } from "./Container";
|
|
6
|
+
export { DataTable } from "./DataTable";
|
|
4
7
|
export { DialogActions } from "./DialogActions";
|
|
5
8
|
export { DialogContent } from "./DialogContent";
|
|
6
9
|
export { DialogTitle } from "./DialogTitle";
|
|
10
|
+
export { DialogFrame } from "./DialogFrame";
|
|
7
11
|
export { Divider } from "./Divider";
|
|
12
|
+
export { InsetDrawer } from "./InsetDrawer";
|
|
8
13
|
export { Dropdown } from "./Dropdown";
|
|
9
14
|
export { FormControl } from "./FormControl";
|
|
10
15
|
export { FormHelperText } from "./FormHelperText";
|
|
@@ -12,14 +17,16 @@ export { FormLabel } from "./FormLabel";
|
|
|
12
17
|
export { Grid } from "./Grid";
|
|
13
18
|
export { IconButton } from "./IconButton";
|
|
14
19
|
export { Input } from "./Input";
|
|
15
|
-
export { Menu } from "./Menu";
|
|
16
|
-
export { Modal } from "./Modal";
|
|
17
|
-
export { Radio } from "./Radio";
|
|
18
|
-
export {
|
|
20
|
+
export { Menu, MenuButton, MenuItem } from "./Menu";
|
|
21
|
+
export { Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame } from "./Modal";
|
|
22
|
+
export { Radio, RadioGroup } from "./Radio";
|
|
23
|
+
export { RadioList } from "./RadioList";
|
|
24
|
+
export { Select, Option } from "./Select";
|
|
19
25
|
export { Sheet } from "./Sheet";
|
|
20
26
|
export { Stack } from "./Stack";
|
|
21
27
|
export { Switch } from "./Switch";
|
|
22
|
-
export { Table } from "./Table";
|
|
28
|
+
export { Table, TableHead, TableBody } from "./Table";
|
|
29
|
+
export { Tabs, Tab, TabList, TabPanel } from "./Tabs";
|
|
23
30
|
export { Textarea } from "./Textarea";
|
|
24
31
|
export { ThemeProvider } from "./ThemeProvider";
|
|
25
32
|
export { Tooltip } from "./Tooltip";
|
package/dist/components/index.js
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
|
+
export { Accordion, AccordionDetails, Accordions, AccordionSummary } from './Accordions';
|
|
1
2
|
export { Box } from "./Box";
|
|
2
3
|
export { Button } from "./Button";
|
|
3
4
|
export { Checkbox } from "./Checkbox";
|
|
5
|
+
export { Container } from "./Container";
|
|
6
|
+
export { DataTable } from "./DataTable";
|
|
4
7
|
export { DialogActions } from "./DialogActions";
|
|
5
8
|
export { DialogContent } from "./DialogContent";
|
|
6
9
|
export { DialogTitle } from "./DialogTitle";
|
|
10
|
+
export { DialogFrame } from "./DialogFrame";
|
|
7
11
|
export { Divider } from "./Divider";
|
|
12
|
+
export { InsetDrawer } from "./InsetDrawer";
|
|
8
13
|
export { Dropdown } from "./Dropdown";
|
|
9
14
|
export { FormControl } from "./FormControl";
|
|
10
15
|
export { FormHelperText } from "./FormHelperText";
|
|
@@ -12,14 +17,16 @@ export { FormLabel } from "./FormLabel";
|
|
|
12
17
|
export { Grid } from "./Grid";
|
|
13
18
|
export { IconButton } from "./IconButton";
|
|
14
19
|
export { Input } from "./Input";
|
|
15
|
-
export { Menu } from "./Menu";
|
|
16
|
-
export { Modal } from "./Modal";
|
|
17
|
-
export { Radio } from "./Radio";
|
|
18
|
-
export {
|
|
20
|
+
export { Menu, MenuButton, MenuItem } from "./Menu";
|
|
21
|
+
export { Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame } from "./Modal";
|
|
22
|
+
export { Radio, RadioGroup } from "./Radio";
|
|
23
|
+
export { RadioList } from "./RadioList";
|
|
24
|
+
export { Select, Option } from "./Select";
|
|
19
25
|
export { Sheet } from "./Sheet";
|
|
20
26
|
export { Stack } from "./Stack";
|
|
21
27
|
export { Switch } from "./Switch";
|
|
22
|
-
export { Table } from "./Table";
|
|
28
|
+
export { Table, TableHead, TableBody } from "./Table";
|
|
29
|
+
export { Tabs, Tab, TabList, TabPanel } from "./Tabs";
|
|
23
30
|
export { Textarea } from "./Textarea";
|
|
24
31
|
export { ThemeProvider } from "./ThemeProvider";
|
|
25
32
|
export { Tooltip } from "./Tooltip";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, Chip, chipClasses, } from
|
|
2
|
-
export
|
|
1
|
+
export { boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, Breadcrumbs, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, Step, stepClasses, StepButton, stepButtonClasses, StepIndicator, Stepper, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
|
|
2
|
+
export { Accordion, Accordions, AccordionDetails, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export {
|
|
2
2
|
// Custom UI
|
|
3
|
-
boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses,
|
|
3
|
+
boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses,
|
|
4
4
|
// Pure JoyUI
|
|
5
|
-
Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, Chip, chipClasses, } from
|
|
6
|
-
export
|
|
5
|
+
accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, Breadcrumbs, breadcrumbsClasses, Card, cardClasses, CardActions, cardActionsClasses, CardContent, cardContentClasses, CardCover, cardCoverClasses, CardOverflow, cardOverflowClasses, Chip, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, Step, stepClasses, StepButton, stepButtonClasses, StepIndicator, Stepper, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
|
|
6
|
+
export { Accordion, Accordions, AccordionDetails, AccordionSummary, Box, Button, Checkbox, Container, DataTable, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, InsetDrawer, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
|