npm - @astral/ui - Versions diffs - 4.99.2 → 4.100.0 - Mend

@astral/ui 4.99.2 → 4.100.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (398) hide show

package/node/hook-form/FormFiltersSearchField/styles.js CHANGED Viewed

@@ -10,7 +10,7 @@ const constants_1 = require("./constants");
 exports.Wrapper = styled_1.styled.div `
   min-width: ${({ $width }) => $width || constants_1.DEFAULT_SEARCH_FIELD_WIDTH};
-  ${({ theme }) => theme.breakpoints.between('sm', 'laptop')} {
+  ${({ theme }) => theme.breakpoints.between('mobile', 'laptop')} {
     overflow: hidden;
     width: ${({ $width }) => $width || constants_1.DEFAULT_SEARCH_FIELD_WIDTH};
@@ -64,7 +64,7 @@ exports.Wrapper = styled_1.styled.div `
     }
   }
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     width: 100%;
   }
 `;

package/node/hook-form/FormPageFooterContainer/styles.js CHANGED Viewed

@@ -17,7 +17,7 @@ exports.StyledPageLayoutFooter = (0, styled_1.styled)(PageLayoutFooter_1.PageLay
     box-shadow: ${({ theme }) => theme.elevation.up[100]};
   }
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     position: fixed;
     bottom: 0;
     left: 0;

package/node/hook-form/FormPageLayout/FormPageFooter/SecondaryActions/styles.js CHANGED Viewed

@@ -11,7 +11,7 @@ exports.StyledMobileButton = (0, styled_1.styled)(Button_1.Button) `
   width: 100%;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: flex;
     height: 50px;
@@ -30,14 +30,14 @@ exports.DesktopActionWrapper = styled_1.styled.div `
   display: flex;
   gap: ${({ theme }) => theme.spacing(4)};
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.MobileActionWrapper = styled_1.styled.div `
   display: none;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: block;
     order: 2;
   }

package/node/hook-form/FormPageLayout/FormPageFooter/styles.js CHANGED Viewed

@@ -13,7 +13,7 @@ exports.ActionsWrapper = (0, styled_1.styled)('div', {
   width: 100%;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     overflow: auto;
     flex-direction: column;
     gap: 0;
@@ -26,7 +26,7 @@ exports.ShowMoreButton = (0, styled_1.styled)(Button_1.Button, {
 }) `
   display: none;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: flex;
     width: 100%;
@@ -44,7 +44,7 @@ exports.ShowMoreButton = (0, styled_1.styled)(Button_1.Button, {
 exports.StyledFormSubmitButton = (0, styled_1.styled)(FormSubmitButton_1.FormSubmitButton, {
     shouldForwardProp: (prop) => !['$isShowSecondaryActions'].includes(prop),
 }) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     height: 50px;
     margin-bottom: ${({ theme, $isShowSecondaryActions }) => $isShowSecondaryActions ? theme.spacing(2) : 0};
   }

package/node/hook-form/FormPageLayout/styles.js CHANGED Viewed

@@ -5,7 +5,7 @@ const styled_1 = require("../../components/styled");
 exports.FormContent = styled_1.styled.div `
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     padding: ${({ theme }) => theme.spacing(0, 4, 4)};
   }
 `;

package/node/hook-form/FormPageLayoutBase/FormMobileActions/styles.js CHANGED Viewed

@@ -14,7 +14,7 @@ exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
   line-height: ${({ theme }) => theme.typography.h6.lineHeight};
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     width: 100%;
     height: unset;
     padding: 0;
@@ -26,7 +26,7 @@ exports.StyledDropdownButton = (0, styled_1.styled)(DropdownButton_1.DropdownBut
   font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
   line-height: ${({ theme }) => theme.typography.h6.lineHeight};
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     height: unset;
     padding: 0;

package/node/hook-form/FormPageLayoutBase/styles.js CHANGED Viewed

@@ -8,14 +8,14 @@ const constants_1 = require("./constants");
 exports.DesktopAlertWrapper = styled_1.styled.div `
   display: block;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.MobileAlertWrapper = styled_1.styled.div `
   display: none;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: block;
   }
 `;
@@ -28,7 +28,7 @@ exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
   border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  ${({ theme }) => theme.breakpoints.up('sm')} {
+  ${({ theme }) => theme.breakpoints.up('mobile')} {
     .${PageContent_1.pageContentClassnames.content} {
       overflow: unset;
@@ -41,7 +41,7 @@ exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
     }
   }
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     margin-bottom: ${({ theme }) => theme.spacing(20)};
     padding-top: 0;
@@ -55,7 +55,7 @@ exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
   }
 `;
 exports.StyledPageHeader = (0, styled_1.styled)(PageHeader_1.PageHeader) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     .${PageHeader_1.pageHeaderClassnames.pageHeaderMobileTitle} {
       padding-right: ${({ theme }) => theme.spacing(1)};
     }

package/node/hook-form/FormQuickFilters/styles.js CHANGED Viewed

@@ -8,12 +8,12 @@ exports.Wrapper = styled_1.styled.div `
   gap: ${({ theme }) => theme.spacing(2)};
   align-items: center;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.MobileWrapper = styled_1.styled.div `
-  ${({ theme }) => theme.breakpoints.up('sm')} {
+  ${({ theme }) => theme.breakpoints.up('mobile')} {
     display: none;
   }
 `;

package/node/hook-form/FormWizard/styles.js CHANGED Viewed

@@ -11,7 +11,7 @@ exports.BeforeContentWrapper = styled_1.styled.div `
   margin-bottom: ${({ theme }) => theme.spacing(4)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     margin-bottom: ${({ theme }) => theme.spacing(6)};
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
@@ -20,7 +20,7 @@ exports.StyledNewStepper = (0, styled_1.styled)(NewStepper_1.NewStepper) `
   margin-bottom: ${({ theme }) => theme.spacing(5)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     margin-bottom: ${({ theme }) => theme.spacing(4)};
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
@@ -28,7 +28,7 @@ exports.StyledNewStepper = (0, styled_1.styled)(NewStepper_1.NewStepper) `
 exports.FormContent = styled_1.styled.div `
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     padding: ${({ theme }) => theme.spacing(0, 4, 4)};
   }
 `;

package/node/hook-form/FormWizardPageLayout/FormWizardFooter/styles.js CHANGED Viewed

@@ -8,7 +8,7 @@ const ArrowROutlineMd_1 = require("../../../icons/ArrowROutlineMd");
 exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   margin-right: auto;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     order: 1;
     height: 50px;
@@ -16,12 +16,12 @@ exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   }
 `;
 exports.StyledPreviousIcon = (0, styled_1.styled)(ArrowLOutlineMd_1.ArrowLOutlineMd) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.StyledNextIcon = (0, styled_1.styled)(ArrowROutlineMd_1.ArrowROutlineMd) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.99.2",
+  "version": "4.100.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {