@homecode/ui 4.18.64 → 4.18.67

package/dist/esm/src/components/Button/Button.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color);box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-s__-SIY1{border-radius:4px;font-size:16px;min-height:30px;min-width:30px;padding:0 8px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:30px;width:30px}.Button_size-m__TBXc-{border-radius:6px;font-size:20px;min-height:40px;min-width:40px;padding:0 12px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:24px;min-height:50px;min-width:50px;padding:0 14px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:50px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_round__Bxofy.Button_size-s__-SIY1{border-radius:15px}.Button_round__Bxofy.Button_size-m__TBXc-{border-radius:20px}.Button_round__Bxofy.Button_size-l__Sx37T{border-radius:25px}.Button_variant-clear__z1HZm:active,.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:active,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover,.Button_variant-outlined__shnIq:active,.Button_variant-outlined__shnIq:hover,.Button_variant-primary__zhEQI:active,.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-300)}.Button_variant-text__oCx0X{background-color:transparent}.Button_variant-text__oCx0X:hover{background-color:transparent!important;color:var(--active-color)}.Button_variant-text__oCx0X:focus{background-color:transparent;color:var(--active-color)}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{background-color:var(--active-color);color:var(--accent-color-alpha-900)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--indent-s)}";
+var css_248z = ".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:focus,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color)!important;box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58:focus{box-shadow:0 0 0 2px var(--active-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-s__-SIY1{border-radius:4px;font-size:16px;min-height:30px;min-width:30px;padding:0 8px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:30px;width:30px}.Button_size-m__TBXc-{border-radius:6px;font-size:20px;min-height:40px;min-width:40px;padding:0 12px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:24px;min-height:50px;min-width:50px;padding:0 14px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:50px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_round__Bxofy.Button_size-s__-SIY1{border-radius:15px}.Button_round__Bxofy.Button_size-m__TBXc-{border-radius:20px}.Button_round__Bxofy.Button_size-l__Sx37T{border-radius:25px}.Button_variant-clear__z1HZm:active,.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:active,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover,.Button_variant-outlined__shnIq:active,.Button_variant-outlined__shnIq:hover,.Button_variant-primary__zhEQI:active,.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-300)}.Button_variant-text__oCx0X{background-color:transparent}.Button_variant-text__oCx0X:hover{background-color:transparent!important;color:var(--active-color)}.Button_variant-text__oCx0X:focus{background-color:transparent;color:var(--active-color)}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{background-color:var(--active-color);color:var(--accent-color-alpha-900)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--indent-s)}";
 var S = {"root":"Button_root__SZns2","loading":"Button_loading__c4pdo","checked":"Button_checked__X7f58","prefix":"Button_prefix__czqd5","postfix":"Button_postfix__DwG-n","size-s":"Button_size-s__-SIY1","square":"Button_square__eYSY3","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","round":"Button_round__Bxofy","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI","variant-text":"Button_variant-text__oCx0X","spinner":"Button_spinner__ttaMr"};
 styleInject(css_248z);
 

package/dist/esm/src/components/Icon/icons/clearAll.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgClearAll = function SvgClearAll(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M.178 18.875v-2.628h18.39v2.628zm2.627-5.255v-2.627h18.391v2.627zm2.627-5.255V5.738h18.391v2.627Z",
+    style: {
+      strokeWidth: 0.0328412
+    }
+  }));
+};
+
+export { SvgClearAll as default };

package/dist/esm/src/components/Icon/icons/flyover.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgFlyover = function SvgFlyover(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M.287 10.947V8.262a39.4 39.4 0 0 1 5.831-1.1 54 54 0 0 1 5.92-.323q2.996 0 5.919.323 2.923.324 5.83 1.1v2.685a23 23 0 0 0-1.174-.291l-1.175-.26v4.206h-2.35V9.944a49 49 0 0 0-7.05-.518q-1.762 0-3.525.114-1.763.113-3.526.372v4.69h-2.35v-4.238a46 46 0 0 0-2.35.583m4.7 12.711 1.704-12.27q.529-.065 1.205-.114.675-.048 1.204-.08L7.337 23.657ZM8.513.37h2.35l-.588 5.05q-.528.031-1.19.08-.66.048-1.19.113Zm2.35 23.288h2.35v-5.175h-2.35zm0-7.763h2.35V11.13h-2.35ZM13.213.37h2.35l.616 5.243q-.528-.032-1.19-.097-.66-.064-1.189-.097Zm3.525 23.288-1.763-12.465q.53.033 1.204.097.675.066 1.205.13l1.704 12.238z",
+    style: {
+      strokeWidth: 0.0308243
+    }
+  }));
+};
+
+export { SvgFlyover as default };

package/dist/esm/src/components/Icon/icons/index.js

@@ -10,6 +10,7 @@ var ICONS = {
     chevronDown: () => import('./chevronDown.svg.js'),
     chevronRight: () => import('./chevronRight.svg.js'),
     chevronLeft: () => import('./chevronLeft.svg.js'),
+    clearAll: () => import('./clearAll.svg.js'),
     delete: () => import('./delete.svg.js'),
     draft: () => import('./draft.svg.js'),
     edit: () => import('./edit.svg.js'),
@@ -22,6 +23,7 @@ var ICONS = {
     fullscreen: () => import('./fullscreen.svg.js'),
     fullscreenExit: () => import('./fullscreenExit.svg.js'),
     function: () => import('./function.svg.js'),
+    flyover: () => import('./flyover.svg.js'),
     gear: () => import('./gear.svg.js'),
     geolocation: () => import('./geolocation.svg.js'),
     group: () => import('./group.svg.js'),
@@ -52,6 +54,7 @@ var ICONS = {
     settings: () => import('./settings.svg.js'),
     shoppingBag: () => import('./shoppingBag.svg.js'),
     sparks: () => import('./sparks.svg.js'),
+    star: () => import('./star.svg.js'),
     syncArrows: () => import('./syncArrows.svg.js'),
     table: () => import('./table.svg.js'),
     telegram: () => import('./telegram.svg.js'),

package/dist/esm/src/components/Icon/icons/star.svg.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgStar = function SvgStar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m12 1.5 2.7 6.3 6.3.9-4.8 4.5 1.5 6.8-5.7-3.2L6.3 20l1.5-6.8L3 8.7l6.3-.9z"
+  })));
+};
+
+export { SvgStar as default };

package/dist/esm/src/components/Input/Input.js

@@ -302,11 +302,11 @@ class Input extends Component {
         if (this.isTextArea()) {
             const { size, scrollProps } = this.props;
             const { labelClipPath } = this.store;
-            return (createElement(Scroll, { y: true, size: size, fadeSize: "s", ...scrollProps, className: cn(S.scroller, S.controlWrapper, scrollProps?.className), innerProps: {
+            return (createElement(Scroll, { y: true, size: size, fadeSize: "s", className: cn(S.scroller, S.controlWrapper, scrollProps?.className), offset: {
+                    y: { before: TEXTAREA_SCROLL_TOP_OFFSET[size], after: 20 },
+                }, ...scrollProps, innerProps: {
                     suppressHydrationWarning: true,
                     style: { clipPath: labelClipPath },
-                }, offset: {
-                    y: { before: TEXTAREA_SCROLL_TOP_OFFSET[size], after: 20 },
                 }, key: "scroller" }, control));
         }
         return jsx("div", { className: S.controlWrapper, children: control });

package/dist/esm/types/src/components/Icon/icons/index.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
     chevronDown: () => Promise<any>;
     chevronRight: () => Promise<any>;
     chevronLeft: () => Promise<any>;
+    clearAll: () => Promise<any>;
     delete: () => Promise<any>;
     draft: () => Promise<any>;
     edit: () => Promise<any>;
@@ -22,6 +23,7 @@ declare const _default: {
     fullscreen: () => Promise<any>;
     fullscreenExit: () => Promise<any>;
     function: () => Promise<any>;
+    flyover: () => Promise<any>;
     gear: () => Promise<any>;
     geolocation: () => Promise<any>;
     group: () => Promise<any>;
@@ -52,6 +54,7 @@ declare const _default: {
     settings: () => Promise<any>;
     shoppingBag: () => Promise<any>;
     sparks: () => Promise<any>;
+    star: () => Promise<any>;
     syncArrows: () => Promise<any>;
     table: () => Promise<any>;
     telegram: () => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.18.64",
+  "version": "4.18.67",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",