@homecode/ui 4.27.22 → 4.27.24

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

@@ -13,8 +13,10 @@ import '../ButtonGroup/ButtonGroup.styl.js';
 import '../Calendar/Calendar.styl.js';
 import { Input } from '../Input/Input.js';
 import '../../tools/dom.js';
-import '../Icon/Icon.js';
 import 'timen';
+import 'justorm/react';
+import '../Flex/Flex.styl.js';
+import '../Icon/Icon.styl.js';
 import '../Label/Label.styl.js';
 import { Popup } from '../Popup/Popup.js';
 import '../RequiredStar/RequiredStar.styl.js';
@@ -22,7 +24,6 @@ import '../Select/Select.styl.js';
 import 'compareq';
 import 'lodash.pick';
 import '../Scroll/Scroll.styl.js';
-import 'justorm/react';
 import 'lodash.omit';
 import 'nanoid';
 import '../Checkbox/Checkbox.styl.js';
@@ -33,7 +34,6 @@ import '../DatePickerInput/DatePickerInput.styl.js';
 import '../../tools/queryParams.js';
 import '../Draggable/Draggable.styl.js';
 import '../Expand/Expand.styl.js';
-import '../Flex/Flex.styl.js';
 import '../Form/Form.styl.js';
 import '../Form/Validator.js';
 import '../Form/SubmitButtons/SubmitButtons.styl.js';

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

@@ -6,7 +6,7 @@ import ICONS from './icons/index.js';
 
 const icons = ICONS;
 function Icon(props) {
-    const { className, icon: CustomIcon, type, size, ...rest } = props;
+    const { className, icon: CustomIcon, type, size = 'm', ...rest } = props;
     const iconProps = {
         className: cn(S.root, S[`size-${size}`], className),
         role: 'img',
@@ -21,9 +21,6 @@ function Icon(props) {
     }
     // @ts-ignore
     return jsx(Lazy, { loader: localIcon, hideSpinner: true, ...iconProps });
-}
-Icon.defaultProps = {
-    size: 'm',
-};
+}
 
 export { Icon, icons };

package/dist/esm/src/components/Icon/icons/discord.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 SvgDiscord = function SvgDiscord(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "#5865f2",
+    d: "M20.21 4.295a19.3 19.3 0 0 0-4.86-1.523 16 16 0 0 0-.622 1.29 17.7 17.7 0 0 0-5.388 0 12 12 0 0 0-.631-1.293 19.3 19.3 0 0 0-4.863 1.533C.768 8.95-.065 13.482.351 17.95a19.6 19.6 0 0 0 5.964 3.056q.721-.995 1.274-2.105a12.4 12.4 0 0 1-2.008-.976q.252-.187.491-.392c3.877 1.813 8.09 1.813 11.92 0q.243.2.492.392-.958.575-2.012.98.55 1.11 1.275 2.101a19.3 19.3 0 0 0 5.966-3.056c.489-5.18-.836-9.67-3.504-13.656M8.118 15.205c-1.163 0-2.117-1.088-2.117-2.41 0-1.32.932-2.409 2.117-2.409s2.14 1.088 2.117 2.41c.003 1.324-.932 2.41-2.114 2.41m7.829 0c-1.163 0-2.117-1.089-2.117-2.41s.932-2.41 2.114-2.41c1.188 0 2.142 1.088 2.12 2.41 0 1.324-.932 2.41-2.117 2.41",
+    style: {
+      strokeWidth: 3.10913
+    }
+  }));
+};
+
+export { SvgDiscord as default };

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

@@ -26,6 +26,7 @@ var ICONS = {
     clearAll: () => import('./clearAll.svg.js'),
     cubes: () => import('./cubes.svg.js'),
     delete: () => import('./delete.svg.js'),
+    discord: () => import('./discord.svg.js'),
     draft: () => import('./draft.svg.js'),
     dragHandlerHorizontal: () => import('./dragHandlerHorizontal.svg.js'),
     dragHandlerVertical: () => import('./dragHandlerVertical.svg.js'),
@@ -52,6 +53,7 @@ var ICONS = {
     home: () => import('./home.svg.js'),
     layers: () => import('./layers.svg.js'),
     link: () => import('./link.svg.js'),
+    linkedin: () => import('./linkedin.svg.js'),
     loader: () => import('./loader.svg.js'),
     lock: () => import('./lock.svg.js'),
     lockOpen: () => import('./lockOpen.svg.js'),
@@ -91,6 +93,7 @@ var ICONS = {
     telegram: () => import('./telegram.svg.js'),
     tool: () => import('./tool.svg.js'),
     trafficLight: () => import('./trafficLight.svg.js'),
+    youtube: () => import('./youtube.svg.js'),
 };
 
 export { ICONS as default };

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

@@ -0,0 +1,20 @@
+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 SvgLinkedin = function SvgLinkedin(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlSpace: "preserve",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 11.46 11.46"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M10.406 0H1.035C.463 0 0 .463 0 1.035v9.371c0 .572.463 1.035 1.035 1.035h9.371c.572 0 1.035-.463 1.035-1.035V1.035C11.441.463 10.978 0 10.406 0M3.54 9.88a.3.3 0 0 1-.3.3H1.956a.3.3 0 0 1-.301-.3V4.504a.3.3 0 0 1 .301-.301H3.24a.3.3 0 0 1 .301.3zm-.942-6.183a1.218 1.218 0 1 1 0-2.436 1.218 1.218 0 0 1 0 2.436m7.643 6.206a.277.277 0 0 1-.277.277H8.588a.277.277 0 0 1-.277-.277v-2.52c0-.377.11-1.648-.983-1.648-.848 0-1.02.87-1.054 1.26v2.908a.277.277 0 0 1-.277.277h-1.33a.277.277 0 0 1-.278-.277V4.48c0-.152.124-.276.277-.276h1.33c.154 0 .278.124.278.276v.47c.314-.472.781-.837 1.776-.837 2.203 0 2.19 2.059 2.19 3.19z",
+    style: {
+      fill: "#0077b7",
+      strokeWidth: 0.0299512
+    }
+  }));
+};
+
+export { SvgLinkedin as default };

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

@@ -0,0 +1,20 @@
+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 SvgYoutube = function SvgYoutube(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlSpace: "preserve",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 13.83 13.83"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M365.257 67.393H95.744C42.866 67.393 0 110.259 0 163.137v134.728c0 52.878 42.866 95.744 95.744 95.744h269.513c52.878 0 95.744-42.866 95.744-95.744V163.137c0-52.878-42.866-95.744-95.744-95.744m-64.751 169.663-126.06 60.123c-3.359 1.602-7.239-.847-7.239-4.568V168.607c0-3.774 3.982-6.22 7.348-4.514l126.06 63.881c3.748 1.899 3.683 7.274-.109 9.082",
+    style: {
+      fill: "#f61c0d"
+    },
+    transform: "translate(.05 .083) scale(.02983)"
+  }));
+};
+
+export { SvgYoutube as default };

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

@@ -7,7 +7,10 @@ import { parsePath, replaceParamsInPath } from './Router.helpers.js';
 export { Route } from './Route.js';
 export { Redirect } from './Redirect.js';
 import 'classnames';
-import '../Icon/Icon.js';
+import 'timen';
+import '../Spinner/Spinner.styl.js';
+import '../Flex/Flex.styl.js';
+import '../Icon/Icon.styl.js';
 import './Link/Link.styl.js';
 
 const Router = (props) => {

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

@@ -12,6 +12,7 @@ export declare const icons: {
     bookmarkAdd: () => Promise<typeof import("*.svg")>;
     brain: () => Promise<typeof import("*.svg")>;
     brokenImage: () => Promise<typeof import("*.svg")>;
+    call: () => Promise<typeof import("*.svg")>;
     camera: () => Promise<typeof import("*.svg")>;
     chat: () => Promise<typeof import("*.svg")>;
     check: () => Promise<typeof import("*.svg")>;
@@ -27,6 +28,7 @@ export declare const icons: {
     clearAll: () => Promise<typeof import("*.svg")>;
     cubes: () => Promise<typeof import("*.svg")>;
     delete: () => Promise<typeof import("*.svg")>;
+    discord: () => Promise<typeof import("*.svg")>;
     draft: () => Promise<typeof import("*.svg")>;
     dragHandlerHorizontal: () => Promise<typeof import("*.svg")>;
     dragHandlerVertical: () => Promise<typeof import("*.svg")>;
@@ -53,6 +55,7 @@ export declare const icons: {
     home: () => Promise<typeof import("*.svg")>;
     layers: () => Promise<typeof import("*.svg")>;
     link: () => Promise<typeof import("*.svg")>;
+    linkedin: () => Promise<typeof import("*.svg")>;
     loader: () => Promise<typeof import("*.svg")>;
     lock: () => Promise<typeof import("*.svg")>;
     lockOpen: () => Promise<typeof import("*.svg")>;
@@ -92,11 +95,7 @@ export declare const icons: {
     telegram: () => Promise<typeof import("*.svg")>;
     tool: () => Promise<typeof import("*.svg")>;
     trafficLight: () => Promise<typeof import("*.svg")>;
+    youtube: () => Promise<typeof import("*.svg")>;
 };
 export type { IconType } from './Icon.types';
 export declare function Icon(props: T.Props): JSX.Element;
-export declare namespace Icon {
-    var defaultProps: {
-        size: T.IconSize;
-    };
-}

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

@@ -5,5 +5,5 @@ export type IconType = keyof typeof CUSTOM_ICONS;
 export type Props = ComponentType & {
     icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
     type?: IconType;
-    size: IconSize;
+    size?: IconSize;
 };

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

@@ -27,6 +27,7 @@ declare const _default: {
     clearAll: () => Promise<typeof import("*.svg")>;
     cubes: () => Promise<typeof import("*.svg")>;
     delete: () => Promise<typeof import("*.svg")>;
+    discord: () => Promise<typeof import("*.svg")>;
     draft: () => Promise<typeof import("*.svg")>;
     dragHandlerHorizontal: () => Promise<typeof import("*.svg")>;
     dragHandlerVertical: () => Promise<typeof import("*.svg")>;
@@ -53,6 +54,7 @@ declare const _default: {
     home: () => Promise<typeof import("*.svg")>;
     layers: () => Promise<typeof import("*.svg")>;
     link: () => Promise<typeof import("*.svg")>;
+    linkedin: () => Promise<typeof import("*.svg")>;
     loader: () => Promise<typeof import("*.svg")>;
     lock: () => Promise<typeof import("*.svg")>;
     lockOpen: () => Promise<typeof import("*.svg")>;
@@ -92,5 +94,6 @@ declare const _default: {
     telegram: () => Promise<typeof import("*.svg")>;
     tool: () => Promise<typeof import("*.svg")>;
     trafficLight: () => Promise<typeof import("*.svg")>;
+    youtube: () => Promise<typeof import("*.svg")>;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.27.22",
+  "version": "4.27.24",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",