@mw-kit/mw-ui 1.8.3 → 1.8.5

package/dist/index.js

@@ -8926,7 +8926,7 @@ var MonthContainer = import_styled_components14.default.div`
   }
 `;
 var MonthName = import_styled_components14.default.div`
-  ${({ theme: theme4 }) => theme4.useTypography("p")};
+  ${({ theme: theme4 }) => theme4.useTypography("h6")};
   line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
   color: ${({ theme: theme4 }) => theme4.colors.darkBlue};
   text-align: center;
@@ -8935,7 +8935,7 @@ var MonthBtn = import_styled_components14.default.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: ${({ theme: theme4 }) => theme4.spacings.s1};
+  gap: calc(${({ theme: theme4 }) => theme4.spacings.s1} / 2);
 
   ${({ onClick }) => {
   if (!onClick) return;
@@ -8947,7 +8947,7 @@ var MonthBtn = import_styled_components14.default.div`
 var NavBtn = import_styled_components14.default.button`
   ${({ theme: theme4 }) => theme4.useTypography("p")}
   line-height: 14px;
-  width: 32px;
+  width: 21px;
   height: 32px;
   box-shadow: none;
   border: none;
@@ -9129,11 +9129,10 @@ var WeekContainer = import_styled_components16.default.div`
   }
 
   > * {
-    font-family: ${({ theme: theme4 }) => theme4.fonts.lato};
-    font-size: ${({ theme: theme4 }) => theme4.spacings.s3};
+    ${({ theme: theme4 }) => theme4.useTypography("h6")}
     line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
-    width: 32px;
-    height: 32px;
+    width: 25px;
+    height: 25px;
 
     color: ${({ theme: theme4 }) => theme4.colors.darkBlue};
     box-shadow: none;
@@ -9237,7 +9236,7 @@ var DayIndicator = (0, import_styled_components16.default)(Indicator_default).at
   size: "mini"
 })`
   position: absolute;
-  bottom: calc(${sizes2.mini} - 1px);
+  bottom: 1px;
   left: calc(50% - (${sizes2.mini} / 2) + 1px);
 `;
 
@@ -15196,8 +15195,8 @@ var Col = import_styled_components53.default.div`
 var import_jsx_runtime341 = require("react/jsx-runtime");
 var Col2 = import_react45.default.forwardRef((props, ref) => {
   const context = useContext4();
-  const _props = { ...context.cols, ...props };
-  const colProps = filterObject(_props, [
+  const colProps = { ...context.cols, ...props };
+  const htmlProps = filterObject(colProps, [
     "width",
     "spacing",
     "align",
@@ -15213,17 +15212,17 @@ var Col2 = import_react45.default.forwardRef((props, ref) => {
     Col,
     {
       ref,
-      ...colProps,
-      $width: props.width,
-      $spacing: props.spacing,
-      $spacingAround: props.spacingAround,
-      $align: props.align,
-      $bordered: props.bordered,
-      $fontColor: props.fontColor,
-      $backgroundColor: props.backgroundColor,
-      $hover: props.hover,
-      $pointer: props.pointer,
-      children: _props.ellipsis ? /* @__PURE__ */ (0, import_jsx_runtime341.jsx)(EllipsisContainer_default, { children: _props.children }) : _props.children
+      ...htmlProps,
+      $width: colProps.width,
+      $spacing: colProps.spacing,
+      $spacingAround: colProps.spacingAround,
+      $align: colProps.align,
+      $bordered: colProps.bordered,
+      $fontColor: colProps.fontColor,
+      $backgroundColor: colProps.backgroundColor,
+      $hover: colProps.hover,
+      $pointer: colProps.pointer,
+      children: colProps.ellipsis ? /* @__PURE__ */ (0, import_jsx_runtime341.jsx)(EllipsisContainer_default, { children: colProps.children }) : colProps.children
     }
   );
 });

package/dist/index.mjs

@@ -8870,7 +8870,7 @@ var MonthContainer = styled11.div`
   }
 `;
 var MonthName = styled11.div`
-  ${({ theme: theme4 }) => theme4.useTypography("p")};
+  ${({ theme: theme4 }) => theme4.useTypography("h6")};
   line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
   color: ${({ theme: theme4 }) => theme4.colors.darkBlue};
   text-align: center;
@@ -8879,7 +8879,7 @@ var MonthBtn = styled11.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  gap: ${({ theme: theme4 }) => theme4.spacings.s1};
+  gap: calc(${({ theme: theme4 }) => theme4.spacings.s1} / 2);
 
   ${({ onClick }) => {
   if (!onClick) return;
@@ -8891,7 +8891,7 @@ var MonthBtn = styled11.div`
 var NavBtn = styled11.button`
   ${({ theme: theme4 }) => theme4.useTypography("p")}
   line-height: 14px;
-  width: 32px;
+  width: 21px;
   height: 32px;
   box-shadow: none;
   border: none;
@@ -9073,11 +9073,10 @@ var WeekContainer = styled13.div`
   }
 
   > * {
-    font-family: ${({ theme: theme4 }) => theme4.fonts.lato};
-    font-size: ${({ theme: theme4 }) => theme4.spacings.s3};
+    ${({ theme: theme4 }) => theme4.useTypography("h6")}
     line-height: ${({ theme: theme4 }) => theme4.spacings.s3};
-    width: 32px;
-    height: 32px;
+    width: 25px;
+    height: 25px;
 
     color: ${({ theme: theme4 }) => theme4.colors.darkBlue};
     box-shadow: none;
@@ -9181,7 +9180,7 @@ var DayIndicator = styled13(Indicator_default).attrs({
   size: "mini"
 })`
   position: absolute;
-  bottom: calc(${sizes2.mini} - 1px);
+  bottom: 1px;
   left: calc(50% - (${sizes2.mini} / 2) + 1px);
 `;
 
@@ -15140,8 +15139,8 @@ var Col = styled50.div`
 import { jsx as jsx341 } from "react/jsx-runtime";
 var Col2 = React42.forwardRef((props, ref) => {
   const context = useContext4();
-  const _props = { ...context.cols, ...props };
-  const colProps = filterObject(_props, [
+  const colProps = { ...context.cols, ...props };
+  const htmlProps = filterObject(colProps, [
     "width",
     "spacing",
     "align",
@@ -15157,17 +15156,17 @@ var Col2 = React42.forwardRef((props, ref) => {
     Col,
     {
       ref,
-      ...colProps,
-      $width: props.width,
-      $spacing: props.spacing,
-      $spacingAround: props.spacingAround,
-      $align: props.align,
-      $bordered: props.bordered,
-      $fontColor: props.fontColor,
-      $backgroundColor: props.backgroundColor,
-      $hover: props.hover,
-      $pointer: props.pointer,
-      children: _props.ellipsis ? /* @__PURE__ */ jsx341(EllipsisContainer_default, { children: _props.children }) : _props.children
+      ...htmlProps,
+      $width: colProps.width,
+      $spacing: colProps.spacing,
+      $spacingAround: colProps.spacingAround,
+      $align: colProps.align,
+      $bordered: colProps.bordered,
+      $fontColor: colProps.fontColor,
+      $backgroundColor: colProps.backgroundColor,
+      $hover: colProps.hover,
+      $pointer: colProps.pointer,
+      children: colProps.ellipsis ? /* @__PURE__ */ jsx341(EllipsisContainer_default, { children: colProps.children }) : colProps.children
     }
   );
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mw-kit/mw-ui",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "description": "Made with create-react-library",
   "author": "fmgusmao",
   "license": "MIT",
@@ -46,7 +46,7 @@
     "lint": "eslint {src,stories}/**/*.{js,ts,jsx,tsx}",
     "lint:fix": "eslint {src,stories}/**/*.{js,ts,jsx,tsx} --fix",
     "prettier": "prettier --write src/**/*.{ts,tsx}",
-    "storybook": "storybook dev -p 6006 --no-open",
+    "storybook": "storybook dev --quiet -p 6006 --no-open",
     "build-storybook": "storybook build",
     "typescript": "tsc --project ./tsconfig.json",
     "depcheck": "depcheck"