@zesty-io/material 0.12.4 → 0.13.1

package/es/icons/Bynder.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SvgIconProps } from "@mui/material";
+export declare const Bynder: (props: SvgIconProps) => JSX.Element;

package/es/icons/Bynder.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "@mui/material";
+export const Bynder = (props) => (_jsx(SvgIcon, { ...props, children: _jsx("path", { d: "M17.2334 4C15.7963 4 14.5268 4.6229 13.6406 5.62912L7.26941 12.0258L5.44907 10.205C5.13769 9.84565 4.97003 9.41442 4.97003 8.91131C4.97003 7.83321 5.8323 6.9947 6.91013 6.9947C7.38917 6.9947 7.8203 7.1624 8.17958 7.47385C8.29934 7.56968 8.61071 7.90509 8.61071 7.90509L10.6227 5.86869L10.0478 5.29371C9.18556 4.47915 8.03587 4 6.76642 4C4.13172 4 2 6.13223 2 8.76756C2 9.96544 2.45509 11.0914 3.17364 11.93L7.26941 16.0507L15.8442 7.47385C16.2035 7.1624 16.6346 6.9947 17.1136 6.9947C18.1915 6.9947 19.0298 7.85717 19.0298 8.93526C19.0298 9.41442 18.8621 9.84565 18.5507 10.205L12.8741 15.883C12.6586 16.1225 12.3472 16.2423 12.0119 16.2423C11.6766 16.2423 11.3652 16.0986 11.1496 15.859L10.7185 15.4278L8.70652 17.4642L9.1137 17.8714C9.85621 18.6141 10.8861 19.0933 12.0119 19.0933C13.1376 19.0933 14.1436 18.6381 14.8861 17.8714L20.8262 11.906C21.5447 11.0914 21.9998 9.96544 21.9998 8.7436C22.0238 6.13223 19.8681 4 17.2334 4Z", fill: "currentColor" }) }));

package/es/icons/index.d.ts

@@ -14,3 +14,4 @@ export { Google } from "./Google";
 export { Github } from "./Github";
 export { Microsoft } from "./Microsoft";
 export { ImageSync } from "./ImageSync";
+export { Bynder } from "./Bynder";

package/es/icons/index.js

@@ -14,3 +14,4 @@ export { Google } from "./Google";
 export { Github } from "./Github";
 export { Microsoft } from "./Microsoft";
 export { ImageSync } from "./ImageSync";
+export { Bynder } from "./Bynder";

package/es/theme/index.js

@@ -85,6 +85,9 @@ const components = {
             textInherit: ({ theme }) => ({
                 color: theme.palette.text.secondary,
             }),
+            containedWarning: ({ theme }) => ({
+                color: theme.palette.common.white,
+            }),
         },
         defaultProps: {
             disableElevation: true,
@@ -177,6 +180,9 @@ const components = {
                 "& > .MuiSvgIcon-root": {
                     margin: "4px",
                 },
+                "&.MuiInputAdornment-positionStart": {
+                    marginRight: "4px",
+                },
             },
         },
     },
@@ -319,16 +325,19 @@ const components = {
         styleOverrides: {
             icon: {
                 alignSelf: "center",
+                marginRight: "8px",
             },
             standardWarning: ({ theme }) => ({
+                backgroundColor: theme.palette.yellow[100],
+                color: theme.palette.warning.dark,
                 " .MuiAlert-icon": {
-                    color: theme.palette.common.black,
+                    color: theme.palette.warning.dark,
                 },
             }),
             standardInfo: ({ theme }) => ({
                 backgroundColor: theme.palette.blue[100],
                 " .MuiAlert-icon": {
-                    color: theme.palette.info.main,
+                    color: theme.palette.info.dark,
                 },
                 "& .MuiAlert-message": {
                     color: theme.palette.info.dark,
@@ -570,6 +579,24 @@ const components = {
             },
         },
     },
+    MuiPickersDay: {
+        styleOverrides: {
+            root: ({ theme }) => ({
+                "&.MuiPickersDay-today": {
+                    backgroundColor: theme.palette.primary.main,
+                    color: theme.palette.common.white,
+                    border: "none",
+                },
+            }),
+        },
+    },
+    MuiCheckbox: {
+        styleOverrides: {
+            root: {
+                color: "text.disabled",
+            },
+        },
+    }
 };
 export let theme = createTheme({
     typography,

package/es/theme/palette.js

@@ -12,7 +12,7 @@ const lightThemePalette = {
     },
     warning: {
         main: "#F79009",
-        dark: "B54708",
+        dark: "#B54708",
         light: "#FEF0C7",
     },
     error: {

package/es/theme/typography.d.ts

@@ -1,6 +1,6 @@
-import { TypographyVariantsOptions } from '@mui/material/styles';
-import { TypographyStyleOptions } from '@mui/material/styles/createTypography';
-declare module '@mui/material/styles' {
+import { TypographyVariantsOptions } from "@mui/material/styles";
+import { TypographyStyleOptions } from "@mui/material/styles/createTypography";
+declare module "@mui/material/styles" {
     interface TypographyVariantsOptions {
         body3?: TypographyStyleOptions;
     }

package/es/theme/typography.js

@@ -30,28 +30,29 @@ const typography = {
         lineHeight: "22px",
     },
     body1: {
-        fontSize: '16px',
-        lineHeight: '24px',
+        fontSize: "16px",
+        lineHeight: "24px",
     },
     body2: {
-        fontSize: '14px',
-        lineHeight: '20px',
+        fontSize: "14px",
+        lineHeight: "20px",
     },
     body3: {
-        fontSize: '12px',
-        lineHeight: '18px',
-        letterSpacing: '0.15px',
+        fontSize: "12px",
+        lineHeight: "18px",
+        letterSpacing: "0.15px",
+        display: "inline-block",
     },
     subtitle1: {
-        fontSize: '16px',
+        fontSize: "16px",
         lineHeight: "28px",
     },
     subtitle2: {
-        fontSize: '14px',
+        fontSize: "14px",
         lineHeight: "22px",
     },
     caption: {
-        fontSize: '12px',
+        fontSize: "12px",
         lineHeight: "20px",
     },
     overline: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zesty-io/material",
-  "version": "0.12.4",
+  "version": "0.13.1",
   "description": "Contains custom components which are in addition to the @mui design-system",
   "author": "Zesty.io",
   "license": "MIT",