@turk.net/mui 3.0.8 → 3.0.10

package/dist/theme/components/Tabs.d.mts

@@ -0,0 +1,3 @@
+import { Components, Theme } from "@mui/material";
+export declare function createTabs(): Components<Omit<Theme, "components">>["MuiTabs"];
+export declare function createTab(): Components<Omit<Theme, "components">>["MuiTab"];

package/dist/theme/components/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { Components, Theme } from "@mui/material";
+export declare function createTabs(): Components<Omit<Theme, "components">>["MuiTabs"];
+export declare function createTab(): Components<Omit<Theme, "components">>["MuiTab"];

package/dist/theme/index.js

@@ -1734,6 +1734,7 @@ function createButtonBase() {
   return {
     styleOverrides: {
       root: ({ theme: theme2 }) => ({
+        textTransform: "unset",
         [`&.${material.buttonClasses.root}.${material.buttonClasses.disabled}`]: {
           backgroundColor: theme2.vars?.palette.neutral.background.disabled.rest,
           color: theme2.vars?.palette.neutral.foreground.disabled.rest,
@@ -1784,10 +1785,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),
                 [`.${material.buttonClasses.icon}`]: {
                   marginTop: theme2.spacing(-0.5),
                   marginBottom: theme2.spacing(-0.5)
@@ -1819,6 +1821,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.${material.svgIconClasses.root}`]: {
                   width: theme2.spacing(4),
@@ -1846,6 +1849,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),
                 [`.${material.buttonClasses.icon}`]: {
@@ -1876,6 +1880,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),
                 [`.${material.buttonClasses.icon}`]: {
@@ -1906,6 +1911,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),
                 [`.${material.buttonClasses.icon}`]: {
@@ -3513,9 +3519,72 @@ function createBadge() {
     }
   };
 }
+function createTabs() {
+  return {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        minHeight: "32px",
+        variants: [
+          {
+            props: { indicatorColor: "primary" },
+            style: {
+              [`.${material.tabsClasses.indicator}`]: {
+                backgroundColor: theme2.vars?.palette.brand.stroke.compound.rest
+              }
+            }
+          },
+          {
+            props: { textColor: "primary" },
+            style: {
+              [`.${material.tabClasses.root}.${material.tabClasses.textColorPrimary}`]: {
+                color: theme2.vars?.palette.neutral.foreground[2].rest
+              },
+              [`.${material.tabClasses.root}.${material.tabClasses.textColorPrimary}.${material.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(),
@@ -3549,7 +3618,9 @@ var Components22 = {
   MuiSlider: createSlider(),
   MuiSwitch: createSwitch(),
   MuiTextField: createTextField(),
-  MuiTypography: createTypography()
+  MuiTypography: createTypography(),
+  MuiTab: createTab(),
+  MuiTabs: createTabs()
 };
 
 // theme/typography/typographyVariants.ts
@@ -3917,7 +3988,7 @@ var theme = styles.createTheme({
   shape: {
     borderRadius: 8
   },
-  components: Components22,
+  components: Components23,
   colorSchemes: colorSchemes_default
 });
 var theme_default = theme;