@finam/web-ui-kit-components 3.31.0 → 3.32.0

package/dist/Slider/Slider.styles.js

@@ -1,45 +1,46 @@
-import { styled } from '@linaria/react';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_rj1f2yb",
   propsAsIs: false
 });
-export const Container = /*#__PURE__*/styled('div')({
+const Container = /*#__PURE__*/styled('div')({
   name: "Container",
   class: "ui_components_c2bm8at",
   propsAsIs: false
 });
-export const ThumbWrapper = /*#__PURE__*/styled('div')({
+const ThumbWrapper = /*#__PURE__*/styled('div')({
   name: "ThumbWrapper",
   class: "ui_components_t1leh5k2",
   propsAsIs: false
 });
-export const TrackSvg = /*#__PURE__*/styled('svg')({
+const TrackSvg = /*#__PURE__*/styled('svg')({
   name: "TrackSvg",
   class: "ui_components_t1vkisy2",
   propsAsIs: false
 });
-export const RailLine = /*#__PURE__*/styled('line')({
+const RailLine = /*#__PURE__*/styled('line')({
   name: "RailLine",
   class: "ui_components_r5xks96",
   propsAsIs: true
 });
 const _exp16 = () => (RailLine);
-export const TrackLine = /*#__PURE__*/styled(_exp16())({
+const TrackLine = /*#__PURE__*/styled(_exp16())({
   name: "TrackLine",
   class: "ui_components_t14nkdgp",
   propsAsIs: true
 });
-export const Thumb = /*#__PURE__*/styled('button')({
+const Thumb = /*#__PURE__*/styled('button')({
   name: "Thumb",
   class: "ui_components_t1sub96t",
   propsAsIs: false
 });
-export const HiddenNumberInput = /*#__PURE__*/styled('input')({
+const HiddenNumberInput = /*#__PURE__*/styled('input')({
   name: "HiddenNumberInput",
   class: "ui_components_hb9hbft",
   propsAsIs: false
 });
+export { Container, HiddenNumberInput, RailLine, Root, Thumb, ThumbWrapper, TrackLine, TrackSvg };
 //# sourceMappingURL=Slider.styles.js.map
 
 import "./Slider.styles.css";

package/dist/Slider/Slider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.styles.js","sourceRoot":"","sources":["../../src/Slider/Slider.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider/Slider.styles.js","sources":["../../src/Slider/Slider.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const Root = styled.div`\n  --slider-overflow-size: calc(${tokens.spacing.slider.height} / 2);\n\n  display: inline-flex;\n  position: relative;\n  width: 100%;\n  height: ${tokens.spacing.slider.height};\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  box-sizing: border-box;\n  padding: 0 10px;\n\n  &.disabled {\n    cursor: default;\n  }\n\n  &.discrete {\n    padding: 0;\n  }\n\n  &.vertical {\n    height: 100%;\n    width: ${tokens.spacing.slider.height};\n    padding: 10px 0;\n  }\n\n  &.vertical.discrete {\n    padding: 0;\n  }\n`;\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  width: 100%;\n  overflow: visible;\n  position: relative;\n  margin: 0;\n  padding: 0;\n\n  ${Root}.discrete & {\n    width: calc(100% + ${tokens.spacing.slider.height});\n    overflow: hidden;\n    position: static;\n  }\n\n  ${Root}.vertical & {\n    height: 100%;\n  }\n`;\n\nexport const ThumbWrapper = styled.div`\n  position: absolute;\n  z-index: 2;\n  transition: all 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;\n\n  ${Root}.activated & {\n    transition: none;\n  }\n`;\n\nexport const TrackSvg = styled.svg`\n  position: absolute;\n  transform: translate(0, -50%);\n  top: 50%;\n  left: -8px;\n  width: calc(100% + 16px);\n  height: ${tokens.spacing.slider.trackHeight};\n  border-radius: 2px;\n\n  ${Root}.discrete & {\n    left: 0;\n    width: 100%;\n  }\n\n  ${Root}.vertical & {\n    top: -8px;\n    height: calc(100% + 16px);\n    transform: translate(-50%, 0);\n    left: 50%;\n    bottom: 0;\n    width: ${tokens.spacing.slider.trackHeight};\n  }\n\n  ${Root}.vertical.discrete & {\n    top: 0;\n    height: 100%;\n  }\n`;\n\nexport const RailLine = styled.line`\n  stroke-width: 2px;\n  stroke: ${tokens.colors.opacity.base[56]};\n\n  ${Root}.disabled & {\n    stroke: ${tokens.colors.opacity.base[32]};\n  }\n`;\n\nexport const TrackLine = styled(RailLine)`\n  z-index: 1;\n\n    &.active {\n    stroke: ${tokens.colors.control.bg.default.default.active};\n  }\n\n  ${Root}.alternative & {\n    stroke: ${tokens.colors.control.bg.alternative.default.active};\n  }\n\n  ${Root}.disabled & {\n    stroke: ${tokens.colors.opacity.base[56]}\n  }\n`;\n\nexport const Thumb = styled.button`\n  border: 2px solid ${tokens.colors.bg.base.default.default};\n  padding: 0;\n  overflow: visible;\n  outline: none;\n  user-select: none;\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -moz-appearance: none;\n  appearance: none;\n  cursor: pointer;\n  position: absolute;\n  left: 0;\n  top: var(--slider-overflow-size);\n  transform: translate(-50%, -50%);\n  width: ${tokens.spacing.slider.ellipseSize};\n  height: ${tokens.spacing.slider.ellipseSize};\n  border-radius: 50%;\n  background-color: ${tokens.colors.control.icon.default.default.active};\n  box-sizing: content-box;\n\n  &::before {\n    position: absolute;\n    content: '';\n    width: ${tokens.spacing['2xl']};\n    height: ${tokens.spacing['2xl']};\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  ${Root}.vertical & {\n    top: 0;\n    left: var(--slider-overflow-size);\n  }\n\n  /* stylelint-disable function-no-unknown, custom-property-pattern */\n  ${Root}:not(.disabled) &:hover,\n  ${Root}:not(.disabled) &:focus,\n  ${ThumbWrapper}.activated:not(.disabled) & {\n    border: 2px solid ${tokens.colors.border.brand.default.focus};\n  }\n  /* stylelint-enable function-no-unknown, custom-property-pattern */\n\n  ${Root}.alternative & {\n    background-color: ${tokens.colors.control.icon.alternative.default.active};\n    border: 2px solid ${tokens.colors.bg.base.default.default};\n  }\n\n  ${Root}.alternative:not(.disabled) &:hover,\n  ${Root}.alternative:not(.disabled) &:focus,\n  ${Root}.alternative ${ThumbWrapper}.activated:not(.disabled) & {\n    border: 2px solid ${tokens.colors.opacity.base['40']};\n  }\n\n  ${Root}.disabled & {\n    cursor: no-drop;\n    background-color: ${tokens.colors.control.icon.default.default.disabled};\n  }\n`;\n\nexport const HiddenNumberInput = styled.input`\n  display: none;\n`;\n"],"names":["Root","styled","tokens","Container","ThumbWrapper","TrackSvg","RailLine","TrackLine","Thumb","HiddenNumberInput"],"mappings":"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"}

package/dist/Slider/index.js

@@ -1,2 +1 @@
-export { default, defaultValueReducer } from './Slider.js';
-//# sourceMappingURL=index.js.map
+export { default, defaultValueReducer } from "./Slider.js";

package/dist/Slider/utils.js

@@ -1,64 +1,57 @@
-export function clamp(value, min = 0, max = 100) {
+function clamp(value, min = 0, max = 100) {
     return Math.min(Math.max(value, min), max);
 }
-export function percentToValue(percent, min, max) {
-    return ((max - min) * percent) / 100 + min;
+function percentToValue(percent, min, max) {
+    return (max - min) * percent / 100 + min;
 }
-export function valueToPercent(value, min, max) {
+function valueToPercent(value, min, max) {
     const clampedValue = clamp(value, min, max);
-    return ((clampedValue - min) * 100) / (max - min);
+    return (clampedValue - min) * 100 / (max - min);
 }
-export function roundToStep(value, step) {
+function roundToStep(value, step) {
     return Math.round(value / step) * step;
 }
-export function getOffset(node) {
+function getOffset(node) {
     const { pageYOffset, pageXOffset } = window;
     const { left, bottom } = node.getBoundingClientRect();
     return {
         bottom: bottom + pageYOffset,
-        left: left + pageXOffset,
+        left: left + pageXOffset
     };
 }
-export function getTouch(event, touchId) {
-    // eslint-disable-next-line @typescript-eslint/prefer-for-of
-    for (let i = 0; i < event.changedTouches.length; i += 1) {
+function getTouch(event, touchId) {
+    for(let i = 0; i < event.changedTouches.length; i += 1){
         const touch = event.changedTouches[i];
-        if (touch.identifier === touchId) {
-            return touch;
-        }
+        if (touch.identifier === touchId) return touch;
     }
-    return undefined;
 }
-const isTouchEvent = (event) => (Boolean(event.changedTouches));
-export function getMousePosition(event, touchId) {
-    if (isTouchEvent(event)) {
-        const touch = touchId !== undefined ? getTouch(event, touchId) : undefined;
-        if (touch) {
-            return {
-                x: touch.pageX,
-                y: touch.pageY,
-            };
-        }
-    }
-    else {
-        return {
-            x: event.pageX,
-            y: event.pageY,
+const isTouchEvent = (event)=>Boolean(event.changedTouches);
+function getMousePosition(event, touchId) {
+    if (!isTouchEvent(event)) return {
+        x: event.pageX,
+        y: event.pageY
+    };
+    {
+        const touch = void 0 !== touchId ? getTouch(event, touchId) : void 0;
+        if (touch) return {
+            x: touch.pageX,
+            y: touch.pageY
         };
     }
     return null;
 }
-export function calculatePercent(node, event, touchId, isVertical = false, isRtl = false) {
+function calculatePercent(node, event, touchId, isVertical = false, isRtl = false) {
     const { width, height } = node.getBoundingClientRect();
     const { bottom, left } = getOffset(node);
     const pos = getMousePosition(event, touchId);
-    if (!pos)
-        return null;
+    if (!pos) return null;
     const value = isVertical ? bottom - pos.y : pos.x - left;
     const onePercent = (isVertical ? height : width) / 100;
     return isRtl && !isVertical ? 100 - clamp(value / onePercent) : clamp(value / onePercent);
 }
-export function preventPageScrolling(event) {
+function preventPageScrolling(event) {
     event.preventDefault();
 }
+export { calculatePercent, clamp, getMousePosition, getOffset, getTouch, percentToValue, preventPageScrolling, roundToStep, valueToPercent };
+
 //# sourceMappingURL=utils.js.map

package/dist/Slider/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/Slider/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Slider/utils.js","sources":["../../src/Slider/utils.ts"],"sourcesContent":["export function clamp(value: number, min: number = 0, max: number = 100): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nexport function percentToValue(percent: number, min: number, max: number): number {\n  return ((max - min) * percent) / 100 + min;\n}\n\nexport function valueToPercent(value: number, min: number, max: number) {\n  const clampedValue = clamp(value, min, max);\n  return ((clampedValue - min) * 100) / (max - min);\n}\n\nexport function roundToStep(value: number, step: number) {\n  return Math.round(value / step) * step;\n}\n\nexport function getOffset(node: Element) {\n  const { pageYOffset, pageXOffset } = window;\n  const { left, bottom } = node.getBoundingClientRect();\n\n  return {\n    bottom: bottom + pageYOffset,\n    left: left + pageXOffset,\n  };\n}\n\nexport function getTouch(event: TouchEvent, touchId: number): Touch | undefined {\n  // eslint-disable-next-line @typescript-eslint/prefer-for-of\n  for (let i = 0; i < event.changedTouches.length; i += 1) {\n    const touch = event.changedTouches[i];\n    if (touch.identifier === touchId) {\n      return touch;\n    }\n  }\n  return undefined;\n}\n\nconst isTouchEvent = (event: TouchEvent | MouseEvent): event is TouchEvent => (\n  Boolean((event as TouchEvent).changedTouches)\n);\n\ninterface IPosition {\n  x: number;\n  y: number;\n}\nexport function getMousePosition(\n  event: TouchEvent | MouseEvent,\n  touchId: number | undefined,\n): IPosition | null {\n  if (isTouchEvent(event)) {\n    const touch = touchId !== undefined ? getTouch(event, touchId) : undefined;\n\n    if (touch) {\n      return {\n        x: touch.pageX,\n        y: touch.pageY,\n      };\n    }\n  } else {\n    return {\n      x: event.pageX,\n      y: event.pageY,\n    };\n  }\n  return null;\n}\n\nexport function calculatePercent(\n  node: Element,\n  event: TouchEvent | MouseEvent,\n  touchId: number | undefined,\n  isVertical: boolean = false,\n  isRtl: boolean = false,\n): number | null {\n  const { width, height } = node.getBoundingClientRect();\n  const { bottom, left } = getOffset(node);\n  const pos = getMousePosition(event, touchId);\n  if (!pos) return null;\n\n  const value = isVertical ? bottom - pos.y : pos.x - left;\n  const onePercent = (isVertical ? height : width) / 100;\n\n  return isRtl && !isVertical ? 100 - clamp(value / onePercent) : clamp(value / onePercent);\n}\n\nexport function preventPageScrolling(event: Event) {\n  event.preventDefault();\n}\n"],"names":["clamp","value","min","max","Math","percentToValue","percent","valueToPercent","clampedValue","roundToStep","step","getOffset","node","pageYOffset","pageXOffset","window","left","bottom","getTouch","event","touchId","i","touch","isTouchEvent","Boolean","getMousePosition","undefined","calculatePercent","isVertical","isRtl","width","height","pos","onePercent","preventPageScrolling"],"mappings":"AAAO,SAASA,MAAMC,KAAa,EAAEC,MAAc,CAAC,EAAEC,MAAc,GAAG;IACrE,OAAOC,KAAK,GAAG,CAACA,KAAK,GAAG,CAACH,OAAOC,MAAMC;AACxC;AAEO,SAASE,eAAeC,OAAe,EAAEJ,GAAW,EAAEC,GAAW;IACtE,OAASA,AAAAA,CAAAA,MAAMD,GAAE,IAAKI,UAAW,MAAMJ;AACzC;AAEO,SAASK,eAAeN,KAAa,EAAEC,GAAW,EAAEC,GAAW;IACpE,MAAMK,eAAeR,MAAMC,OAAOC,KAAKC;IACvC,OAASK,AAAAA,CAAAA,eAAeN,GAAE,IAAK,MAAQC,CAAAA,MAAMD,GAAE;AACjD;AAEO,SAASO,YAAYR,KAAa,EAAES,IAAY;IACrD,OAAON,KAAK,KAAK,CAACH,QAAQS,QAAQA;AACpC;AAEO,SAASC,UAAUC,IAAa;IACrC,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGC;IACrC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGL,KAAK,qBAAqB;IAEnD,OAAO;QACL,QAAQK,SAASJ;QACjB,MAAMG,OAAOF;IACf;AACF;AAEO,SAASI,SAASC,KAAiB,EAAEC,OAAe;IAEzD,IAAK,IAAIC,IAAI,GAAGA,IAAIF,MAAM,cAAc,CAAC,MAAM,EAAEE,KAAK,EAAG;QACvD,MAAMC,QAAQH,MAAM,cAAc,CAACE,EAAE;QACrC,IAAIC,MAAM,UAAU,KAAKF,SACvB,OAAOE;IAEX;AAEF;AAEA,MAAMC,eAAe,CAACJ,QACpBK,QAASL,MAAqB,cAAc;AAOvC,SAASM,iBACdN,KAA8B,EAC9BC,OAA2B;IAE3B,KAAIG,aAAaJ,QAUf,OAAO;QACL,GAAGA,MAAM,KAAK;QACd,GAAGA,MAAM,KAAK;IAChB;IAbuB;QACvB,MAAMG,QAAQF,AAAYM,WAAZN,UAAwBF,SAASC,OAAOC,WAAWM;QAEjE,IAAIJ,OACF,OAAO;YACL,GAAGA,MAAM,KAAK;YACd,GAAGA,MAAM,KAAK;QAChB;IAEJ;IAMA,OAAO;AACT;AAEO,SAASK,iBACdf,IAAa,EACbO,KAA8B,EAC9BC,OAA2B,EAC3BQ,aAAsB,KAAK,EAC3BC,QAAiB,KAAK;IAEtB,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGnB,KAAK,qBAAqB;IACpD,MAAM,EAAEK,MAAM,EAAED,IAAI,EAAE,GAAGL,UAAUC;IACnC,MAAMoB,MAAMP,iBAAiBN,OAAOC;IACpC,IAAI,CAACY,KAAK,OAAO;IAEjB,MAAM/B,QAAQ2B,aAAaX,SAASe,IAAI,CAAC,GAAGA,IAAI,CAAC,GAAGhB;IACpD,MAAMiB,aAAcL,AAAAA,CAAAA,aAAaG,SAASD,KAAI,IAAK;IAEnD,OAAOD,SAAS,CAACD,aAAa,MAAM5B,MAAMC,QAAQgC,cAAcjC,MAAMC,QAAQgC;AAChF;AAEO,SAASC,qBAAqBf,KAAY;IAC/CA,MAAM,cAAc;AACtB"}

package/dist/SliderIndicator/SliderIndicator.js

@@ -1,20 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import classnames from 'clsx';
-import range from 'lodash/range.js';
-import { mapColorProp, mapTypeProp } from './utils.js';
-import { Root, Dot } from './SliderIndicator.styles.js';
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import clsx from "clsx";
+import range from "lodash/range.js";
+import { mapColorProp, mapTypeProp } from "./utils.js";
+import { Dot, Root } from "./SliderIndicator.styles.js";
 const defaultLineWidth = {
     page: 96,
-    carousel: 64,
+    carousel: 64
 };
-const SliderIndicator = ({ total, value, lineWidth, onChange, color = 'primary', type = 'page', }) => {
+const SliderIndicator = ({ total, value, lineWidth, onChange, color = 'primary', type = 'page' })=>{
     const isLineView = total > 5;
-    const width = isLineView ? (lineWidth !== null && lineWidth !== void 0 ? lineWidth : defaultLineWidth[type]) : 'fit-content';
-    return (_jsx(Root, { style: { width }, className: classnames({ lineView: isLineView }), children: range(1, total + 1).map(slide => (_jsx(Dot, { className: classnames(mapColorProp(color), mapTypeProp(type), {
-                selected: slide === value,
-                lineView: isLineView,
-            }), onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(slide) }, slide))) }));
+    const width = isLineView ? null != lineWidth ? lineWidth : defaultLineWidth[type] : 'fit-content';
+    return /*#__PURE__*/ jsx(Root, {
+        style: {
+            width
+        },
+        className: clsx({
+            lineView: isLineView
+        }),
+        children: range(1, total + 1).map((slide)=>/*#__PURE__*/ jsx(Dot, {
+                className: clsx(mapColorProp(color), mapTypeProp(type), {
+                    selected: slide === value,
+                    lineView: isLineView
+                }),
+                onClick: ()=>null == onChange ? void 0 : onChange(slide)
+            }, slide))
+    });
 };
-export default memo(SliderIndicator);
+const SliderIndicator_SliderIndicator = /*#__PURE__*/ memo(SliderIndicator);
+export default SliderIndicator_SliderIndicator;
+
 //# sourceMappingURL=SliderIndicator.js.map

package/dist/SliderIndicator/SliderIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderIndicator.js","sourceRoot":"","sources":["../../src/SliderIndicator/SliderIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAExD,MAAM,gBAAgB,GAAyB;IAC7C,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,EAAE;CACb,CAAC;AAWF,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,MAAM,GACP,EAAE,EAAE;IACV,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAEjF,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,EAChB,SAAS,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,YAE9C,KAAK,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAChC,KAAC,GAAG,IAEF,SAAS,EAAE,UAAU,CACnB,YAAY,CAAC,KAAK,CAAC,EACnB,WAAW,CAAC,IAAI,CAAC,EACjB;gBACE,QAAQ,EAAE,KAAK,KAAK,KAAK;gBACzB,QAAQ,EAAE,UAAU;aACrB,CACF,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,IAT3B,KAAK,CAUV,CACH,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"SliderIndicator/SliderIndicator.js","sources":["../../src/SliderIndicator/SliderIndicator.tsx"],"sourcesContent":["import { memo } from 'react';\nimport classnames from 'clsx';\nimport range from 'lodash/range.js';\nimport type { Color, Type } from './types.js';\nimport { mapColorProp, mapTypeProp } from './utils.js';\nimport { Root, Dot } from './SliderIndicator.styles.js';\n\nconst defaultLineWidth: Record<Type, number> = {\n  page: 96,\n  carousel: 64,\n};\n\nexport interface Props {\n  total: number;\n  value: number;\n  lineWidth?: number;\n  onChange?: (slide: number) => void;\n  color?: Color;\n  type?: Type;\n}\n\nconst SliderIndicator = ({\n  total,\n  value,\n  lineWidth,\n  onChange,\n  color = 'primary',\n  type = 'page',\n}: Props) => {\n  const isLineView = total > 5;\n  const width = isLineView ? (lineWidth ?? defaultLineWidth[type]) : 'fit-content';\n\n  return (\n    <Root\n      style={{ width }}\n      className={classnames({ lineView: isLineView })}\n    >\n      {range(1, total + 1).map(slide => (\n        <Dot\n          key={slide}\n          className={classnames(\n            mapColorProp(color),\n            mapTypeProp(type),\n            {\n              selected: slide === value,\n              lineView: isLineView,\n            },\n          )}\n          onClick={() => onChange?.(slide)}\n        />\n      ))}\n    </Root>\n  );\n};\n\nexport default memo(SliderIndicator);\n"],"names":["defaultLineWidth","SliderIndicator","total","value","lineWidth","onChange","color","type","isLineView","width","Root","classnames","range","slide","Dot","mapColorProp","mapTypeProp","memo"],"mappings":";;;;;;AAOA,MAAMA,mBAAyC;IAC7C,MAAM;IACN,UAAU;AACZ;AAWA,MAAMC,kBAAkB,CAAC,EACvBC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,QAAQ,SAAS,EACjBC,OAAO,MAAM,EACP;IACN,MAAMC,aAAaN,QAAQ;IAC3B,MAAMO,QAAQD,aAAcJ,QAAAA,YAAAA,YAAaJ,gBAAgB,CAACO,KAAK,GAAI;IAEnE,OAAO,WAAP,GACE,IAACG,MAAIA;QACH,OAAO;YAAED;QAAM;QACf,WAAWE,KAAW;YAAE,UAAUH;QAAW;kBAE5CI,MAAM,GAAGV,QAAQ,GAAG,GAAG,CAACW,CAAAA,QAAAA,WAAAA,GACvB,IAACC,KAAGA;gBAEF,WAAWH,KACTI,aAAaT,QACbU,YAAYT,OACZ;oBACE,UAAUM,UAAUV;oBACpB,UAAUK;gBACZ;gBAEF,SAAS,IAAMH,QAAAA,WAAAA,KAAAA,IAAAA,SAAWQ;eATrBA;;AAcf;AAEA,sDAAeI,KAAKhB"}

package/dist/SliderIndicator/SliderIndicator.styles.js

@@ -1,14 +1,15 @@
-import { styled } from '@linaria/react';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_rf1tm5g",
   propsAsIs: false
 });
-export const Dot = /*#__PURE__*/styled('div')({
+const Dot = /*#__PURE__*/styled('div')({
   name: "Dot",
   class: "ui_components_d418el0",
   propsAsIs: false
 });
+export { Dot, Root };
 //# sourceMappingURL=SliderIndicator.styles.js.map
 
 import "./SliderIndicator.styles.css";

package/dist/SliderIndicator/SliderIndicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderIndicator.styles.js","sourceRoot":"","sources":["../../src/SliderIndicator/SliderIndicator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;kBAMZ,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO;;;CAGpE,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;gBACb,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO;;;;MAI7D,YAAY,CAAC,SAAS,CAAC;kBACX,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;;;MAG3D,YAAY,CAAC,aAAa,CAAC;kBACf,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM;;;MAGjE,WAAW,CAAC,MAAM,CAAC;;;;;;;;;MASnB,WAAW,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;CAmB5B,CAAC"}
+{"version":3,"file":"SliderIndicator/SliderIndicator.styles.js","sources":["../../src/SliderIndicator/SliderIndicator.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { mapColorProp, mapTypeProp } from './utils.js';\n\nexport const Root = styled.div`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n\n  &.lineView {\n    background: ${tokens.colors.indicator.bg.inactive.default.default};\n    border-radius: 4px;\n  }\n`;\n\nexport const Dot = styled.div`\n  background: ${tokens.colors.indicator.bg.inactive.default.default};\n  cursor: pointer;\n  border-radius: 4px;\n\n  &.${mapColorProp('primary')}.selected {\n    background: ${tokens.colors.control.bg.default.default.active};\n  }\n\n  &.${mapColorProp('alternative')}.selected {\n    background: ${tokens.colors.indicator.bg.alternative.default.active};\n  }\n\n  &.${mapTypeProp('page')} {\n    width: 6px;\n    height: 6px;\n    margin-right: 8px;\n    &.selected {\n      width: 16px;\n    }\n  }\n\n  &.${mapTypeProp('carousel')} {\n    width: 8px;\n    height: 2px;\n    margin-right: 4px;\n    &.selected {\n      width: 12px;\n    }\n  }\n\n  &.lineView {\n    margin-right: 0;\n    background: none;\n    flex: 1;\n    width: auto;\n  }\n\n  &:last-child {\n    margin-right: 0;\n  }\n`;\n"],"names":["Root","styled","tokens","Dot","mapColorProp","mapTypeProp"],"mappings":";;;AAIO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;;;gBAMf,EAAEC,OAAO,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAnCA,UAAAA,CAAAA,UAAmD,CAAC;;;AAGtE,CAAC;AAEM,MAAMC,MAAMF,OAAO,GAAG,CAAC;cAChB,EAAEC,OAAO,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAnCA,UAAAA,CAAAA,UAAmD,CAAC;;;;IAIhE,EAAEE,aAAa,WAAW;gBACd,EAAEF,OAAO,MAAM,CAAC,OAAO,CAAC,EAAE,CAAxBA,UAAAA,CAAAA,UAAAA,CAAAA,MAA+C,CAAC;;;IAG9D,EAAEE,aAAa,eAAe;gBAClB,EAAEF,OAAO,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,WAAW,CAAtCA,UAAAA,CAAAA,MAAqD,CAAC;;;IAGpE,EAAEG,YAAY,QAAQ;;;;;;;;;IAStB,EAAEA,YAAY,YAAY;;;;;;;;;;;;;;;;;;;AAmB9B,CAAC"}

package/dist/SliderIndicator/index.js

@@ -1,2 +1 @@
-export { default, } from './SliderIndicator.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./SliderIndicator.js";

package/dist/SliderIndicator/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/SliderIndicator/utils.js

@@ -1,4 +1,6 @@
-import { mapPropClassName } from '../utils/className.js';
-export const mapColorProp = (color) => mapPropClassName('color', color);
-export const mapTypeProp = (type) => mapPropClassName('type', type);
+import { mapPropClassName } from "../utils/className.js";
+const mapColorProp = (color)=>mapPropClassName('color', color);
+const mapTypeProp = (type)=>mapPropClassName('type', type);
+export { mapColorProp, mapTypeProp };
+
 //# sourceMappingURL=utils.js.map

package/dist/SliderIndicator/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/SliderIndicator/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"SliderIndicator/utils.js","sources":["../../src/SliderIndicator/utils.ts"],"sourcesContent":["import { mapPropClassName } from '../utils/className.js';\nimport type { Color, Type } from './types.js';\n\nexport const mapColorProp = (color: Color) => mapPropClassName('color', color);\nexport const mapTypeProp = (type: Type) => mapPropClassName('type', type);\n"],"names":["mapColorProp","color","mapPropClassName","mapTypeProp","type"],"mappings":";AAGO,MAAMA,eAAe,CAACC,QAAiBC,iBAAiB,SAASD;AACjE,MAAME,cAAc,CAACC,OAAeF,iBAAiB,QAAQE"}