@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48

package/components/ScrollContainer/ScrollContainer.md

@@ -1,224 +0,0 @@
-### Базовый пример
-```jsx harmony
-function items(count) {
-  var items = [];
-  for (var i = 0; i < count; ++i) {
-    items.push(i);
-  }
-  return items;
-}
-
-var divStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  position: 'relative',
-  verticalAlign: 'top',
-  width: 200,
-};
-var absStyle = {
-  border: '1px solid',
-  boxSizing: 'border-box',
-  position: 'absolute',
-  width: '100%',
-};
-
-<div>
-  <div style={divStyle}>
-    <ScrollContainer>
-      {items(20).map((i) => (
-        <div key={i}>{i}</div>
-      ))}
-    </ScrollContainer>
-  </div>
-  <div style={{ ...divStyle, background: '#888' }}>
-    <ScrollContainer invert>
-      {items(20).map((i) => (
-        <div key={i}>{i}</div>
-      ))}
-    </ScrollContainer>
-  </div>
-  <div style={divStyle}>
-    <div style={absStyle}>
-      <ScrollContainer>
-        {items(3).map((i) => (
-          <div key={i}>{i}</div>
-        ))}
-      </ScrollContainer>
-    </div>
-  </div>
-  <div style={divStyle}>
-    <div style={absStyle}>
-      <ScrollContainer maxHeight={150}>
-        {items(30).map((i) => (
-          <div key={i}>{i}</div>
-        ))}
-      </ScrollContainer>
-    </div>
-  </div>
-</div>;
-```
-
-### Горизонтальный scrollbar
-
-```jsx harmony
-var divStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  position: 'relative',
-  verticalAlign: 'top',
-  width: 200,
-};
-var absStyle = {
-  border: '1px solid',
-  boxSizing: 'border-box',
-  position: 'absolute',
-  width: '100%',
-};
-
-function items(count) {
-  var items = [];
-  for (var i = 0; i < count; ++i) {
-    items.push(i);
-  }
-  return items;
-}
-
-var containerStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  width: 200,
-};
-
-var innerStyle = {
-  width: 400,
-};
-
-<div>
-  <div style={divStyle}>
-    <ScrollContainer>
-      {items(5).map((i) => (
-        <div style={innerStyle} key={i}>
-          {i}
-        </div>
-      ))}
-    </ScrollContainer>
-  </div>
-  <div style={{ ...divStyle, background: '#888' }}>
-    <ScrollContainer invert>
-      {items(20).map((i) => (
-        <div style={innerStyle} key={i}>
-          {i}
-        </div>
-      ))}
-    </ScrollContainer>
-  </div>
-  <div style={divStyle}>
-    <div style={absStyle}>
-      <ScrollContainer maxHeight={150}>
-        {items(3).map((i) => (
-          <div style={innerStyle} key={i}>
-            {i}
-          </div>
-        ))}
-      </ScrollContainer>
-    </div>
-  </div>
-  <div style={divStyle}>
-    <div style={absStyle}>
-      <ScrollContainer maxHeight={150} maxWidth={200}>
-        {items(30).map((i) => (
-          <div style={innerStyle} key={i}>
-            {i}
-          </div>
-        ))}
-      </ScrollContainer>
-    </div>
-  </div>
-</div>;
-```
-
-### Смещение скроллбара
-
-```jsx harmony
-const containerStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  width: 200,
-};
-
-const offsetY = {
-  top: 8,
-  bottom: 8,
-  right: 8,
-};
-
-<div style={containerStyle}>
-  <ScrollContainer offsetY={offsetY}>
-    {Array(30).fill(null).map((_,i) => (
-      <div key={i}>
-        {i}
-      </div>
-    ))}
-  </ScrollContainer>
-</div>
-```
-
-### Скрытие если нет активности пользователя
-Проп `showScrollBar` со значением `scroll` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
-
-```jsx harmony
-var divStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  position: 'relative',
-  verticalAlign: 'top',
-  width: 200,
-};
-<div style={divStyle}>
-  <ScrollContainer showScrollBar={'scroll'}>
-    {Array(30).fill(null).map((_,i) => (
-      <div key={i}>
-        {i}
-      </div>
-    ))}
-  </ScrollContainer>
-</div>
-```
-
-### Показ скролбара при наведении
-Проп `showScrollBar` со значением `hover` позволяет показывать скроллбар только когда курсор находится над скролл контейнером
-
-```jsx harmony
-var divStyle = {
-  display: 'inline-block',
-  border: '1px solid #f99',
-  height: 200,
-  margin: 1,
-  position: 'relative',
-  verticalAlign: 'top',
-  width: 200,
-};
-
-
-<span>
-  <div style={divStyle}>
-    <ScrollContainer showScrollBar={'hover'}>
-      {Array(30).fill(null).map((_,i) => (
-        <div key={i}>
-          {i}
-        </div>
-      ))}
-    </ScrollContainer>
-  </div>
-</span>
-```

package/components/Select/Select.md

@@ -1,113 +0,0 @@
-### Базовый пример
-
-```jsx harmony
-const [value, setValue] = React.useState();
-
-const items = [Select.staticElement(() => <Select.Item>Not
-  selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
-
-<Select items={items} value={value} onValueChange={setValue}/>;
-```
-
-### Запрет выделения и выбора
-В пункты меню можно передать проп `isNotSelectable`, чтобы запретить выделение и выбор этого пункта меню
-
-```jsx harmony
-
-const [value, setValue] = React.useState();
-
-const items = [<Select.Item isNotSelectable>Not selectable</Select.Item>, 'One', 'Two', 'Three', Select.SEP, 'Four'];
-
-<Select items={items} value={value} onValueChange={setValue} />
-```
-
-### Очистка значения
-Очистить значение в `Select`'е можно только с помощью `null`
-```jsx harmony
-import { Button, Group } from '@skbkontur/react-ui';
-
-const [value, setValue] = React.useState();
-
-const items = ['One', 'Two', 'Three', 'Four'];
-
-<Group>
-  <Select items={items} value={value} onValueChange={setValue} />
-  <Button onClick={() => setValue(null)}>Очистить</Button>
-</Group>
-```
-
-### Поле поиска
-
-```jsx harmony
-const [value, setValue] = React.useState();
-
-const items = ['One', 'Two', 'Three', Select.SEP, 'Four'];
-
-<Select items={items} value={value} onValueChange={setValue} search />;
-```
-
-### Пример использования пропа `_renderButton`:
-
-```jsx harmony
-import { Link } from '@skbkontur/react-ui';
-import { People3Icon16Regular } from '@skbkontur/icons/icons/People3Icon/People3Icon16Regular';
-
-const [value, setValue] = React.useState();
-
-const items = [Select.staticElement(() => <Select.Item>Not
-  selectable</Select.Item>), 'One', 'Two', 'Three', Select.SEP, 'Four'];
-
-const renderLinkButton = params => {
-  const linkProps = {
-    disabled: params.disabled,
-    icon: <People3Icon16Regular />,
-    _button: true,
-    _buttonOpened: params.opened,
-
-    onClick: params.onClick,
-    onKeyDown: params.onKeyDown,
-  };
-
-  return <Link {...linkProps}>{params.label}</Link>;
-};
-
-<Select
-  items={items}
-  value={value}
-  onValueChange={setValue}
-  _renderButton={renderLinkButton}
-/>;
-```
-
-### Локали по умолчанию
-
-```typescript static
-interface SelectLocale {
-  placeholder?: React.ReactNode;
-}
-
-const ru_RU = {
-  placeholder: 'Ничего не выбрано',
-};
-
-const en_GB = {
-  placeholder: 'Nothing selected',
-};
-```
-
-### Размер
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-
-const [valueSmall, setValueSmall] = React.useState('Маленький');
-const [valueMedium, setValueMedium] = React.useState('Средний');
-const [valueLarge, setValueLarge] = React.useState('Большой');
-
-const items = ['Маленький', 'Средний', 'Большой'];
-
-<Gapped vertical>
-  <Select items={items} value={valueSmall} onValueChange={setValueSmall} size={'small'} />
-  <Select items={items} value={valueMedium} onValueChange={setValueMedium} size={'medium'} />
-  <Select items={items} value={valueLarge} onValueChange={setValueLarge} size={'large'} />
-</Gapped>
-```

package/components/SidePage/SidePage.md

@@ -1,65 +0,0 @@
-### Базовый пример
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-const [opened, setOpened] = React.useState(false);
-
-function renderSidePage() {
-  return (
-    <SidePage onClose={close} blockBackground>
-      <SidePage.Header>Title</SidePage.Header>
-      <SidePage.Body>
-        <div
-          style={{
-            background: `repeating-linear-gradient(
-                                60deg,
-                                #808080,
-                                #808080 20px,
-                                #d3d3d3 20px,
-                                #d3d3d3 40px
-                              )`,
-            height: 600,
-            padding: '20px 0',
-          }}
-        >
-          <SidePage.Container>
-            <p>Use rxjs operators with react hooks</p>
-          </SidePage.Container>
-        </div>
-      </SidePage.Body>
-      <SidePage.Footer panel>
-        <Button onClick={close}>Close</Button>
-      </SidePage.Footer>
-    </SidePage>
-  );
-}
-
-function open() {
-  setOpened(true);
-}
-
-function close() {
-  setOpened(false);
-}
-
-<div>
-  {opened && renderSidePage()}
-  <Button onClick={open}>Open</Button>
-</div>;
-```
-
-### Локали по умолчанию
-
-```typescript static
-interface SidePageLocale {
-  closeButtonAriaLabel?: string;
-}
-
-const ru_RU = {
-  closeButtonAriaLabel: 'Закрыть модальное окно'
-}
-
-const en_GB = {
-  closeButtonAriaLabel: 'Close modal window'
-}
-```

package/components/SingleToast/SingleToast.md

@@ -1,36 +0,0 @@
-`<SingleToast>` можно добавить в единственном месте в проекте, а статические методы будут всегда использовать последний отрендеренный экземпляр `<Toast>`.
-
-_На внешний вид этого примера влияет следующий пример_
-### Базовый пример
-```jsx harmony
-import { Button, SingleToast } from '@skbkontur/react-ui';
-
-<div>
-  <SingleToast />
-  <Button onClick={() => SingleToast.push('Статический тост')}>
-    Показать статический тост
-  </Button>
-</div>
-```
-
-### Кастомизация
-`<SingleToast>` можно кастомизировать с помощью переменных темы для `toast`.
-```jsx harmony
-import { Button, SingleToast, ThemeContext, ThemeFactory, THEME_2022 } from '@skbkontur/react-ui';
-
-const rand = () => "Пример жёлтого тоста № " + Math.round(Math.random() * 100).toString();
-
-const pushToast = () => {
-  SingleToast.push(rand(), {
-    label: "Cancel",
-    handler: () => SingleToast.push("Canceled")
-  });
-};
-
-<div>
-  <SingleToast theme={{ toastBg: '#f1c40f' }} />
-  <Button onClick={pushToast}>
-    Показать тост с жёлтым фоном
-  </Button>
-</div>
-```

package/components/Spinner/Spinner.md

@@ -1,36 +0,0 @@
-### Базовый пример
-```jsx harmony
-import { Gapped, Spinner } from '@skbkontur/react-ui';
-
-const reactNodeCaption = (
-  <div>
-    <Spinner type="mini" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>
-    агрузка
-  </div>
-);
-
-<Gapped>
-  <Spinner type="big" caption="big" />
-  <Spinner type="normal" caption="normal" />
-  <Spinner type="mini" caption="mini" />
-  <Spinner type="mini" dimmed caption="mini dimmed" />
-  <Spinner type="big" caption={reactNodeCaption} />
-  <Spinner type="big" caption="custom" width={8} color={'#538A1B'}/>
-</Gapped>;
-```
-
-### Локали по умолчанию
-
-```typescript static
-interface SpinnerLocale {
-  loading?: React.ReactNode;
-}
-
-const ru_RU = {
-  loading: 'Загрузка',
-};
-
-const en_GB = {
-  loading: 'Loading',
-};
-```

package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js

@@ -1,146 +0,0 @@
-/* eslint-disable no-useless-constructor */
-import { globalObject } from '@skbkontur/global-object';
-import { ColorFactory } from "../../../lib/styles/ColorFactory";
-export var SpinnerFallbackAnimationRunner = function SpinnerFallbackAnimationRunner(animations, FPS) {
-  var _this = this;
-  this.interval = null;
-  this.start = function () {
-    _this.animations.forEach(function (animation) {
-      return animation.start();
-    });
-    _this.interval = rafInterval(function () {
-      _this.animations.forEach(function (animation) {
-        return animation.step();
-      });
-    }, _this.FPS);
-  };
-  this.stop = function () {
-    if (_this.interval) {
-      _this.interval.clear();
-      _this.animations.forEach(function (animation) {
-        return animation.finish();
-      });
-    }
-  };
-  this.animations = animations;
-  this.FPS = FPS;
-  this.start();
-};
-var rafInterval = function rafInterval(fn, delay) {
-  var lastcall = 0;
-  var cleared = false;
-  var rafId = 0;
-  var interval = function interval() {
-    if (cleared) {
-      return;
-    }
-    var timestamp = new Date().getTime();
-    if (!lastcall) {
-      lastcall = timestamp;
-    }
-    if (timestamp - lastcall > delay) {
-      fn();
-      lastcall = timestamp;
-    }
-    if (globalObject.requestAnimationFrame) {
-      rafId = globalObject.requestAnimationFrame(interval);
-    }
-  };
-  interval();
-  return {
-    clear: function clear() {
-      cleared = true;
-      globalObject.cancelAnimationFrame == null || globalObject.cancelAnimationFrame(rafId);
-    }
-  };
-};
-var Animation = function Animation(duration, onProgress, onFinish) {
-  var _this2 = this;
-  this.startTime = 0;
-  this.isFinished = false;
-  this.step = function () {
-    if (_this2.isFinished) {
-      return;
-    }
-    var timestamp = new Date().getTime();
-    if (!_this2.startTime) {
-      _this2.startTime = timestamp;
-    }
-    var progress = (timestamp - _this2.startTime) / _this2.duration;
-    _this2.onProgress(progress);
-    if (progress >= 1) {
-      _this2.finish();
-    }
-  };
-  this.reset = function () {
-    _this2.startTime = 0;
-    _this2.isFinished = false;
-  };
-  this.finish = function () {
-    _this2.isFinished = true;
-    _this2.onFinish && _this2.onFinish(_this2);
-  };
-  this.start = function () {
-    if (!_this2.isFinished) {
-      _this2.step();
-    }
-  };
-  this.duration = duration;
-  this.onProgress = onProgress;
-  this.onFinish = onFinish;
-};
-export var createOffsetAnimation = function createOffsetAnimation(from, to, duration, setStyleProperty, units) {
-  if (units === void 0) {
-    units = '';
-  }
-  return new Animation(duration, function (progress) {
-    var current = from + (to - from) * progress;
-    setStyleProperty('stroke-dashoffset', "" + current + units);
-  }, function (animation) {
-    animation.reset();
-  });
-};
-export var createLengthAnimation = function createLengthAnimation(from, to, duration, setStyleProperty, units) {
-  if (units === void 0) {
-    units = '';
-  }
-  var reverse = false;
-  return new Animation(duration, function (progress) {
-    var p = reverse ? 1 - progress : progress;
-    var current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];
-    setStyleProperty('stroke-dasharray', "" + current[0] + units + " " + current[1] + units);
-  }, function (animation) {
-    reverse = !reverse;
-    animation.reset();
-  });
-};
-export var createColorAnimation = function createColorAnimation(colors, duration, setStyleProperty) {
-  var rgbColors = colors.map(function (color) {
-    return ColorFactory.create(color).rgb;
-  });
-  var currentIndex = 0;
-  var nextIndex = 1;
-  return new Animation(duration, function (progress) {
-    var from = rgbColors[currentIndex];
-    var to = rgbColors[nextIndex];
-    if (from && to) {
-      var current = [Math.round(from[0] + (to[0] - from[0]) * progress), Math.round(from[1] + (to[1] - from[1]) * progress), Math.round(from[2] + (to[2] - from[2]) * progress)];
-      setStyleProperty('stroke', "rgb(" + current + ")");
-    }
-  }, function (animation) {
-    animation.reset();
-    currentIndex = nextIndex;
-    nextIndex = (nextIndex + 1) % colors.length;
-  });
-};
-export var createRotationAnimation = function createRotationAnimation(from, to, duration, setStyleProperty, units) {
-  if (units === void 0) {
-    units = 'deg';
-  }
-  return new Animation(duration, function (progress) {
-    var current = Math.round(from + (to - from) * progress);
-    setStyleProperty('transform', "rotate(" + current + units + ")");
-  }, function (animation) {
-    animation.reset();
-  });
-};

package/components/Spinner/SpinnerFallbackAnimation/SpinnerFallbackAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalObject","ColorFactory","SpinnerFallbackAnimationRunner","animations","FPS","_this","interval","start","forEach","animation","rafInterval","step","stop","clear","finish","fn","delay","lastcall","cleared","rafId","timestamp","Date","getTime","requestAnimationFrame","cancelAnimationFrame","Animation","duration","onProgress","onFinish","_this2","startTime","isFinished","progress","reset","createOffsetAnimation","from","to","setStyleProperty","units","current","createLengthAnimation","reverse","p","createColorAnimation","colors","rgbColors","map","color","create","rgb","currentIndex","nextIndex","Math","round","length","createRotationAnimation"],"sources":["SpinnerFallbackAnimation.ts"],"sourcesContent":["/* eslint-disable no-useless-constructor */\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ColorFactory } from '../../lib/styles/ColorFactory';\n\nexport class SpinnerFallbackAnimationRunner {\n  private interval: ReturnType<typeof rafInterval> | null = null;\n\n  constructor(\n    private animations: Animation[],\n    private FPS: number,\n  ) {\n    this.start();\n  }\n\n  public start = () => {\n    this.animations.forEach((animation) => animation.start());\n    this.interval = rafInterval(() => {\n      this.animations.forEach((animation) => animation.step());\n    }, this.FPS);\n  };\n\n  public stop = () => {\n    if (this.interval) {\n      this.interval.clear();\n      this.animations.forEach((animation) => animation.finish());\n    }\n  };\n}\n\nconst rafInterval = (fn: () => void, delay: number) => {\n  let lastcall = 0;\n  let cleared = false;\n  let rafId = 0;\n\n  const interval = () => {\n    if (cleared) {\n      return;\n    }\n\n    const timestamp = new Date().getTime();\n    if (!lastcall) {\n      lastcall = timestamp;\n    }\n    if (timestamp - lastcall > delay) {\n      fn();\n      lastcall = timestamp;\n    }\n    if (globalObject.requestAnimationFrame) {\n      rafId = globalObject.requestAnimationFrame(interval);\n    }\n  };\n  interval();\n\n  return {\n    clear: () => {\n      cleared = true;\n      globalObject.cancelAnimationFrame?.(rafId);\n    },\n  };\n};\n\nclass Animation {\n  private startTime = 0;\n  private isFinished = false;\n\n  constructor(\n    private duration: number,\n    private onProgress: (progress: number) => void,\n    private onFinish?: (animation: Animation) => void,\n  ) {}\n\n  public step = () => {\n    if (this.isFinished) {\n      return;\n    }\n\n    const timestamp = new Date().getTime();\n    if (!this.startTime) {\n      this.startTime = timestamp;\n    }\n    const progress = (timestamp - this.startTime) / this.duration;\n\n    this.onProgress(progress);\n\n    if (progress >= 1) {\n      this.finish();\n    }\n  };\n\n  public reset = () => {\n    this.startTime = 0;\n    this.isFinished = false;\n  };\n\n  public finish = () => {\n    this.isFinished = true;\n    this.onFinish && this.onFinish(this);\n  };\n\n  public start = () => {\n    if (!this.isFinished) {\n      this.step();\n    }\n  };\n}\n\nexport const createOffsetAnimation = (\n  from: number,\n  to: number,\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = '',\n) => {\n  return new Animation(\n    duration,\n    (progress) => {\n      const current = from + (to - from) * progress;\n      setStyleProperty('stroke-dashoffset', `${current}${units}`);\n    },\n    (animation) => {\n      animation.reset();\n    },\n  );\n};\n\nexport const createLengthAnimation = (\n  from: number[],\n  to: number[],\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = '',\n) => {\n  let reverse = false;\n  return new Animation(\n    duration,\n    (progress) => {\n      const p = reverse ? 1 - progress : progress;\n      const current = [from[0] + (to[0] - from[0]) * p, from[1] + (to[1] - from[1]) * p];\n      setStyleProperty('stroke-dasharray', `${current[0]}${units} ${current[1]}${units}`);\n    },\n    (animation) => {\n      reverse = !reverse;\n      animation.reset();\n    },\n  );\n};\n\nexport const createColorAnimation = (\n  colors: string[],\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n) => {\n  const rgbColors = colors.map((color) => ColorFactory.create(color).rgb);\n  let currentIndex = 0;\n  let nextIndex = 1;\n\n  return new Animation(\n    duration,\n    (progress) => {\n      const from = rgbColors[currentIndex];\n      const to = rgbColors[nextIndex];\n      if (from && to) {\n        const current = [\n          Math.round(from[0] + (to[0] - from[0]) * progress),\n          Math.round(from[1] + (to[1] - from[1]) * progress),\n          Math.round(from[2] + (to[2] - from[2]) * progress),\n        ];\n        setStyleProperty('stroke', `rgb(${current})`);\n      }\n    },\n    (animation) => {\n      animation.reset();\n      currentIndex = nextIndex;\n      nextIndex = (nextIndex + 1) % colors.length;\n    },\n  );\n};\n\nexport const createRotationAnimation = (\n  from: number,\n  to: number,\n  duration: number,\n  setStyleProperty: CSSStyleDeclaration['setProperty'],\n  units = 'deg',\n) => {\n  return new Animation(\n    duration,\n    (progress) => {\n      const current = Math.round(from + (to - from) * progress);\n      setStyleProperty('transform', `rotate(${current}${units})`);\n    },\n    (animation) => {\n      animation.reset();\n    },\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Spinner/SpinnerFallbackAnimation/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Spinner/SpinnerFallbackAnimation.js",
-  "module": "SpinnerFallbackAnimation",
-  "types": "../SpinnerFallbackAnimation.d.ts",
-  "sideEffects": false
-}

package/components/Spinner/SpinnerFallbackAnimation.d.ts

@@ -1,25 +0,0 @@
-export declare class SpinnerFallbackAnimationRunner {
-    private animations;
-    private FPS;
-    private interval;
-    constructor(animations: Animation[], FPS: number);
-    start: () => void;
-    stop: () => void;
-}
-declare class Animation {
-    private duration;
-    private onProgress;
-    private onFinish?;
-    private startTime;
-    private isFinished;
-    constructor(duration: number, onProgress: (progress: number) => void, onFinish?: ((animation: Animation) => void) | undefined);
-    step: () => void;
-    reset: () => void;
-    finish: () => void;
-    start: () => void;
-}
-export declare const createOffsetAnimation: (from: number, to: number, duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
-export declare const createLengthAnimation: (from: number[], to: number[], duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
-export declare const createColorAnimation: (colors: string[], duration: number, setStyleProperty: CSSStyleDeclaration['setProperty']) => Animation;
-export declare const createRotationAnimation: (from: number, to: number, duration: number, setStyleProperty: CSSStyleDeclaration['setProperty'], units?: string) => Animation;
-export {};