@consta/uikit 5.14.0 → 5.16.0

package/__internal__/src/components/Grid/GridItem/GridItem.d.ts

@@ -1,4 +1,4 @@
-import './GridItem.css';
-import { GridItemProps } from '../types';
-export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
+import './GridItem.css';
+import { GridItemProps } from '../types';
+export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;

package/__internal__/src/components/Grid/GridItem/index.d.ts

@@ -1 +1 @@
-export * from './GridItem';
+export * from './GridItem';

package/__internal__/src/components/Grid/helpers.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';
-export declare const normalizeGap: (gap: GridPropGap | undefined) => string | 0 | undefined;
-export declare const normalizeAlign: (align: GridPropXAlign | GridPropYAlign | undefined) => "start" | "center" | "end" | undefined;
-export declare const useGridBreakpoints: <T extends {}>(breakpoints: Record<string, T>, ref?: React.RefObject<HTMLElement>) => T;
+import React from 'react';
+import { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';
+export declare const normalizeGap: (gap: GridPropGap | undefined) => string | 0 | undefined;
+export declare const normalizeAlign: (align: GridPropXAlign | GridPropYAlign | undefined) => "start" | "center" | "end" | undefined;
+export declare const useGridBreakpoints: <T extends {}>(breakpoints: Record<string, T>, ref?: React.RefObject<HTMLElement>) => T;

package/__internal__/src/components/Grid/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["useBreakpoints","isEmpty","isNotNil","normalizeGap","gap","alignMap","left","top","center","right","bottom","normalizeAlign","align","calculateBreakpoints","breakpoints","activeBreakpoints","retuned","key","Object","prototype","hasOwnProperty","call","useGridBreakpoints","ref","keys","map","fromEntries","item","filter","isActive","length"],"sources":["../../../../../src/components/Grid/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { useBreakpoints } from '##/hooks/useBreakpoints';\nimport { isEmpty } from '##/utils/object';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';\n\nexport const normalizeGap = (gap: GridPropGap | undefined) => {\n  if (typeof gap === 'string') {\n    return `var(--space-${gap})`;\n  }\n\n  return gap;\n};\n\nconst alignMap = {\n  left: 'start',\n  top: 'start',\n  center: 'center',\n  right: 'end',\n  bottom: 'end',\n} as const;\n\nexport const normalizeAlign = (\n  align: GridPropXAlign | GridPropYAlign | undefined,\n) => (align ? alignMap[align] : undefined);\n\nconst calculateBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  activeBreakpoints: Record<string, boolean>,\n) => {\n  let retuned = {} as T;\n  for (const key in activeBreakpoints) {\n    if (\n      Object.prototype.hasOwnProperty.call(activeBreakpoints, key) &&\n      activeBreakpoints[key]\n    ) {\n      retuned = { ...retuned, ...breakpoints[key] };\n    } else {\n      break;\n    }\n  }\n\n  return retuned;\n};\n\nexport const useGridBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  ref?: React.RefObject<HTMLElement>,\n) => {\n  const keys = Object.keys(breakpoints);\n\n  const map = Object.fromEntries(\n    keys\n      .map((item) => {\n        return isEmpty(breakpoints[item])\n          ? undefined\n          : ([item, Number(item)] as const);\n      })\n      .filter(isNotNil),\n  );\n\n  const activeBreakpoints = useBreakpoints({\n    map,\n    ref,\n    isActive: keys.length > 1,\n  });\n\n  return calculateBreakpoints(breakpoints, activeBreakpoints);\n};\n"],"mappings":"qqBAEA,OAASA,cAAT,kCACA,OAASC,OAAT,0BACA,OAASC,QAAT,+BAIA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAkC,OACzC,QAAf,QAAOA,EADiD,uBAEpCA,CAFoC,MAKrDA,CACR,CANM,CAQP,GAAMC,SAAQ,CAAG,CACfC,IAAI,CAAE,OADS,CAEfC,GAAG,CAAE,OAFU,CAGfC,MAAM,CAAE,QAHO,CAIfC,KAAK,CAAE,KAJQ,CAKfC,MAAM,CAAE,KALO,CAAjB,CAQA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,QAExBA,EAAK,CAAGP,QAAQ,CAACO,CAAD,CAAX,OAFmB,CAAvB,CAIP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GAAIC,EAAO,CAAG,EAAd,CACA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACE,GACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAAwDE,CAAxD,GACAF,CAAiB,CAACE,CAAD,CAFnB,CAIED,CAAO,gCAAQA,CAAR,EAAoBF,CAAW,CAACG,CAAD,CAA/B,CAJT,KAME,OAIJ,MAAOD,EACR,CAjBD,CAmBA,MAAO,IAAMM,mBAAkB,CAAG,SAChCR,CADgC,CAEhCS,CAFgC,CAG7B,IACGC,EAAI,CAAGN,MAAM,CAACM,IAAP,CAAYV,CAAZ,CADV,CAGGW,CAAG,CAAGP,MAAM,CAACQ,WAAP,CACVF,CAAI,CACDC,GADH,CACO,SAACE,CAAD,CAAU,CACb,MAAO1B,QAAO,CAACa,CAAW,CAACa,CAAD,CAAZ,CAAP,QAEF,CAACA,CAAD,EAAcA,CAAd,CACN,CALH,EAMGC,MANH,CAMU1B,QANV,CADU,CAHT,CAaGa,CAAiB,CAAGf,cAAc,CAAC,CACvCyB,GAAG,CAAHA,CADuC,CAEvCF,GAAG,CAAHA,CAFuC,CAGvCM,QAAQ,CAAgB,CAAd,CAAAL,CAAI,CAACM,MAHwB,CAAD,CAbrC,CAmBH,MAAOjB,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAC5B,CAvBM"}
+{"version":3,"file":"helpers.js","names":["useBreakpoints","isEmpty","isNotNil","normalizeGap","gap","alignMap","left","top","center","right","bottom","normalizeAlign","align","calculateBreakpoints","breakpoints","activeBreakpoints","returned","key","Object","prototype","hasOwnProperty","call","useGridBreakpoints","ref","keys","map","fromEntries","item","filter","isActive","length"],"sources":["../../../../../src/components/Grid/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { useBreakpoints } from '##/hooks/useBreakpoints';\nimport { isEmpty } from '##/utils/object';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';\n\nexport const normalizeGap = (gap: GridPropGap | undefined) => {\n  if (typeof gap === 'string') {\n    return `var(--space-${gap})`;\n  }\n\n  return gap;\n};\n\nconst alignMap = {\n  left: 'start',\n  top: 'start',\n  center: 'center',\n  right: 'end',\n  bottom: 'end',\n} as const;\n\nexport const normalizeAlign = (\n  align: GridPropXAlign | GridPropYAlign | undefined,\n) => (align ? alignMap[align] : undefined);\n\nconst calculateBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  activeBreakpoints: Record<string, boolean>,\n) => {\n  let returned = {} as T;\n  for (const key in activeBreakpoints) {\n    if (\n      Object.prototype.hasOwnProperty.call(activeBreakpoints, key) &&\n      activeBreakpoints[key]\n    ) {\n      returned = { ...returned, ...breakpoints[key] };\n    } else {\n      break;\n    }\n  }\n\n  return returned;\n};\n\nexport const useGridBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  ref?: React.RefObject<HTMLElement>,\n) => {\n  const keys = Object.keys(breakpoints);\n\n  const map = Object.fromEntries(\n    keys\n      .map((item) => {\n        return isEmpty(breakpoints[item])\n          ? undefined\n          : ([item, Number(item)] as const);\n      })\n      .filter(isNotNil),\n  );\n\n  const activeBreakpoints = useBreakpoints({\n    map,\n    ref,\n    isActive: keys.length > 1,\n  });\n\n  return calculateBreakpoints(breakpoints, activeBreakpoints);\n};\n"],"mappings":"qqBAEA,OAASA,cAAT,kCACA,OAASC,OAAT,0BACA,OAASC,QAAT,+BAIA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAkC,OACzC,QAAf,QAAOA,EADiD,uBAEpCA,CAFoC,MAKrDA,CACR,CANM,CAQP,GAAMC,SAAQ,CAAG,CACfC,IAAI,CAAE,OADS,CAEfC,GAAG,CAAE,OAFU,CAGfC,MAAM,CAAE,QAHO,CAIfC,KAAK,CAAE,KAJQ,CAKfC,MAAM,CAAE,KALO,CAAjB,CAQA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,QAExBA,EAAK,CAAGP,QAAQ,CAACO,CAAD,CAAX,OAFmB,CAAvB,CAIP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GAAIC,EAAQ,CAAG,EAAf,CACA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACE,GACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAAwDE,CAAxD,GACAF,CAAiB,CAACE,CAAD,CAFnB,CAIED,CAAQ,gCAAQA,CAAR,EAAqBF,CAAW,CAACG,CAAD,CAAhC,CAJV,KAME,OAIJ,MAAOD,EACR,CAjBD,CAmBA,MAAO,IAAMM,mBAAkB,CAAG,SAChCR,CADgC,CAEhCS,CAFgC,CAG7B,IACGC,EAAI,CAAGN,MAAM,CAACM,IAAP,CAAYV,CAAZ,CADV,CAGGW,CAAG,CAAGP,MAAM,CAACQ,WAAP,CACVF,CAAI,CACDC,GADH,CACO,SAACE,CAAD,CAAU,CACb,MAAO1B,QAAO,CAACa,CAAW,CAACa,CAAD,CAAZ,CAAP,QAEF,CAACA,CAAD,EAAcA,CAAd,CACN,CALH,EAMGC,MANH,CAMU1B,QANV,CADU,CAHT,CAaGa,CAAiB,CAAGf,cAAc,CAAC,CACvCyB,GAAG,CAAHA,CADuC,CAEvCF,GAAG,CAAHA,CAFuC,CAGvCM,QAAQ,CAAgB,CAAd,CAAAL,CAAI,CAACM,MAHwB,CAAD,CAbrC,CAmBH,MAAOjB,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAC5B,CAvBM"}

package/__internal__/src/components/Grid/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Grid';
-export * from './GridItem';
-export * from './types';
+export * from './Grid';
+export * from './GridItem';
+export * from './types';

package/__internal__/src/components/Grid/types.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-export declare const gridPropXAlign: readonly ["left", "center", "right"];
-export declare type GridPropXAlign = typeof gridPropXAlign[number];
-export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
-export declare type GridPropYAlign = typeof gridPropYAlign[number];
-export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type GridPropGap = typeof gridPropGap[number];
-export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
-export declare type BreakpointSizes = typeof breakpointSizes[number];
-declare type GridBreakpoint = {
-    cols?: number;
-    gap?: GridPropGap;
-    colGap?: GridPropGap;
-    rowGap?: GridPropGap;
-    xAlign?: GridPropXAlign;
-    yAlign?: GridPropYAlign;
-};
-export declare type GridPropBreakpoints = Record<number, GridBreakpoint>;
-export declare type GridProps = GridBreakpoint & {
-    breakpoints?: GridPropBreakpoints;
-    breakpointsForRef?: React.RefObject<HTMLElement>;
-};
-declare type GridItemBreakpoint = {
-    col?: number;
-    colStart?: number;
-    row?: number;
-    rowStart?: number;
-    order?: 0 | 1 | -1;
-};
-export declare type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;
-export declare type GridItemProps = GridItemBreakpoint & {
-    breakpoints?: GridItemPropBreakpoints;
-    breakpointsForRef?: React.RefObject<HTMLElement>;
-};
-export {};
+/// <reference types="react" />
+export declare const gridPropXAlign: readonly ["left", "center", "right"];
+export declare type GridPropXAlign = typeof gridPropXAlign[number];
+export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
+export declare type GridPropYAlign = typeof gridPropYAlign[number];
+export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type GridPropGap = typeof gridPropGap[number];
+export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
+export declare type BreakpointSizes = typeof breakpointSizes[number];
+declare type GridBreakpoint = {
+    cols?: number;
+    gap?: GridPropGap;
+    colGap?: GridPropGap;
+    rowGap?: GridPropGap;
+    xAlign?: GridPropXAlign;
+    yAlign?: GridPropYAlign;
+};
+export declare type GridPropBreakpoints = Record<number, GridBreakpoint>;
+export declare type GridProps = GridBreakpoint & {
+    breakpoints?: GridPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+declare type GridItemBreakpoint = {
+    col?: number;
+    colStart?: number;
+    row?: number;
+    rowStart?: number;
+    order?: 0 | 1 | -1;
+};
+export declare type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;
+export declare type GridItemProps = GridItemBreakpoint & {
+    breakpoints?: GridItemPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+export {};

package/__internal__/src/components/GridDeprecated/GridDeprecated.d.ts

@@ -1,33 +1,33 @@
-import './Grid.css';
-export * from './GridItem/GridItem';
-export declare const gridPropXAlign: readonly ["left", "center", "right"];
-export declare type GridPropXAlign = typeof gridPropXAlign[number];
-export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
-export declare type GridPropYAlign = typeof gridPropYAlign[number];
-export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type GridPropGap = typeof gridPropGap[number] | '0';
-export declare type GridPropColGap = GridPropGap;
-export declare type GridPropRowGap = GridPropGap;
-export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
-export declare type BreakpointSizes = typeof breakpointSizes[number];
-declare type Breakpoint = {
-    cols?: number | string;
-    gap?: GridPropGap;
-    colGap?: GridPropColGap;
-    rowGap?: GridPropRowGap;
-    xAlign?: GridPropXAlign;
-    yAlign?: GridPropYAlign;
-};
-declare type BreakpointsProps = {
-    'xs'?: Breakpoint;
-    's'?: Breakpoint;
-    'm'?: Breakpoint;
-    'l'?: Breakpoint;
-    'xl'?: Breakpoint;
-    '2xl'?: Breakpoint;
-};
-export declare type GridProps = Breakpoint & {
-    breakpoints?: BreakpointsProps;
-};
-export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
-export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;
+import './Grid.css';
+export * from './GridItem/GridItem';
+export declare const gridPropXAlign: readonly ["left", "center", "right"];
+export declare type GridPropXAlign = typeof gridPropXAlign[number];
+export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
+export declare type GridPropYAlign = typeof gridPropYAlign[number];
+export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type GridPropGap = typeof gridPropGap[number] | '0';
+export declare type GridPropColGap = GridPropGap;
+export declare type GridPropRowGap = GridPropGap;
+export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
+export declare type BreakpointSizes = typeof breakpointSizes[number];
+declare type Breakpoint = {
+    cols?: number | string;
+    gap?: GridPropGap;
+    colGap?: GridPropColGap;
+    rowGap?: GridPropRowGap;
+    xAlign?: GridPropXAlign;
+    yAlign?: GridPropYAlign;
+};
+declare type BreakpointsProps = {
+    'xs'?: Breakpoint;
+    's'?: Breakpoint;
+    'm'?: Breakpoint;
+    'l'?: Breakpoint;
+    'xl'?: Breakpoint;
+    '2xl'?: Breakpoint;
+};
+export declare type GridProps = Breakpoint & {
+    breakpoints?: BreakpointsProps;
+};
+export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
+export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;

package/__internal__/src/components/GridDeprecated/GridItem/GridItem.d.ts

@@ -1,22 +1,22 @@
-import './GridItem.css';
-declare type Breakpoint = {
-    col?: number | string;
-    colStart?: number | string;
-    row?: number | string;
-    rowStart?: number | string;
-    order?: number | string;
-};
-declare type BreakpointsProps = {
-    'xs'?: Breakpoint;
-    's'?: Breakpoint;
-    'm'?: Breakpoint;
-    'l'?: Breakpoint;
-    'xl'?: Breakpoint;
-    '2xl'?: Breakpoint;
-};
-export declare type GridItemProps = Breakpoint & {
-    breakpoints?: BreakpointsProps;
-};
-export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
-export {};
+import './GridItem.css';
+declare type Breakpoint = {
+    col?: number | string;
+    colStart?: number | string;
+    row?: number | string;
+    rowStart?: number | string;
+    order?: number | string;
+};
+declare type BreakpointsProps = {
+    'xs'?: Breakpoint;
+    's'?: Breakpoint;
+    'm'?: Breakpoint;
+    'l'?: Breakpoint;
+    'xl'?: Breakpoint;
+    '2xl'?: Breakpoint;
+};
+export declare type GridItemProps = Breakpoint & {
+    breakpoints?: BreakpointsProps;
+};
+export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
+export {};

package/__internal__/src/components/GridDeprecated/index.d.ts

@@ -1 +1 @@
-export * from './GridDeprecated';
+export * from './GridDeprecated';

package/__internal__/src/components/GridDeprecated/useBreakpoints.d.ts

@@ -1,37 +1,37 @@
-import { ClassNameFormatter } from '@bem-react/classname';
-declare type Breakpoint = Record<string, string | number | undefined>;
-export declare type Breakpoints = Record<string, Breakpoint | undefined>;
-export declare const generateBreakpointsCn: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
-/**
- *
- * @param cn ClassNameFormatter
- * @param breakpoints Breakpoints
- *
- * хук вернет сгенерированный класс на основе `breakpoints`
- *
- * Пример:
- *
- * cn = cn('Grid')
- *
- * breakpoints = {
- * xs: {
- *   gap: 0,
- *   cols: 12,
- *   xAlign: 'center',
- *   yAlign: 'center',
- * },
- * s: {
- *   gap: 33,
- *   cols: 12,
- *   xAlign: 'center',
- *   yAlign: 'center',
- * }
- * }
- *
- * =>
- *
- * Grid Grid_xs:gap_0 Grid_xs:cols_12 Grid_xs:xAlign_center Grid_xs:yAlign_center Grid_s:gap_33 Grid_s:cols_12 Grid_s:xAlign_center Grid_s:yAlign_center
- *
- */
-export declare const useBreakpoints: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
-export {};
+import { ClassNameFormatter } from '@bem-react/classname';
+declare type Breakpoint = Record<string, string | number | undefined>;
+export declare type Breakpoints = Record<string, Breakpoint | undefined>;
+export declare const generateBreakpointsCn: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
+/**
+ *
+ * @param cn ClassNameFormatter
+ * @param breakpoints Breakpoints
+ *
+ * хук вернет сгенерированный класс на основе `breakpoints`
+ *
+ * Пример:
+ *
+ * cn = cn('Grid')
+ *
+ * breakpoints = {
+ * xs: {
+ *   gap: 0,
+ *   cols: 12,
+ *   xAlign: 'center',
+ *   yAlign: 'center',
+ * },
+ * s: {
+ *   gap: 33,
+ *   cols: 12,
+ *   xAlign: 'center',
+ *   yAlign: 'center',
+ * }
+ * }
+ *
+ * =>
+ *
+ * Grid Grid_xs:gap_0 Grid_xs:cols_12 Grid_xs:xAlign_center Grid_xs:yAlign_center Grid_s:gap_33 Grid_s:cols_12 Grid_s:xAlign_center Grid_s:yAlign_center
+ *
+ */
+export declare const useBreakpoints: (cn: ClassNameFormatter, breakpoints?: Breakpoints) => string;
+export {};

package/__internal__/src/components/Informer/Informer.css

@@ -1 +1 @@
-.Informer{background-color:var(--informer-bg);border-radius:var(--space-xs);color:var(--color-typo-primary)}.Informer_view_bordered{--informer-bg:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-bg-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{--informer-bg:var(--informer-bg-color)}.Informer_view_outline{--informer-icon-color:var(--informer-typo-color);--informer-bg:color-mix(in srgb,var(--informer-bg-color) var(--informer-bg-opacity),var(--color-bg-default));border:var(--control-border-width) solid var(--informer-border-color)}.Informer-Icon{color:var(--informer-icon-color,inherit);flex:1}
+.Informer{background-color:var(--informer-bg);border-radius:var(--space-xs);color:var(--color-typo-primary)}.Informer_view_bordered{--informer-bg:var(--color-bg-default);border-left:var(--space-xs) solid var(--informer-bg-color);box-shadow:var(--shadow-layer)}.Informer_view_filled{--informer-bg:var(--informer-bg-color)}.Informer_view_outline{--informer-icon-color:var(--informer-typo-color);--informer-bg:color-mix(in srgb,var(--informer-bg-color) var(--informer-bg-opacity),var(--color-bg-default));border:var(--control-border-width) solid var(--informer-border-color)}.Informer-Icon{color:var(--informer-icon-color,inherit);flex:none}

package/__internal__/src/components/Informer/Informer.d.ts

@@ -1,25 +1,25 @@
-import './Informer.css';
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare const informerPropView: readonly ["filled", "bordered", "outline"];
-export declare type InformerPropView = typeof informerPropView[number];
-export declare const informerPropViewDefault: InformerPropView;
-export declare const informerPropStatus: readonly ["success", "system", "alert", "warning", "normal"];
-export declare type InformerPropStatus = typeof informerPropStatus[number];
-export declare const informerPropStatusDefault: InformerPropStatus;
-export declare const informerPropSize: readonly ["m", "s"];
-export declare type InformerPropSize = typeof informerPropSize[number];
-export declare const informerPropSiseDefault: InformerPropSize;
-declare type Props = {
-    view?: InformerPropView;
-    status?: InformerPropStatus;
-    icon?: IconComponent;
-    label?: React.ReactNode;
-    title?: string;
-    size?: InformerPropSize;
-};
-export declare type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
-export declare const cnInformer: import("@bem-react/classname").ClassNameFormatter;
-export declare const Informer: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
-export {};
+import './Informer.css';
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const informerPropView: readonly ["filled", "bordered", "outline"];
+export declare type InformerPropView = typeof informerPropView[number];
+export declare const informerPropViewDefault: InformerPropView;
+export declare const informerPropStatus: readonly ["success", "system", "alert", "warning", "normal"];
+export declare type InformerPropStatus = typeof informerPropStatus[number];
+export declare const informerPropStatusDefault: InformerPropStatus;
+export declare const informerPropSize: readonly ["m", "s"];
+export declare type InformerPropSize = typeof informerPropSize[number];
+export declare const informerPropSizeDefault: InformerPropSize;
+declare type Props = {
+    view?: InformerPropView;
+    status?: InformerPropStatus;
+    icon?: IconComponent;
+    label?: React.ReactNode;
+    title?: string;
+    size?: InformerPropSize;
+};
+export declare type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export declare const cnInformer: import("@bem-react/classname").ClassNameFormatter;
+export declare const Informer: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/__internal__/src/components/Informer/Informer.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixFlex}from"../../mixs/MixFlex";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered","outline"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning","normal"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c,d=a.view,e=void 0===d?informerPropViewDefault:d,f=a.status,g=void 0===f?informerPropStatusDefault:f,h=a.size,i=void 0===h?informerPropSiseDefault:h,j=a.icon,k=a.label,l=a.title,m=a.children,n=a.style,o=_objectWithoutProperties(a,_excluded),p=useTheme(),q=p.themeClassNames,r="system"!==g&&"filled"===e?classnames(a.className,q.color.accent):a.className;return React.createElement("div",Object.assign({},o,{className:cnInformer({view:e},[r,cnMixSpace({p:i}),cnMixFlex({flex:"flex",gap:"s"})]),style:_objectSpread(_objectSpread({},n),{},(c={},_defineProperty(c,"--informer-bg-color","var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-border-color","system"===g?"var(--color-bg-border)":"var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-typo-color","var(--color-typo-".concat(g,")")),_defineProperty(c,"--informer-bg-opacity","system"===g?"30%":"10%"),c)),ref:b}),j&&React.createElement(j,{className:cnInformer("Icon",[cnMixSpace({mT:"3xs"})]),size:"s"}),React.createElement("div",{className:cnInformer("Content")},l&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:i,view:"primary"},l),k?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:i},k):m))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children","style"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixFlex}from"../../mixs/MixFlex";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered","outline"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning","normal"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSizeDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c,d=a.view,e=void 0===d?informerPropViewDefault:d,f=a.status,g=void 0===f?informerPropStatusDefault:f,h=a.size,i=void 0===h?informerPropSizeDefault:h,j=a.icon,k=a.label,l=a.title,m=a.children,n=a.style,o=_objectWithoutProperties(a,_excluded),p=useTheme(),q=p.themeClassNames,r="system"!==g&&"filled"===e?classnames(a.className,q.color.accent):a.className;return React.createElement("div",Object.assign({},o,{className:cnInformer({view:e},[r,cnMixSpace({p:i}),cnMixFlex({flex:"flex",gap:"s"})]),style:_objectSpread(_objectSpread({},n),{},(c={},_defineProperty(c,"--informer-bg-color","var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-border-color","system"===g?"var(--color-bg-border)":"var(--color-bg-".concat(g,")")),_defineProperty(c,"--informer-typo-color","var(--color-typo-".concat(g,")")),_defineProperty(c,"--informer-bg-opacity","system"===g?"30%":"10%"),c)),ref:b}),j&&React.createElement(j,{className:cnInformer("Icon",[cnMixSpace({mT:"3xs"})]),size:"s"}),React.createElement("div",{className:cnInformer("Content")},l&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:i,view:"primary"},l),k?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:i},k):m))});
 //# sourceMappingURL=Informer.js.map

package/__internal__/src/components/Informer/Informer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered', 'outline'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n  'normal',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSizeDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered', 'outline'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n  'normal',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSizeDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSizeDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/Informer/index.d.ts

@@ -1 +1 @@
-export * from './Informer';
+export * from './Informer';

package/__internal__/src/components/Layout/Layout.d.ts

@@ -1,23 +1,23 @@
-import './Layout.css';
-import React from 'react';
-export declare const layoutPropDirection: readonly ["row", "column"];
-export declare type LayoutPropDirection = typeof layoutPropDirection[number];
-export declare const layoutPropDirectionDefault: LayoutPropDirection;
-export declare const layoutPropVerticalAlign: readonly ["top", "bottom"];
-export declare type LayoutPropVerticalAlign = typeof layoutPropVerticalAlign[number];
-export declare const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign;
-export declare const layoutPropHorizontalAlign: readonly ["left", "right"];
-export declare type LayoutPropHorizontalAlign = typeof layoutPropHorizontalAlign[number];
-export declare const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign;
-export declare type LayoutProps = {
-    flex?: number | 'none';
-    fixed?: boolean;
-    verticalAlign?: LayoutPropVerticalAlign;
-    horizontalAlign?: LayoutPropHorizontalAlign;
-    anchorRef?: React.RefObject<HTMLElement>;
-    scrollContainer?: React.RefObject<HTMLElement> | HTMLElement | null | Window;
-    direction?: LayoutPropDirection;
-    children?: React.ReactNode;
-};
-export declare const cnLayout: import("@bem-react/classname").ClassNameFormatter;
-export declare const Layout: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<LayoutProps, "div">;
+import './Layout.css';
+import React from 'react';
+export declare const layoutPropDirection: readonly ["row", "column"];
+export declare type LayoutPropDirection = typeof layoutPropDirection[number];
+export declare const layoutPropDirectionDefault: LayoutPropDirection;
+export declare const layoutPropVerticalAlign: readonly ["top", "bottom"];
+export declare type LayoutPropVerticalAlign = typeof layoutPropVerticalAlign[number];
+export declare const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign;
+export declare const layoutPropHorizontalAlign: readonly ["left", "right"];
+export declare type LayoutPropHorizontalAlign = typeof layoutPropHorizontalAlign[number];
+export declare const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign;
+export declare type LayoutProps = {
+    flex?: number | 'none';
+    fixed?: boolean;
+    verticalAlign?: LayoutPropVerticalAlign;
+    horizontalAlign?: LayoutPropHorizontalAlign;
+    anchorRef?: React.RefObject<HTMLElement>;
+    scrollContainer?: React.RefObject<HTMLElement> | HTMLElement | null | Window;
+    direction?: LayoutPropDirection;
+    children?: React.ReactNode;
+};
+export declare const cnLayout: import("@bem-react/classname").ClassNameFormatter;
+export declare const Layout: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<LayoutProps, "div">;

package/__internal__/src/components/Layout/index.d.ts

@@ -1 +1 @@
-export * from './Layout';
+export * from './Layout';

package/__internal__/src/components/Layout/useFixed.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-export declare type UseFixedData = {
-    top?: number;
-    left?: number;
-    width?: number;
-    height?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    position?: 'unset' | 'fixed';
-};
-declare const verticalAlign: readonly ["top", "bottom"];
-declare type VerticalAlign = typeof verticalAlign[number];
-declare const horizontalAlign: readonly ["left", "right"];
-declare type HorizontalAlign = typeof horizontalAlign[number];
-declare type UseFixed = (layoutRef?: React.RefObject<HTMLElement> | null, scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window, anchorRef?: React.RefObject<HTMLElement> | null, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
-export declare type ElementStationing = {
-    offsetTop: number;
-    offsetHeight: number;
-    offsetLeft: number;
-    offsetWidth: number;
-    clientHeight: number;
-    clientWidth: number;
-    scrollTop: number;
-    scrollHeight: number;
-};
-declare type PositioningElement = (startScroll?: number, layoutStationing?: ElementStationing, scrollContainerStationing?: ElementStationing, anchorStationing?: ElementStationing, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
-export declare const positioningElement: PositioningElement;
-export declare const useFixed: UseFixed;
-export {};
+import React from 'react';
+export declare type UseFixedData = {
+    top?: number;
+    left?: number;
+    width?: number;
+    height?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    position?: 'unset' | 'fixed';
+};
+declare const verticalAlign: readonly ["top", "bottom"];
+declare type VerticalAlign = typeof verticalAlign[number];
+declare const horizontalAlign: readonly ["left", "right"];
+declare type HorizontalAlign = typeof horizontalAlign[number];
+declare type UseFixed = (layoutRef?: React.RefObject<HTMLElement> | null, scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window, anchorRef?: React.RefObject<HTMLElement> | null, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
+export declare type ElementStationing = {
+    offsetTop: number;
+    offsetHeight: number;
+    offsetLeft: number;
+    offsetWidth: number;
+    clientHeight: number;
+    clientWidth: number;
+    scrollTop: number;
+    scrollHeight: number;
+};
+declare type PositioningElement = (startScroll?: number, layoutStationing?: ElementStationing, scrollContainerStationing?: ElementStationing, anchorStationing?: ElementStationing, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
+export declare const positioningElement: PositioningElement;
+export declare const useFixed: UseFixed;
+export {};

package/__internal__/src/components/Layout/useFixed.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useState}from"react";var verticalAlign=["top","bottom"],verticalAlignDefault=verticalAlign[0],horizontalAlign=["left","right"],horizontalAlignDefault=horizontalAlign[0],getHTMLElement=function(a){return a&&!(a instanceof HTMLElement||a instanceof Window)?null===a||void 0===a?void 0:a.current:a},getStationingElement=function(a){return a instanceof HTMLElement?{offsetTop:a.offsetTop,offsetHeight:a.offsetHeight,offsetLeft:a.offsetLeft,offsetWidth:a.offsetWidth,clientHeight:a.clientHeight,clientWidth:a.clientWidth,scrollTop:a.scrollTop,scrollHeight:a.scrollHeight}:a instanceof Window?{offsetTop:0,offsetHeight:a.innerHeight,offsetLeft:0,offsetWidth:a.innerWidth,clientHeight:a.innerHeight,clientWidth:a.innerWidth,scrollTop:a.scrollY,scrollHeight:Math.max(document.body.scrollHeight,document.body.offsetHeight)}:void 0},isElementScrollible=function(a,b,c,d,e){return d?b.scrollTop>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:c?b.scrollTop+c.offsetHeight>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:b.scrollTop+b.offsetHeight<=e+a.offsetHeight&&b.scrollTop<=b.scrollHeight-b.offsetHeight};export var positioningElement=function(a,b,c,d,e,f){var g={top:0,left:0,width:null===b||void 0===b?void 0:b.offsetWidth,height:null===b||void 0===b?void 0:b.offsetHeight,maxWidth:null===c||void 0===c?void 0:c.clientWidth,maxHeight:null===c||void 0===c?void 0:c.clientHeight,position:"unset"};if(b&&c&&"undefined"!=typeof a){var h={top:c.offsetTop,bottom:c.offsetTop+c.clientHeight,left:c.offsetLeft,right:c.offsetLeft+c.clientWidth,width:c.clientWidth,height:c.clientHeight};g.width=b.offsetWidth,g.height=b.offsetHeight,g.maxWidth=h.width,g.maxHeight=h.height,isElementScrollible(b,c,d,"top"===e,a)?(g.position="fixed",g.top="top"===e?d?d.offsetTop:h.top:d?d.offsetTop+d.offsetHeight:h.bottom-b.offsetHeight,g.left="left"===f?d?d.offsetLeft:-window.scrollX+h.left:d?d.offsetLeft+d.offsetWidth-b.offsetWidth:-window.scrollX+h.right-b.offsetWidth):g.position="unset"}return g};export var useFixed=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:verticalAlignDefault,e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:horizontalAlignDefault,f=useState({}),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState({}),k=_slicedToArray(j,2),l=k[0],m=k[1];useEffect(function(){var c=0;return setTimeout(function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement,e=getStationingElement(d);e&&(c=0<=a.current.offsetTop-e.offsetTop?a.current.offsetTop-e.offsetTop:0),o(c),document.addEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.addEventListener)&&(null===d||void 0===d?void 0:d.addEventListener("resize",n),null===d||void 0===d?void 0:d.addEventListener("scroll",function(){return o(c)}))}},"undefined"==typeof b?500:0),function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement;document.removeEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.removeEventListener)&&(null===d||void 0===d?void 0:d.removeEventListener("resize",n),null===d||void 0===d?void 0:d.removeEventListener("scroll",function(){return o(c)}))}}},[d,e,a,b,c]),useEffect(function(){m(_objectSpread({},h))},[h.top,h.left,h.position,h.width,h.height,h.maxHeight,h.maxWidth]);var n=function(){if(a&&a.current&&a.current.parentElement){var c=b?getHTMLElement(b):a.current.parentElement,d=getStationingElement(c);i(_objectSpread(_objectSpread({},h),{},{width:a.current.offsetWidth,height:a.current.offsetHeight,maxWidth:null===d||void 0===d?void 0:d.clientWidth,maxHeight:null===d||void 0===d?void 0:d.clientHeight}))}},o=useCallback(function(f){if(a&&a.current&&a.current.parentElement&&"number"==typeof f){var g=b?getHTMLElement(b):a.current.parentElement;if(b){var h=positioningElement(f,getStationingElement(a.current),getStationingElement(g),getStationingElement(null===c||void 0===c?void 0:c.current),d,e);i(_objectSpread({},h))}}},[h]);return l};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useState}from"react";var verticalAlign=["top","bottom"],verticalAlignDefault=verticalAlign[0],horizontalAlign=["left","right"],horizontalAlignDefault=horizontalAlign[0],getHTMLElement=function(a){return a&&!(a instanceof HTMLElement||a instanceof Window)?null===a||void 0===a?void 0:a.current:a},getStationingElement=function(a){return a instanceof HTMLElement?{offsetTop:a.offsetTop,offsetHeight:a.offsetHeight,offsetLeft:a.offsetLeft,offsetWidth:a.offsetWidth,clientHeight:a.clientHeight,clientWidth:a.clientWidth,scrollTop:a.scrollTop,scrollHeight:a.scrollHeight}:a instanceof Window?{offsetTop:0,offsetHeight:a.innerHeight,offsetLeft:0,offsetWidth:a.innerWidth,clientHeight:a.innerHeight,clientWidth:a.innerWidth,scrollTop:a.scrollY,scrollHeight:Math.max(document.body.scrollHeight,document.body.offsetHeight)}:void 0},isElementScrollable=function(a,b,c,d,e){return d?b.scrollTop>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:c?b.scrollTop+c.offsetHeight>=e&&b.scrollTop<=b.scrollHeight-b.offsetHeight+a.offsetHeight:b.scrollTop+b.offsetHeight<=e+a.offsetHeight&&b.scrollTop<=b.scrollHeight-b.offsetHeight};export var positioningElement=function(a,b,c,d,e,f){var g={top:0,left:0,width:null===b||void 0===b?void 0:b.offsetWidth,height:null===b||void 0===b?void 0:b.offsetHeight,maxWidth:null===c||void 0===c?void 0:c.clientWidth,maxHeight:null===c||void 0===c?void 0:c.clientHeight,position:"unset"};if(b&&c&&"undefined"!=typeof a){var h={top:c.offsetTop,bottom:c.offsetTop+c.clientHeight,left:c.offsetLeft,right:c.offsetLeft+c.clientWidth,width:c.clientWidth,height:c.clientHeight};g.width=b.offsetWidth,g.height=b.offsetHeight,g.maxWidth=h.width,g.maxHeight=h.height,isElementScrollable(b,c,d,"top"===e,a)?(g.position="fixed",g.top="top"===e?d?d.offsetTop:h.top:d?d.offsetTop+d.offsetHeight:h.bottom-b.offsetHeight,g.left="left"===f?d?d.offsetLeft:-window.scrollX+h.left:d?d.offsetLeft+d.offsetWidth-b.offsetWidth:-window.scrollX+h.right-b.offsetWidth):g.position="unset"}return g};export var useFixed=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:verticalAlignDefault,e=4<arguments.length&&arguments[4]!==void 0?arguments[4]:horizontalAlignDefault,f=useState({}),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState({}),k=_slicedToArray(j,2),l=k[0],m=k[1];useEffect(function(){var c=0;return setTimeout(function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement,e=getStationingElement(d);e&&(c=0<=a.current.offsetTop-e.offsetTop?a.current.offsetTop-e.offsetTop:0),o(c),document.addEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.addEventListener)&&(null===d||void 0===d?void 0:d.addEventListener("resize",n),null===d||void 0===d?void 0:d.addEventListener("scroll",function(){return o(c)}))}},"undefined"==typeof b?500:0),function(){if(a&&a.current&&a.current.parentElement){var d=b?getHTMLElement(b):a.current.parentElement;document.removeEventListener("resize",n),"function"==typeof(null===d||void 0===d?void 0:d.removeEventListener)&&(null===d||void 0===d?void 0:d.removeEventListener("resize",n),null===d||void 0===d?void 0:d.removeEventListener("scroll",function(){return o(c)}))}}},[d,e,a,b,c]),useEffect(function(){m(_objectSpread({},h))},[h.top,h.left,h.position,h.width,h.height,h.maxHeight,h.maxWidth]);var n=function(){if(a&&a.current&&a.current.parentElement){var c=b?getHTMLElement(b):a.current.parentElement,d=getStationingElement(c);i(_objectSpread(_objectSpread({},h),{},{width:a.current.offsetWidth,height:a.current.offsetHeight,maxWidth:null===d||void 0===d?void 0:d.clientWidth,maxHeight:null===d||void 0===d?void 0:d.clientHeight}))}},o=useCallback(function(f){if(a&&a.current&&a.current.parentElement&&"number"==typeof f){var g=b?getHTMLElement(b):a.current.parentElement;if(b){var h=positioningElement(f,getStationingElement(a.current),getStationingElement(g),getStationingElement(null===c||void 0===c?void 0:c.current),d,e);i(_objectSpread({},h))}}},[h]);return l};
 //# sourceMappingURL=useFixed.js.map