@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/components/Spinner/locale/locales/en.d.ts

@@ -1,3 +1,2 @@
-import { SpinnerLocale } from '../types';
-declare const componentsLocales: SpinnerLocale;
-export default componentsLocales;
+import { SpinnerLocale } from '../types';
+export declare const componentsLocales: SpinnerLocale;

package/components/Spinner/locale/locales/ru/package.json

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

package/components/Spinner/locale/locales/ru/ru.js

@@ -0,0 +1,3 @@
+export var componentsLocales = {
+  loading: 'Загрузка'
+};

package/components/Spinner/locale/locales/ru/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","loading"],"mappings":";;AAEA,OAAO,IAAMA,iBAAgC,GAAG;AAC9CC,EAAAA,OAAO,EAAE,UADqC,EAAzC","sourcesContent":["import { SpinnerLocale } from '../types';\n\nexport const componentsLocales: SpinnerLocale = {\n  loading: 'Загрузка',\n};\n"]}

package/components/Spinner/locale/locales/ru.d.ts

@@ -1,3 +1,2 @@
-import { SpinnerLocale } from '../types';
-declare const componentsLocales: SpinnerLocale;
-export default componentsLocales;
+import { SpinnerLocale } from '../types';
+export declare const componentsLocales: SpinnerLocale;

package/components/Spinner/locale/package.json

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

package/components/Spinner/locale/types/package.json

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

package/components/Spinner/locale/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/components/Spinner/locale/types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-export interface SpinnerLocale {
-    loading: React.ReactNode;
-}
+import React from 'react';
+export interface SpinnerLocale {
+    loading: React.ReactNode;
+}

package/components/Spinner/package.json

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

package/components/Sticky/Sticky/Sticky.js

@@ -0,0 +1,214 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import shallowEqual from 'shallowequal';
+import * as LayoutEvents from "../../../lib/LayoutEvents";
+import { isFunction } from "../../../lib/utils";
+import { ZIndex } from "../../../internal/ZIndex";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../Sticky.styles";
+var MAX_REFLOW_RETRIES = 5;
+export var Sticky = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Sticky, _React$Component);
+
+  function Sticky() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      fixed: false,
+      deltaHeight: 0,
+      stopped: false,
+      relativeTop: 0
+    };
+    _this.wrapper = void 0;
+    _this.inner = void 0;
+    _this.layoutSubscription = {
+      remove: null
+    };
+    _this.reflowCounter = 0;
+
+    _this.refWrapper = function (ref) {
+      return _this.wrapper = ref;
+    };
+
+    _this.refInner = function (ref) {
+      return _this.inner = ref;
+    };
+
+    _this.reflow = function () {
+      var _document = document,
+          documentElement = _document.documentElement;
+
+      if (!documentElement) {
+        throw Error('There is no "documentElement" in document');
+      }
+
+      var windowHeight = window.innerHeight || documentElement.clientHeight;
+
+      if (!_this.wrapper || !_this.inner) {
+        return;
+      }
+
+      var _this$wrapper$getBoun = _this.wrapper.getBoundingClientRect(),
+          top = _this$wrapper$getBoun.top,
+          bottom = _this$wrapper$getBoun.bottom,
+          left = _this$wrapper$getBoun.left;
+
+      var _this$inner$getBoundi = _this.inner.getBoundingClientRect(),
+          width = _this$inner$getBoundi.width,
+          height = _this$inner$getBoundi.height;
+
+      var _this$props = _this.props,
+          offset = _this$props.offset,
+          getStop = _this$props.getStop,
+          side = _this$props.side;
+      var _this$state = _this.state,
+          prevFixed = _this$state.fixed,
+          _this$state$height = _this$state.height,
+          prevHeight = _this$state$height === void 0 ? height : _this$state$height;
+      var fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;
+
+      _this.setState({
+        fixed: fixed,
+        left: left
+      });
+
+      if (fixed && !prevFixed) {
+        _this.setState({
+          width: width,
+          height: height
+        });
+      }
+
+      if (fixed) {
+        var stop = getStop && getStop();
+
+        if (stop) {
+          var deltaHeight = prevHeight - height;
+          var stopRect = stop.getBoundingClientRect();
+          var outerHeight = height + offset;
+          var stopped = false;
+          var relativeTop = 0;
+
+          if (side === 'top') {
+            stopped = stopRect.top - outerHeight < 0;
+            relativeTop = stopRect.top - prevHeight - top;
+          } else {
+            stopped = stopRect.bottom + outerHeight > windowHeight;
+            relativeTop = stopRect.bottom - top;
+          }
+
+          _this.setState({
+            relativeTop: relativeTop,
+            deltaHeight: deltaHeight,
+            stopped: stopped
+          });
+        }
+      }
+    };
+
+    return _this;
+  }
+
+  var _proto = Sticky.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.reflow();
+    this.layoutSubscription = LayoutEvents.addListener(this.reflow);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    if (this.layoutSubscription.remove) {
+      this.layoutSubscription.remove();
+    }
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {
+      if (this.reflowCounter < MAX_REFLOW_RETRIES) {
+        LayoutEvents.emit();
+        this.reflowCounter += 1;
+        return;
+      }
+    }
+
+    this.reflowCounter = 0;
+  };
+
+  _proto.render = function render() {
+    var _cx;
+
+    var children = this.props.children;
+    var _this$props2 = this.props,
+        side = _this$props2.side,
+        offset = _this$props2.offset;
+    var _this$state2 = this.state,
+        fixed = _this$state2.fixed,
+        stopped = _this$state2.stopped,
+        relativeTop = _this$state2.relativeTop,
+        deltaHeight = _this$state2.deltaHeight,
+        width = _this$state2.width,
+        height = _this$state2.height,
+        left = _this$state2.left;
+    var innerStyle = {};
+
+    if (fixed) {
+      if (stopped) {
+        innerStyle.top = relativeTop;
+        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;
+      } else {
+        innerStyle.width = width;
+        innerStyle[side] = offset;
+        innerStyle.left = left;
+      }
+    }
+
+    if (isFunction(children)) {
+      children = children(fixed);
+    }
+
+    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement("div", {
+      ref: this.refWrapper,
+      className: styles.wrapper()
+    }, /*#__PURE__*/React.createElement(ZIndex, {
+      priority: "Sticky",
+      applyZIndex: fixed,
+      className: cx(styles.inner(), (_cx = {}, _cx[styles.fixed()] = fixed && !stopped, _cx[styles.stopped()] = stopped, _cx)),
+      style: innerStyle,
+      wrapperRef: this.refInner
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.container()
+    }, children)), fixed && !stopped ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: width,
+        height: height
+      }
+    }) : null));
+  };
+
+  return Sticky;
+}(React.Component);
+Sticky.__KONTUR_REACT_UI__ = 'Sticky';
+Sticky.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+
+  /**
+  * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
+  */
+  getStop: PropTypes.func,
+
+  /**
+  * Отступ от границы в пикселях
+  */
+  offset: PropTypes.number,
+  side: PropTypes.oneOf(['top', 'bottom']).isRequired
+};
+Sticky.defaultProps = {
+  offset: 0
+};

package/components/Sticky/Sticky/Sticky.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Sticky.tsx"],"names":["React","PropTypes","shallowEqual","LayoutEvents","isFunction","ZIndex","CommonWrapper","cx","styles","MAX_REFLOW_RETRIES","Sticky","state","fixed","deltaHeight","stopped","relativeTop","wrapper","inner","layoutSubscription","remove","reflowCounter","refWrapper","ref","refInner","reflow","document","documentElement","Error","windowHeight","window","innerHeight","clientHeight","getBoundingClientRect","top","bottom","left","width","height","props","offset","getStop","side","prevFixed","prevHeight","Math","floor","setState","stop","stopRect","outerHeight","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","container","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","node","func","number","oneOf","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport shallowEqual from 'shallowequal';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends CommonProps {\n  side: 'top' | 'bottom';\n  /**\n   * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии\n   * @default 0\n   */\n  offset: number;\n  getStop?: () => Nullable<HTMLElement>;\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n  fixed: boolean;\n  deltaHeight: number;\n  height?: number;\n  width?: number;\n  left?: number;\n  stopped: boolean;\n  relativeTop: number;\n}\n\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = 'Sticky';\n\n  public static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n    /**\n     * Функция, которая возвращает DOM-элемент, который нельзя пересекать.\n     */\n    getStop: PropTypes.func,\n\n    /**\n     * Отступ от границы в пикселях\n     */\n    offset: PropTypes.number,\n\n    side: PropTypes.oneOf(['top', 'bottom']).isRequired,\n  };\n\n  public static defaultProps = { offset: 0 };\n\n  public state: StickyState = {\n    fixed: false,\n    deltaHeight: 0,\n    stopped: false,\n    relativeTop: 0,\n  };\n\n  private wrapper: Nullable<HTMLElement>;\n  private inner: Nullable<HTMLElement>;\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n  private reflowCounter = 0;\n\n  public componentDidMount() {\n    this.reflow();\n\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow);\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutSubscription.remove) {\n      this.layoutSubscription.remove();\n    }\n  }\n\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n        LayoutEvents.emit();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\n    let { children } = this.props;\n    const { side, offset } = this.props;\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n    const innerStyle: React.CSSProperties = {};\n\n    if (fixed) {\n      if (stopped) {\n        innerStyle.top = relativeTop;\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n      } else {\n        innerStyle.width = width;\n        innerStyle[side] = offset;\n        innerStyle.left = left;\n      }\n    }\n\n    if (isFunction(children)) {\n      children = children(fixed);\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div ref={this.refWrapper} className={styles.wrapper()}>\n          <ZIndex\n            priority=\"Sticky\"\n            applyZIndex={fixed}\n            className={cx(styles.inner(), {\n              [styles.fixed()]: fixed && !stopped,\n              [styles.stopped()]: stopped,\n            })}\n            style={innerStyle}\n            wrapperRef={this.refInner}\n          >\n            <div className={styles.container()}>{children}</div>\n          </ZIndex>\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\n\n  private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\n\n  private reflow = () => {\n    const { documentElement } = document;\n\n    if (!documentElement) {\n      throw Error('There is no \"documentElement\" in document');\n    }\n\n    const windowHeight = window.innerHeight || documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left } = this.wrapper.getBoundingClientRect();\n    const { width, height } = this.inner.getBoundingClientRect();\n    const { offset, getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\n    const fixed = side === 'top' ? top < offset : Math.floor(bottom) > windowHeight - offset;\n\n    this.setState({ fixed, left });\n\n    if (fixed && !prevFixed) {\n      this.setState({ width, height });\n    }\n\n    if (fixed) {\n      const stop = getStop && getStop();\n      if (stop) {\n        const deltaHeight = prevHeight - height;\n        const stopRect = stop.getBoundingClientRect();\n        const outerHeight = height + offset;\n        let stopped = false;\n        let relativeTop = 0;\n\n        if (side === 'top') {\n          stopped = stopRect.top - outerHeight < 0;\n          relativeTop = stopRect.top - prevHeight - top;\n        } else {\n          stopped = stopRect.bottom + outerHeight > windowHeight;\n          relativeTop = stopRect.bottom - top;\n        }\n\n        this.setState({ relativeTop, deltaHeight, stopped });\n      }\n    }\n  };\n}\n"]}

package/components/Sticky/Sticky/package.json

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

package/components/Sticky/Sticky.d.ts

@@ -1,61 +1,53 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-export interface StickyProps {
-    side: 'top' | 'bottom';
-    offset?: number;
-    getStop?: () => Nullable<HTMLElement>;
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-    /**
-     *
-     * Если `false`, вызывает `Maximum update depth exceeded error` когда у потомка определены марджины.
-     * Если `true` - добавляет контейнеру `overflow: auto`, тем самым предотвращая схлопывание марджинов
-     * @default false
-     */
-    allowChildWithMargins?: boolean;
-}
-export interface StickyState {
-    fixed: boolean;
-    height: number;
-    left: number | string;
-    width: number | string;
-    stopped: boolean;
-    relativeTop: number;
-}
-export default class Sticky extends React.Component<StickyProps, StickyState> {
-    static propTypes: {
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
-         */
-        getStop: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Отступ от границы в пикселях
-         */
-        offset: PropTypes.Requireable<number>;
-        side: PropTypes.Validator<string>;
-        allowChildWithMargins: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        offset: number;
-        allowChildWithMargins: boolean;
-    };
-    state: StickyState;
-    private _wrapper;
-    private _inner;
-    private _scheduled;
-    private _reflowing;
-    private _lastInnerHeight;
-    private _layoutSubscription;
-    private getProps;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-    private _refWrapper;
-    private _refInner;
-    private lesserThan;
-    private _reflow;
-    private _doReflow;
-    private _setStateIfChanged;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface StickyProps extends CommonProps {
+    side: 'top' | 'bottom';
+    /**
+     * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии
+     * @default 0
+     */
+    offset: number;
+    getStop?: () => Nullable<HTMLElement>;
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+}
+export interface StickyState {
+    fixed: boolean;
+    deltaHeight: number;
+    height?: number;
+    width?: number;
+    left?: number;
+    stopped: boolean;
+    relativeTop: number;
+}
+export declare class Sticky extends React.Component<StickyProps, StickyState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
+         */
+        getStop: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Отступ от границы в пикселях
+         */
+        offset: PropTypes.Requireable<number>;
+        side: PropTypes.Validator<string>;
+    };
+    static defaultProps: {
+        offset: number;
+    };
+    state: StickyState;
+    private wrapper;
+    private inner;
+    private layoutSubscription;
+    private reflowCounter;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;
+    render(): JSX.Element;
+    private refWrapper;
+    private refInner;
+    private reflow;
+}

package/components/Sticky/Sticky.md

@@ -0,0 +1,27 @@
+```jsx harmony
+const style = {
+  padding: 10,
+  background: '#f99',
+};
+
+let stop = null;
+
+<div>
+  <Sticky side="top" getStop={() => stop}>
+    {fixed => (
+      <div style={style}>
+        Small loan of a million dollars
+        {fixed ? ' fixed' : <div>not fixed</div>}
+      </div>
+    )}
+  </Sticky>
+  Great
+  <div style={{ height: 1000 }} />
+  <div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
+  <div style={{ height: 1000 }} />
+  <Sticky side="bottom" getStop={() => stop} offset={20}>
+    <div style={style}>Make America Great Again</div>
+  </Sticky>
+  <div style={{ height: 100 }} />
+</div>;
+```

package/components/Sticky/Sticky.styles/Sticky.styles.js

@@ -0,0 +1,22 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  wrapper: function wrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n    "])));
+  },
+  inner: function inner() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n    "])));
+  },
+  fixed: function fixed() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n    "])));
+  },
+  stopped: function stopped() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  },
+  container: function container() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      flex: auto;\n      width: 100%;\n    "])));
+  }
+});

package/components/Sticky/Sticky.styles/Sticky.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Sticky.styles.ts"],"names":["css","memoizeStyle","styles","wrapper","inner","fixed","stopped","container"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,OADiC,qBACvB;AACR,WAAOH,GAAP;;;AAGD,GALgC;AAMjCI,EAAAA,KANiC,mBAMzB;AACN,WAAOJ,GAAP;;;;AAID,GAXgC;;AAajCK,EAAAA,KAbiC,mBAazB;AACN,WAAOL,GAAP;;;AAGD,GAjBgC;;AAmBjCM,EAAAA,OAnBiC,qBAmBvB;AACR,WAAON,GAAP;;;AAGD,GAvBgC;;AAyBjCO,EAAAA,SAzBiC,uBAyBrB;AACV,WAAOP,GAAP;;;;AAID,GA9BgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n});\n"]}

package/components/Sticky/Sticky.styles/package.json

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

package/components/Sticky/Sticky.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const styles: {
+    wrapper(): string;
+    inner(): string;
+    fixed(): string;
+    stopped(): string;
+    container(): string;
+};

package/components/Sticky/index/index.js

@@ -0,0 +1 @@
+export * from "../Sticky";

package/components/Sticky/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Sticky';\n"]}

package/components/Sticky/index/package.json

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

package/components/Sticky/index.d.ts

@@ -1 +1 @@
-export { default, StickyProps, StickyState } from './Sticky';
+export * from './Sticky';

package/components/Sticky/package.json

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