@sinco/react 1.0.7-rc.19 → 1.0.7-rc.20

package/index.js

@@ -5022,7 +5022,7 @@ const internal_processStyles = (tag, processor) => {
   }
 };
 
-const _excluded$f = ["values", "unit", "step"];
+const _excluded$e = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -5057,7 +5057,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$f);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$e);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -6141,7 +6141,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ['sx'];
 var styleFunctionSx$1 = styleFunctionSx;
 
-const _excluded$e = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$d = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
       breakpoints: breakpointsInput = {},
@@ -6149,7 +6149,7 @@ function createTheme$1(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$e);
+    other = _objectWithoutPropertiesLoose(options, _excluded$d);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -6187,7 +6187,7 @@ function useTheme$1(defaultTheme = systemDefaultTheme$1) {
   return useTheme$2(defaultTheme);
 }
 
-const _excluded$d = ["sx"];
+const _excluded$c = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -6208,7 +6208,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$d);
+    other = _objectWithoutPropertiesLoose(props, _excluded$c);
   const {
     systemProps,
     otherProps
@@ -6234,35 +6234,6 @@ function extendSxProp(props) {
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
-const _excluded$c = ["className", "component"];
-function createBox(options = {}) {
-  const {
-    themeId,
-    defaultTheme,
-    defaultClassName = 'MuiBox-root',
-    generateClassName
-  } = options;
-  const BoxRoot = styled$3('div', {
-    shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
-  })(styleFunctionSx$1);
-  const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
-    const theme = useTheme$1(defaultTheme);
-    const _extendSxProp = extendSxProp(inProps),
-      {
-        className,
-        component = 'div'
-      } = _extendSxProp,
-      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$c);
-    return /*#__PURE__*/jsx(BoxRoot, _extends({
-      as: component,
-      ref: ref,
-      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
-      theme: themeId ? theme[themeId] || theme : theme
-    }, other));
-  });
-  return Box;
-}
-
 const _excluded$b = ["variant"];
 function isEmpty$1(string) {
   return string.length === 0;
@@ -6765,7 +6736,7 @@ function lighten(color, coefficient) {
 }
 
 const _excluded$9 = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
-const defaultTheme$3 = createTheme$1();
+const defaultTheme$2 = createTheme$1();
 // widening Theme to any so that the consumer can own the theme structure.
 const defaultCreateStyledComponent = systemStyled('div', {
   name: 'MuiStack',
@@ -6776,7 +6747,7 @@ function useThemePropsDefault(props) {
   return useThemeProps$1({
     props,
     name: 'MuiStack',
-    defaultTheme: defaultTheme$3
+    defaultTheme: defaultTheme$2
   });
 }
 
@@ -7622,11 +7593,11 @@ Please use another name.` : formatMuiErrorMessage(18));
   return muiTheme;
 }
 
-const defaultTheme$1 = createTheme();
-var defaultTheme$2 = defaultTheme$1;
+const defaultTheme = createTheme();
+var defaultTheme$1 = defaultTheme;
 
 function useTheme() {
-  const theme = useTheme$1(defaultTheme$2);
+  const theme = useTheme$1(defaultTheme$1);
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
@@ -7641,7 +7612,7 @@ function useThemeProps({
   return useThemeProps$1({
     props,
     name,
-    defaultTheme: defaultTheme$2,
+    defaultTheme: defaultTheme$1,
     themeId: THEME_ID
   });
 }
@@ -7649,7 +7620,7 @@ function useThemeProps({
 const rootShouldForwardProp = prop => shouldForwardProp(prop) && prop !== 'classes';
 const styled = createStyled({
   themeId: THEME_ID,
-  defaultTheme: defaultTheme$2,
+  defaultTheme: defaultTheme$1,
   rootShouldForwardProp
 });
 var styled$1 = styled;
@@ -9378,34 +9349,6 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes
 } : void 0;
 var Typography$1 = Typography;
 
-const defaultTheme = createTheme();
-const Box = createBox({
-  themeId: THEME_ID,
-  defaultTheme,
-  defaultClassName: 'MuiBox-root',
-  generateClassName: ClassNameGenerator$1.generate
-});
-process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-var Box$1 = Box;
-
 function getCardUtilityClass(slot) {
   return generateUtilityClass('MuiCard', slot);
 }
@@ -9645,13 +9588,13 @@ const EmptyState = ({
         flexDirection: 'column',
         gap: 4
       },
-      children: [jsx(Box$1, {
-        width: 206,
-        height: 187,
-        children: jsx("svg", {
-          children: jsx("use", {
-            xlinkHref: `${sincoIconos}#${UrlImage[_state]}`
-          })
+      children: [jsx("svg", {
+        style: {
+          width: 206,
+          height: 187
+        },
+        children: jsx("use", {
+          xlinkHref: `${sincoIconos}#${UrlImage[_state]}`
         })
       }), jsxs(Stack$1, {
         direction: "column",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.7-rc.19",
+  "version": "1.0.7-rc.20",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",