@gravity-ui/page-constructor 1.0.0

package/build/esm/grid/Col/Col.d.ts

@@ -0,0 +1,10 @@
+import React, { CSSProperties } from 'react';
+import { GridColumnClassParams } from '../types';
+import { Refable } from '../../models/common';
+import { WithChildren } from '../../models/react';
+export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement> {
+    style?: CSSProperties;
+    dataQa?: string;
+    children?: React.ReactNode;
+}
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "reset" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/grid/Col/Col.js

@@ -0,0 +1,8 @@
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { getColClass } from '../utils';
+export const Col = forwardRef((props, ref) => {
+    const { children, style, dataQa } = props, rest = __rest(props, ["children", "style", "dataQa"]);
+    return (React.createElement("div", { ref: ref, className: getColClass(rest), style: style, "data-qa": dataQa }, children));
+});
+Col.displayName = 'Col';

package/build/esm/grid/Grid/Grid.css

@@ -0,0 +1,87 @@
+.pc-Grid .container-fluid,
+.pc-Grid .container {
+  max-width: calc(1232px + 8px * 2 + 40px * 2);
+}
+.pc-Grid .row {
+  margin-right: 0;
+  margin-left: 0;
+}
+.pc-Grid .pc-Grid .container-fluid,
+.pc-Grid .pc-Grid .container {
+  padding: 0;
+}
+.pc-Grid .row .row {
+  margin: 0 -8px;
+}
+.pc-Grid_debug .container,
+.pc-Grid_debug .container-fluid,
+.pc-Grid_debug [class*=col-] {
+  box-sizing: border-box;
+  border: 1px solid var(--yc-color-line-generic);
+}
+@media only screen and (max-width: 577px) {
+  .pc-Grid .container,
+.pc-Grid .container-fluid {
+    padding: 0 16px;
+  }
+  .pc-Grid .col,
+.pc-Grid .col-sm-auto,
+.pc-Grid .col-auto {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-0,
+.pc-Grid .col-0 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-1,
+.pc-Grid .col-1 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-2,
+.pc-Grid .col-2 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-3,
+.pc-Grid .col-3 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-4,
+.pc-Grid .col-4 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-5,
+.pc-Grid .col-5 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-6,
+.pc-Grid .col-6 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-7,
+.pc-Grid .col-7 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-8,
+.pc-Grid .col-8 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-9,
+.pc-Grid .col-9 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-10,
+.pc-Grid .col-10 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-11,
+.pc-Grid .col-11 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-12,
+.pc-Grid .col-12 {
+    padding: 0 8px;
+  }
+  .pc-Grid .row .row {
+    margin: 0 -8px;
+  }
+}

package/build/esm/grid/Grid/Grid.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WithChildren } from '../../models';
+import '../styles/bootstrap.css';
+import './Grid.css';
+export interface GridProps {
+    debug?: boolean;
+    className?: string;
+    containerClass?: string;
+    style?: React.CSSProperties;
+}
+export declare const Grid: ({ debug, children, className, style, containerClass, }: WithChildren<GridProps>) => JSX.Element;

package/build/esm/grid/Grid/Grid.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { block } from '../../utils';
+import '../styles/bootstrap.css';
+import './Grid.css';
+const b = block('Grid');
+export const Grid = ({ debug, children, className, style, containerClass = '', }) => (React.createElement("div", { style: style, className: b({ debug }, className) },
+    React.createElement("div", { className: `container-fluid ${containerClass}` }, children)));

package/build/esm/grid/Row/Row.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { GridJustifyContent, GridAlignItems } from '../types';
+import { Refable } from '../../models/common';
+export interface RowProps extends Refable<HTMLDivElement> {
+    className?: string;
+    justifyContent?: GridJustifyContent;
+    alignItems?: GridAlignItems;
+    noGutter?: boolean;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Row: React.ForwardRefExoticComponent<Pick<RowProps, "style" | "children" | "className" | "justifyContent" | "alignItems" | "noGutter"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/grid/Row/Row.js

@@ -0,0 +1,11 @@
+import React, { forwardRef, useCallback } from 'react';
+export const Row = forwardRef((props, ref) => {
+    const { className, justifyContent, alignItems, noGutter, style, children } = props;
+    const getClassName = useCallback(() => {
+        return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']
+            .filter(Boolean)
+            .join(' ');
+    }, [className, justifyContent, alignItems, noGutter]);
+    return (React.createElement("div", { ref: ref, className: getClassName(), style: style }, children));
+});
+Row.displayName = 'Row';

package/build/esm/grid/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Col/Col';
+export * from './Row/Row';
+export * from './Break/Break';
+export * from './Grid/Grid';
+export * from './types';
+export * from './utils';

package/build/esm/grid/index.js

@@ -0,0 +1,6 @@
+export * from './Col/Col';
+export * from './Row/Row';
+export * from './Break/Break';
+export * from './Grid/Grid';
+export * from './types';
+export * from './utils';