@geneui/components 2.11.2 → 2.12.2

package/Tabs.js

@@ -1,236 +0,0 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import React__default, { useRef, useEffect, useState, useCallback, useMemo } from 'react';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { c as classnames } from './index-6ff23041.js';
-import Icon from './Icon.js';
-import { c as childrenOf } from './index-ac59cb10.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './globalStyling-9c60a159.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
-import 'react-dom';
-
-function Tab(props) {
-  const {
-    title,
-    icon,
-    active,
-    onClose,
-    disabled,
-    activeKey,
-    closeTitleText,
-    defaultActiveKey,
-    ...restProps
-  } = props;
-  const ref = useRef(null);
-  const isCloseable = props.hasOwnProperty('onClose') && typeof onClose === 'function';
-  useEffect(() => {
-    if (active && activeKey && defaultActiveKey !== activeKey && (defaultActiveKey || defaultActiveKey === 0)) {
-      ref.current.scrollIntoView({
-        behavior: 'smooth',
-        inline: 'nearest',
-        block: 'start'
-      });
-    }
-  }, [active, activeKey, defaultActiveKey]);
-  return /*#__PURE__*/React__default.createElement("li", _extends({
-    ref: ref,
-    className: classnames({
-      active,
-      disabled
-    })
-  }, restProps), icon && /*#__PURE__*/React__default.createElement(Icon, {
-    type: icon,
-    className: "tab-icon"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "ellipsis-text"
-  }, title), isCloseable && /*#__PURE__*/React__default.createElement("button", {
-    onClick: e => {
-      e.stopPropagation();
-      onClose();
-    },
-    className: "tab-close-button",
-    title: closeTitleText
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-close"
-  })));
-}
-Tab.propTypes = {
-  /**
-   * Title for 'Tab'.
-   */
-  title: propTypesExports.node,
-  /**
-   * Active/Passive state of 'Tab'
-   */
-  active: propTypesExports.bool,
-  /**
-   * Disabled state of 'Tab'
-   */
-  disabled: propTypesExports.bool,
-  /**
-   * Icon of 'Tab'
-   */
-  icon: propTypesExports.string,
-  /**
-   * Content padding for specific 'Tab'
-   */
-  contentPadding: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  /**
-   * Prop for specifying which tab is active
-   */
-  activeKey: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  /**
-   * Prop for default active tab
-   */
-  defaultActiveKey: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  /**
-   * Shows close button and triggers function onClick
-   */
-  onClose: propTypesExports.func,
-  /**
-   * Shows title hovering the close button
-   */
-  closeTitleText: propTypesExports.oneOfType([propTypesExports.func, propTypesExports.string])
-};
-Tab.defaultProps = {
-  disabled: false
-};
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .tabs-holder{align-items:flex-start;display:flex;width:100%}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.reversed{flex-direction:row-reverse}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.horizontal{flex-direction:column}[data-gene-ui-version=\"1.0.0\"] .tabs-head{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.horizontal>.tabs-head{width:100%}[data-gene-ui-version=\"1.0.0\"] .tabs-head>.tabs-wrapper{flex:auto}[data-gene-ui-version=\"1.0.0\"] .tabs-head>.tabs-actions{align-items:center;box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);color:var(--hero);display:flex;flex-shrink:0}[data-gene-ui-version=\"1.0.0\"] .tabs-head>.tabs-actions>*{margin-inline-end:2rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper{overflow-x:auto;width:100%}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper::-webkit-scrollbar{display:none;height:0;width:0}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs,[data-gene-ui-version=\"1.0.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{min-width:100%}[data-gene-ui-version=\"1.0.0\"] .tabs-content{display:inline-flex;font-weight:600;line-height:4.2rem;text-align:center;vertical-align:top}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content{flex-direction:column;text-align:start}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content .tab-icon{display:none}[data-gene-ui-version=\"1.0.0\"] .tabs-content>li{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0 2rem;position:relative;transition:color .3s,box-shadow .3s,border-color .3s,background-color,.3s}[data-gene-ui-version=\"1.0.0\"] .tabs-content>li .tab-icon{flex-shrink:0;margin-inline-end:1.4rem;margin-inline-start:-.4rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{justify-content:flex-start;padding:0 3rem 0 2rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.type-basic.tabs-content>li{justify-content:flex-end}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 3rem 0 2rem}[data-gene-ui-version=\"1.0.0\"] .tabs-content>li.disabled{opacity:.5}[data-gene-ui-version=\"1.0.0\"] .tabs-content>li.active,[data-gene-ui-version=\"1.0.0\"] .tabs-content>li.disabled{pointer-events:none}[data-gene-ui-version=\"1.0.0\"] .tabs-content>li .tab-close-button{align-items:center;background:rgba(var(--background-sc-rgb),.07);border-radius:100%;color:var(--background-sc);cursor:pointer;display:flex;height:1.6rem;justify-content:center;margin-inline-end:-1.6rem;margin-inline-start:.8rem;pointer-events:auto;transition:color .3s,background-color .3s;width:1.6rem}[data-gene-ui-version=\"1.0.0\"] .tabs-content>li .tab-close-button .icon{font-size:1.2rem}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .tabs-content>li .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"1.0.0\"] .tabs-content.active .tab-close-button{background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .tabs-content.active .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"1.0.0\"] .tabs-content.equal-tabs>li{flex:1;min-width:12rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs>li{width:13rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs.type-text>li{width:12rem}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-basic{box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);line-height:4.6rem;padding:0 2rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06);padding:2rem 0;text-align:end}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06);text-align:start}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-basic>li{box-shadow:inset 0 0 0 var(--hero);flex:inherit}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-basic>li.active{box-shadow:inset 0 -.4rem 0 0 var(--hero)}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active,html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset .3rem 0 0 var(--hero)}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-box>li{border:1px solid #0000;border-radius:1rem 1rem 0 0;line-height:4.1rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 0 0 .2rem}html[dir=rtl] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 .2rem 0 0}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:.2rem 0 0}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-box>li:hover{border-color:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-box>li.active{border-color:rgba(var(--background-sc-rgb),.1)}@media (hover:hover){html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}html:not([dir=rtl]) .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-left-color:#0000}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}}[data-gene-ui-version=\"1.0.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-bottom-color:var(--background)}html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}html:not([dir=rtl]) .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-left-color:var(--background)}html[dir=rtl] .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-button{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-button:not(.equal-tabs)>li{padding:0 2rem}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-button>li{box-shadow:inset 0 0 0 0 var(--hero)}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-button>li.active{box-shadow:inset 0 0 0 1px var(--hero)}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-text.equal-tabs>li{min-width:10rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text.equal-tabs>li{min-width:12rem}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-text>li{line-height:2.8rem;padding:0 1.5rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li{padding:0 2rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li+*{margin:1rem 0 0}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-text>li.active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-box>li.active,[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-button>li.active{color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-button,[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-button>li,[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-text,[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-text>li{border-radius:2rem}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-button>li:not(.active):hover,[data-gene-ui-version=\"1.0.0\"] .tabs-content.type-text>li:not(.active):hover{color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .tabs-content-holder{width:100%}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-content-holder{flex:auto}[data-gene-ui-version=\"1.0.0\"] .tabs-content-holder.c-type-box{align-self:stretch;border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:0 0 1rem 1rem;margin:-1px 0 0}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical>.tabs-content-holder.c-type-box{border-radius:1rem}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"1.0.0\"] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:1rem 0 0 1rem;margin:0 -1px 0 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"1.0.0\"] .external-link{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"1.0.0\"] .external-link>*+*{margin-inline-start:.2rem}";
-styleInject(css_248z);
-
-function Tabs(props) {
-  const {
-    type,
-    actions,
-    position,
-    children,
-    fixedSize,
-    onChange,
-    className,
-    defaultActiveKey,
-    contentClassName,
-    contentPadding
-  } = props;
-  const holderRef = useRef(null);
-  const isControlled = ('activeKey' in props);
-  const [active, setActive] = useState(() => defaultActiveKey || getDefaultActiveKey(children));
-  const activeKey = isControlled ? props.activeKey : active;
-  const handleClick = useCallback(key => {
-    !isControlled && setActive(key);
-    onChange && onChange(key);
-    (holderRef === null || holderRef === void 0 ? void 0 : holderRef.current) && holderRef.current.scrollTo(0, 0);
-  }, [onChange, isControlled, holderRef.current]);
-  const {
-    tabs,
-    content,
-    tabContentPadding
-  } = useMemo(() => getTabsAndContent(children, activeKey, defaultActiveKey, handleClick), [children, activeKey, handleClick]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('tabs-holder', className, {
-      vertical: position !== 'top',
-      reversed: position === 'right',
-      horizontal: position === 'top'
-    })
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "tabs-head"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "tabs-wrapper"
-  }, /*#__PURE__*/React__default.createElement("ul", {
-    className: classnames('tabs-content', "type-".concat(type), {
-      'equal-tabs': fixedSize
-    })
-  }, tabs)), actions && position === 'top' && /*#__PURE__*/React__default.createElement("div", {
-    className: "tabs-actions"
-  }, actions)), /*#__PURE__*/React__default.createElement("div", {
-    ref: holderRef,
-    className: classnames('tabs-content-holder', contentClassName, {
-      'c-type-box': type === 'box'
-    }),
-    style: {
-      padding: "".concat((tabContentPadding || contentPadding) / 10, "rem")
-    }
-  }, content));
-}
-Tabs.propTypes = {
-  /**
-   * Any valid react node, will be shown at right side of tab menu bar.
-   */
-  actions: propTypesExports.node,
-  /**
-   * Prop for specifying which tab is active
-   */
-  activeKey: propTypesExports.string,
-  /**
-   * Prop for default active tab
-   */
-  defaultActiveKey: propTypesExports.string,
-  /**
-   * Style of tab menu bar
-   */
-  type: propTypesExports.oneOf(['basic', 'box', 'button', 'text']),
-  /**
-   * Position of tab menu bar
-   */
-  position: propTypesExports.oneOf(['top', 'left', 'right']),
-  /**
-   * Size of tabs will be fixed when the value is true
-   */
-  fixedSize: propTypesExports.bool,
-  /**
-   * Callback function, fired when tab changes
-   */
-  onChange: propTypesExports.func,
-  /**
-   * Any valid react node
-   */
-  children: childrenOf([Tab]),
-  /**
-   * Additional classname for content wrapper
-   */
-  contentClassName: propTypesExports.string,
-  /**
-   * Padding value for content wrapper
-   */
-  contentPadding: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number])
-};
-Tabs.defaultProps = {
-  type: 'basic',
-  position: 'top',
-  fixedSize: false,
-  contentPadding: 19
-};
-function getDefaultActiveKey(children) {
-  let defaultActiveKey;
-  React__default.Children.forEach(children, child => {
-    if (!defaultActiveKey && !child.props.disabled) {
-      defaultActiveKey = child.key;
-    }
-  });
-  return defaultActiveKey;
-}
-function getTabsAndContent(children, activeKey, defaultActiveKey, handleClick) {
-  let content;
-  let tabContentPadding;
-  const tabs = React__default.Children.map(children, child => {
-    const active = child.key === activeKey;
-    if (active) {
-      content = child.props.children;
-      tabContentPadding = child.props.contentPadding;
-    }
-    return /*#__PURE__*/React__default.cloneElement(child, {
-      onClick: () => handleClick(child.key),
-      defaultActiveKey,
-      activeKey,
-      active
-    });
-  });
-  return {
-    tabs,
-    content,
-    tabContentPadding
-  };
-}
-
-export { Tab, Tabs };

package/Tag.js

@@ -1,103 +0,0 @@
-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 { t as tagConfig } from './configs-91c86664.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"1.0.0\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"1.0.0\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"1.0.0\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"1.0.0\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"1.0.0\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"1.0.0\"] .tag-c{--color:var(--hero);align-items:center;background:var(--background);color:var(--color);display:flex;flex-direction:row-reverse;flex-shrink:0;font:600 1.4rem/1.8rem var(--font-family);height:var(--size);justify-content:center;max-width:100%;padding:0 1rem;position:relative;text-align:center;transition:color .3s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"1.0.0\"] .tag-c.s-small{--size:2.4rem;font-size:1.2rem}html:not([dir=rtl]) .tag-c.s-small .icon{margin-left:1px}html[dir=rtl] .tag-c.s-small .icon{margin-right:1px}[data-gene-ui-version=\"1.0.0\"] .tag-c.s-medium{--size:2.6rem}html:not([dir=rtl]) .tag-c.s-medium .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-medium .icon{margin-right:.5rem}[data-gene-ui-version=\"1.0.0\"] .tag-c.s-big{--size:3rem}html:not([dir=rtl]) .tag-c.s-big .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-big .icon{margin-right:.5rem}[data-gene-ui-version=\"1.0.0\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"1.0.0\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"1.0.0\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"1.0.0\"] .tag-c.f-compact.s-big{padding:0 .7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-small .icon{margin-right:-.9rem}html[dir=rtl] .tag-c:not(.f-compact).s-small .icon{margin-left:-.9rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-medium .icon{margin-right:-.7rem}html[dir=rtl] .tag-c:not(.f-compact).s-medium .icon{margin-left:-.7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-big .icon{margin-right:-.2rem}html[dir=rtl] .tag-c:not(.f-compact).s-big .icon{margin-left:-.2rem}[data-gene-ui-version=\"1.0.0\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"1.0.0\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"1.0.0\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"1.0.0\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"1.0.0\"] .tag-c .icon,[data-gene-ui-version=\"1.0.0\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"1.0.0\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"1.0.0\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"1.0.0\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"1.0.0\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"1.0.0\"] .tag-backdrop:after,[data-gene-ui-version=\"1.0.0\"] .tag-backdrop:before{border-radius:inherit;content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"1.0.0\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"1.0.0\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";
-styleInject(css_248z);
-
-function Tag(_ref) {
-  let {
-    label,
-    name,
-    cornerRadius,
-    size,
-    color,
-    appearance,
-    flexibility,
-    selected,
-    className,
-    cursor,
-    icons,
-    ...restProps
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
-    className: classnames('static-title-holder', className, "f-".concat(flexibility))
-  }, restProps), label && /*#__PURE__*/React__default.createElement("li", {
-    className: "st-t"
-  }, label), /*#__PURE__*/React__default.createElement("li", {
-    className: "st-c"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: classnames('tag-c', "cr-".concat(cornerRadius), "a-".concat(appearance), "f-".concat(flexibility), "s-".concat(size), {
-      active: selected,
-      'pointer-events-none': !icons
-    }),
-    style: {
-      '--hero': color,
-      cursor
-    }
-  }, icons || null, /*#__PURE__*/React__default.createElement("div", {
-    className: "tag-cp tag-cc ellipsis-text"
-  }, name), /*#__PURE__*/React__default.createElement("div", {
-    className: "tag-backdrop"
-  }))));
-}
-Tag.propTypes = {
-  /**
-   * Label for 'Tag'.
-   */
-  label: propTypesExports.string,
-  /**
-   * Cursor type for 'Tag'.
-   */
-  cursor: propTypesExports.string,
-  /**
-   * Name for 'Tag'.
-   */
-  name: propTypesExports.string.isRequired,
-  /**
-   * Border type of corners
-   */
-  cornerRadius: propTypesExports.oneOf(tagConfig.cornerRadius),
-  /**
-   * Chooses how to show 'Tag'
-   */
-  flexibility: propTypesExports.oneOf(tagConfig.flexibility),
-  /**
-   * Switches between different sizes of 'Tag'.
-   */
-  size: propTypesExports.oneOf(tagConfig.size),
-  /**
-   * Color/theming for 'Tag'.
-   */
-  color: propTypesExports.string,
-  /**
-   * Switches between different views of 'Tag'.
-   */
-  appearance: propTypesExports.oneOf(tagConfig.appearance),
-  /**
-   * Selected state
-   */
-  selected: propTypesExports.bool,
-  /**
-   * External/Additional className
-   */
-  className: propTypesExports.string,
-  /**
-   * Showing icons
-   */
-  icons: propTypesExports.node
-};
-Tag.defaultProps = {
-  cornerRadius: tagConfig.cornerRadius[0],
-  flexibility: tagConfig.flexibility[0],
-  size: tagConfig.size[1],
-  appearance: tagConfig.appearance[0],
-  selected: false,
-  cursor: 'pointer'
-};
-
-export { Tag as default };

package/TimePicker.js

@@ -1,99 +0,0 @@
-import './_rollupPluginBabelHelpers-e8fb2e5c.js';
-import 'react';
-import './index-e0af0caf.js';
-import './index-6ff23041.js';
-import './configs-91c86664.js';
-import './index-ac59cb10.js';
-import './useDeviceType-dd51db38.js';
-import './Scrollbar.js';
-import './index-084588e9.js';
-import './Icon.js';
-export { T as default } from './index-9164a86d.js';
-import './Editor.js';
-import './ValidatableUploader.js';
-import './ValidatableRadio.js';
-import './ValidatableCheckbox.js';
-import './ValidatableSwitcher.js';
-import './ValidatableNumberInput.js';
-import './ValidatableTextInput.js';
-import './ValidatableDatePicker.js';
-import './ExtendedInput.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import './useWindowSize-80369d76.js';
-import './globalStyling-9c60a159.js';
-import './style-inject.es-746bb8ed.js';
-import './Popover-f4d1cac0.js';
-import './index-122432cd.js';
-import './GeneUIProvider.js';
-import './Portal.js';
-import './guid-8ddf77b3.js';
-import './index-135b9d17.js';
-import './Grid.js';
-import './useWidth-9f4647f8.js';
-import './Button.js';
-import './useKeyDown-38102ae7.js';
-import './BusyLoader.js';
-import './Image.js';
-import './Empty.js';
-import './Tooltip.js';
-import './Checkbox.js';
-import './checkboxRadioSwitcher-5b69d7bd.js';
-import './useEllipsisDetection-ef536015.js';
-import './Switcher.js';
-import './Tabs.js';
-import './Steps.js';
-import './debounce-4419bc2f.js';
-import './Timeline.js';
-import './RadioGroup.js';
-import './Radio.js';
-import './Card.js';
-import './MobilePopup.js';
-import './useClickOutside-5183e396.js';
-import './Menu.js';
-import './Option.js';
-import './SkeletonLoader.js';
-import './KeyValue.js';
-import './configs.js';
-import './Tag.js';
-import './Alert.js';
-import './index-00fe8887.js';
-import './rangeAndSlider-20599da4.js';
-import './Slider.js';
-import './useMount-6fef51a5.js';
-import './index-897d8240.js';
-import './Pagination.js';
-import './Divider.js';
-import './objectWithoutPropertiesLoose-299691d8.js';
-import './clsx.m-2bb6df4b.js';
-import './index-0199942c.js';
-import './index-5e96cb4d.js';
-import './DatePicker.js';
-import './localization-4ba17032.js';
-import './index-2030e31c.js';
-import './Notification.js';
-import './Modal.js';
-import './Collapse.js';
-import './Status.js';
-import './Avatar.js';
-import './Search.js';
-import './TextLink.js';
-import './Label.js';
-import './Paper.js';
-import './Badge.js';
-import './Time.js';
-import './Title.js';
-import './index-b7a33c58.js';
-import './QRCode.js';
-import './Progress.js';
-import './MobileNavigation.js';
-import './Products.js';
-import './Breadcrumb.js';
-import './Section.js';
-import './ColorPicker.js';
-import './NavigationMenu.js';
-import './Textarea.js';
-import './AdvancedSearch.js';
-import './LinkButton.js';
-import './checkTimeValidation-e56771be.js';

package/Timeline.js

@@ -1,114 +0,0 @@
-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 { c as childrenOf } from './index-ac59cb10.js';
-import Icon from './Icon.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import './globalStyling-9c60a159.js';
-import './dateValidation-67caec66.js';
-import './_commonjsHelpers-24198af3.js';
-import 'react-dom';
-
-var css_248z$1 = "[data-gene-ui-version=\"1.0.0\"] .timeline-item{display:flex;font-weight:600;line-height:1.36}[data-gene-ui-version=\"1.0.0\"] .timeline-item.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"1.0.0\"] .timeline-item.c-danger{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"1.0.0\"] .timeline-item:not(:last-child).with-line .t-line:before{background:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"1.0.0\"] .timeline-item:not(:last-child) .t-texts{padding:0 0 2rem}[data-gene-ui-version=\"1.0.0\"] .timeline-item>li{display:flex}[data-gene-ui-version=\"1.0.0\"] .timeline-item.a-default .t-texts>*+*{margin:0 0 0 1rem}html[dir=rtl] .timeline-item.a-default .t-texts>*+*{margin:0 1rem 0 0}[data-gene-ui-version=\"1.0.0\"] .timeline-item.a-compact .t-texts{flex-direction:column}[data-gene-ui-version=\"1.0.0\"] .timeline-item.a-compact .t-texts>*+*{margin:.5rem 0 0}[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-line{flex-shrink:0;position:relative}[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-line:before{content:\"\";display:block;height:100%;margin:0 .5rem;width:1px}[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-texts{flex:auto;margin:0 0 0 1.5rem}html[dir=rtl] .timeline-item .t-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-description{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.8rem var(--font-family)}[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-description,[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-title{max-width:100%}[data-gene-ui-version=\"1.0.0\"] .timeline-item .icon{background:var(--background);border-radius:100%;color:var(--hero);left:50%;position:absolute;top:0;transform:translate3d(-50%,-.3rem,0)}[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-icon{background:var(--background);border:.2rem solid var(--hero);border-radius:100%;box-shadow:0 0 0 .4rem var(--background);font-size:1.5rem;height:1.1rem;left:0;position:absolute;top:.4rem;width:1.1rem}[data-gene-ui-version=\"1.0.0\"] .timeline-item .t-icon.bc-icon-loader{top:.2rem}";
-styleInject(css_248z$1);
-
-const timelineColors = ['hero', 'success', 'danger'];
-const timelineAppearances = ['default', 'compact'];
-function TimelineItem(props) {
-  const {
-    icon,
-    title,
-    color,
-    withLine,
-    isLoading,
-    className,
-    appearance,
-    description,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
-    className: classnames('timeline-item', "a-".concat(appearance), "c-".concat(color), className, {
-      'with-line': withLine
-    })
-  }, restProps), /*#__PURE__*/React__default.createElement("li", {
-    className: "t-line"
-  }, isLoading ? /*#__PURE__*/React__default.createElement(Icon, {
-    type: "bc-icon-loader"
-  }) : icon ? /*#__PURE__*/React__default.createElement(Icon, {
-    type: icon
-  }) : /*#__PURE__*/React__default.createElement("div", {
-    className: "t-icon"
-  })), /*#__PURE__*/React__default.createElement("li", {
-    className: "t-texts"
-  }, !!title && /*#__PURE__*/React__default.createElement("div", {
-    className: "t-title"
-  }, title), !!description && /*#__PURE__*/React__default.createElement("div", {
-    className: "t-description"
-  }, description)));
-}
-TimelineItem.propTypes = {
-  /**
-   * Is loading state.
-   */
-  isLoading: propTypesExports.bool,
-  /**
-   * Title for item
-   */
-  title: propTypesExports.string,
-  /**
-   * Icon for item
-   */
-  icon: propTypesExports.string,
-  /**
-   * Render line between items
-   */
-  withLine: propTypesExports.bool,
-  /**
-   * Description fot item
-   */
-  description: propTypesExports.string,
-  /**
-   * External/Additional className
-   */
-  className: propTypesExports.string,
-  /**
-   * Different colors for items
-   */
-  color: propTypesExports.oneOf(timelineColors),
-  /**
-   * Any valid React node.
-   */
-  appearance: propTypesExports.oneOf(timelineAppearances)
-};
-TimelineItem.defaultProps = {
-  color: timelineColors[0],
-  withLine: true,
-  appearance: timelineAppearances[0]
-};
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .timeline-holder{display:flex;flex-direction:column}";
-styleInject(css_248z);
-
-function Timeline(props) {
-  const {
-    children,
-    className,
-    ...restProps
-  } = props;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: classnames('timeline-holder', className)
-  }, restProps), children);
-}
-Timeline.propTypes = {
-  /**
-   * External/Additional className
-   */
-  className: propTypesExports.string,
-  /**
-   * Any valid React node.
-   */
-  children: childrenOf([TimelineItem])
-};
-
-export { Timeline, TimelineItem, timelineAppearances, timelineColors };

package/Title.js

@@ -1,66 +0,0 @@
-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 { b as titleConfig } from './configs-91c86664.js';
-import Icon from './Icon.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .title-holder{align-items:center;display:flex;font:600 1.4rem/1.8rem var(--font-family);min-height:3.2rem;width:100%}[data-gene-ui-version=\"1.0.0\"] .title-holder.c-hero .title-text{color:var(--hero)}[data-gene-ui-version=\"1.0.0\"] .title-holder>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"1.0.0\"] .title-holder>li.line{flex:auto}[data-gene-ui-version=\"1.0.0\"] .title-holder>li.line i{background:rgba(var(--background-sc-rgb),.1);display:block;height:1px;width:100%}[data-gene-ui-version=\"1.0.0\"] .title-holder>li~li{margin:0 0 0 1rem}html[dir=rtl] .title-holder>li~li{margin:0 1rem 0 0}[data-gene-ui-version=\"1.0.0\"] .title-holder .divider{margin:0 1rem}";
-styleInject(css_248z);
-
-function Title(_ref) {
-  let {
-    icon,
-    text,
-    actions,
-    color,
-    withLine,
-    className,
-    ...restProps
-  } = _ref;
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
-    className: classnames('title-holder', "c-".concat(color), className)
-  }, restProps), icon && /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(Icon, {
-    type: icon
-  })), /*#__PURE__*/React__default.createElement("li", {
-    className: "title-text"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ellipsis-text"
-  }, text)), /*#__PURE__*/React__default.createElement("li", {
-    className: "line"
-  }, withLine && /*#__PURE__*/React__default.createElement("i", null)), actions && /*#__PURE__*/React__default.createElement("li", null, actions));
-}
-Title.propTypes = {
-  /**
-   * Display an icon. Values are the same as "Icon" atoms type prop
-   */
-  icon: propTypesExports.string,
-  /**
-   * Text/Component to be displayed. Any valid React node
-   */
-  text: propTypesExports.node.isRequired,
-  /**
-   * Actions to be displayed. Any valid React node
-   */
-  actions: propTypesExports.node,
-  /**
-   * Title color
-   */
-  color: propTypesExports.oneOf(titleConfig.color),
-  /**
-   * Displays a divider line
-   */
-  withLine: propTypesExports.bool,
-  /**
-   * Additional className
-   */
-  className: propTypesExports.string
-};
-Title.defaultProps = {
-  color: titleConfig.color[1],
-  withLine: false
-};
-
-export { Title as default };