@superdispatch/ui-lab 0.38.1 → 0.38.3

package/dist-src/alert/Alert.js

@@ -1,4 +1,4 @@
-import { CheckCircle, Error, Info, Warning } from '@material-ui/icons';
+import { CheckCircle, Error, Info, WarningRounded } from '@material-ui/icons';
 import { Alert as MaterialAlert } from '@material-ui/lab';
 import { ColorDynamic } from '@superdispatch/ui';
 import { forwardRef } from 'react';
@@ -18,7 +18,7 @@ var iconMapping = {
   success: /*#__PURE__*/_jsx(CheckCircle, {}),
   info: /*#__PURE__*/_jsx(Info, {}),
   error: /*#__PURE__*/_jsx(Error, {}),
-  warning: /*#__PURE__*/_jsx(Warning, {})
+  warning: /*#__PURE__*/_jsx(WarningRounded, {})
 };
 export var Alert = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {

package/dist-src/navbar/Navbar.js

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { Drawer, useMediaQuery, useTheme } from '@material-ui/core';
-import { useResponsiveValue } from '@superdispatch/ui';
+import { ColorDynamic, useResponsiveValue } from '@superdispatch/ui';
 import { useMemo, useState } from 'react';
 import styled from 'styled-components';
 import { NavbarBottomBar } from "./NavbarBottomBar.js";
@@ -10,7 +10,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Aside = /*#__PURE__*/styled.aside.withConfig({
   displayName: "Navbar__Aside",
   componentId: "SD__sc-1oiqig8-0"
-})(["display:flex;flex-direction:column;overflow:auto;"]);
+})(["display:flex;flex-direction:column;overflow:auto;border-right:1px solid ", ";"], ColorDynamic.Silver400);
 var Main = /*#__PURE__*/styled.main.withConfig({
   displayName: "Navbar__Main",
   componentId: "SD__sc-1oiqig8-1"

package/dist-types/index.d.ts

@@ -112,6 +112,7 @@ interface BaseButtonProps<T extends HTMLElement> extends Pick<AriaAttributes, 'a
     onClick?: MouseEventHandler<T>;
     onFocus?: FocusEventHandler<T>;
     onBlur?: FocusEventHandler<T>;
+    form?: string;
 }
 interface ButtonProps extends BaseButtonProps<HTMLButtonElement> {
     type?: 'button' | 'submit';

package/dist-web/index.js

@@ -1,4 +1,4 @@
-import { CheckCircle, Info, Error as Error$1, Warning, Image, Refresh, Delete, Menu, ExpandMore, MenuOpen, ArrowBack, OpenInNew } from '@material-ui/icons';
+import { CheckCircle, Info, Error as Error$1, WarningRounded, Image, Refresh, Delete, Menu, ExpandMore, MenuOpen, ArrowBack, OpenInNew } from '@material-ui/icons';
 import { Alert as Alert$1 } from '@material-ui/lab';
 import { ColorDynamic, parseResponsiveProp, isColorDynamicProp, parseSpaceProp, Stack, Color, Inline, mergeRefs, useUID, isEmptyReactNode, Columns, Column, CardButton, useResponsiveValue, ColorDark, useCollapseBreakpoint } from '@superdispatch/ui';
 import { forwardRef, useState, useEffect, Children, useRef, useLayoutEffect, Suspense, memo, useContext, createContext, useMemo, createElement } from 'react';
@@ -29,7 +29,7 @@ var iconMapping = {
   success: /*#__PURE__*/jsx(CheckCircle, {}),
   info: /*#__PURE__*/jsx(Info, {}),
   error: /*#__PURE__*/jsx(Error$1, {}),
-  warning: /*#__PURE__*/jsx(Warning, {})
+  warning: /*#__PURE__*/jsx(WarningRounded, {})
 };
 var Alert = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
@@ -1481,7 +1481,7 @@ function NavbarList(_ref6) {
 var Aside = /*#__PURE__*/styled.aside.withConfig({
   displayName: "Navbar__Aside",
   componentId: "SD__sc-1oiqig8-0"
-})(["display:flex;flex-direction:column;overflow:auto;"]);
+})(["display:flex;flex-direction:column;overflow:auto;border-right:1px solid ", ";"], ColorDynamic.Silver400);
 var Main = /*#__PURE__*/styled.main.withConfig({
   displayName: "Navbar__Main",
   componentId: "SD__sc-1oiqig8-1"