@lidofinance/lido-ui 3.30.0 → 3.30.1

package/dist/esm/chart-proportion/ChartProportionStyles.mjs

@@ -0,0 +1,124 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { ChartProportionBorderType } from './types.mjs';
+import { css } from 'styled-components';
+
+const WrapperStyle = styled.div`
+  display: flex;
+  width: 100%;
+  height: ${_ref => {
+  let {
+    $height
+  } = _ref;
+  return $height;
+}}px;
+  position: relative;
+`;
+const borderSizes = {
+  sm: '2px',
+  md: '4px',
+  lg: '8px'
+};
+const marginSizes = {
+  sm: '2px',
+  md: '4px',
+  lg: '8px'
+};
+const ProportionStyle = styled.div`
+  background: rgb(19 18 23 / 4%);
+  flex-grow: ${_ref2 => {
+  let {
+    $flexGrow
+  } = _ref2;
+  return $flexGrow;
+}};
+  height: 100%;
+  position: relative;
+
+  ${_ref3 => {
+  let {
+    $border,
+    $borderSize
+  } = _ref3;
+
+  if ($border === ChartProportionBorderType.rounded) {
+    return css`
+        border-radius: ${borderSizes[$borderSize]};
+      `;
+  }
+
+  return css``;
+}}
+
+  &:not(:last-child) {
+    ${_ref4 => {
+  let {
+    $margin
+  } = _ref4;
+  return css`
+        margin-right: ${marginSizes[$margin]};
+      `;
+}}
+  }
+`;
+const ProportionProgressStyle = styled.div`
+  background-color: ${_ref5 => {
+  let {
+    $backgroundColor
+  } = _ref5;
+  return $backgroundColor ? $backgroundColor : 'transparent';
+}};
+  height: 100%;
+  width: ${_ref6 => {
+  let {
+    $progress
+  } = _ref6;
+  return $progress;
+}}%;
+  position: relative;
+
+  ${_ref7 => {
+  let {
+    $border,
+    $borderSize,
+    $progress
+  } = _ref7;
+
+  if ($border === ChartProportionBorderType.rounded) {
+    if ($progress !== 100) {
+      return css`
+          border-radius: ${borderSizes[$borderSize]} 0 0
+            ${borderSizes[$borderSize]};
+        `;
+    }
+
+    return css`
+        border-radius: ${borderSizes[$borderSize]};
+      `;
+  }
+
+  return css``;
+}}
+`;
+const ProportionProgressLineStyle = styled.div`
+  position: absolute;
+  right: 0;
+  background-color: #273852;
+  height: calc(100% + 2px);
+  top: -1px;
+  bottom: -1px;
+  width: 2px;
+  margin-left: auto;
+  border-radius: 2px;
+`;
+const ProportionLabelStyle = styled.div`
+  position: absolute;
+  top: -22px;
+  right: 0;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 20px;
+  color: #7a8aa0;
+`;
+
+export { ProportionLabelStyle, ProportionProgressLineStyle, ProportionProgressStyle, ProportionStyle, WrapperStyle };
+//# sourceMappingURL=ChartProportionStyles.mjs.map

package/dist/esm/chart-proportion/ChartProportionStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportionStyles.mjs","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n  ChartProportionBorderSize,\n  ChartProportionBorderType,\n  MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  position: relative;\n`\n\nconst borderSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nconst marginSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n  $margin: MarginSize\n  $flexGrow: number\n  $backgroundColor?: string\n}>`\n  background: rgb(19 18 23 / 4%);\n  flex-grow: ${({ $flexGrow }) => $flexGrow};\n  height: 100%;\n  position: relative;\n\n  ${({ $border, $borderSize }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n    return css``\n  }}\n\n  &:not(:last-child) {\n    ${({ $margin }) => {\n      return css`\n        margin-right: ${marginSizes[$margin]};\n      `\n    }}\n  }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n  $progress: number\n  $backgroundColor?: string\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  height: 100%;\n  width: ${({ $progress }) => $progress}%;\n  position: relative;\n\n  ${({ $border, $borderSize, $progress }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      if ($progress !== 100) {\n        return css`\n          border-radius: ${borderSizes[$borderSize]} 0 0\n            ${borderSizes[$borderSize]};\n        `\n      }\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n\n    return css``\n  }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n  position: absolute;\n  right: 0;\n  background-color: #273852;\n  height: calc(100% + 2px);\n  top: -1px;\n  bottom: -1px;\n  width: 2px;\n  margin-left: auto;\n  border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n  position: absolute;\n  top: -22px;\n  right: 0;\n  white-space: nowrap;\n  font-size: 10px;\n  line-height: 20px;\n  color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","$flexGrow","$border","$borderSize","ChartProportionBorderType","rounded","css","$margin","ProportionProgressStyle","$backgroundColor","$progress","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":"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"}

package/dist/esm/chart-proportion/types.mjs

@@ -0,0 +1,20 @@
+let ChartProportionBorderType = /*#__PURE__*/function (ChartProportionBorderType) {
+  ChartProportionBorderType["rounded"] = "rounded";
+  ChartProportionBorderType["square"] = "square";
+  return ChartProportionBorderType;
+}({});
+let ChartProportionBorderSize = /*#__PURE__*/function (ChartProportionBorderSize) {
+  ChartProportionBorderSize["sm"] = "sm";
+  ChartProportionBorderSize["md"] = "md";
+  ChartProportionBorderSize["lg"] = "lg";
+  return ChartProportionBorderSize;
+}({});
+let MarginSize = /*#__PURE__*/function (MarginSize) {
+  MarginSize["sm"] = "sm";
+  MarginSize["md"] = "md";
+  MarginSize["lg"] = "lg";
+  return MarginSize;
+}({});
+
+export { ChartProportionBorderSize, ChartProportionBorderType, MarginSize };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/chart-proportion/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../packages/chart-proportion/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartProportionBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType\n\nexport enum ChartProportionBorderSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize\n\nexport enum MarginSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type MarginSizes = keyof typeof MarginSize\n\nexport type ChartProportionConfig = {\n  height: number\n  border: ChartProportionBorderType\n  borderSize: ChartProportionBorderSize\n  margin: MarginSize\n  showLabels?: boolean\n  loading?: boolean\n  data: ChartProportionData[]\n}\n\nexport type ChartProportionData = {\n  show?: boolean\n  color?: string\n  value: number\n  progress: number\n  label?: string\n}\n\nexport type ChartProportionProps = LidoComponentProps<\n  'div',\n  ChartProportionConfig\n>\n"],"names":["ChartProportionBorderType","ChartProportionBorderSize","MarginSize"],"mappings":"AAGYA,IAAAA,yBAAZ,0BAAYA,yBAAZ,EAAA;EAAYA,yBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,yBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,yBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,yBAAZ,0BAAYA,yBAAZ,EAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,yBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/index.mjs

@@ -101,6 +101,11 @@ export { ThemeToggler } from './cookie-theme-toggler/cookie-theme-toggler.mjs';
 export { ContentTheme } from './content-theme/content-theme.mjs';
 export { CookiesTooltip } from './cookies-tooltip/cookies-tooltip.mjs';
 export { migrationAllowCookieToCrossDomainCookieClientSide } from './cookies-tooltip/utils.mjs';
+export { ChartLine } from './chart-line/ChartLine.mjs';
+export { ChartLineLabel } from './chart-line/ChartLineLabel.mjs';
+export { ChartLineBorderType, ChartLineThresholdType } from './chart-line/types.mjs';
+export { ChartProportion } from './chart-proportion/ChartProportion.mjs';
+export { ChartProportionBorderSize, ChartProportionBorderType, MarginSize } from './chart-proportion/types.mjs';
 export { default as modalRoot } from './utils/modalRoot.mjs';
 export { Fonts } from './theme/document-head-contents/element-fonts.mjs';
 export { getTopLevelDomain } from './utils/get-top-level-domain.mjs';

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/chart-line/ChartLine.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const ChartLine: import("react").ForwardRefExoticComponent<import("./types.js").ChartLineConfig & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
+}, "ref" | keyof import("./types.js").ChartLineConfig> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChartLine.d.ts.map

package/dist/types/chart-line/ChartLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLine.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/ChartLine.tsx"],"names":[],"mappings":";AAmBA,eAAO,MAAM,SAAS;;;uGAkFrB,CAAA"}

package/dist/types/chart-line/ChartLineLabel.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ChartLineThresholdType } from './types.js';
+export declare const ChartLineLabel: import("react").ForwardRefExoticComponent<{
+    id: string;
+    previousIds?: string[] | undefined;
+    zIndex: number;
+    show?: boolean | undefined;
+    height: number;
+    thresholdType: ChartLineThresholdType;
+} & import("./types.js").LineData & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
+}, "ref" | "height" | "id" | "zIndex" | "show" | "thresholdType" | "previousIds" | keyof import("./types.js").LineData> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChartLineLabel.d.ts.map

package/dist/types/chart-line/ChartLineLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineLabel.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuB,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAIxE,eAAO,MAAM,cAAc;;;;;;;;;;wKAqD1B,CAAA"}

package/dist/types/chart-line/ChartLineStyles.d.ts

@@ -0,0 +1,27 @@
+import { ChartLineBorderType, ChartLineThresholdType } from './types.js';
+export declare const ContainerStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $alignItems: 'center' | 'flex-start';
+    $height: number;
+}, never>;
+export declare const WrapperStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $border: ChartLineBorderType;
+    $height: number;
+}, never>;
+export declare const ThresholdStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $labelPosition?: "top" | "bottom" | undefined;
+    $thresholdType: ChartLineThresholdType;
+    $height: number;
+    $backgroundColor?: string | undefined;
+    $zIndex: number;
+}, never>;
+export declare const ThresholdLabelStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $labelPosition?: "top" | "bottom" | undefined;
+}, never>;
+export declare const LineStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $border: ChartLineBorderType;
+    $isFullWidth: boolean;
+    $width: string;
+    $backgroundColor?: string | undefined;
+    $zIndex: number;
+}, never>;
+//# sourceMappingURL=ChartLineStyles.d.ts.map

package/dist/types/chart-line/ChartLineStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLineStyles.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/ChartLineStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAExE,eAAO,MAAM,cAAc;iBACZ,QAAQ,GAAG,YAAY;aAC3B,MAAM;SAMhB,CAAA;AAED,eAAO,MAAM,YAAY;aACd,mBAAmB;aACnB,MAAM;SAgBhB,CAAA;AAED,eAAO,MAAM,cAAc;;oBAET,sBAAsB;aAC7B,MAAM;;aAEN,MAAM;SA8BhB,CAAA;AAED,eAAO,MAAM,mBAAmB;;SAyB/B,CAAA;AAED,eAAO,MAAM,SAAS;aACX,mBAAmB;kBACd,OAAO;YACb,MAAM;;aAEL,MAAM;SAgChB,CAAA"}

package/dist/types/chart-line/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ChartLine.js';
+export * from './ChartLineLabel.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/chart-line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA"}

package/dist/types/chart-line/types.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import { LidoComponentProps } from '../utils/index.js';
+export type { Theme } from '../theme/index.js';
+export declare enum ChartLineThresholdType {
+    dash = "dash",
+    flag = "flag"
+}
+export declare type ChartLineThresholdTypes = keyof typeof ChartLineThresholdType;
+export declare enum ChartLineBorderType {
+    rounded = "rounded",
+    square = "square"
+}
+export declare type ChartLineBorderTypes = keyof typeof ChartLineBorderType;
+export declare type ChartLineConfig = {
+    loading?: boolean;
+    data: LineData[];
+    thresholdType: ChartLineThresholdType;
+    height: number;
+    border: ChartLineBorderType;
+    maxValue?: number;
+    showLabels?: boolean;
+};
+export declare type LineData = {
+    color?: string;
+    labelPosition?: 'top' | 'bottom';
+    threshold: {
+        value: number;
+        color?: string;
+        label: string;
+        description: string;
+        descriptionElement?: React.ReactNode;
+    };
+};
+export declare type ChartLineProps = LidoComponentProps<'div', ChartLineConfig>;
+export declare type ChartLineLabelProps = LidoComponentProps<'div', {
+    id: string;
+    previousIds?: string[];
+    zIndex: number;
+    show?: boolean;
+    height: number;
+    thresholdType: ChartLineThresholdType;
+} & LineData>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/chart-line/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AACD,oBAAY,uBAAuB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AACzE,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AACD,oBAAY,oBAAoB,GAAG,MAAM,OAAO,mBAAmB,CAAA;AAEnE,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,aAAa,EAAE,sBAAsB,CAAA;IACrC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,mBAAmB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,oBAAY,QAAQ,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAChC,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACrC,CAAA;CACF,CAAA;AAED,oBAAY,cAAc,GAAG,kBAAkB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;AAEvE,oBAAY,mBAAmB,GAAG,kBAAkB,CAClD,KAAK,EACL;IACE,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,sBAAsB,CAAA;CACtC,GAAG,QAAQ,CACb,CAAA"}

package/dist/types/chart-line/utils/checkViewport.d.ts

@@ -0,0 +1,2 @@
+export declare const checkViewportOverflow: (position: number, elemSize: number, viewportSize: number) => boolean;
+//# sourceMappingURL=checkViewport.d.ts.map

package/dist/types/chart-line/utils/checkViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkViewport.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/checkViewport.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,aACtB,MAAM,YACN,MAAM,gBACF,MAAM,YAOrB,CAAA"}

package/dist/types/chart-line/utils/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const VIEWPORT_MARGIN = 8;
+export declare const CHART_LINE_CONTAINER_ID = "chart-line-container";
+export declare const LABEL_HEIGHT_INCREASE = 36;
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/chart-line/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,IAAI,CAAA;AAChC,eAAO,MAAM,uBAAuB,yBAAyB,CAAA;AAC7D,eAAO,MAAM,qBAAqB,KAAK,CAAA"}

package/dist/types/chart-line/utils/getContainerSize.d.ts

@@ -0,0 +1,5 @@
+export declare const getContainerSize: (elementIds: string[]) => {
+    size: number;
+    isCenterAlign: boolean;
+} | null;
+//# sourceMappingURL=getContainerSize.d.ts.map

package/dist/types/chart-line/utils/getContainerSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContainerSize.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/getContainerSize.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,eAAgB,MAAM,EAAE;;;QAuBpD,CAAA"}

package/dist/types/chart-line/utils/handlePositioning.d.ts

@@ -0,0 +1,9 @@
+declare type HandlePositioningProps = {
+    previousIds?: string[];
+    id: string;
+    reset?: boolean;
+};
+export declare const resetThresholdHeight: (threshold: HTMLElement | null) => void;
+export declare const handlePositioning: (props: HandlePositioningProps) => void;
+export {};
+//# sourceMappingURL=handlePositioning.d.ts.map

package/dist/types/chart-line/utils/handlePositioning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlePositioning.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"names":[],"mappings":"AAOA,aAAK,sBAAsB,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AA2FD,eAAO,MAAM,oBAAoB,cAAe,WAAW,GAAG,IAAI,KAAG,IAIpE,CAAA;AAgDD,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,IA2EjE,CAAA"}

package/dist/types/chart-line/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './checkViewport.js';
+export * from './handlePositioning.js';
+export * from './getContainerSize.js';
+export * from './processData.js';
+export * from './constants.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/chart-line/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA"}

package/dist/types/chart-line/utils/processData.d.ts

@@ -0,0 +1,13 @@
+import { LineData } from '../types.js';
+declare type ProcessedLineData = LineData & {
+    id: string;
+    index: number;
+    width: number;
+};
+declare type ProcessedData = {
+    data: ProcessedLineData[];
+    ids: string[];
+};
+export declare const processData: (data: LineData[], maxValue?: number) => ProcessedData;
+export {};
+//# sourceMappingURL=processData.d.ts.map

package/dist/types/chart-line/utils/processData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processData.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/processData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,aAAK,iBAAiB,GAAG,QAAQ,GAAG;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,IAAI,EAAE,iBAAiB,EAAE,CAAA;IACzB,GAAG,EAAE,MAAM,EAAE,CAAA;CACd,CAAA;AAED,eAAO,MAAM,WAAW,SAChB,QAAQ,EAAE,aACL,MAAM,KAChB,aA2BF,CAAA"}

package/dist/types/chart-proportion/ChartProportion.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const ChartProportion: import("react").ForwardRefExoticComponent<import("./types.js").ChartProportionConfig & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
+}, "ref" | keyof import("./types.js").ChartProportionConfig> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChartProportion.d.ts.map

package/dist/types/chart-proportion/ChartProportion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportion.d.ts","sourceRoot":"","sources":["../../../packages/chart-proportion/ChartProportion.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,eAAe;;;6GAuD3B,CAAA"}

package/dist/types/chart-proportion/ChartProportionStyles.d.ts

@@ -0,0 +1,20 @@
+import { ChartProportionBorderSize, ChartProportionBorderType, MarginSize } from './types.js';
+export declare const WrapperStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $height: number;
+}, never>;
+export declare const ProportionStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $border: ChartProportionBorderType;
+    $borderSize: ChartProportionBorderSize;
+    $margin: MarginSize;
+    $flexGrow: number;
+    $backgroundColor?: string | undefined;
+}, never>;
+export declare const ProportionProgressStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $progress: number;
+    $backgroundColor?: string | undefined;
+    $border: ChartProportionBorderType;
+    $borderSize: ChartProportionBorderSize;
+}, never>;
+export declare const ProportionProgressLineStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ProportionLabelStyle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=ChartProportionStyles.d.ts.map

package/dist/types/chart-proportion/ChartProportionStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartProportionStyles.d.ts","sourceRoot":"","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,UAAU,EACX,MAAM,YAAY,CAAA;AAEnB,eAAO,MAAM,YAAY;aACd,MAAM;SAMhB,CAAA;AAcD,eAAO,MAAM,eAAe;aACjB,yBAAyB;iBACrB,yBAAyB;aAC7B,UAAU;eACR,MAAM;;SAwBlB,CAAA;AAED,eAAO,MAAM,uBAAuB;eACvB,MAAM;;aAER,yBAAyB;iBACrB,yBAAyB;SAuBvC,CAAA;AAED,eAAO,MAAM,2BAA2B,yGAUvC,CAAA;AACD,eAAO,MAAM,oBAAoB,yGAQhC,CAAA"}

package/dist/types/chart-proportion/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ChartProportion.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/chart-proportion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/chart-proportion/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA"}

package/dist/types/chart-proportion/types.d.ts

@@ -0,0 +1,37 @@
+import { LidoComponentProps } from '../utils/index.js';
+export type { Theme } from '../theme/index.js';
+export declare enum ChartProportionBorderType {
+    rounded = "rounded",
+    square = "square"
+}
+export declare type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType;
+export declare enum ChartProportionBorderSize {
+    sm = "sm",
+    md = "md",
+    lg = "lg"
+}
+export declare type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize;
+export declare enum MarginSize {
+    sm = "sm",
+    md = "md",
+    lg = "lg"
+}
+export declare type MarginSizes = keyof typeof MarginSize;
+export declare type ChartProportionConfig = {
+    height: number;
+    border: ChartProportionBorderType;
+    borderSize: ChartProportionBorderSize;
+    margin: MarginSize;
+    showLabels?: boolean;
+    loading?: boolean;
+    data: ChartProportionData[];
+};
+export declare type ChartProportionData = {
+    show?: boolean;
+    color?: string;
+    value: number;
+    progress: number;
+    label?: string;
+};
+export declare type ChartProportionProps = LidoComponentProps<'div', ChartProportionConfig>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/chart-proportion/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/chart-proportion/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,yBAAyB;IACnC,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AACD,oBAAY,0BAA0B,GAAG,MAAM,OAAO,yBAAyB,CAAA;AAE/E,oBAAY,yBAAyB;IACnC,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AACD,oBAAY,0BAA0B,GAAG,MAAM,OAAO,yBAAyB,CAAA;AAE/E,oBAAY,UAAU;IACpB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AACD,oBAAY,WAAW,GAAG,MAAM,OAAO,UAAU,CAAA;AAEjD,oBAAY,qBAAqB,GAAG;IAClC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,yBAAyB,CAAA;IACjC,UAAU,EAAE,yBAAyB,CAAA;IACrC,MAAM,EAAE,UAAU,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,mBAAmB,EAAE,CAAA;CAC5B,CAAA;AAED,oBAAY,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,oBAAY,oBAAoB,GAAG,kBAAkB,CACnD,KAAK,EACL,qBAAqB,CACtB,CAAA"}

package/dist/types/index.d.ts

@@ -37,4 +37,6 @@ export * from './utils/index.js';
 export * from './cookie-theme-toggler/index.js';
 export * from './content-theme/index.js';
 export * from './cookies-tooltip/index.js';
+export * from './chart-line/index.js';
+export * from './chart-proportion/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.30.0",
+  "version": "3.30.1",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",