@turk.net/mui 3.0.8 → 3.0.10

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { createTheme } from '@mui/material/styles';
-import { switchClasses, svgIconClasses, Box, inputBaseClasses, autocompleteClasses, iconButtonClasses, outlinedInputClasses, filledInputClasses, inputClasses, selectClasses, formHelperTextClasses, inputLabelClasses, sliderClasses, radioGroupClasses, radioClasses, menuClasses, listClasses, menuItemClasses, listItemButtonClasses, formLabelClasses, formControlLabelClasses, formControlClasses, chipClasses, checkboxClasses, buttonClasses, badgeClasses } from '@mui/material';
+import { switchClasses, svgIconClasses, Box, inputBaseClasses, autocompleteClasses, iconButtonClasses, outlinedInputClasses, filledInputClasses, tabsClasses, tabClasses, inputClasses, selectClasses, formHelperTextClasses, inputLabelClasses, sliderClasses, radioGroupClasses, radioClasses, menuClasses, listClasses, menuItemClasses, listItemButtonClasses, formLabelClasses, formControlLabelClasses, formControlClasses, chipClasses, checkboxClasses, buttonClasses, badgeClasses } from '@mui/material';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // theme/index.ts
@@ -1730,6 +1730,7 @@ function createButtonBase() {
   return {
     styleOverrides: {
       root: ({ theme: theme2 }) => ({
+        textTransform: "unset",
         [`&.${buttonClasses.root}.${buttonClasses.disabled}`]: {
           backgroundColor: theme2.vars?.palette.neutral.background.disabled.rest,
           color: theme2.vars?.palette.neutral.foreground.disabled.rest,
@@ -1780,10 +1781,11 @@ function createButton() {
               props: { size: "extra-small" },
               style: {
                 gap: theme2.spacing(2),
-                "--padding-x": theme2.spacing(3.5),
+                "--padding-x": theme2.spacing(3),
                 "--padding-y": theme2.spacing(2.75),
                 fontSize: theme2.typography.text.xs.medium.fontSize,
                 fontWeight: theme2.typography.text.xs.medium.fontWeight,
+                minWidth: theme2.spacing(8.5),
                 [`.${buttonClasses.icon}`]: {
                   marginTop: theme2.spacing(-0.5),
                   marginBottom: theme2.spacing(-0.5)
@@ -1815,6 +1817,7 @@ function createButton() {
                 gap: theme2.spacing(2.5),
                 "--padding-y": theme2.spacing(3.25),
                 "--padding-x": theme2.spacing(4),
+                minWidth: theme2.spacing(10),
                 // -- ONLY ICON SIZE & SPACES
                 [`& svg.${svgIconClasses.root}`]: {
                   width: theme2.spacing(4),
@@ -1842,6 +1845,7 @@ function createButton() {
                 fontSize: theme2.typography.text.md.medium.fontSize,
                 fontWeight: theme2.typography.text.md.medium.fontWeight,
                 gap: theme2.spacing(3),
+                minWidth: theme2.spacing(12),
                 "--padding-x": theme2.spacing(4.5),
                 "--padding-y": theme2.spacing(4),
                 [`.${buttonClasses.icon}`]: {
@@ -1872,6 +1876,7 @@ function createButton() {
                 fontSize: theme2.typography.text.md.medium.fontSize,
                 fontWeight: theme2.typography.text.md.medium.fontWeight,
                 gap: theme2.spacing(3.5),
+                minWidth: theme2.spacing(13),
                 "--padding-x": theme2.spacing(5),
                 "--padding-y": theme2.spacing(4.5),
                 [`.${buttonClasses.icon}`]: {
@@ -1902,6 +1907,7 @@ function createButton() {
                 fontSize: theme2.typography.text.lg.medium.fontSize,
                 fontWeight: theme2.typography.text.lg.medium.fontWeight,
                 gap: theme2.spacing(4),
+                minWidth: theme2.spacing(15),
                 "--padding-x": theme2.spacing(5.5),
                 "--padding-y": theme2.spacing(5.25),
                 [`.${buttonClasses.icon}`]: {
@@ -3509,9 +3515,72 @@ function createBadge() {
     }
   };
 }
+function createTabs() {
+  return {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        minHeight: "32px",
+        variants: [
+          {
+            props: { indicatorColor: "primary" },
+            style: {
+              [`.${tabsClasses.indicator}`]: {
+                backgroundColor: theme2.vars?.palette.brand.stroke.compound.rest
+              }
+            }
+          },
+          {
+            props: { textColor: "primary" },
+            style: {
+              [`.${tabClasses.root}.${tabClasses.textColorPrimary}`]: {
+                color: theme2.vars?.palette.neutral.foreground[2].rest
+              },
+              [`.${tabClasses.root}.${tabClasses.textColorPrimary}.${tabClasses.selected}`]: {
+                color: theme2.vars?.palette.brand.foreground.compound.rest
+              }
+            }
+          }
+        ]
+      })
+    }
+  };
+}
+function createTab() {
+  return {
+    defaultProps: {
+      disableRipple: true,
+      disableFocusRipple: true,
+      disableTouchRipple: true
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        textTransform: "unset",
+        minHeight: theme2.spacing(8),
+        height: theme2.spacing(8),
+        padding: "0px 4px 11px",
+        ":not(:last-child)": {
+          marginRight: theme2.spacing(4)
+        },
+        variants: [
+          {
+            props: { color: "primary" },
+            style: {
+              color: theme2.vars?.palette.brand.foreground.compound.rest
+            }
+          }
+        ]
+      }),
+      labelIcon: ({ theme: theme2 }) => ({
+        padding: "0px 4px 11px",
+        minHeight: theme2.spacing(8),
+        height: theme2.spacing(8)
+      })
+    }
+  };
+}
 
 // theme/components/index.tsx
-var Components22 = {
+var Components23 = {
   MuiAutocomplete: createAutocomplete(),
   MuiAvatar: createAvatar(),
   MuiBadge: createBadge(),
@@ -3545,7 +3614,9 @@ var Components22 = {
   MuiSlider: createSlider(),
   MuiSwitch: createSwitch(),
   MuiTextField: createTextField(),
-  MuiTypography: createTypography()
+  MuiTypography: createTypography(),
+  MuiTab: createTab(),
+  MuiTabs: createTabs()
 };
 
 // theme/typography/typographyVariants.ts
@@ -3913,7 +3984,7 @@ var theme = createTheme({
   shape: {
     borderRadius: 8
   },
-  components: Components22,
+  components: Components23,
   colorSchemes: colorSchemes_default
 });
 var theme_default = theme;