@cloud-ru/uikit-product-site-layout 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.5.0 (2025-12-05)
+
+
+### Features
+
+* **SITE-10382:** add prop for full width content container ([f7ebb0c](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/f7ebb0cc6ae7240b14b65105fab589e230a336da))
+
+
+
+
+
 # 0.4.0 (2025-12-04)
 
 

package/dist/cjs/helperComponents/Main/Main.d.ts

@@ -3,5 +3,6 @@ import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils'
 export type MainProps = WithSupportProps<WithLayoutType<{
     children: ReactNode;
     className?: string;
+    fullWidth?: boolean;
 }>>;
-export declare function Main({ children, className, layoutType, ...rest }: MainProps): import("react/jsx-runtime").JSX.Element;
+export declare function Main({ children, className, layoutType, fullWidth, ...rest }: MainProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/Main/Main.js

@@ -20,6 +20,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function Main(_a) {
-    var { children, className, layoutType } = _a, rest = __rest(_a, ["children", "className", "layoutType"]);
-    return ((0, jsx_runtime_1.jsx)("main", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.main, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.mainContent, "data-layout-type": layoutType, children: children }) })));
+    var { children, className, layoutType, fullWidth } = _a, rest = __rest(_a, ["children", "className", "layoutType", "fullWidth"]);
+    return ((0, jsx_runtime_1.jsx)("main", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.main, className) }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.mainContent, "data-layout-type": layoutType, "data-full-width": fullWidth, children: children }) })));
 }

package/dist/cjs/helperComponents/Main/styles.module.css

@@ -22,4 +22,10 @@
 .mainContent[data-layout-type=mobile]{
   max-width:unset;
   padding:0;
+}
+.mainContent[data-full-width=true]{
+  max-width:100%;
+}
+.mainContent[data-full-width=true][data-layout-type]{
+  padding:0;
 }

package/dist/esm/helperComponents/Main/Main.d.ts

@@ -3,5 +3,6 @@ import { WithLayoutType, WithSupportProps } from '@cloud-ru/uikit-product-utils'
 export type MainProps = WithSupportProps<WithLayoutType<{
     children: ReactNode;
     className?: string;
+    fullWidth?: boolean;
 }>>;
-export declare function Main({ children, className, layoutType, ...rest }: MainProps): import("react/jsx-runtime").JSX.Element;
+export declare function Main({ children, className, layoutType, fullWidth, ...rest }: MainProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/Main/Main.js

@@ -14,6 +14,6 @@ import cn from 'classnames';
 import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import styles from './styles.module.css';
 export function Main(_a) {
-    var { children, className, layoutType } = _a, rest = __rest(_a, ["children", "className", "layoutType"]);
-    return (_jsx("main", Object.assign({ className: cn(styles.main, className) }, extractSupportProps(rest), { children: _jsx("div", { className: styles.mainContent, "data-layout-type": layoutType, children: children }) })));
+    var { children, className, layoutType, fullWidth } = _a, rest = __rest(_a, ["children", "className", "layoutType", "fullWidth"]);
+    return (_jsx("main", Object.assign({ className: cn(styles.main, className) }, extractSupportProps(rest), { children: _jsx("div", { className: styles.mainContent, "data-layout-type": layoutType, "data-full-width": fullWidth, children: children }) })));
 }

package/dist/esm/helperComponents/Main/styles.module.css

@@ -22,4 +22,10 @@
 .mainContent[data-layout-type=mobile]{
   max-width:unset;
   padding:0;
+}
+.mainContent[data-full-width=true]{
+  max-width:100%;
+}
+.mainContent[data-full-width=true][data-layout-type]{
+  padding:0;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-layout",
   "title": "Site Layout",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,5 +39,5 @@
     "@cloud-ru/uikit-product-utils": "8.0.1",
     "classnames": "2.5.1"
   },
-  "gitHead": "14f18bff39619ba8f885fff42922458e7e0ee62c"
+  "gitHead": "cbf5e3534d2bc2d691a1500539d9849938cabeff"
 }

package/src/helperComponents/Main/Main.tsx

@@ -9,13 +9,14 @@ export type MainProps = WithSupportProps<
   WithLayoutType<{
     children: ReactNode;
     className?: string;
+    fullWidth?: boolean;
   }>
 >;
 
-export function Main({ children, className, layoutType, ...rest }: MainProps) {
+export function Main({ children, className, layoutType, fullWidth, ...rest }: MainProps) {
   return (
     <main className={cn(styles.main, className)} {...extractSupportProps(rest)}>
-      <div className={styles.mainContent} data-layout-type={layoutType}>
+      <div className={styles.mainContent} data-layout-type={layoutType} data-full-width={fullWidth}>
         {children}
       </div>
     </main>

package/src/helperComponents/Main/styles.module.scss

@@ -28,4 +28,12 @@
     max-width: unset;
     padding: 0;
   }
+
+  &[data-full-width='true'] {
+    max-width: 100%;
+
+    &[data-layout-type] {
+      padding: 0;
+    }
+  }
 }