@prom-ui/core 0.0.24 → 0.0.30

package/SafeQuery/index.js

@@ -1,176 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var components = require('@apollo/client/react/components');
-var errcatch = require('@evo/errcatch');
-var Box = require('@prom-ui/core/Box');
-var Button = require('@prom-ui/core/Button');
-var Text = require('@prom-ui/core/Text');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/index.production.js');
+} else {
+  module.exports = require('./cjs/index.development.js');
 }
-
-var css = {"root":"SafeQuery__root___RWb3q"};
-
-var SafeQueryError = function (_a) {
-  var componentErrorName = _a.componentErrorName,
-      onReload = _a.onReload;
-
-  var _b = React.useState(false),
-      isHidden = _b[0],
-      setHidden = _b[1];
-
-  if (isHidden) {
-    return null;
-  }
-
-  if (process.env.NODE_ENV !== 'production') {
-    if (typeof window === 'undefined') return null;
-    return React__default["default"].createElement(Box.Box, {
-      className: css.root,
-      "box-background": 'red-500',
-      "box-padding": ['s m', 'm@large l@large'],
-      "box-position": 'relative',
-      "box-round": 'm',
-      "data-qaid": 'err_catch_trace'
-    }, React__default["default"].createElement(Box.Box, {
-      "box-margin-right": '5xl'
-    }, React__default["default"].createElement(Text.Text, {
-      "text-color": 'white'
-    }, "\u0412\u043E\u0437\u043D\u0438\u043A\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430:", ' ', React__default["default"].createElement(Text.Text, {
-      "text-weight": 'bold',
-      style: {
-        fontFamily: 'Consolas, "Liberation Mono", Menlo, monospace',
-        userSelect: 'all'
-      }
-    }, componentErrorName))), React__default["default"].createElement(Box.Box, {
-      "box-position": 'absolute center-right',
-      "box-margin-right": 's'
-    }, React__default["default"].createElement(Button.Button, {
-      "button-padding": 'xxs',
-      "button-theme": 'white-inherit',
-      onClick: onReload,
-      title: '\u041E\u0431\u043D\u043E\u0432\u0438\u0442\u044C'
-    }, React__default["default"].createElement("svg", {
-      xmlns: 'http://www.w3.org/2000/svg',
-      viewBox: '0 0 18 18',
-      width: 18,
-      height: 18
-    }, React__default["default"].createElement("path", {
-      fill: '#fff',
-      d: 'M9 13.5c-2.49 0-4.5-2.01-4.5-4.5S6.51 4.5 9 4.5c1.24\n                                0 2.36.52 3.17 1.33L10 8h5V3l-1.76 1.76C12.15 3.68 10.66\n                                3 9 3 5.69 3 3.01 5.69 3.01 9S5.69 15 9 15c2.97 0\n                                5.43-2.16 5.9-5h-1.52c-.46 2-2.24 3.5-4.38 3.5z'
-    }))), React__default["default"].createElement(Button.Button, {
-      "button-padding": 'xxs',
-      "button-theme": 'white-inherit',
-      onClick: function () {
-        return setHidden(true);
-      },
-      title: '\u0421\u043A\u0440\u044B\u0442\u044C'
-    }, React__default["default"].createElement("svg", {
-      xmlns: 'http://www.w3.org/2000/svg',
-      viewBox: '0 0 24 24',
-      width: 18,
-      height: 18
-    }, React__default["default"].createElement("path", {
-      fill: '#fff',
-      d: 'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5\n                                17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'
-    })))));
-  }
-
-  return null;
-};
-SafeQueryError.propTypes = {
-  componentErrorName: PropTypes__default["default"].string.isRequired,
-  onReload: PropTypes__default["default"].func.isRequired
-};
-
-var SafeQuery = function (_a) {
-  var _b = _a.componentErrorName,
-      componentErrorName = _b === void 0 ? 'SafeQuery' : _b,
-      children = _a.children,
-      props = __rest(_a, ["componentErrorName", "children"]);
-
-  var _c = React.useState(false),
-      isReload = _c[0],
-      setReload = _c[1];
-
-  React.useEffect(function () {
-    if (isReload) {
-      setReload(false);
-    }
-  }, [isReload]);
-
-  if (isReload) {
-    return null;
-  }
-
-  var errorComponent = React__default["default"].createElement(SafeQueryError, {
-    componentErrorName: componentErrorName,
-    onReload: function () {
-      return setReload(true);
-    }
-  });
-  return React__default["default"].createElement(errcatch.ErrCatch, {
-    name: componentErrorName,
-    errorComponent: errorComponent
-  }, React__default["default"].createElement(components.Query, __assign({}, props), function (queryResult) {
-    var error = queryResult.error;
-    if (error) throw error;
-    return children(queryResult);
-  }));
-}; // SafeQuery.defaultProps = {
-//     componentErrorName: 'SafeQuery',
-// };
-
-SafeQuery.propTypes = {
-  /** Название компонента в тексте с ошибкой */
-  componentErrorName: PropTypes__default["default"].string // children: PropTypes.func.isRequired,
-
-};
-
-exports.SafeQuery = SafeQuery;
-
-require('./style.css');

package/SafeQuery/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SafeQuery",
-  "version": "0.0.24",
+  "version": "0.0.30",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Scroll/cjs/index.development.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var evokit = require('evokit');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var evokit__namespace = /*#__PURE__*/_interopNamespace(evokit);
+
+var css = {"ek-scroll":"Scroll__ek-scroll___m6Vr5","ek-scroll__item":"Scroll__ek-scroll__item___bfetG","ek-scroll__item_blackhole_width-fit-content":"Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo","ek-scroll__item_blackhole_width-max-content":"Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl","ek-scroll_padding_xxs":"Scroll__ek-scroll_padding_xxs___9vZpV","ek-scroll_padding_xs":"Scroll__ek-scroll_padding_xs___L5kMA","ek-scroll_padding_s":"Scroll__ek-scroll_padding_s___Nr3Ig","ek-scroll_padding_m":"Scroll__ek-scroll_padding_m___hcRCz","ek-scroll_padding_l":"Scroll__ek-scroll_padding_l___SKeiS","ek-scroll_padding_xl":"Scroll__ek-scroll_padding_xl___MG4J-","ek-scroll_padding_xxl":"Scroll__ek-scroll_padding_xxl___m8ou2","ek-scroll_padding_3xl":"Scroll__ek-scroll_padding_3xl___xy72W","ek-scroll_padding_4xl":"Scroll__ek-scroll_padding_4xl___gzW-I","ek-scroll_padding_5xl":"Scroll__ek-scroll_padding_5xl___JErmt","ek-scroll_column_1":"Scroll__ek-scroll_column_1___n5mTi","ek-scroll_column_2":"Scroll__ek-scroll_column_2___GqdmF","ek-scroll_column_3":"Scroll__ek-scroll_column_3___DKZCp","ek-scroll_column_4":"Scroll__ek-scroll_column_4___-Nf-L","ek-scroll_column_5":"Scroll__ek-scroll_column_5___OxDq-","ek-scroll_column_6":"Scroll__ek-scroll_column_6___wP8Pu","ek-scroll_column_7":"Scroll__ek-scroll_column_7___-ZDSB","ek-scroll_column_8":"Scroll__ek-scroll_column_8___PnnsU","ek-scroll_column_9":"Scroll__ek-scroll_column_9___DDqgb","ek-scroll_column_10":"Scroll__ek-scroll_column_10___Hh-uZ","ek-scroll_gap_xxs":"Scroll__ek-scroll_gap_xxs___15vfK","ek-scroll_gap_xs":"Scroll__ek-scroll_gap_xs___Kvr2J","ek-scroll_gap_s":"Scroll__ek-scroll_gap_s___71-or","ek-scroll_gap_m":"Scroll__ek-scroll_gap_m___glUvB","ek-scroll_gap_l":"Scroll__ek-scroll_gap_l___pQC7Z","ek-scroll_gap_xl":"Scroll__ek-scroll_gap_xl___L1iAD","ek-scroll_gap_xxl":"Scroll__ek-scroll_gap_xxl___wVNm-","ek-scroll_gap_3xl":"Scroll__ek-scroll_gap_3xl___4tQXK","ek-scroll_gap_4xl":"Scroll__ek-scroll_gap_4xl___1-5dw","ek-scroll_gap_5xl":"Scroll__ek-scroll_gap_5xl___ym2qM","ek-scroll_bar_none":"Scroll__ek-scroll_bar_none___c1gVV","ek-scroll_bar_auto":"Scroll__ek-scroll_bar_auto___-TbaH","ek-scroll_align_normal":"Scroll__ek-scroll_align_normal___zoDjM","ek-scroll_align_start":"Scroll__ek-scroll_align_start___4mACC","ek-scroll_align_center":"Scroll__ek-scroll_align_center___3PWHW","ek-scroll_align_end":"Scroll__ek-scroll_align_end___AwLLA"};
+
+var Scroll = evokit__namespace.createBlock('ul', 'scroll', ['align', 'bar', 'column', 'gap', 'padding'], {
+  css: css
+});
+var ScrollItem = evokit__namespace.createBlock('li', 'scroll__item', [], {
+  css: css
+});
+Scroll.Item = ScrollItem;
+
+exports.Scroll = Scroll;
+exports.ScrollItem = ScrollItem;
+
+require('./style.development.css');

package/Scroll/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";function l(l){if(l&&l.__esModule)return l;var e=Object.create(null);return l&&Object.keys(l).forEach((function(_){if("default"!==_){var r=Object.getOwnPropertyDescriptor(l,_);Object.defineProperty(e,_,r.get?r:{enumerable:!0,get:function(){return l[_]}})}})),e.default=l,Object.freeze(e)}Object.defineProperty(exports,"__esModule",{value:!0});var e=l(require("evokit")),_={"ek-scroll":"m6Vr5","ek-scroll__item":"bfetG","ek-scroll__item_blackhole_width-fit-content":"k-fNo","ek-scroll__item_blackhole_width-max-content":"s8gGl","ek-scroll_padding_xxs":"_9vZpV","ek-scroll_padding_xs":"L5kMA","ek-scroll_padding_s":"Nr3Ig","ek-scroll_padding_m":"hcRCz","ek-scroll_padding_l":"SKeiS","ek-scroll_padding_xl":"MG4J-","ek-scroll_padding_xxl":"m8ou2","ek-scroll_padding_3xl":"xy72W","ek-scroll_padding_4xl":"gzW-I","ek-scroll_padding_5xl":"JErmt","ek-scroll_column_1":"n5mTi","ek-scroll_column_2":"GqdmF","ek-scroll_column_3":"DKZCp","ek-scroll_column_4":"-Nf-L","ek-scroll_column_5":"OxDq-","ek-scroll_column_6":"wP8Pu","ek-scroll_column_7":"-ZDSB","ek-scroll_column_8":"PnnsU","ek-scroll_column_9":"DDqgb","ek-scroll_column_10":"Hh-uZ","ek-scroll_gap_xxs":"_15vfK","ek-scroll_gap_xs":"Kvr2J","ek-scroll_gap_s":"_71-or","ek-scroll_gap_m":"glUvB","ek-scroll_gap_l":"pQC7Z","ek-scroll_gap_xl":"L1iAD","ek-scroll_gap_xxl":"wVNm-","ek-scroll_gap_3xl":"_4tQXK","ek-scroll_gap_4xl":"_1-5dw","ek-scroll_gap_5xl":"ym2qM","ek-scroll_bar_none":"c1gVV","ek-scroll_bar_auto":"-TbaH","ek-scroll_align_normal":"zoDjM","ek-scroll_align_start":"_4mACC","ek-scroll_align_center":"_3PWHW","ek-scroll_align_end":"AwLLA"},r=e.createBlock("ul","scroll",["align","bar","column","gap","padding"],{css:_}),o=e.createBlock("li","scroll__item",[],{css:_});r.Item=o,exports.Scroll=r,exports.ScrollItem=o,require("./style.production.css");

package/Scroll/cjs/style.development.css

@@ -0,0 +1 @@
+.Scroll__ek-scroll___m6Vr5{display:flex;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;list-style:none;padding:0;margin:0;box-sizing:border-box}.Scroll__ek-scroll___m6Vr5::after,.Scroll__ek-scroll___m6Vr5::before{content:"";align-self:normal}.Scroll__ek-scroll__item___bfetG{margin:0;padding:0;flex:0 0 auto;box-sizing:border-box}.Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl{width:-webkit-max-content;width:-moz-max-content;width:max-content}.Scroll__ek-scroll_padding_xxs___9vZpV::after,.Scroll__ek-scroll_padding_xxs___9vZpV::before{flex:0 0 var(--pds-spacing-xxs)}.Scroll__ek-scroll_padding_xs___L5kMA::after,.Scroll__ek-scroll_padding_xs___L5kMA::before{flex:0 0 var(--pds-spacing-xs)}.Scroll__ek-scroll_padding_s___Nr3Ig::after,.Scroll__ek-scroll_padding_s___Nr3Ig::before{flex:0 0 var(--pds-spacing-s)}.Scroll__ek-scroll_padding_m___hcRCz::after,.Scroll__ek-scroll_padding_m___hcRCz::before{flex:0 0 var(--pds-spacing-m)}.Scroll__ek-scroll_padding_l___SKeiS::after,.Scroll__ek-scroll_padding_l___SKeiS::before{flex:0 0 var(--pds-spacing-l)}.Scroll__ek-scroll_padding_xl___MG4J-::after,.Scroll__ek-scroll_padding_xl___MG4J-::before{flex:0 0 var(--pds-spacing-xl)}.Scroll__ek-scroll_padding_xxl___m8ou2::after,.Scroll__ek-scroll_padding_xxl___m8ou2::before{flex:0 0 var(--pds-spacing-xxl)}.Scroll__ek-scroll_padding_3xl___xy72W::after,.Scroll__ek-scroll_padding_3xl___xy72W::before{flex:0 0 var(--pds-spacing-3xl)}.Scroll__ek-scroll_padding_4xl___gzW-I::after,.Scroll__ek-scroll_padding_4xl___gzW-I::before{flex:0 0 var(--pds-spacing-4xl)}.Scroll__ek-scroll_padding_5xl___JErmt::after,.Scroll__ek-scroll_padding_5xl___JErmt::before{flex:0 0 var(--pds-spacing-5xl)}.Scroll__ek-scroll_column_1___n5mTi>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/1);min-width:0}.Scroll__ek-scroll_column_2___GqdmF>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/2);min-width:0}.Scroll__ek-scroll_column_3___DKZCp>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/3);min-width:0}.Scroll__ek-scroll_column_4___-Nf-L>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/4);min-width:0}.Scroll__ek-scroll_column_5___OxDq->.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/5);min-width:0}.Scroll__ek-scroll_column_6___wP8Pu>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/6);min-width:0}.Scroll__ek-scroll_column_7___-ZDSB>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/7);min-width:0}.Scroll__ek-scroll_column_8___PnnsU>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/8);min-width:0}.Scroll__ek-scroll_column_9___DDqgb>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/9);min-width:0}.Scroll__ek-scroll_column_10___Hh-uZ>.Scroll__ek-scroll__item___bfetG{flex-basis:calc(100%/10);min-width:0}.Scroll__ek-scroll_gap_xxs___15vfK>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xxs)}.Scroll__ek-scroll_gap_xs___Kvr2J>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xs)}.Scroll__ek-scroll_gap_s___71-or>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-s)}.Scroll__ek-scroll_gap_m___glUvB>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-m)}.Scroll__ek-scroll_gap_l___pQC7Z>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-l)}.Scroll__ek-scroll_gap_xl___L1iAD>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xl)}.Scroll__ek-scroll_gap_xxl___wVNm->.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-xxl)}.Scroll__ek-scroll_gap_3xl___4tQXK>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-3xl)}.Scroll__ek-scroll_gap_4xl___1-5dw>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-4xl)}.Scroll__ek-scroll_gap_5xl___ym2qM>.Scroll__ek-scroll__item___bfetG+.Scroll__ek-scroll__item___bfetG{margin-left:var(--pds-spacing-5xl)}.Scroll__ek-scroll_bar_none___c1gVV{-ms-overflow-style:none;scrollbar-width:none}.Scroll__ek-scroll_bar_none___c1gVV::-webkit-scrollbar{display:none}.Scroll__ek-scroll_bar_auto___-TbaH{-ms-overflow-style:auto;scrollbar-width:auto}.Scroll__ek-scroll_bar_auto___-TbaH::-webkit-scrollbar{display:auto}.Scroll__ek-scroll_align_normal___zoDjM{align-items:normal}.Scroll__ek-scroll_align_start___4mACC{align-items:flex-start}.Scroll__ek-scroll_align_center___3PWHW{align-items:center}.Scroll__ek-scroll_align_end___AwLLA{align-items:flex-end}

package/Scroll/cjs/style.production.css

@@ -0,0 +1 @@
+.m6Vr5{display:flex;flex-wrap:nowrap;flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;list-style:none;padding:0;margin:0;box-sizing:border-box}.m6Vr5::after,.m6Vr5::before{content:"";align-self:normal}.bfetG{margin:0;padding:0;flex:0 0 auto;box-sizing:border-box}.k-fNo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.s8gGl{width:-webkit-max-content;width:-moz-max-content;width:max-content}._9vZpV::after,._9vZpV::before{flex:0 0 var(--pds-spacing-xxs)}.L5kMA::after,.L5kMA::before{flex:0 0 var(--pds-spacing-xs)}.Nr3Ig::after,.Nr3Ig::before{flex:0 0 var(--pds-spacing-s)}.hcRCz::after,.hcRCz::before{flex:0 0 var(--pds-spacing-m)}.SKeiS::after,.SKeiS::before{flex:0 0 var(--pds-spacing-l)}.MG4J-::after,.MG4J-::before{flex:0 0 var(--pds-spacing-xl)}.m8ou2::after,.m8ou2::before{flex:0 0 var(--pds-spacing-xxl)}.xy72W::after,.xy72W::before{flex:0 0 var(--pds-spacing-3xl)}.gzW-I::after,.gzW-I::before{flex:0 0 var(--pds-spacing-4xl)}.JErmt::after,.JErmt::before{flex:0 0 var(--pds-spacing-5xl)}.n5mTi>.bfetG{flex-basis:calc(100%/1);min-width:0}.GqdmF>.bfetG{flex-basis:calc(100%/2);min-width:0}.DKZCp>.bfetG{flex-basis:calc(100%/3);min-width:0}.-Nf-L>.bfetG{flex-basis:calc(100%/4);min-width:0}.OxDq->.bfetG{flex-basis:calc(100%/5);min-width:0}.wP8Pu>.bfetG{flex-basis:calc(100%/6);min-width:0}.-ZDSB>.bfetG{flex-basis:calc(100%/7);min-width:0}.PnnsU>.bfetG{flex-basis:calc(100%/8);min-width:0}.DDqgb>.bfetG{flex-basis:calc(100%/9);min-width:0}.Hh-uZ>.bfetG{flex-basis:calc(100%/10);min-width:0}._15vfK>.bfetG+.bfetG{margin-left:var(--pds-spacing-xxs)}.Kvr2J>.bfetG+.bfetG{margin-left:var(--pds-spacing-xs)}._71-or>.bfetG+.bfetG{margin-left:var(--pds-spacing-s)}.glUvB>.bfetG+.bfetG{margin-left:var(--pds-spacing-m)}.pQC7Z>.bfetG+.bfetG{margin-left:var(--pds-spacing-l)}.L1iAD>.bfetG+.bfetG{margin-left:var(--pds-spacing-xl)}.wVNm->.bfetG+.bfetG{margin-left:var(--pds-spacing-xxl)}._4tQXK>.bfetG+.bfetG{margin-left:var(--pds-spacing-3xl)}._1-5dw>.bfetG+.bfetG{margin-left:var(--pds-spacing-4xl)}.ym2qM>.bfetG+.bfetG{margin-left:var(--pds-spacing-5xl)}.c1gVV{-ms-overflow-style:none;scrollbar-width:none}.c1gVV::-webkit-scrollbar{display:none}.-TbaH{-ms-overflow-style:auto;scrollbar-width:auto}.-TbaH::-webkit-scrollbar{display:auto}.zoDjM{align-items:normal}._4mACC{align-items:flex-start}._3PWHW{align-items:center}.AwLLA{align-items:flex-end}

package/Scroll/index.d.ts

@@ -1,16 +1,18 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-export declare const Scroll: any;
-export declare class StyleGuide extends Component {
-    static displayName: string;
-    static propTypes: {
-        /** Скрыть/показать полосу прокрутки */
-        "scroll-bar": PropTypes.Requireable<string>;
-        /** Выравнивание ячеек по горизонтальной оси */
-        "scroll-align": PropTypes.Requireable<string>;
-        "scroll-column": PropTypes.Requireable<string>;
-        "scroll-gap": PropTypes.Requireable<string>;
-        "scroll-padding": PropTypes.Requireable<string>;
-    };
-    render(): null;
-}
+import * as React from 'react';
+export declare type ScrollProps = React.ComponentProps<"ul"> & {
+    /** Скрыть/показать полосу прокрутки */
+    'scroll-bar'?: 'none' | 'auto';
+    /** Выравнивание ячеек по горизонтальной оси */
+    'scroll-align'?: 'start' | 'center' | 'end' | 'normal';
+    /** Количество видимых ячеек */
+    'scroll-column'?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
+    /** Отступ между ячейками */
+    'scroll-gap'?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl';
+    /** Внутренний отступ контейнера по бокам */
+    'scroll-padding'?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl';
+};
+export declare type ScrollItemProps = React.ComponentProps<"li">;
+export declare const Scroll: React.FC<ScrollProps> & {
+    Item: any;
+};
+export declare const ScrollItem: React.FC<ScrollItemProps>;

package/Scroll/index.js

@@ -1,79 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var PropTypes = require('prop-types');
-var evokit = require('evokit');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/index.production.js');
+} else {
+  module.exports = require('./cjs/index.development.js');
 }
-
-var css = {"ek-scroll":"Scroll__ek-scroll___m6Vr5","ek-scroll__item":"Scroll__ek-scroll__item___bfetG","ek-scroll__item_blackhole_width-fit-content":"Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo","ek-scroll__item_blackhole_width-max-content":"Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl","ek-scroll_padding_xxs":"Scroll__ek-scroll_padding_xxs___9vZpV","ek-scroll_padding_xs":"Scroll__ek-scroll_padding_xs___L5kMA","ek-scroll_padding_s":"Scroll__ek-scroll_padding_s___Nr3Ig","ek-scroll_padding_m":"Scroll__ek-scroll_padding_m___hcRCz","ek-scroll_padding_l":"Scroll__ek-scroll_padding_l___SKeiS","ek-scroll_padding_xl":"Scroll__ek-scroll_padding_xl___MG4J-","ek-scroll_padding_xxl":"Scroll__ek-scroll_padding_xxl___m8ou2","ek-scroll_padding_3xl":"Scroll__ek-scroll_padding_3xl___xy72W","ek-scroll_padding_4xl":"Scroll__ek-scroll_padding_4xl___gzW-I","ek-scroll_padding_5xl":"Scroll__ek-scroll_padding_5xl___JErmt","ek-scroll_column_1":"Scroll__ek-scroll_column_1___n5mTi","ek-scroll_column_2":"Scroll__ek-scroll_column_2___GqdmF","ek-scroll_column_3":"Scroll__ek-scroll_column_3___DKZCp","ek-scroll_column_4":"Scroll__ek-scroll_column_4___-Nf-L","ek-scroll_column_5":"Scroll__ek-scroll_column_5___OxDq-","ek-scroll_column_6":"Scroll__ek-scroll_column_6___wP8Pu","ek-scroll_column_7":"Scroll__ek-scroll_column_7___-ZDSB","ek-scroll_column_8":"Scroll__ek-scroll_column_8___PnnsU","ek-scroll_column_9":"Scroll__ek-scroll_column_9___DDqgb","ek-scroll_column_10":"Scroll__ek-scroll_column_10___Hh-uZ","ek-scroll_gap_xxs":"Scroll__ek-scroll_gap_xxs___15vfK","ek-scroll_gap_xs":"Scroll__ek-scroll_gap_xs___Kvr2J","ek-scroll_gap_s":"Scroll__ek-scroll_gap_s___71-or","ek-scroll_gap_m":"Scroll__ek-scroll_gap_m___glUvB","ek-scroll_gap_l":"Scroll__ek-scroll_gap_l___pQC7Z","ek-scroll_gap_xl":"Scroll__ek-scroll_gap_xl___L1iAD","ek-scroll_gap_xxl":"Scroll__ek-scroll_gap_xxl___wVNm-","ek-scroll_gap_3xl":"Scroll__ek-scroll_gap_3xl___4tQXK","ek-scroll_gap_4xl":"Scroll__ek-scroll_gap_4xl___1-5dw","ek-scroll_gap_5xl":"Scroll__ek-scroll_gap_5xl___ym2qM","ek-scroll_bar_none":"Scroll__ek-scroll_bar_none___c1gVV","ek-scroll_bar_auto":"Scroll__ek-scroll_bar_auto___-TbaH","ek-scroll_align_normal":"Scroll__ek-scroll_align_normal___zoDjM","ek-scroll_align_start":"Scroll__ek-scroll_align_start___4mACC","ek-scroll_align_center":"Scroll__ek-scroll_align_center___3PWHW","ek-scroll_align_end":"Scroll__ek-scroll_align_end___AwLLA"};
-
-var _a;
-var Scroll = evokit.createBlock('ul', 'scroll', ['align', 'bar', 'column', 'gap', 'padding'], {
-  css: css
-});
-Scroll.Item = evokit.createBlock('li', 'scroll__item', [], {
-  css: css
-}); // Only for StyleGuide
-
-var StyleGuide =
-/** @class */
-function (_super) {
-  __extends(StyleGuide, _super);
-
-  function StyleGuide() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  StyleGuide.prototype.render = function () {
-    return null;
-  };
-
-  StyleGuide.displayName = 'Scroll';
-  StyleGuide.propTypes = (_a = {},
-  /** Скрыть/показать полосу прокрутки */
-  _a['scroll-bar'] = PropTypes__default["default"].oneOf(['none', 'auto']),
-  /** Выравнивание ячеек по горизонтальной оси */
-  _a['scroll-align'] = PropTypes__default["default"].oneOf(['start', 'center', 'end', 'normal']), _a['scroll-column'] = PropTypes__default["default"].oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']), _a['scroll-gap'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a['scroll-padding'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a);
-  return StyleGuide;
-}(react.Component);
-
-exports.Scroll = Scroll;
-exports.StyleGuide = StyleGuide;
-
-require('./style.css');

package/Scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Scroll",
-  "version": "0.0.24",
+  "version": "0.0.30",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ScrollControls/cjs/index.development.js

@@ -0,0 +1,243 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var ttag = require('ttag');
+var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
+var Left = require('@prom-ui/icons/Left');
+var Right = require('@prom-ui/icons/Right');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+}
+
+var css = {"root":"ScrollControls__root___mOlOq","buttonCommon":"ScrollControls__buttonCommon___rZcyK","prev":"ScrollControls__prev___cF2KB ScrollControls__buttonCommon___rZcyK","next":"ScrollControls__next___9B-9g ScrollControls__buttonCommon___rZcyK","icon":"ScrollControls__icon___lzBzL","showOnHover":"ScrollControls__showOnHover___StbVV","hideOnDisabled":"ScrollControls__hideOnDisabled___IONkE"};
+
+var DIRECTION_NEXT = 1;
+var DIRECTION_PREV = -1;
+var CONTROLS_UPDATE_DELAY = 100;
+var ScrollControlsButton = function (_a) {
+  var _b, _c;
+
+  var scrollRef = _a.scrollRef,
+      _d = _a.hideOnDisabled,
+      hideOnDisabled = _d === void 0 ? false : _d,
+      _e = _a.isActive,
+      isActive = _e === void 0 ? true : _e,
+      onClickNext = _a.onClickNext,
+      onClickPrev = _a.onClickPrev,
+      zIndex = _a.zIndex,
+      _f = _a.theme,
+      theme = _f === void 0 ? 'white' : _f,
+      children = _a.children;
+  var updateControlsTimer = React.useRef(null);
+
+  var _g = React.useState({
+    prev: false,
+    next: false
+  }),
+      controlsVisible = _g[0],
+      setControlsVisible = _g[1];
+
+  var updateControlsVisible = function (nextScrollLeft) {
+    var _a = scrollRef.current,
+        scrollLeft = _a.scrollLeft,
+        scrollWidth = _a.scrollWidth,
+        clientWidth = _a.clientWidth;
+    var currentScrollLeft = (Number.isInteger(nextScrollLeft) ? nextScrollLeft : scrollLeft) || 0;
+    setControlsVisible({
+      prev: currentScrollLeft > 1,
+      next: currentScrollLeft < scrollWidth - clientWidth
+    });
+  };
+
+  var updateScrollLeft = function (direction) {
+    var _a = scrollRef.current,
+        scrollLeft = _a.scrollLeft,
+        clientWidth = _a.clientWidth;
+    var offset = clientWidth * direction;
+    updateControlsVisible(scrollLeft + offset);
+    requestAnimationFrame(function () {
+      if (scrollRef.current) {
+        scrollRef.current.scrollBy({
+          left: offset,
+          behavior: 'smooth'
+        });
+      }
+    });
+  };
+
+  var handleOnClickPrev = function () {
+    if (typeof onClickPrev === 'function') {
+      onClickPrev();
+    }
+
+    updateScrollLeft(DIRECTION_PREV);
+  };
+
+  var handleOnClickNext = function () {
+    if (typeof onClickNext === 'function') {
+      onClickNext();
+    }
+
+    updateScrollLeft(DIRECTION_NEXT);
+  };
+
+  var handleOnScroll = function () {
+    clearTimeout(updateControlsTimer.current || 0);
+    updateControlsTimer.current = setTimeout(updateControlsVisible, CONTROLS_UPDATE_DELAY);
+  };
+
+  React.useEffect(function () {
+    if (scrollRef.current && isActive) {
+      updateControlsVisible();
+      scrollRef.current.addEventListener('scroll', handleOnScroll);
+    }
+
+    return function () {
+      if (scrollRef.current && isActive) {
+        scrollRef.current.removeEventListener('scroll', handleOnScroll);
+      }
+    };
+  }, [isActive, children]);
+
+  if (isActive && (controlsVisible.prev || controlsVisible.next)) {
+    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(Button.Button, {
+      "button-theme": theme,
+      "button-round": 'xs',
+      "button-weight": 'normal',
+      "button-padding": 'none xxs',
+      className: classNames__default["default"](css.prev, (_b = {}, _b[css.hideOnDisabled] = hideOnDisabled, _b)),
+      onClick: handleOnClickPrev,
+      style: {
+        zIndex: zIndex
+      },
+      disabled: !controlsVisible.prev,
+      title: ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"])))
+    }, React__default["default"].createElement(Icon.Icon, {
+      className: css.icon,
+      "icon-as": Left.Left
+    })), React__default["default"].createElement(Button.Button, {
+      "button-theme": theme,
+      "button-round": 'xs',
+      "button-weight": 'normal',
+      "button-padding": 'none xxs',
+      className: classNames__default["default"](css.next, (_c = {}, _c[css.hideOnDisabled] = hideOnDisabled, _c)),
+      onClick: handleOnClickNext,
+      style: {
+        zIndex: zIndex
+      },
+      disabled: !controlsVisible.next,
+      title: ttag.t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0414\u0430\u043B\u0435\u0435"], ["\u0414\u0430\u043B\u0435\u0435"])))
+    }, React__default["default"].createElement(Icon.Icon, {
+      className: css.icon,
+      "icon-as": Right.Right
+    })));
+  }
+
+  return null;
+};
+var templateObject_1, templateObject_2;
+
+var ScrollControls = React__namespace.forwardRef(function (_a, ref) {
+  var _b;
+
+  var children = _a.children,
+      className = _a.className,
+      _c = _a.hideOnDisabled,
+      hideOnDisabled = _c === void 0 ? false : _c,
+      _d = _a.isActive,
+      isActive = _d === void 0 ? true : _d,
+      onClickNext = _a.onClickNext,
+      onClickPrev = _a.onClickPrev,
+      _e = _a.showOnHover,
+      showOnHover = _e === void 0 ? false : _e,
+      zIndex = _a.zIndex,
+      _f = _a.theme,
+      theme = _f === void 0 ? 'white' : _f,
+      props = __rest(_a, ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex", "theme"]);
+
+  var scrollRef = React__namespace.useRef(null);
+  return React__namespace.createElement("div", __assign({
+    ref: ref,
+    className: classNames__default["default"](css.root, className, (_b = {}, _b[css.showOnHover] = showOnHover, _b))
+  }, props), children(scrollRef), React__namespace.createElement(ScrollControlsButton, {
+    scrollRef: scrollRef,
+    hideOnDisabled: hideOnDisabled,
+    isActive: isActive,
+    onClickNext: onClickNext,
+    onClickPrev: onClickPrev,
+    zIndex: zIndex,
+    theme: theme
+  }, children));
+});
+
+exports.ScrollControls = ScrollControls;
+
+require('./style.development.css');

package/ScrollControls/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("ttag"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/icons/Left"),c=require("@prom-ui/icons/Right");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(e),s=u(e),f=l(t),d=function(){return d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var m,p,b="mOlOq",h="cF2KB rZcyK",O="_9B-9g rZcyK",y="lzBzL",x="StbVV",g="IONkE",j=function(t){var l,u,s=t.scrollRef,d=t.hideOnDisabled,b=void 0!==d&&d,x=t.isActive,j=void 0===x||x,w=t.onClickNext,E=t.onClickPrev,N=t.zIndex,P=t.theme,k=void 0===P?"white":P,I=t.children,C=e.useRef(null),q=e.useState({prev:!1,next:!1}),z=q[0],B=q[1],L=function(e){var t=s.current,r=t.scrollLeft,n=t.scrollWidth,o=t.clientWidth,i=(Number.isInteger(e)?e:r)||0;B({prev:i>1,next:i<n-o})},R=function(e){var t=s.current,r=t.scrollLeft,n=t.clientWidth*e;L(r+n),requestAnimationFrame((function(){s.current&&s.current.scrollBy({left:n,behavior:"smooth"})}))},A=function(){clearTimeout(C.current||0),C.current=setTimeout(L,100)};return e.useEffect((function(){return s.current&&j&&(L(),s.current.addEventListener("scroll",A)),function(){s.current&&j&&s.current.removeEventListener("scroll",A)}}),[j,I]),j&&(z.prev||z.next)?a.default.createElement(a.default.Fragment,null,a.default.createElement(n.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(h,(l={},l[g]=b,l)),onClick:function(){"function"==typeof E&&E(),R(-1)},style:{zIndex:N},disabled:!z.prev,title:r.t(m||(m=v(["Назад"],["Назад"])))},a.default.createElement(o.Icon,{className:y,"icon-as":i.Left})),a.default.createElement(n.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(O,(u={},u[g]=b,u)),onClick:function(){"function"==typeof w&&w(),R(1)},style:{zIndex:N},disabled:!z.next,title:r.t(p||(p=v(["Далее"],["Далее"])))},a.default.createElement(o.Icon,{className:y,"icon-as":c.Right}))):null},w=s.forwardRef((function(e,t){var r,n=e.children,o=e.className,i=e.hideOnDisabled,c=void 0!==i&&i,l=e.isActive,u=void 0===l||l,a=e.onClickNext,v=e.onClickPrev,m=e.showOnHover,p=void 0!==m&&m,h=e.zIndex,O=e.theme,y=void 0===O?"white":O,g=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex","theme"]),w=s.useRef(null);return s.createElement("div",d({ref:t,className:f.default(b,o,(r={},r[x]=p,r))},g),n(w),s.createElement(j,{scrollRef:w,hideOnDisabled:c,isActive:u,onClickNext:a,onClickPrev:v,zIndex:h,theme:y},n))}));exports.ScrollControls=w,require("./style.production.css");

package/ScrollControls/cjs/style.development.css

@@ -0,0 +1 @@
+.ScrollControls__root___mOlOq{position:relative;overflow:hidden}.ScrollControls__buttonCommon___rZcyK{position:absolute;top:50%;transform:translateY(-50%);border:0;box-shadow:0 0 10px rgba(0,0,0,.08);height:66px;max-width:30px;max-height:50%;min-height:24px}.ScrollControls__buttonCommon___rZcyK:disabled{opacity:.3;pointer-events:auto}.ScrollControls__buttonCommon___rZcyK:active{background:var(--black-200)}.ScrollControls__prev___cF2KB{left:0;margin-left:var(--pds-spacing-xs)}.ScrollControls__next___9B-9g{right:0;margin-right:var(--pds-spacing-xs)}.ScrollControls__icon___lzBzL{display:block;width:auto;height:24px;fill:currentColor;max-height:80%}.ScrollControls__showOnHover___StbVV .ScrollControls__next___9B-9g{right:-40px}.ScrollControls__showOnHover___StbVV .ScrollControls__prev___cF2KB{left:-40px}.ScrollControls__hideOnDisabled___IONkE:disabled{opacity:0;pointer-events:none;visibility:hidden}@media (hover:hover){.ScrollControls__showOnHover___StbVV:hover .ScrollControls__next___9B-9g{right:0}.ScrollControls__showOnHover___StbVV:hover .ScrollControls__prev___cF2KB{left:0}}