@astral/ui 1.44.3 → 1.45.0

package/esm/theme/components/components.js

@@ -26,6 +26,8 @@ import { MuiTabs } from './MuiTabs';
 import { MuiStepLabel } from './MuiStepLabel';
 import { MuiStep } from './MuiStep';
 import { MuiStepConnector } from './MuiStepConnector';
+import { MuiToggleButton } from './MuiToggleButton';
+import { MuiToggleButtonGroup } from './MuiToggleButtonGroup';
 const getMuiCssBaseline = (fontUrls) => ({
     styleOverrides: `
     @font-face {
@@ -100,4 +102,6 @@ export const getComponents = (fontUrls) => ({
     MuiStepLabel,
     MuiStep,
     MuiStepConnector,
+    MuiToggleButtonGroup,
+    MuiToggleButton,
 });

package/index.d.ts

@@ -70,6 +70,8 @@ export * from './theme';
 export * from './ThemeProvider';
 export * from './TextField';
 export * from './Typography';
+export * from './ToggleButton';
+export * from './ToggleButtonGroup';
 export * from './Tooltip';
 export * from './SideDialog';
 export * from './SideDialogTitle';

package/index.js

@@ -86,6 +86,8 @@ __exportStar(require("./theme"), exports);
 __exportStar(require("./ThemeProvider"), exports);
 __exportStar(require("./TextField"), exports);
 __exportStar(require("./Typography"), exports);
+__exportStar(require("./ToggleButton"), exports);
+__exportStar(require("./ToggleButtonGroup"), exports);
 __exportStar(require("./Tooltip"), exports);
 __exportStar(require("./SideDialog"), exports);
 __exportStar(require("./SideDialogTitle"), exports);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.44.3",
+  "version": "1.45.0",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.44.3",
+    "@astral/icons": "^1.45.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",

package/theme/components/MuiToggleButton.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiToggleButton: Components<Theme>['MuiToggleButton'];

package/theme/components/MuiToggleButton.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiToggleButton = void 0;
+exports.MuiToggleButton = {
+    styleOverrides: {
+        root({ theme }) {
+            return {
+                textTransform: 'initial',
+                padding: theme.spacing(1, 2),
+                fontWeight: theme.typography.fontWeightMedium,
+            };
+        },
+    },
+};

package/theme/components/MuiToggleButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import { Components } from '@mui/material';
+import type { Theme } from '../baseTheme';
+export declare const MuiToggleButtonGroup: Components<Theme>['MuiToggleButtonGroup'];

package/theme/components/MuiToggleButtonGroup.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiToggleButtonGroup = void 0;
+exports.MuiToggleButtonGroup = {
+    defaultProps: {
+        size: 'small',
+        color: 'primary',
+    },
+};

package/theme/components/components.js

@@ -29,6 +29,8 @@ const MuiTabs_1 = require("./MuiTabs");
 const MuiStepLabel_1 = require("./MuiStepLabel");
 const MuiStep_1 = require("./MuiStep");
 const MuiStepConnector_1 = require("./MuiStepConnector");
+const MuiToggleButton_1 = require("./MuiToggleButton");
+const MuiToggleButtonGroup_1 = require("./MuiToggleButtonGroup");
 const getMuiCssBaseline = (fontUrls) => ({
     styleOverrides: `
     @font-face {
@@ -103,5 +105,7 @@ const getComponents = (fontUrls) => ({
     MuiStepLabel: MuiStepLabel_1.MuiStepLabel,
     MuiStep: MuiStep_1.MuiStep,
     MuiStepConnector: MuiStepConnector_1.MuiStepConnector,
+    MuiToggleButtonGroup: MuiToggleButtonGroup_1.MuiToggleButtonGroup,
+    MuiToggleButton: MuiToggleButton_1.MuiToggleButton,
 });
 exports.getComponents = getComponents;