@elice/material-runbox 1.260825.0-runboxusability.1 → 1.260825.0-runboxusability.2

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

@@ -10,24 +10,23 @@ var MaterialRunboxStatusResourceItem = function MaterialRunboxStatusResourceItem
     value = _ref.value;
   return jsxs(Stack, {
     direction: "row",
-    alignItems: "flex-start",
+    alignItems: "center",
     gap: "0.75rem",
     padding: "0.375rem 0.75rem",
     children: [jsx(Typography, {
       component: "span",
       display: "inline-flex",
-      color: "text.secondary",
-      paddingTop: "0.5rem",
+      color: "text.tertiary",
       children: icon
     }), jsxs(Stack, {
       direction: "column",
       children: [jsx(Typography, {
         variant: "body2",
-        fontWeight: "bold",
+        color: "text.tertiary",
         children: label
       }), jsx(Typography, {
         variant: "caption",
-        color: "text.secondary",
+        color: "text.tertiary",
         fontFamily: "'JetBrains Mono', monospace",
         children: value
       })]

package/es/components/material-runbox/timer/MaterialRunboxQuotaAlmostEndDialog.js

@@ -45,6 +45,7 @@ var MaterialRunboxQuotaAlmostEndDialog = function MaterialRunboxQuotaAlmostEndDi
         direction: "column",
         gap: "1.5rem",
         children: [jsxs(Card, {
+          elevation: 0,
           sx: {
             bgcolor: 'background.neutral'
           },

package/es/components/material-runbox/timer/MaterialRunboxQuotaPerSessionAlmostEndDialog.js

@@ -46,6 +46,7 @@ var MaterialRunboxQuotaPerSessionAlmostEndDialog = function MaterialRunboxQuotaP
         direction: "column",
         gap: "1.5rem",
         children: [jsxs(Card, {
+          elevation: 0,
           sx: {
             bgcolor: 'background.neutral'
           },

package/es/components/material-runbox/timer/MaterialRunboxTimerDetailPopover.js

@@ -7,7 +7,7 @@ import { useRawEliceIntl } from '@elice/intl';
 import { EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxQuota } from '@elice/runbox-client';
 import { faXmarkLarge } from '@fortawesome/pro-regular-svg-icons';
-import { Popover, Stack, Card, Divider, Button, FormControlLabel, Typography, Checkbox, IconButton } from '@mui/material';
+import { Popover, Fade, Stack, Card, Divider, Button, FormControlLabel, Typography, Checkbox, IconButton } from '@mui/material';
 import { useQuery } from '@tanstack/react-query';
 import { QUOTA_ALMOST_END_MINUTES, QUOTA_PER_SESSION_ALMOST_END_MINUTES } from '../hooks/useRunboxSessionEndWarning.js';
 import MaterialRunboxQuotaAmount from './MaterialRunboxQuotaAmount.js';
@@ -207,6 +207,7 @@ var MaterialRunboxTimerDetailPopover = function MaterialRunboxTimerDetailPopover
   };
   return jsx(Popover, Object.assign({
     open: open,
+    TransitionComponent: Fade,
     onClose: onClose
   }, props, {
     children: jsxs(Stack, {
@@ -217,6 +218,7 @@ var MaterialRunboxTimerDetailPopover = function MaterialRunboxTimerDetailPopover
       width: "22rem",
       bgcolor: "background.paper",
       children: [renderHeader(), renderCloseButton(), jsxs(Card, {
+        elevation: 0,
         sx: {
           bgcolor: 'background.neutral'
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.260825.0-runboxusability.1",
+  "version": "1.260825.0-runboxusability.2",
   "description": "User view and editing components of Elice material runbox",
   "repository": {
     "type": "git",
@@ -20,8 +20,8 @@
   "peerDependencies": {
     "@elice/api-client": "^1",
     "@elice/intl": "^0",
-    "@elice/material-shared-types": "1.260825.0-runboxusability.1",
-    "@elice/material-shared-utils": "1.260825.0-runboxusability.1",
+    "@elice/material-shared-types": "1.260825.0-runboxusability.2",
+    "@elice/material-shared-utils": "1.260825.0-runboxusability.2",
     "@elice/mui-elements": "^5",
     "@elice/mui-system": "^5",
     "@elice/mui-x-snackbar": "^5",
@@ -51,8 +51,8 @@
   "devDependencies": {
     "@elice/api-client": "1.260529.0",
     "@elice/intl": "0.260526.0",
-    "@elice/material-shared-types": "1.260825.0-runboxusability.1",
-    "@elice/material-shared-utils": "1.260825.0-runboxusability.1",
+    "@elice/material-shared-types": "1.260825.0-runboxusability.2",
+    "@elice/material-shared-utils": "1.260825.0-runboxusability.2",
     "@elice/mui-elements": "5.251204.0",
     "@elice/mui-system": "5.251204.0",
     "@elice/mui-x-snackbar": "^5.250108.0-controllabel.0",

package/cjs/components/material-runbox/hooks/useOnlineState.d.ts

@@ -1,12 +0,0 @@
-/**
- * Whether the browser currently has a network connection.
- *
- * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
- * That hook only exists in react-use v17, and consumers of this package do not
- * agree on the major — elice-web still resolves v13, which breaks the build at
- * link time. Reading `navigator.onLine` keeps this working on both.
- *
- * `undefined` means "not known yet" (server render, or no `navigator`), which
- * callers should treat as online rather than as offline.
- */
-export declare const useOnlineState: () => boolean | undefined;

package/cjs/components/material-runbox/hooks/useOnlineState.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-//
-//
-//
-/**
- * Whether the browser currently has a network connection.
- *
- * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
- * That hook only exists in react-use v17, and consumers of this package do not
- * agree on the major — elice-web still resolves v13, which breaks the build at
- * link time. Reading `navigator.onLine` keeps this working on both.
- *
- * `undefined` means "not known yet" (server render, or no `navigator`), which
- * callers should treat as online rather than as offline.
- */
-var useOnlineState = function useOnlineState() {
-  var _React$useState = React__default.default.useState(function () {
-      return typeof navigator === 'undefined' ? undefined : navigator.onLine;
-    }),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    online = _React$useState2[0],
-    setOnline = _React$useState2[1];
-  React__default.default.useEffect(function () {
-    var handleOnline = function handleOnline() {
-      return setOnline(true);
-    };
-    var handleOffline = function handleOffline() {
-      return setOnline(false);
-    };
-    window.addEventListener('online', handleOnline);
-    window.addEventListener('offline', handleOffline);
-    // Catch a change that happened between the initial state and this effect.
-    setOnline(navigator.onLine);
-    return function () {
-      window.removeEventListener('online', handleOnline);
-      window.removeEventListener('offline', handleOffline);
-    };
-  }, []);
-  return online;
-};
-
-exports.useOnlineState = useOnlineState;

package/es/components/material-runbox/hooks/useOnlineState.d.ts

@@ -1,12 +0,0 @@
-/**
- * Whether the browser currently has a network connection.
- *
- * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
- * That hook only exists in react-use v17, and consumers of this package do not
- * agree on the major — elice-web still resolves v13, which breaks the build at
- * link time. Reading `navigator.onLine` keeps this working on both.
- *
- * `undefined` means "not known yet" (server render, or no `navigator`), which
- * callers should treat as online rather than as offline.
- */
-export declare const useOnlineState: () => boolean | undefined;

package/es/components/material-runbox/hooks/useOnlineState.js

@@ -1,44 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-
-//
-//
-//
-/**
- * Whether the browser currently has a network connection.
- *
- * NOTICE: this deliberately does not use `react-use`'s `useNetworkState`.
- * That hook only exists in react-use v17, and consumers of this package do not
- * agree on the major — elice-web still resolves v13, which breaks the build at
- * link time. Reading `navigator.onLine` keeps this working on both.
- *
- * `undefined` means "not known yet" (server render, or no `navigator`), which
- * callers should treat as online rather than as offline.
- */
-var useOnlineState = function useOnlineState() {
-  var _React$useState = React.useState(function () {
-      return typeof navigator === 'undefined' ? undefined : navigator.onLine;
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    online = _React$useState2[0],
-    setOnline = _React$useState2[1];
-  React.useEffect(function () {
-    var handleOnline = function handleOnline() {
-      return setOnline(true);
-    };
-    var handleOffline = function handleOffline() {
-      return setOnline(false);
-    };
-    window.addEventListener('online', handleOnline);
-    window.addEventListener('offline', handleOffline);
-    // Catch a change that happened between the initial state and this effect.
-    setOnline(navigator.onLine);
-    return function () {
-      window.removeEventListener('online', handleOnline);
-      window.removeEventListener('offline', handleOffline);
-    };
-  }, []);
-  return online;
-};
-
-export { useOnlineState };