@geneui/components 2.11.1 → 2.12.1

package/{Alert.js → Alert/index.js}

@@ -1,18 +1,17 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { s as screenTypes } from './configs-91c86664.js';
-import './dateValidation-67caec66.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { s as screenTypes } from '../configs-fed6ac34.js';
+import '../dateValidation-67caec66.js';
 import 'react-dom';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import Icon from './Icon.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './_commonjsHelpers-24198af3.js';
-import './useWindowSize-80369d76.js';
+import useDeviceType from '../hooks/useDeviceType.js';
+import Icon from '../Icon/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../_commonjsHelpers-24198af3.js';
+import '../hooks/useWindowSize.js';
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .alert-holder{background:var(--background);border-radius:.6rem;width:100%;word-break:break-word}[data-gene-ui-version=\"2.11.0\"] .toaster-holder.top .alert-holder.mobile-view:first-child,[data-gene-ui-version=\"2.11.0\"] .toaster-holder.top .alert-holder.mobile-view:first-child .alert-box{border-top-left-radius:0;border-top-right-radius:0}[data-gene-ui-version=\"2.11.0\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child,[data-gene-ui-version=\"2.11.0\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child .alert-box{border-bottom-left-radius:0;border-bottom-right-radius:0}[data-gene-ui-version=\"2.11.0\"] .alert-box{background:rgba(var(--confirm-rgb),.1);border:1px solid var(--confirm);border-radius:.6rem;display:flex;min-height:4.2rem;padding:.8rem .7rem;width:100%}[data-gene-ui-version=\"2.11.0\"] .alert-box.type-info{--confirm:var(--hero);--confirm-hover:var(--hero-hover);--confirm-sc:var(--hero-sc);--confirm-rgb:var(--hero-rgb);--confirm-sc-rgb:var(--hero-sc-rgb)}[data-gene-ui-version=\"2.11.0\"] .alert-box.type-warning{--confirm:var(--warning);--confirm-hover:var(--warning-hover);--confirm-sc:var(--warning-sc);--confirm-rgb:var(--warning-rgb);--confirm-sc-rgb:var(--warning-sc-rgb)}[data-gene-ui-version=\"2.11.0\"] .alert-box.type-error{--confirm:var(--danger);--confirm-hover:var(--danger-hover);--confirm-sc:var(--danger-sc);--confirm-rgb:var(--danger-rgb);--confirm-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.11.0\"] .alert-box.type-note{--confirm:var(--note);--confirm-hover:var(--note-hover);--confirm-sc:var(--note-sc);--confirm-rgb:var(--note-rgb);--confirm-sc-rgb:var(--note-sc-rgb)}[data-gene-ui-version=\"2.11.0\"] .alert-box.type-message{--confirm:var(--message);--confirm-hover:var(--message-hover);--confirm-sc:var(--message-sc);--confirm-rgb:var(--message-rgb);--confirm-sc-rgb:var(--message-sc-rgb)}[data-gene-ui-version=\"2.11.0\"] .alert-holder.mobile-view .alert-box{border-bottom-color:rgba(var(--background-sc-rgb),.1);border-width:0 0 1px}[data-gene-ui-version=\"2.11.0\"] .toaster-holder:not(.top,.bottom,.center) .alert-holder.mobile-view .alert-box{border-radius:0}[data-gene-ui-version=\"2.11.0\"] .alert-box>li{flex-shrink:0;padding:0 .7rem}[data-gene-ui-version=\"2.11.0\"] .alert-box>li.ab-c-c{align-self:center;flex:auto;margin:.4rem 0}[data-gene-ui-version=\"2.11.0\"] .alert-box>li.ab-bc-icon-c{max-width:100%}[data-gene-ui-version=\"2.11.0\"] .alert-box>li a,[data-gene-ui-version=\"2.11.0\"] .alert-box>li.ab-bc-icon-c{color:var(--confirm)}[data-gene-ui-version=\"2.11.0\"] .alert-box .bc-icon-close{cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .alert-box .bc-icon-close:hover{color:var(--confirm)}}[data-gene-ui-version=\"2.11.0\"] .alert-box a{color:var(--hero);font-weight:600}[data-gene-ui-version=\"2.11.0\"] .alert-box-title{font:600 1.4rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.11.0\"] .alert-text{font:600 1.2rem/1.42 var(--font-family);margin:.8rem 0 0}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .alert-holder{background:var(--background);border-radius:.6rem;width:100%;word-break:break-word}[data-gene-ui-version=\"2.12.1\"] .toaster-holder.top .alert-holder.mobile-view:first-child,[data-gene-ui-version=\"2.12.1\"] .toaster-holder.top .alert-holder.mobile-view:first-child .alert-box{border-top-left-radius:0;border-top-right-radius:0}[data-gene-ui-version=\"2.12.1\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child,[data-gene-ui-version=\"2.12.1\"] .toaster-holder.bottom .alert-holder.mobile-view:last-child .alert-box{border-bottom-left-radius:0;border-bottom-right-radius:0}[data-gene-ui-version=\"2.12.1\"] .alert-box{background:rgba(var(--confirm-rgb),.1);border:1px solid var(--confirm);border-radius:.6rem;display:flex;min-height:4.2rem;padding:.8rem .7rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .alert-box.type-info{--confirm:var(--hero);--confirm-hover:var(--hero-hover);--confirm-sc:var(--hero-sc);--confirm-rgb:var(--hero-rgb);--confirm-sc-rgb:var(--hero-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .alert-box.type-warning{--confirm:var(--warning);--confirm-hover:var(--warning-hover);--confirm-sc:var(--warning-sc);--confirm-rgb:var(--warning-rgb);--confirm-sc-rgb:var(--warning-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .alert-box.type-error{--confirm:var(--danger);--confirm-hover:var(--danger-hover);--confirm-sc:var(--danger-sc);--confirm-rgb:var(--danger-rgb);--confirm-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .alert-box.type-note{--confirm:var(--note);--confirm-hover:var(--note-hover);--confirm-sc:var(--note-sc);--confirm-rgb:var(--note-rgb);--confirm-sc-rgb:var(--note-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .alert-box.type-message{--confirm:var(--message);--confirm-hover:var(--message-hover);--confirm-sc:var(--message-sc);--confirm-rgb:var(--message-rgb);--confirm-sc-rgb:var(--message-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .alert-holder.mobile-view .alert-box{border-bottom-color:rgba(var(--background-sc-rgb),.1);border-width:0 0 1px}[data-gene-ui-version=\"2.12.1\"] .toaster-holder:not(.top,.bottom,.center) .alert-holder.mobile-view .alert-box{border-radius:0}[data-gene-ui-version=\"2.12.1\"] .alert-box>li{flex-shrink:0;padding:0 .7rem}[data-gene-ui-version=\"2.12.1\"] .alert-box>li.ab-c-c{align-self:center;flex:auto;margin:.4rem 0}[data-gene-ui-version=\"2.12.1\"] .alert-box>li.ab-bc-icon-c{max-width:100%}[data-gene-ui-version=\"2.12.1\"] .alert-box>li a,[data-gene-ui-version=\"2.12.1\"] .alert-box>li.ab-bc-icon-c{color:var(--confirm)}[data-gene-ui-version=\"2.12.1\"] .alert-box .bc-icon-close{cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .alert-box .bc-icon-close:hover{color:var(--confirm)}}[data-gene-ui-version=\"2.12.1\"] .alert-box a{color:var(--hero);font-weight:600}[data-gene-ui-version=\"2.12.1\"] .alert-box-title{font:600 1.4rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.12.1\"] .alert-text{font:600 1.2rem/1.42 var(--font-family);margin:.8rem 0 0}";
 styleInject(css_248z);
 
 const alertTypes = ['success', 'info', 'warning', 'error', 'note', 'message'];
@@ -58,38 +57,38 @@ Alert.propTypes = {
   /**
    * Alert type is for specifying information message to be delivered. Also a corresponding "Icon" atom will be displayed
    */
-  type: propTypesExports.oneOf(alertTypes),
+  type: PropTypes.oneOf(alertTypes),
   /**
    * Main field to describe alert information. Any valid React node
    */
-  title: propTypesExports.node.isRequired,
+  title: PropTypes.node.isRequired,
   /**
    * Additional classname
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Use this field for describing information more verbose. Any valid React node
    */
-  message: propTypesExports.node,
+  message: PropTypes.node,
   /**
    * The switch between mobile and desktop version of Alert will be applied automatically, when the prop is not specified.
    * When the prop is present it must be changed from outside.
    */
-  screenType: propTypesExports.oneOf(screenTypes),
+  screenType: PropTypes.oneOf(screenTypes),
   /**
    * When function is passed an "Icon" atom("type": "bc-icon-close") will be displayed((event: Event) => void).
    */
-  onClose: propTypesExports.func,
+  onClose: PropTypes.func,
   /**
    * Same as "Icon" atom props
    */
-  iconProps: propTypesExports.shape({
+  iconProps: PropTypes.shape({
     ...Icon.propTypes
   }),
   /**
    * Use this prop for replace main "Icon". Note that when the prop is specified "type" prop will not work(will be overlooked).
    */
-  swapIcon: propTypesExports.node
+  swapIcon: PropTypes.node
 };
 Alert.defaultProps = {
   type: 'info'

package/Avatar/index.js

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import { c as classnames } from '../index-6ff23041.js';
+import { r as getInitials, n as noop } from '../index-a0e4e333.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import 'prop-types';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
+import 'react-dom';
+
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .user-avatar-c{--size:2.6rem;background:var(--background-sc) no-repeat 50% 50%/cover;border-radius:.3rem;box-shadow:0 0 0 0 rgba(var(--background-sc-rgb),.2);color:var(--background);font:600 calc(var(--size)/2.3)/var(--size) var(--font-family);height:var(--size);text-align:center;transition:box-shadow .3s;width:var(--size)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.clickable{cursor:pointer}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.clickable:hover{box-shadow:0 0 0 .3rem rgba(var(--background-sc-rgb),.2)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c:not(.color-default){background:var(--background) no-repeat 50% 50%/cover;box-shadow:0 0 0 0 rgba(var(--background-rgb),.2);color:var(--background-sc)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c:not(.color-default).clickable:hover{box-shadow:0 0 0 .3rem rgba(var(--background-rgb),.2)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.color-green{--background:var(--confirm);--background-hover:var(--confirm-hover);--background-sc:var(--confirm-sc);--background-rgb:var(--confirm-rgb);--background-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.color-red{--background:var(--danger);--background-hover:var(--danger-hover);--background-sc:var(--danger-sc);--background-rgb:var(--danger-rgb);--background-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.shape-circle{border-radius:100%}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.text-small{font-size:calc(var(--size)/2.5)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c[class*=bc-icon-]{font-size:calc(var(--size)/2);line-height:var(--size)}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.size-small{--size:2.2rem}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.size-medium{--size:3.6rem}[data-gene-ui-version=\"2.12.1\"] .user-avatar-c.size-big{--size:4.6rem}";
+styleInject(css_248z);
+
+const Avatar = ({ src, icon, size, color, shape, onClick, children }) => {
+    return (React__default.createElement("div", { className: classnames('user-avatar-c', {
+            [`size-${size}`]: size,
+            [`color-${color}`]: color,
+            [`shape-${shape}`]: shape,
+            [icon]: !src && icon,
+            'text-small': typeof children === 'string' && children.length > 1,
+            clickable: !!onClick
+        }), style: { backgroundImage: src ? `url(${src})` : '' }, onClick: onClick }, !src && !icon && children && getInitials(children)));
+};
+Avatar.defaultProps = {
+    onClick: noop,
+    size: 'default',
+    color: 'default',
+    shape: 'circle'
+};
+
+export { Avatar as default };

package/{Badge.js → Badge/index.js}

@@ -1,12 +1,11 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useMemo } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { badgeConfig } from './configs.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { b as badgeConfig } from '../configs-fed6ac34.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .badge{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative}[data-gene-ui-version=\"2.11.0\"] .badge__content{background:var(--danger);border-radius:3rem;color:var(--danger-sc);display:block;font:600 1rem/1.6rem var(--font-family);min-width:1.6rem;padding:0 .5rem;text-align:center}[data-gene-ui-version=\"2.11.0\"] .badge__content-children{position:absolute;top:-.8rem}html:not([dir=rtl]) .badge__content-children{right:-.8rem}html[dir=rtl] .badge__content-children{left:-.8rem}[data-gene-ui-version=\"2.11.0\"] .badge__content-dot{height:1rem;min-height:1rem;min-width:1rem;top:-.5rem;width:1rem}html:not([dir=rtl]) .badge__content-dot{right:-.5rem}html[dir=rtl] .badge__content-dot{left:-.5rem}[data-gene-ui-version=\"2.11.0\"] .badge__content-medium{line-height:1.8rem;min-height:1.8rem;min-width:1.8rem}[data-gene-ui-version=\"2.11.0\"] .badge__content-big{line-height:2.2rem;min-height:2.2rem;min-width:2.2rem}[data-gene-ui-version=\"2.11.0\"] .badge__content-huge{font-size:1.3rem;line-height:2.6rem;min-height:2.6rem;min-width:2.6rem}[data-gene-ui-version=\"2.11.0\"] .badge__content-big,[data-gene-ui-version=\"2.11.0\"] .badge__content-huge,[data-gene-ui-version=\"2.11.0\"] .badge__content-medium{top:-1rem}html:not([dir=rtl]) .badge__content-big,html:not([dir=rtl]) .badge__content-huge,html:not([dir=rtl]) .badge__content-medium{right:-1rem}html[dir=rtl] .badge__content-big,html[dir=rtl] .badge__content-huge,html[dir=rtl] .badge__content-medium{left:-1rem}[data-gene-ui-version=\"2.11.0\"] .badge__content-primary{background:var(--hero)}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .badge{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative}[data-gene-ui-version=\"2.12.1\"] .badge__content{background:var(--danger);border-radius:3rem;color:var(--danger-sc);display:block;font:600 1rem/1.6rem var(--font-family);min-width:1.6rem;padding:0 .5rem;text-align:center}[data-gene-ui-version=\"2.12.1\"] .badge__content-children{position:absolute;top:-.8rem}html:not([dir=rtl]) .badge__content-children{right:-.8rem}html[dir=rtl] .badge__content-children{left:-.8rem}[data-gene-ui-version=\"2.12.1\"] .badge__content-dot{height:1rem;min-height:1rem;min-width:1rem;top:-.5rem;width:1rem}html:not([dir=rtl]) .badge__content-dot{right:-.5rem}html[dir=rtl] .badge__content-dot{left:-.5rem}[data-gene-ui-version=\"2.12.1\"] .badge__content-medium{line-height:1.8rem;min-height:1.8rem;min-width:1.8rem}[data-gene-ui-version=\"2.12.1\"] .badge__content-big{line-height:2.2rem;min-height:2.2rem;min-width:2.2rem}[data-gene-ui-version=\"2.12.1\"] .badge__content-huge{font-size:1.3rem;line-height:2.6rem;min-height:2.6rem;min-width:2.6rem}[data-gene-ui-version=\"2.12.1\"] .badge__content-big,[data-gene-ui-version=\"2.12.1\"] .badge__content-huge,[data-gene-ui-version=\"2.12.1\"] .badge__content-medium{top:-1rem}html:not([dir=rtl]) .badge__content-big,html:not([dir=rtl]) .badge__content-huge,html:not([dir=rtl]) .badge__content-medium{right:-1rem}html[dir=rtl] .badge__content-big,html[dir=rtl] .badge__content-huge,html[dir=rtl] .badge__content-medium{left:-1rem}[data-gene-ui-version=\"2.12.1\"] .badge__content-primary{background:var(--hero)}";
 styleInject(css_248z);
 
 const getShowValue = (count, maxCount) => {
@@ -41,31 +40,31 @@ Badge.propTypes = {
   /**
    * Any valid React node
    */
-  children: propTypesExports.node,
+  children: PropTypes.node,
   /**
    * Any custom class name
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Badge size
    */
-  size: propTypesExports.oneOf(badgeConfig.size),
+  size: PropTypes.oneOf(badgeConfig.size),
   /**
    * Badge color
    */
-  color: propTypesExports.oneOf(badgeConfig.color),
+  color: PropTypes.oneOf(badgeConfig.color),
   /**
    * Shows the specified number on the badge
    */
-  count: propTypesExports.number,
+  count: PropTypes.number,
   /**
    * Set this property to have only dot instead of number
    */
-  dot: propTypesExports.bool,
+  dot: PropTypes.bool,
   /**
    * When the "count" is greater than "maxCount" Badge will show "maxCount" value and "+"
    */
-  maxCount: propTypesExports.number
+  maxCount: PropTypes.number
 };
 Badge.defaultProps = {
   dot: false,

package/{Breadcrumb.js → Breadcrumb/index.js}

@@ -1,29 +1,30 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { useState, useCallback, Fragment } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import { n as noop } from './index-ac59cb10.js';
-import Button from './Button.js';
-import { P as Popover } from './index-a4635754.js';
-import Icon from './Icon.js';
-import Menu from './Menu.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import { n as noop } from '../index-a0e4e333.js';
+import Button from '../Button/index.js';
+import Popover from '../Popover/index.js';
+import Icon from '../Icon/index.js';
+import Menu from '../Menu/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../dateValidation-67caec66.js';
+import '../_commonjsHelpers-24198af3.js';
 import 'react-dom';
-import './Popover-f4d1cac0.js';
-import './index-122432cd.js';
-import './useDeviceType-dd51db38.js';
-import './configs-91c86664.js';
-import './useWindowSize-80369d76.js';
-import './GeneUIProvider.js';
-import './Portal.js';
-import './Scrollbar.js';
-import './guid-8ddf77b3.js';
-import './Option.js';
-import './useEllipsisDetection-ef536015.js';
-import './Tooltip.js';
+import '../Popover-f4d1cac0.js';
+import '../index-122432cd.js';
+import '../hooks/useDeviceType.js';
+import '../configs-fed6ac34.js';
+import '../hooks/useWindowSize.js';
+import '../hooks/useUpdatableRef.js';
+import '../hooks/useForceUpdate.js';
+import '../GeneUIProvider/index.js';
+import '../Portal/index.js';
+import '../Scrollbar/index.js';
+import '../guid-8ddf77b3.js';
+import '../Option/index.js';
+import '../hooks/useEllipsisDetection.js';
+import '../Tooltip/index.js';
 
 function BreadcrumbItem(_ref) {
   let {
@@ -39,7 +40,7 @@ function BreadcrumbItem(_ref) {
   }, data.title);
 }
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .bread-crumbs-holder{align-items:center;display:flex;font-weight:600;justify-content:flex-start;min-height:3.6rem;width:100%}[data-gene-ui-version=\"2.11.0\"] .bread-crumbs-holder>*+:not(button){margin:0 0 0 1rem}html[dir=rtl] .bread-crumbs-holder>*+:not(button){margin:0 1rem 0 0}[data-gene-ui-version=\"2.11.0\"] .bread-crumbs-holder>button{margin:0 .4rem}[data-gene-ui-version=\"2.11.0\"] .bread-crumbs-holder>button+.icon,html[dir=rtl] .bread-crumbs-holder>button+.icon{margin:0}[data-gene-ui-version=\"2.11.0\"] .breadcrumbs-link{color:inherit;cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .breadcrumbs-link:hover{color:var(--hero)}}[data-gene-ui-version=\"2.11.0\"] .breadcrumbs-link.active{color:var(--hero)}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .bread-crumbs-holder{align-items:center;display:flex;font-weight:600;justify-content:flex-start;min-height:3.6rem;width:100%}[data-gene-ui-version=\"2.12.1\"] .bread-crumbs-holder>*+:not(button){margin:0 0 0 1rem}html[dir=rtl] .bread-crumbs-holder>*+:not(button){margin:0 1rem 0 0}[data-gene-ui-version=\"2.12.1\"] .bread-crumbs-holder>button{margin:0 .4rem}[data-gene-ui-version=\"2.12.1\"] .bread-crumbs-holder>button+.icon,html[dir=rtl] .bread-crumbs-holder>button+.icon{margin:0}[data-gene-ui-version=\"2.12.1\"] .breadcrumbs-link{color:inherit;cursor:pointer}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .breadcrumbs-link:hover{color:var(--hero)}}[data-gene-ui-version=\"2.12.1\"] .breadcrumbs-link.active{color:var(--hero)}";
 styleInject(css_248z);
 
 function Breadcrumb(_ref) {
@@ -97,25 +98,25 @@ Breadcrumb.propTypes = {
   /**
    * Data items to display
    */
-  data: propTypesExports.arrayOf(propTypesExports.shape({
-    title: propTypesExports.node.isRequired
+  data: PropTypes.arrayOf(PropTypes.shape({
+    title: PropTypes.node.isRequired
   })).isRequired,
   /**
    * Additional className
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Breadcrumbs will render collapsed view when "data" length is greater than 4, when set to "true"
    */
-  collapsed: propTypesExports.bool,
+  collapsed: PropTypes.bool,
   /**
    * Fires an event on breadcrumb item click((item: data[item] => void))
    */
-  onClick: propTypesExports.func,
+  onClick: PropTypes.func,
   /**
    * Use this prop to define the middle component between breadcrumb items.
    */
-  separator: propTypesExports.node
+  separator: PropTypes.node
 };
 Breadcrumb.defaultProps = {
   collapsed: false,

package/{BusyLoader.js → BusyLoader/index.js}

@@ -1,12 +1,11 @@
 import React__default from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import Icon from './Icon.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import Icon from '../Icon/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .loader-holder{align-items:center;color:var(--hero);display:flex;flex-direction:column;margin:auto;position:relative;text-align:center}[data-gene-ui-version=\"2.11.0\"] .loader-holder.p-static{margin:6rem}[data-gene-ui-version=\"2.11.0\"] .loader-holder.p-absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.11.0\"] .loader-holder .s-medium{font-size:2.8rem}[data-gene-ui-version=\"2.11.0\"] .loader-holder .s-big{font-size:5.4rem}[data-gene-ui-version=\"2.11.0\"] .loader-text{font:600 1.6rem/2rem var(--font-family);margin:1rem 0 0}[data-gene-ui-version=\"2.11.0\"] .bubble-loader{animation:sk-rotate 2s linear infinite;height:6.6rem;position:relative;width:6.6rem}@keyframes sk-rotate{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.11.0\"] .bubble-loader .dot{animation:sk-bounce 2s ease-in-out infinite;background:var(--hero);border-radius:100%;height:60%;position:absolute;top:0;width:60%}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}[data-gene-ui-version=\"2.11.0\"] .bubble-loader .dot2{animation-delay:-1s;bottom:0;top:auto}[data-gene-ui-version=\"2.11.0\"] .bar-loader{height:.6rem;left:0;overflow:hidden;position:fixed;top:calc(var(--header-height, .6rem) - .6rem);width:100%}[data-gene-ui-version=\"2.11.0\"] .bar-loader:before{animation:bar-loader .8s linear infinite;background:linear-gradient(270deg,#7eb8ff 30%,#8d14e6 50%,#7eb8ff 70%) no-repeat 50% 50%/100vw .6rem;content:\"\";display:block;height:100%;left:50%;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);width:100%}@keyframes bar-loader{0%,to{opacity:0}10%,90%{opacity:1}0%{max-width:0}to{max-width:100%}}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .loader-holder{align-items:center;color:var(--hero);display:flex;flex-direction:column;margin:auto;position:relative;text-align:center}[data-gene-ui-version=\"2.12.1\"] .loader-holder.p-static{margin:6rem}[data-gene-ui-version=\"2.12.1\"] .loader-holder.p-absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}[data-gene-ui-version=\"2.12.1\"] .loader-holder .s-medium{font-size:2.8rem}[data-gene-ui-version=\"2.12.1\"] .loader-holder .s-big{font-size:5.4rem}[data-gene-ui-version=\"2.12.1\"] .loader-text{font:600 1.6rem/2rem var(--font-family);margin:1rem 0 0}[data-gene-ui-version=\"2.12.1\"] .bubble-loader{animation:sk-rotate 2s linear infinite;height:6.6rem;position:relative;width:6.6rem}@keyframes sk-rotate{to{transform:rotate(1turn)}}[data-gene-ui-version=\"2.12.1\"] .bubble-loader .dot{animation:sk-bounce 2s ease-in-out infinite;background:var(--hero);border-radius:100%;height:60%;position:absolute;top:0;width:60%}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}[data-gene-ui-version=\"2.12.1\"] .bubble-loader .dot2{animation-delay:-1s;bottom:0;top:auto}[data-gene-ui-version=\"2.12.1\"] .bar-loader{height:.6rem;left:0;overflow:hidden;position:fixed;top:calc(var(--header-height, .6rem) - .6rem);width:100%}[data-gene-ui-version=\"2.12.1\"] .bar-loader:before{animation:bar-loader .8s linear infinite;background:linear-gradient(270deg,#7eb8ff 30%,#8d14e6 50%,#7eb8ff 70%) no-repeat 50% 50%/100vw .6rem;content:\"\";display:block;height:100%;left:50%;max-width:0;opacity:0;overflow:hidden;position:absolute;top:0;transform:translateX(-50%);width:100%}@keyframes bar-loader{0%,to{opacity:0}10%,90%{opacity:1}0%{max-width:0}to{max-width:100%}}";
 styleInject(css_248z);
 
 function BubbleLoader() {
@@ -41,23 +40,23 @@ BusyLoader.propTypes = {
   /**
    * Show loader
    */
-  isBusy: propTypesExports.bool,
+  isBusy: PropTypes.bool,
   /**
    * Any valid React node. Renders when "isBusy" is set to false
    */
-  children: propTypesExports.node,
+  children: PropTypes.node,
   /**
    * Show some text when loading
    */
-  loadingText: propTypesExports.string,
+  loadingText: PropTypes.string,
   /**
    * Loader available type/style
    */
-  type: propTypesExports.oneOf(['spinner', 'bubbles', 'bar']),
+  type: PropTypes.oneOf(['spinner', 'bubbles', 'bar']),
   /**
    * Loader size
    */
-  spinnerSize: propTypesExports.oneOf(['small', 'medium', 'big'])
+  spinnerSize: PropTypes.oneOf(['small', 'medium', 'big'])
 };
 BusyLoader.defaultProps = {
   isBusy: true,

package/{Button.js → Button/index.js}

@@ -1,12 +1,11 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import Icon from './Icon.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
+import PropTypes from 'prop-types';
+import { c as classnames } from '../index-6ff23041.js';
+import Icon from '../Icon/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
 
-var css_248z = "[data-gene-ui-version=\"2.11.0\"] .btn{--size:3.6rem;align-items:center;border:1px solid #0000;border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));color:inherit;cursor:pointer;display:flex;font:600 1.4rem/2rem var(--font-family);justify-content:center;min-height:var(--button-external-size,var(--size));min-width:var(--button-external-size,var(--size));position:relative;transition:color .3s,background .3s,opacity .2s;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.11.0\"] .btn:focus-visible{border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.11.0\"] .btn:disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.11.0\"] .btn.s-medium{--size:3.2rem;font-size:1.2rem}[data-gene-ui-version=\"2.11.0\"] .btn.s-big{--size:4.2rem}[data-gene-ui-version=\"2.11.0\"] .btn.cr-smooth{border-radius:var(--button-external-border-radius,.4rem)}[data-gene-ui-version=\"2.11.0\"] .btn>*+*{margin:0 0 0 .4rem}html[dir=rtl] .btn>*+*{margin:0 .4rem 0 0}[data-gene-ui-version=\"2.11.0\"] .btn.id-end{flex-direction:row-reverse}[data-gene-ui-version=\"2.11.0\"] .btn.id-end>*+*{margin:0 .7rem 0 0}html[dir=rtl] .btn.id-end>*+*{margin:0 0 0 .7rem}[data-gene-ui-version=\"2.11.0\"] .btn:not(.c-icon){padding:0 2rem}[data-gene-ui-version=\"2.11.0\"] .btn:not(.c-icon).f-content-size{padding:0 1.3rem}[data-gene-ui-version=\"2.11.0\"] .btn:not(.c-icon).f-default{min-width:10rem}[data-gene-ui-version=\"2.11.0\"] .btn:not(.c-icon).f-full-width{width:100%}[data-gene-ui-version=\"2.11.0\"] .btn:not(.c-icon).loading-padding{padding:0 .6rem}[data-gene-ui-version=\"2.11.0\"] .btn.c-confirm{--hero:var(--confirm);--hero-sc:var(--confirm-sc);--hero-hover:var(--confirm-hover)}[data-gene-ui-version=\"2.11.0\"] .btn.c-danger{--hero:var(--danger);--hero-sc:var(--danger-sc);--hero-hover:var(--danger-hover)}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-outline{border-color:var(--hero);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-outline:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-outline:active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-minimal:not(.c-default){color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-minimal:hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-minimal.active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-grayscale:not(:disabled){background:rgba(var(--background-sc-rgb),.01)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-grayscale:not(:disabled):hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-grayscale:not(:disabled).active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-grayscale:not(.c-default){color:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-clean:not(.c-default){color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-clean:not(:disabled){background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-clean:not(:disabled):hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.11.0\"] .btn:not(.active).a-clean:not(:disabled).active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.11.0\"] .btn:not(.a-grayscale).with-shadow{box-shadow:0 .2rem .4rem 0 #0000001a}[data-gene-ui-version=\"2.11.0\"] .btn.a-grayscale:not(:disabled){box-shadow:0 1px 0 0 #00000029}[data-gene-ui-version=\"2.11.0\"] .btn.a-default,[data-gene-ui-version=\"2.11.0\"] .btn.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .btn.a-default:hover,[data-gene-ui-version=\"2.11.0\"] .btn.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.11.0\"] .btn.loading-state>:not(.btn-loader-holder){color:#0000!important}[data-gene-ui-version=\"2.11.0\"] .btn .btn-loader-holder{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .btn{--size:3.6rem;align-items:center;border:1px solid #0000;border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));color:inherit;cursor:pointer;display:flex;font:600 1.4rem/2rem var(--font-family);justify-content:center;min-height:var(--button-external-size,var(--size));min-width:var(--button-external-size,var(--size));position:relative;transition:color .3s,background .3s,opacity .2s;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.12.1\"] .btn:focus-visible{border-radius:var(--button-external-border-radius,var(--button-external-size,var(--size)));outline:.2rem var(--hero) solid}[data-gene-ui-version=\"2.12.1\"] .btn:disabled{opacity:.5;pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .btn.s-medium{--size:3.2rem;font-size:1.2rem}[data-gene-ui-version=\"2.12.1\"] .btn.s-big{--size:4.2rem}[data-gene-ui-version=\"2.12.1\"] .btn.cr-smooth{border-radius:var(--button-external-border-radius,.4rem)}[data-gene-ui-version=\"2.12.1\"] .btn>*+*{margin:0 0 0 .4rem}html[dir=rtl] .btn>*+*{margin:0 .4rem 0 0}[data-gene-ui-version=\"2.12.1\"] .btn.id-end{flex-direction:row-reverse}[data-gene-ui-version=\"2.12.1\"] .btn.id-end>*+*{margin:0 .7rem 0 0}html[dir=rtl] .btn.id-end>*+*{margin:0 0 0 .7rem}[data-gene-ui-version=\"2.12.1\"] .btn:not(.c-icon){padding:0 2rem}[data-gene-ui-version=\"2.12.1\"] .btn:not(.c-icon).f-content-size{padding:0 1.3rem}[data-gene-ui-version=\"2.12.1\"] .btn:not(.c-icon).f-default{min-width:10rem}[data-gene-ui-version=\"2.12.1\"] .btn:not(.c-icon).f-full-width{width:100%}[data-gene-ui-version=\"2.12.1\"] .btn:not(.c-icon).loading-padding{padding:0 .6rem}[data-gene-ui-version=\"2.12.1\"] .btn.c-confirm{--hero:var(--confirm);--hero-sc:var(--confirm-sc);--hero-hover:var(--confirm-hover)}[data-gene-ui-version=\"2.12.1\"] .btn.c-danger{--hero:var(--danger);--hero-sc:var(--danger-sc);--hero-hover:var(--danger-hover)}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-outline{border-color:var(--hero);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-outline:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-outline:active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-minimal:not(.c-default){color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-minimal:hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-minimal.active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-grayscale:not(:disabled){background:rgba(var(--background-sc-rgb),.01)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-grayscale:not(:disabled):hover{background:rgba(var(--background-sc-rgb),.03)}}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-grayscale:not(:disabled).active{background:rgba(var(--background-sc-rgb),.03)}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-grayscale:not(.c-default){color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-clean:not(.c-default){color:rgba(var(--background-sc-rgb),.6)}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-clean:not(:disabled){background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-clean:not(:disabled):hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.12.1\"] .btn:not(.active).a-clean:not(:disabled).active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.12.1\"] .btn:not(.a-grayscale).with-shadow{box-shadow:0 .2rem .4rem 0 #0000001a}[data-gene-ui-version=\"2.12.1\"] .btn.a-grayscale:not(:disabled){box-shadow:0 1px 0 0 #00000029}[data-gene-ui-version=\"2.12.1\"] .btn.a-default,[data-gene-ui-version=\"2.12.1\"] .btn.active{background:var(--hero);color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .btn.a-default:hover,[data-gene-ui-version=\"2.12.1\"] .btn.active:hover{background:var(--hero-hover)}}[data-gene-ui-version=\"2.12.1\"] .btn.loading-state>:not(.btn-loader-holder){color:#0000!important}[data-gene-ui-version=\"2.12.1\"] .btn .btn-loader-holder{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}";
 styleInject(css_248z);
 
 const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -63,59 +62,59 @@ Button.propTypes = {
   /**
    * Any valid React node
    */
-  children: propTypesExports.node,
+  children: PropTypes.node,
   /**
    * The way how the Button should be displayed
    */
-  appearance: propTypesExports.oneOf(ButtonConfig.appearance),
+  appearance: PropTypes.oneOf(ButtonConfig.appearance),
   /**
    * Button size
    */
-  size: propTypesExports.oneOf(ButtonConfig.size),
+  size: PropTypes.oneOf(ButtonConfig.size),
   /**
    * How to display inscription in relation to it's parent in Button
    */
-  flexibility: propTypesExports.oneOf(ButtonConfig.flexibility),
+  flexibility: PropTypes.oneOf(ButtonConfig.flexibility),
   /**
    * Button color
    */
-  color: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.oneOf(ButtonConfig.color)]),
+  color: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(ButtonConfig.color)]),
   /**
    * Button children direction either from the start, or from the end
    */
-  itemsDirection: propTypesExports.oneOf(ButtonConfig.itemsDirection),
+  itemsDirection: PropTypes.oneOf(ButtonConfig.itemsDirection),
   /**
    * Button corner radius
    */
-  cornerRadius: propTypesExports.oneOf(ButtonConfig.cornerRadius),
+  cornerRadius: PropTypes.oneOf(ButtonConfig.cornerRadius),
   /**
    * The property will add an "Icon" as Button child. The valid values can be found in "Icon" atom
    */
-  icon: propTypesExports.string,
+  icon: PropTypes.string,
   /**
    * Button disabled state
    */
-  disabled: propTypesExports.bool,
+  disabled: PropTypes.bool,
   /**
    * Button active state
    */
-  active: propTypesExports.bool,
+  active: PropTypes.bool,
   /**
    * Adding shadow to button
    */
-  withShadow: propTypesExports.bool,
+  withShadow: PropTypes.bool,
   /**
    * Button additianl className
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * Button text transforms to spinner
    */
-  loading: propTypesExports.bool,
+  loading: PropTypes.bool,
   /**
    * aria-label for button.
    */
-  ariaLabel: propTypesExports.string
+  ariaLabel: PropTypes.string
 };
 Button.defaultProps = {
   appearance: ButtonConfig.appearance[0],

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # Changelog
 
+# [2.12.1](https://github.com/softconstruct/gene-ui-components/compare/v2.11.2...v2.12.1) (2024-01-11)
+
+### Bug Fixes
+
+-   **CommitMessage:** disable scope lowercase functional in the git-cz package
+    ([#46](https://github.com/softconstruct/gene-ui-components/issues/46))
+    ([120bebe](https://github.com/softconstruct/gene-ui-components/commit/120bebe883430c04ebd8b0aea09408809a3f8e3a))
+-   **Component-stage:** fix and improve component-stage
+    ([b244edb](https://github.com/softconstruct/gene-ui-components/commit/b244edbdaca3d1d3415df8c59a15cef51d7dbbbe))
+-   **DatePickerInput:** close picker popover after value selection
+    ([#48](https://github.com/softconstruct/gene-ui-components/issues/48))
+    ([e58be53](https://github.com/softconstruct/gene-ui-components/commit/e58be53709630eb00cacf089c767c91aa3021675))
+-   **Dropdown:** input truncated text blinking fix
+    ([#37](https://github.com/softconstruct/gene-ui-components/issues/37))
+    ([19f4e54](https://github.com/softconstruct/gene-ui-components/commit/19f4e54bb3fb37d6acefd7e55480ea82dba9c5a7))
+-   **Dropdown:** open by tab key will autofocus to searhc input
+    ([d2a130b](https://github.com/softconstruct/gene-ui-components/commit/d2a130bbf65dfa8b47337fd4df8f91ec44ec7efa))
+-   **Dropdown:** remove Dropdown search input autofocus
+    ([be5b4e6](https://github.com/softconstruct/gene-ui-components/commit/be5b4e6802a31545f6fca86b2bfcd1959e1cf003))
+-   **Module:** remove undefined modules exports from the library entry point
+    ([c2d32c2](https://github.com/softconstruct/gene-ui-components/commit/c2d32c2c68924477957f8016c79a67522d623b9c))
+-   **Stories:** import and export changes
+    ([896ce5c](https://github.com/softconstruct/gene-ui-components/commit/896ce5c2484c03a5fd020991f0c5757e0203dae1))
+-   **Theming:** dark and light mode fix
+    ([a7c3c24](https://github.com/softconstruct/gene-ui-components/commit/a7c3c2461614e6f810d67eee13e0b50ec6de969e))
+-   **Version-select:** version select container fix
+    ([e57c363](https://github.com/softconstruct/gene-ui-components/commit/e57c3635ee8d0d3422c9db82f6bb6d151e040a10))
+
+### Features
+
+-   **Addon-jest:** add test addon to storybook
+    ([d3849b2](https://github.com/softconstruct/gene-ui-components/commit/d3849b20375b17d803e3bf6ee3163352bce84d81))
+-   **Table:** add copied tooltip text for table col element
+    ([#36](https://github.com/softconstruct/gene-ui-components/issues/36))
+    ([356b35a](https://github.com/softconstruct/gene-ui-components/commit/356b35ae66b419bea53b4826a8df6197ecfa3074))
+-   **Test:** add jest, enzyme and setup testing env
+    ([c91f9d9](https://github.com/softconstruct/gene-ui-components/commit/c91f9d94949ea61ec246760e8588e339fe2b2188))
+-   **Typescript:** add ts support, remove some redundant modules, change tree shake logic
+    ([58838da](https://github.com/softconstruct/gene-ui-components/commit/58838da2b3c2ad8effaf64649d97cbb4444dfd44))
+
+# 2.11.2 (2023-11-25)
+
+### Bug Fixes
+
+-   **ExtendedInput:** remove space in the beginning of
+    placeholder([#20](https://github.com/softconstruct/gene-ui-components/issues/20))
+-   **MapChart:** set animation prop to false ([#21](https://github.com/softconstruct/gene-ui-components/issues/21))
+-   **NavigationMenu:** change a tag styles and header visibility
+    logic([#28](https://github.com/softconstruct/gene-ui-components/issues/28))
+-   **Profile:** add custom avatar option to Profile
+    component([#26](https://github.com/softconstruct/gene-ui-components/issues/26))
+-   **Table:** add row index value in useDrag hook callback
+    function([#32](https://github.com/softconstruct/gene-ui-components/issues/32))
+-   **table:** remove animation from the table component row
+    actions([#23](https://github.com/softconstruct/gene-ui-components/issues/23))
+
 # 2.11.0 (2023-11-15)
 
 ### Bug Fixes