@surveycake/rc 3.0.0-alpha.146 → 3.0.0-alpha.147

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.0.0-alpha.147](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.146...v3.0.0-alpha.147) (2025-06-24)
+
+
+### Features
+
+* adjust button, form, and input components to align with the new design system. ([8f9662e](https://fox.25sprout.com/surveycake/sdk/rc/commit/8f9662e5350241753e1074eaf117c238322a3543))
+
 ## [3.0.0-alpha.146](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.145...v3.0.0-alpha.146) (2025-06-13)
 
 

package/dist/V2/FormLabel/FormLabel.stories.d.ts

@@ -2,3 +2,5 @@ import { Story, Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Basic: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;

package/dist/V2/OutlinedInput/OutlinedInput.stories.d.ts

@@ -5,3 +5,4 @@ export declare const Basic: Story;
 export declare const Disabled: Story;
 export declare const Error: Story;
 export declare const ReadOnly: Story;
+export declare const Sizes: Story;

package/dist/rc.cjs.development.js

@@ -757,11 +757,14 @@ var MuiDialogContent = {
   root: {
     padding:
     /*#__PURE__*/
-    core.spacing(1, 3, 3)
+    core.spacing(1, 3, 3),
+    '&:first-child': {
+      paddingTop: 4
+    }
   },
   dividers: {
     borderTop: 'none',
-    padding: '8px 24px 24px',
+    padding: '4px 24px 24px',
     borderBottom: "1px solid " + core.palette.grey[100]
   }
 };
@@ -798,7 +801,7 @@ var MuiFormHelperText = {
   root: {
     marginTop:
     /*#__PURE__*/
-    core.spacing(1),
+    core.spacing(0.5),
     color: core.palette.grey[600],
     "&.Mui-error": {
       color: core.palette.error.dark
@@ -812,10 +815,29 @@ var MuiFormLabel = {
   _extends({}, core.typography.caption, {
     margin: 0,
     color: core.palette.grey[700]
-  })
+  }),
+  asterisk: {
+    color: core.palette.primary.main,
+    '.Mui-disabled &': {
+      color: 'inherit'
+    }
+  }
 };
 
 var MuiIconButton = {
+  root: {
+    padding:
+    /*#__PURE__*/
+    core.spacing(1.25)
+  },
+  sizeSmall: {
+    padding:
+    /*#__PURE__*/
+    core.spacing(1),
+    '& svg.MuiSvgIcon-root': {
+      fontSize: 16
+    }
+  },
   colorPrimary: {
     '&:focus': {
       color: core.palette.primary.main,
@@ -939,18 +961,11 @@ var MuiOutlinedInput = {
     }
   }, core.typography.body2),
   input: {
-    paddingTop:
-    /*#__PURE__*/
-    core.spacing(1.5),
-    paddingRight:
-    /*#__PURE__*/
-    core.spacing(1),
-    paddingBottom:
+    padding:
     /*#__PURE__*/
-    core.spacing(1.5),
-    paddingLeft:
+    core.spacing(1.5) + "px " +
     /*#__PURE__*/
-    core.spacing(1)
+    core.spacing(1) + "px"
   },
   notchedOutline: {
     borderColor: core.palette.grey.A700
@@ -3695,6 +3710,7 @@ React.forwardRef(function (props, ref) {
 
   return React__default.createElement(MUIButton, Object.assign({}, rest, {
     disableElevation: disableElevation,
+    disableRipple: true,
     ref: ref,
     size: size
   }));
@@ -3895,7 +3911,9 @@ React.forwardRef(function (props, ref) {
   var rest = _extends({}, props);
 
   return React__default.createElement(MUIFormLabel, Object.assign({}, rest, {
-    ref: ref
+    ref: ref,
+    focused: false,
+    error: false
   }), props.children);
 });
 FormLabel.displayName = 'FormLabel';
@@ -3910,7 +3928,8 @@ var IconButton =
 /*#__PURE__*/
 React.forwardRef(function (props, ref) {
   return React__default.createElement(MUIIconButton, Object.assign({}, props, {
-    ref: ref
+    ref: ref,
+    disableRipple: true
   }));
 });
 IconButton.displayName = 'IconButton';