@elice/material-runbox 1.260930.0 → 1.261005.0

package/es/components/material-runbox/runtime/RuntimeChangeMaterialDialog.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@mui/material';
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button } from '@elice/eds-material';
 import { useMaterialRunboxControlContext } from '../contexts/MaterialRunboxControlContext.js';
 
 var RuntimeChangeMaterialDialog = function RuntimeChangeMaterialDialog(_ref) {

package/es/components/material-runbox/runtime/RuntimeOverlayConflicted.js

@@ -2,10 +2,10 @@ import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator,
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { getOrgCourseGet } from '@elice/api-client';
+import { FaIcon } from '@elice/eds-kit';
+import { ThemeProvider, Box, Stack, Typography, Button } from '@elice/eds-material';
 import { IntlComponentBuilder } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { faLinkSimple, faArrowUpRightFromSquare } from '@fortawesome/pro-solid-svg-icons';
-import { ThemeProvider, Box, Stack, Typography, Button } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
 import { runboxLightTheme, runboxDarkTheme } from '../theme.js';
 import RuntimeChangeMaterialDialog from './RuntimeChangeMaterialDialog.js';
@@ -80,11 +80,11 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
     return jsx(Button, Object.assign({
       variant: "contained",
       color: "inherit",
-      startIcon: jsx(EliceIcon, {
+      startIcon: jsx(FaIcon, {
         icon: faLinkSimple,
         color: "success"
       }),
-      endIcon: opensInNewTab ? jsx(EliceIcon, {
+      endIcon: opensInNewTab ? jsx(FaIcon, {
         icon: faArrowUpRightFromSquare,
         color: "inherit"
       }) : null,
@@ -101,14 +101,20 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
       }
     }, linkProps, {
       children: jsxs(Stack, {
-        flex: 1,
         direction: "column",
-        alignItems: "flex-start",
+        sx: {
+          alignItems: 'flex-start',
+          flex: 1
+        },
         children: [courseId !== runningCourse.id ? jsx(Typography, {
-          color: "text.tertiary",
+          sx: {
+            color: 'text.tertiary'
+          },
           children: runningCourse === null || runningCourse === void 0 ? void 0 : runningCourse.title
         }) : null, jsx(Typography, {
-          color: "text.primary",
+          sx: {
+            color: 'text.primary'
+          },
           children: runningRunbox.title
         })]
       })
@@ -155,8 +161,10 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
           color: 'text.primary'
         },
         children: jsxs(Stack, {
-          gap: "1.5rem",
-          alignItems: "center",
+          sx: {
+            alignItems: 'center',
+            gap: '1.5rem'
+          },
           children: [jsx(Box, {
             component: "img",
             src: img,
@@ -167,14 +175,18 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
             }
           }), jsx(Typography, {
             variant: "h6",
-            textAlign: "center",
+            sx: {
+              textAlign: 'center'
+            },
             children: intl.formatMessage({
               id: 'runbox.runtime.overlay.conflicted.title'
             })
           }), renderNavButton(), jsx(Typography, {
             variant: "body1",
-            textAlign: "center",
-            whiteSpace: "pre-line",
+            sx: {
+              whiteSpace: 'pre-line',
+              textAlign: 'center'
+            },
             children: intl.formatMessage({
               id: 'runbox.runtime.overlay.conflicted.description'
             })
@@ -187,7 +199,7 @@ var RuntimeOverlayConflicted = function RuntimeOverlayConflicted(_ref) {
               fullWidth: true,
               variant: "contained",
               color: "primary",
-              startIcon: jsx(EliceIcon, {
+              startIcon: jsx(FaIcon, {
                 icon: faLinkSimple
               }),
               onClick: handleClickConnect,

package/es/components/material-runbox/runtime/RuntimeOverlayLoading.js

@@ -2,11 +2,10 @@ import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } fr
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import { useInterval } from 'react-use';
+import { FaIcon } from '@elice/eds-kit';
+import { ThemeProvider, Stack, Typography, Box, CircularProgress, colors, alpha, LinearProgress, Fade } from '@elice/eds-material';
 import { IntlComponentBuilder } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
-import { colors } from '@elice/mui-system';
 import { faCheck } from '@fortawesome/pro-solid-svg-icons';
-import { ThemeProvider, Stack, Typography, Box, CircularProgress, alpha, LinearProgress, Fade } from '@mui/material';
 import { runboxLightTheme } from '../theme.js';
 import { getRuntimeLoadingTips } from './runtime-loading-tips.js';
 import img from '../../../assets/runbox-loading.svg.js';
@@ -98,16 +97,22 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
             gap: '1.5rem'
           },
           children: [jsxs(Stack, {
-            gap: "0.5rem",
+            sx: {
+              gap: '0.5rem'
+            },
             children: [jsx(Typography, {
               variant: "h4",
-              color: "text.primary",
+              sx: {
+                color: 'text.primary'
+              },
               children: intl.formatMessage({
                 id: 'runbox.runtime.loading.title'
               })
             }), jsx(Typography, {
               variant: "body1",
-              color: "text.secondary",
+              sx: {
+                color: 'text.secondary'
+              },
               children: intl.formatMessage({
                 id: 'runbox.runtime.loading.description'
               })
@@ -138,7 +143,7 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
                     sx: {
                       color: colors.elicepurple[700]
                     }
-                  }) : isCompleted ? jsx(EliceIcon, {
+                  }) : isCompleted ? jsx(FaIcon, {
                     icon: faCheck,
                     sx: {
                       fontSize: '1rem',
@@ -146,14 +151,16 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
                     }
                   }) : jsx(Typography, {
                     variant: "body2",
-                    color: "text.tertiary",
+                    sx: {
+                      color: 'text.tertiary'
+                    },
                     children: stepNumber
                   })
                 }), jsx(Typography, {
                   variant: "body2",
-                  fontWeight: isActive ? 700 : 500,
                   color: isActive ? 'text.primary' : 'text.secondary',
                   sx: {
+                    fontWeight: isActive ? 700 : 500,
                     flex: 1
                   },
                   children: intl.formatMessage({
@@ -161,8 +168,10 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
                   })
                 }), jsx(Typography, {
                   variant: "caption",
-                  color: "text.tertiary",
-                  whiteSpace: "nowrap",
+                  sx: {
+                    color: 'text.tertiary',
+                    whiteSpace: 'nowrap'
+                  },
                   children: intl.formatMessage({
                     id: isCompleted ? STEP_STATUS_ID.completed : isActive ? STEP_STATUS_ID.active : STEP_STATUS_ID.pending
                   })
@@ -188,8 +197,10 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
               })
             }), jsx(Typography, {
               variant: "caption",
-              color: "text.tertiary",
-              whiteSpace: "nowrap",
+              sx: {
+                color: 'text.tertiary',
+                whiteSpace: 'nowrap'
+              },
               children: intl.formatMessage({
                 id: STEPS[activeStep - 1].progressId
               }, {
@@ -231,7 +242,9 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
             xs: 'column',
             md: 'row'
           },
-          gap: "1rem",
+          sx: {
+            gap: '1rem'
+          },
           children: shownTips.map(function (tip) {
             return jsxs(Stack, {
               direction: "row",
@@ -239,7 +252,7 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
                 flex: 1,
                 gap: '0.75rem'
               },
-              children: [jsx(EliceIcon, {
+              children: [jsx(FaIcon, {
                 icon: tip.icon,
                 sx: {
                   fontSize: '1.25rem',
@@ -247,17 +260,23 @@ var RuntimeOverlayLoading = function RuntimeOverlayLoading(_ref) {
                   marginTop: '0.125rem'
                 }
               }), jsxs(Stack, {
-                gap: "0.125rem",
+                sx: {
+                  gap: '0.125rem'
+                },
                 children: [jsx(Typography, {
                   variant: "body1",
-                  fontWeight: 700,
-                  color: "text.primary",
+                  sx: {
+                    color: 'text.primary',
+                    fontWeight: 700
+                  },
                   children: intl.formatMessage({
                     id: tip.titleId
                   })
                 }), jsx(Typography, {
                   variant: "caption",
-                  color: "text.tertiary",
+                  sx: {
+                    color: 'text.tertiary'
+                  },
                   children: intl.formatMessage({
                     id: tip.descriptionId
                   })

package/es/components/material-runbox/runtime/RuntimeOverlayTerminated.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { FaIcon } from '@elice/eds-kit';
+import { ThemeProvider, Box, Stack, Typography, Button, Card, Divider } from '@elice/eds-material';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxQuota } from '@elice/runbox-client';
 import { faArrowsRotate, faLinkSimple } from '@fortawesome/pro-solid-svg-icons';
-import { ThemeProvider, Box, Stack, Typography, Button, Card, Divider } from '@mui/material';
 import { runboxLightTheme } from '../theme.js';
 import img from '../../../assets/terminated.png.js';
 import messageEn from '../locales/en.json.js';
@@ -46,7 +46,7 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
         fullWidth: true,
         variant: "contained",
         color: "primary",
-        startIcon: jsx(EliceIcon, {
+        startIcon: jsx(FaIcon, {
           icon: faLinkSimple
         }),
         onClick: handleClickConnect,
@@ -84,8 +84,6 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       },
       children: jsx(Stack, {
         direction: "row",
-        alignItems: "center",
-        gap: "1.5rem",
         divider: jsx(Divider, {
           flexItem: true,
           orientation: "vertical",
@@ -93,6 +91,10 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
             borderColor: 'grey.200'
           }
         }),
+        sx: {
+          gap: '1.5rem',
+          alignItems: 'center'
+        },
         children: args.items.map(function (item, index) {
           return jsxs(Stack, {
             direction: "column",
@@ -131,8 +133,10 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
               color: 'text.primary'
             },
             children: jsxs(Stack, {
-              gap: "1.5rem",
-              alignItems: "center",
+              sx: {
+                alignItems: 'center',
+                gap: '1.5rem'
+              },
               children: [jsx(Box, {
                 component: "img",
                 src: img,
@@ -143,13 +147,17 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
                 }
               }), jsx(Typography, {
                 variant: "h6",
-                textAlign: "center",
-                whiteSpace: "pre-line",
+                sx: {
+                  whiteSpace: 'pre-line',
+                  textAlign: 'center'
+                },
                 children: args.title
               }), jsx(Typography, {
                 variant: "body1",
-                textAlign: "center",
-                whiteSpace: "pre-line",
+                sx: {
+                  whiteSpace: 'pre-line',
+                  textAlign: 'center'
+                },
                 children: args.description
               }), args.body]
             })
@@ -172,7 +180,7 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       }),
       body: jsx(MaterialRunboxEnvResetButton, {
         variant: "contained",
-        startIcon: jsx(EliceIcon, {
+        startIcon: jsx(FaIcon, {
           icon: faArrowsRotate
         }),
         runtimeTemplateId: runtimeTemplateId,

package/es/components/material-runbox/runtime/runtime-loading-tips.d.ts

@@ -1,6 +1,6 @@
-import type { EliceIconDefinition } from '@elice/mui-elements';
+import type { FaIconDefinition } from '@elice/eds-kit';
 export interface RuntimeLoadingTip {
-    icon: EliceIconDefinition;
+    icon: FaIconDefinition;
     titleId: string;
     descriptionId: string;
 }

package/es/components/material-runbox/status/MaterialRunboxStatusButton.js

@@ -1,11 +1,11 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React from 'react';
+import { FaIcon } from '@elice/eds-kit';
+import { buttonClasses, Button } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { faDiscDrive, faWifi, faAngleDown } from '@fortawesome/pro-solid-svg-icons';
-import { buttonClasses, Button } from '@mui/material';
 import MaterialRunboxStatusPopover from './MaterialRunboxStatusPopover.js';
 import { useBreakpoint } from '../../shared/hooks/useBreakpoint.js';
 import { useRunboxDiskUsage } from '../hooks/useRunboxDiskUsage.js';
@@ -42,7 +42,7 @@ var MaterialRunboxStatusButton = function MaterialRunboxStatusButton(_ref) {
    */
   var buttonProps = severity ? {
     color: severity,
-    startIcon: jsx(EliceIcon, {
+    startIcon: jsx(FaIcon, {
       icon: faDiscDrive
     }),
     children: isSmallTabletOrSmaller ? undefined : "DISK ".concat(intl.formatDataSize(diskCurrent, {
@@ -54,7 +54,7 @@ var MaterialRunboxStatusButton = function MaterialRunboxStatusButton(_ref) {
     }))
   } : {
     color: 'inherit',
-    startIcon: jsx(EliceIcon, {
+    startIcon: jsx(FaIcon, {
       icon: faWifi
     }),
     // The label follows the header, but the icon keeps reporting the runtime.
@@ -78,7 +78,7 @@ var MaterialRunboxStatusButton = function MaterialRunboxStatusButton(_ref) {
     children: [jsx(Button, Object.assign({
       variant: "text",
       size: "small",
-      endIcon: jsx(EliceIcon, {
+      endIcon: jsx(FaIcon, {
         icon: faAngleDown
       }),
       onClick: function onClick(e) {

package/es/components/material-runbox/status/MaterialRunboxStatusConnectionItem.d.ts

@@ -1,4 +1,4 @@
-import type { TypographyProps } from '@mui/material';
+import type { TypographyProps } from '@elice/eds-material';
 import type React from 'react';
 export interface MaterialRunboxStatusConnectionItemProps {
     /** Leading icon element, or a progress indicator while connecting. */

package/es/components/material-runbox/status/MaterialRunboxStatusConnectionItem.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Stack, Typography } from '@mui/material';
+import { Stack, Typography } from '@elice/eds-material';
 
 //
 //
@@ -11,18 +11,24 @@ var MaterialRunboxStatusConnectionItem = function MaterialRunboxStatusConnection
     color = _ref$color === void 0 ? 'text.disabled' : _ref$color;
   return jsxs(Stack, {
     direction: "row",
-    alignItems: "center",
-    gap: "0.75rem",
-    minHeight: "2.5rem",
-    padding: "0 0.75rem",
+    sx: {
+      padding: '0 0.75rem',
+      minHeight: '2.5rem',
+      gap: '0.75rem',
+      alignItems: 'center'
+    },
     children: [jsx(Typography, {
       component: "span",
-      display: "inline-flex",
       color: color,
+      sx: {
+        display: 'inline-flex'
+      },
       children: icon
     }), jsx(Typography, {
       variant: "body2",
-      color: "text.tertiary",
+      sx: {
+        color: 'text.tertiary'
+      },
       children: label
     })]
   });

package/es/components/material-runbox/status/MaterialRunboxStatusPopover.d.ts

@@ -1,4 +1,4 @@
-import type { PopoverProps } from '@mui/material';
+import type { PopoverProps } from '@elice/eds-material';
 import type React from 'react';
 export interface MaterialRunboxStatusPopoverProps extends Omit<PopoverProps, 'open' | 'onClose' | 'children'> {
     /** Whether the popover is open. */

package/es/components/material-runbox/status/MaterialRunboxStatusPopover.js

@@ -1,11 +1,11 @@
 import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from 'tslib';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { FaIcon } from '@elice/eds-kit';
+import { Popover, Fade, Stack, CircularProgress, Divider } from '@elice/eds-material';
 import { useRawEliceIntl } from '@elice/intl';
-import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning, useEliceRunboxContainerStats } from '@elice/runbox-client';
 import { faWifiSlash, faWifi, faWifiFair, faLinkSimple, faLinkSimpleSlash, faMicrochip, faMemory, faArrowUpRight, faArrowDownLeft, faDiscDrive, faArrowsRotate } from '@fortawesome/pro-solid-svg-icons';
-import { Popover, Fade, Stack, CircularProgress, Divider } from '@mui/material';
 import MaterialRunboxStatusConnectionItem from './MaterialRunboxStatusConnectionItem.js';
 import MaterialRunboxStatusResourceItem from './MaterialRunboxStatusResourceItem.js';
 import { RunboxNetworkStatus, useRunboxNetworkStatus } from '../hooks/useRunboxNetworkStatus.js';
@@ -45,19 +45,23 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
   //
   return jsx(Popover, Object.assign({
     open: open,
-    TransitionComponent: Fade,
     onClose: onClose
   }, props, {
+    slots: {
+      transition: Fade
+    },
     children: jsxs(Stack, {
       direction: "column",
-      gap: "0.75rem",
-      padding: "0.75rem",
-      width: POPOVER_WIDTH,
-      bgcolor: "background.paper",
+      sx: {
+        bgcolor: 'background.paper',
+        width: POPOVER_WIDTH,
+        padding: '0.75rem',
+        gap: '0.75rem'
+      },
       children: [jsxs(Stack, {
         direction: "column",
         children: [networkStatus ? jsx(MaterialRunboxStatusConnectionItem, {
-          icon: jsx(EliceIcon, {
+          icon: jsx(FaIcon, {
             icon: NETWORK_ICON[networkStatus],
             fontSize: "small"
           }),
@@ -69,7 +73,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
           icon: isRunboxConnecting ? jsx(CircularProgress, {
             color: "inherit",
             size: "1rem"
-          }) : jsx(EliceIcon, {
+          }) : jsx(FaIcon, {
             icon: isRunboxRunning ? faLinkSimple : faLinkSimpleSlash,
             fontSize: "small"
           }),
@@ -82,7 +86,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
         children: [jsx(Divider, {}), jsxs(Stack, {
           direction: "column",
           children: [jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
+            icon: jsx(FaIcon, {
               icon: faMicrochip,
               fontSize: "small"
             }),
@@ -92,7 +96,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
               maximumFractionDigits: 2
             }) : preparing
           }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
+            icon: jsx(FaIcon, {
               icon: faMemory,
               fontSize: "small"
             }),
@@ -105,7 +109,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
               maximumFractionDigits: 2
             })) : preparing
           }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
+            icon: jsx(FaIcon, {
               icon: faArrowUpRight,
               fontSize: "small"
             }),
@@ -114,7 +118,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
               unitSystem: 'iec'
             }), "/s") : preparing
           }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
+            icon: jsx(FaIcon, {
               icon: faArrowDownLeft,
               fontSize: "small"
             }),
@@ -123,7 +127,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
               unitSystem: 'iec'
             }), "/s") : preparing
           }), jsx(MaterialRunboxStatusResourceItem, {
-            icon: jsx(EliceIcon, {
+            icon: jsx(FaIcon, {
               icon: faDiscDrive,
               fontSize: "small"
             }),
@@ -142,7 +146,7 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
         variant: "contained",
         color: "error",
         disabled: !isRunboxRunning,
-        startIcon: jsx(EliceIcon, {
+        startIcon: jsx(FaIcon, {
           icon: faArrowsRotate
         }),
         runtimeTemplateId: runtimeTemplateId,

package/es/components/material-runbox/status/MaterialRunboxStatusResourceItem.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Stack, Typography } from '@mui/material';
+import { Stack, Typography } from '@elice/eds-material';
 
 //
 //
@@ -10,24 +10,32 @@ var MaterialRunboxStatusResourceItem = function MaterialRunboxStatusResourceItem
     value = _ref.value;
   return jsxs(Stack, {
     direction: "row",
-    alignItems: "center",
-    gap: "0.75rem",
-    padding: "0.375rem 0.75rem",
+    sx: {
+      padding: '0.375rem 0.75rem',
+      gap: '0.75rem',
+      alignItems: 'center'
+    },
     children: [jsx(Typography, {
       component: "span",
-      display: "inline-flex",
-      color: "text.tertiary",
+      sx: {
+        color: 'text.tertiary',
+        display: 'inline-flex'
+      },
       children: icon
     }), jsxs(Stack, {
       direction: "column",
       children: [jsx(Typography, {
         variant: "body2",
-        color: "text.tertiary",
+        sx: {
+          color: 'text.tertiary'
+        },
         children: label
       }), jsx(Typography, {
         variant: "caption",
-        color: "text.tertiary",
-        fontFamily: "'JetBrains Mono', monospace",
+        sx: {
+          color: 'text.tertiary',
+          fontFamily: "'JetBrains Mono', monospace"
+        },
         children: value
       })]
     })]

package/es/components/material-runbox/theme.d.ts

@@ -1,2 +1,2 @@
-export declare const runboxDarkTheme: import("@mui/material").Theme;
-export declare const runboxLightTheme: import("@mui/material").Theme;
+export declare const runboxDarkTheme: import("@elice/eds-material").Theme;
+export declare const runboxLightTheme: import("@elice/eds-material").Theme;

package/es/components/material-runbox/theme.js

@@ -1,4 +1,4 @@
-import { createEliceTheme } from '@elice/mui-system';
+import { createEliceTheme } from '@elice/eds-material';
 
 var runboxDarkTheme = createEliceTheme({
   paletteName: 'purple',