@foxford/ui 2.106.0 → 2.106.1

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var ContextMenu=require('../ContextMenu/ContextMenu.js');var Heading=require('./Heading.js');var SubHeading=require('./SubHeading.js');var Controls=require('./Controls.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Spacer=require('../Spacer/Spacer.js');exports.ContextMenuMultiLevel=class ContextMenuMultiLevel extends React.PureComponent{static displayName='ContextMenu.MultiLevel';static defaultProps={config:{}};constructor(e){super(e),this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}onSelectItem=e=>{const{id:t,level:n}=e;const{selectedItems:s}=this.state;const i=[...s.slice(0,n),t];this.setState({selectedItems:i}),typeof this.props.onSelectItem=='function'&&this.props.onSelectItem(e,n)};getCurrentConfig=()=>{const{config:e}=this.props;const{selectedItems:t}=this.state;if(!e)return null;if(!t.length)return e;try{return t.reduce((e,t)=>e.items&&e.items.find(e=>e.id===t)?.config||{},e)}catch(e){return console.error(e),null}};reset=()=>{this.resetTimeout=setTimeout(()=>this.setState({selectedItems:[]}),200)};itemOnClickHandler=e=>{const t=this.getCurrentConfig();if(!t)throw new Error('Config not found');const{items:n=[]}=t;const{currentTarget:s}=e;const{id:i=null}=s.dataset;if(i===null)throw new Error('Data-id for item not found');const o=n.find(e=>`${e.id}`===i);if(!o)throw new Error('Item not found');(o.config||o.preventClosing)&&(e.preventDefault(),e.stopPropagation()),o.config&&this.onSelectItem(o),typeof o.onClick=='function'&&o.onClick(o)};render(){const{children:e,className:t,tooltipProps:n,isOpen:s,trigger:i,...o}=this.props;const{selectedItems:r}=this.state;const c=this.getCurrentConfig();const{config:l,onSelectItem:u,...a}=o;return jsxRuntime.jsxs(ContextMenu.ContextMenu,{className:t,tooltipProps:n,isOpen:s,onClose:this.reset,trigger:i,...a,children:[e,jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Spacer.Spacer,{top:9}),c?.heading?jsxRuntime.jsx(Heading.Heading,{content:c.heading}):null,c?.subheading?jsxRuntime.jsx(SubHeading.SubHeading,{content:c.subheading}):null,c?.items?jsxRuntime.jsx(style.MultilevelItems,{children:c.items.map(e=>jsxRuntime.jsx(ContextMenu.ContextMenu.Item,{id:e.id,content:e.content,active:e.level&&Boolean(r[e.level]===e.id)||e.active,onClick:this.itemOnClickHandler},e.id))}):null,c?.controls?jsxRuntime.jsx(Controls.Controls,{...c.controls}):jsxRuntime.jsx(Spacer.Spacer,{top:9})]})]})}};
+'use strict';var React=require('react');var ContextMenu=require('../ContextMenu/ContextMenu.js');var Heading=require('./Heading.js');var SubHeading=require('./SubHeading.js');var Controls=require('./Controls.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Spacer=require('../Spacer/Spacer.js');exports.ContextMenuMultiLevel=class ContextMenuMultiLevel extends React.PureComponent{static displayName='ContextMenu.MultiLevel';static defaultProps={config:{}};constructor(e){super(e),this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}onSelectItem=e=>{const{id:t,level:n}=e;const{selectedItems:s}=this.state;const i=[...s.slice(0,n),t];this.setState({selectedItems:i}),typeof this.props.onSelectItem=='function'&&this.props.onSelectItem(e,n)};getCurrentConfig=()=>{const{config:e}=this.props;const{selectedItems:t}=this.state;if(!e)return null;if(!t.length)return e;try{return t.reduce((e,t)=>e.items&&e.items.find(e=>e.id===t)?.config||{},e)}catch(e){return console.error(e),null}};reset=()=>{this.resetTimeout=setTimeout(()=>this.setState({selectedItems:[]}),200)};itemOnClickHandler=e=>{const t=this.getCurrentConfig()??{};const{items:n=[]}=t;const{currentTarget:s}=e;const{id:i}=s.dataset;const r=n.find(e=>`${e.id}`===i);r&&((r.config||r.preventClosing)&&(e.preventDefault(),e.stopPropagation()),r.config&&this.onSelectItem(r),typeof r.onClick=='function'&&r.onClick(r))};render(){const{children:e,className:t,tooltipProps:n,isOpen:s,trigger:i,...r}=this.props;const{selectedItems:o}=this.state;const c=this.getCurrentConfig();const{config:l,onSelectItem:u,...a}=r;return jsxRuntime.jsxs(ContextMenu.ContextMenu,{className:t,tooltipProps:n,isOpen:s,onClose:this.reset,trigger:i,...a,children:[e,jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Spacer.Spacer,{top:9}),c?.heading?jsxRuntime.jsx(Heading.Heading,{content:c.heading}):null,c?.subheading?jsxRuntime.jsx(SubHeading.SubHeading,{content:c.subheading}):null,c?.items?jsxRuntime.jsx(style.MultilevelItems,{children:c.items.map(e=>jsxRuntime.jsx(ContextMenu.ContextMenu.Item,{id:e.id,content:e.content,active:e.level&&Boolean(o[e.level]===e.id)||e.active,onClick:this.itemOnClickHandler},e.id))}):null,c?.controls?jsxRuntime.jsx(Controls.Controls,{...c.controls}):jsxRuntime.jsx(Spacer.Spacer,{top:9})]})]})}};
 //# sourceMappingURL=ContextMenu.Multilevel.js.map

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.Multilevel.js","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n  cancel?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n  confirm?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n}\n\nexport interface MultiLevelItem {\n  id: string | number\n  heading?: string\n  subheading?: string\n  content?: string\n  preventClosing?: boolean\n  config?: MultiLevelConfig\n  items?: MultiLevelItem[]\n  controls?: MultiLevelControls\n  level?: number\n  active?: boolean\n  onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n  items?: MultiLevelItem[]\n  heading?: string\n  subheading?: string\n  controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n  /**  Menu config */\n  config?: MultiLevelConfig\n  /** On select item callback */\n  onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n  selectedItems: (number | string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n  resetTimeout?: ReturnType<typeof setTimeout>\n  static displayName = 'ContextMenu.MultiLevel'\n  static defaultProps = {\n    config: {},\n  }\n\n  constructor(props: ContextMenuMultiLevelProps) {\n    super(props)\n\n    this.state = {\n      selectedItems: [],\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.resetTimeout)\n  }\n\n  onSelectItem = (selectedItem: MultiLevelItem) => {\n    const { id, level } = selectedItem\n\n    const { selectedItems } = this.state\n    const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n    this.setState({ selectedItems: newSelectedItems })\n\n    if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n  }\n\n  getCurrentConfig = (): MultiLevelConfig | null => {\n    const { config } = this.props\n    const { selectedItems } = this.state\n\n    if (!config) return null\n\n    if (!selectedItems.length) return config\n\n    try {\n      const currentConfig = selectedItems.reduce((acc, levelId) => {\n        return acc.items ? acc.items.find((item) => item.id === levelId)?.config || {} : {}\n      }, config)\n\n      return currentConfig\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  reset = () => {\n    /* Reset timeout to prevent state switch due to slow tooltip closing animation */\n    this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n  }\n\n  itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const config = this.getCurrentConfig()\n    if (!config) throw new Error('Config not found')\n\n    const { items = [] } = config\n    const { currentTarget } = e\n\n    const { id = null } = currentTarget.dataset\n\n    if (id === null) throw new Error('Data-id for item not found')\n\n    const found = items.find((item) => `${item.id}` === id)\n\n    if (!found) throw new Error('Item not found')\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\n    }\n  }\n\n  render() {\n    const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n    const { selectedItems } = this.state\n    const config = this.getCurrentConfig()\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n    return (\n      <ContextMenu\n        className={className}\n        tooltipProps={tooltipProps}\n        isOpen={isOpen}\n        // eslint-disable-next-line react/jsx-handler-names\n        onClose={this.reset}\n        trigger={trigger}\n        {...restProps}\n      >\n        {children}\n        <>\n          <Spacer top={9} />\n          {config?.heading ? <Heading content={config.heading} /> : null}\n          {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n          {config?.items ? (\n            <Styled.MultilevelItems>\n              {config.items.map((item) => (\n                <ContextMenu.Item\n                  key={item.id}\n                  id={item.id}\n                  content={item.content}\n                  active={(item.level && Boolean(selectedItems[item.level] === item.id)) || item.active}\n                  // eslint-disable-next-line react/jsx-handler-names\n                  onClick={this.itemOnClickHandler}\n                />\n              ))}\n            </Styled.MultilevelItems>\n          ) : null}\n          {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n        </>\n      </ContextMenu>\n    )\n  }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"yWAwDO,MAAMA,8BAA8BC,MAAAA,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,CAAA,GAGVC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,IAG3FI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,OAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,KAAMC,GAASA,EAAKZ,KAAOS,IAAUrB,QAAe,CAAA,EAChFA,EAGL,CAAE,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,WAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,KAAO,MAG7EuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI+B,MAAM,oBAE7B,MAAMT,MAAEA,EAAQ,IAAOtB,EACvB,MAAMgC,cAAEA,GAAkBF,EAE1B,MAAMlB,GAAEA,EAAK,MAASoB,EAAcC,QAEpC,GAAIrB,IAAO,KAAM,MAAM,IAAImB,MAAM,8BAEjC,MAAMG,EAAQZ,EAAMC,KAAMC,GAAS,GAAGA,EAAKZ,OAASA,GAEpD,IAAKsB,EAAO,MAAM,IAAIH,MAAM,mBAExBG,EAAMlC,QAAUkC,EAAMC,kBACxBL,EAAEM,iBACFN,EAAEO,mBAGAH,EAAMlC,QAERI,KAAKM,aAAawB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,IAIlBK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBzC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ8C,EAASpC,aAAcqC,KAAkBC,GAAcH,EAEvE,OACEI,WAAAA,KAACC,YAAAA,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS/C,KAAKuB,MACdiB,QAASA,KACLI,EAASR,SAAA,CAEZA,EACDS,WAAAA,KAAAG,oBAAA,CAAAZ,SAAA,CACEa,WAAAA,IAACC,cAAM,CAACC,IAAK,IACZvD,GAAQwD,QAAUH,WAAAA,IAACI,QAAAA,QAAO,CAACC,QAAS1D,EAAOwD,UAAc,KACzDxD,GAAQ2D,WAAaN,WAAAA,IAACO,WAAAA,WAAU,CAACF,QAAS1D,EAAO2D,aAAiB,KAClE3D,GAAQsB,MACP+B,WAAAA,IAACQ,MAAAA,gBAAsB,CAAArB,SACpBxC,EAAOsB,MAAMwC,IAAKtC,GACjB6B,WAAAA,IAACH,YAAAA,YAAYa,KAAI,CAEfnD,GAAIY,EAAKZ,GACT8C,QAASlC,EAAKkC,QACdM,OAASxC,EAAKX,OAASoD,QAAQ3D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKwC,OAE/E1B,QAASlC,KAAKyB,oBALTL,EAAKZ,OASd,KACHZ,GAAQkE,SAAWb,WAAAA,IAACc,SAAAA,SAAQ,IAAKnE,EAAOkE,WAAeb,WAAAA,IAACC,cAAM,CAACC,IAAK,SAI7E"}
+{"version":3,"file":"ContextMenu.Multilevel.js","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n  cancel?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n  confirm?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n}\n\nexport interface MultiLevelItem {\n  id: string | number\n  heading?: string\n  subheading?: string\n  content?: string\n  preventClosing?: boolean\n  config?: MultiLevelConfig\n  items?: MultiLevelItem[]\n  controls?: MultiLevelControls\n  level?: number\n  active?: boolean\n  onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n  items?: MultiLevelItem[]\n  heading?: string\n  subheading?: string\n  controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n  /**  Menu config */\n  config?: MultiLevelConfig\n  /** On select item callback */\n  onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n  selectedItems: (number | string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n  resetTimeout?: ReturnType<typeof setTimeout>\n  static displayName = 'ContextMenu.MultiLevel'\n  static defaultProps = {\n    config: {},\n  }\n\n  constructor(props: ContextMenuMultiLevelProps) {\n    super(props)\n\n    this.state = {\n      selectedItems: [],\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.resetTimeout)\n  }\n\n  onSelectItem = (selectedItem: MultiLevelItem) => {\n    const { id, level } = selectedItem\n\n    const { selectedItems } = this.state\n    const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n    this.setState({ selectedItems: newSelectedItems })\n\n    if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n  }\n\n  getCurrentConfig = (): MultiLevelConfig | null => {\n    const { config } = this.props\n    const { selectedItems } = this.state\n\n    if (!config) return null\n\n    if (!selectedItems.length) return config\n\n    try {\n      const currentConfig = selectedItems.reduce((acc, levelId) => {\n        return acc.items ? acc.items.find((item) => item.id === levelId)?.config || {} : {}\n      }, config)\n\n      return currentConfig\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  reset = () => {\n    /* Reset timeout to prevent state switch due to slow tooltip closing animation */\n    this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n  }\n\n  itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const config = this.getCurrentConfig() ?? {}\n\n    const { items = [] } = config\n    const { currentTarget } = e\n\n    const { id } = currentTarget.dataset\n\n    const found = items.find((item) => `${item.id}` === id)\n\n    if (!found) {\n      return\n    }\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\n    }\n  }\n\n  render() {\n    const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n    const { selectedItems } = this.state\n    const config = this.getCurrentConfig()\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n    return (\n      <ContextMenu\n        className={className}\n        tooltipProps={tooltipProps}\n        isOpen={isOpen}\n        // eslint-disable-next-line react/jsx-handler-names\n        onClose={this.reset}\n        trigger={trigger}\n        {...restProps}\n      >\n        {children}\n        <>\n          <Spacer top={9} />\n          {config?.heading ? <Heading content={config.heading} /> : null}\n          {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n          {config?.items ? (\n            <Styled.MultilevelItems>\n              {config.items.map((item) => (\n                <ContextMenu.Item\n                  key={item.id}\n                  id={item.id}\n                  content={item.content}\n                  active={(item.level && Boolean(selectedItems[item.level] === item.id)) || item.active}\n                  // eslint-disable-next-line react/jsx-handler-names\n                  onClick={this.itemOnClickHandler}\n                />\n              ))}\n            </Styled.MultilevelItems>\n          ) : null}\n          {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n        </>\n      </ContextMenu>\n    )\n  }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"yWAwDO,MAAMA,8BAA8BC,MAAAA,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,CAAA,GAGVC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,IAG3FI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,OAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,KAAMC,GAASA,EAAKZ,KAAOS,IAAUrB,QAAe,CAAA,EAChFA,EAGL,CAAE,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,WAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,KAAO,MAG7EuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,oBAAsB,CAAA,EAE1C,MAAMK,MAAEA,EAAQ,IAAOtB,EACvB,MAAM+B,cAAEA,GAAkBD,EAE1B,MAAMlB,GAAEA,GAAOmB,EAAcC,QAE7B,MAAMC,EAAQX,EAAMC,KAAMC,GAAS,GAAGA,EAAKZ,OAASA,GAE/CqB,KAIDA,EAAMjC,QAAUiC,EAAMC,kBACxBJ,EAAEK,iBACFL,EAAEM,mBAGAH,EAAMjC,QAERI,KAAKM,aAAauB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,KAIlBK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBxC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ6C,EAASnC,aAAcoC,KAAkBC,GAAcH,EAEvE,OACEI,WAAAA,KAACC,YAAAA,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS9C,KAAKuB,MACdgB,QAASA,KACLI,EAASR,SAAA,CAEZA,EACDS,WAAAA,KAAAG,oBAAA,CAAAZ,SAAA,CACEa,WAAAA,IAACC,cAAM,CAACC,IAAK,IACZtD,GAAQuD,QAAUH,WAAAA,IAACI,QAAAA,QAAO,CAACC,QAASzD,EAAOuD,UAAc,KACzDvD,GAAQ0D,WAAaN,WAAAA,IAACO,WAAAA,WAAU,CAACF,QAASzD,EAAO0D,aAAiB,KAClE1D,GAAQsB,MACP8B,WAAAA,IAACQ,MAAAA,gBAAsB,CAAArB,SACpBvC,EAAOsB,MAAMuC,IAAKrC,GACjB4B,WAAAA,IAACH,YAAAA,YAAYa,KAAI,CAEflD,GAAIY,EAAKZ,GACT6C,QAASjC,EAAKiC,QACdM,OAASvC,EAAKX,OAASmD,QAAQ1D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKuC,OAE/E1B,QAASjC,KAAKyB,oBALTL,EAAKZ,OASd,KACHZ,GAAQiE,SAAWb,WAAAA,IAACc,SAAAA,SAAQ,IAAKlE,EAAOiE,WAAeb,WAAAA,IAACC,cAAM,CAACC,IAAK,SAI7E"}

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs

@@ -1,2 +1,2 @@
-import{PureComponent}from'react';import{ContextMenu}from'../ContextMenu/ContextMenu.mjs';import{Heading}from'./Heading.mjs';import{SubHeading}from'./SubHeading.mjs';import{Controls}from'./Controls.mjs';import{MultilevelItems}from'./style.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';class ContextMenuMultiLevel extends PureComponent{static displayName='ContextMenu.MultiLevel';static defaultProps={config:{}};constructor(t){super(t),this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}onSelectItem=t=>{const{id:e,level:n}=t;const{selectedItems:o}=this.state;const s=[...o.slice(0,n),e];this.setState({selectedItems:s}),typeof this.props.onSelectItem=='function'&&this.props.onSelectItem(t,n)};getCurrentConfig=()=>{const{config:t}=this.props;const{selectedItems:e}=this.state;if(!t)return null;if(!e.length)return t;try{return e.reduce((t,e)=>t.items&&t.items.find(t=>t.id===e)?.config||{},t)}catch(t){return console.error(t),null}};reset=()=>{this.resetTimeout=setTimeout(()=>this.setState({selectedItems:[]}),200)};itemOnClickHandler=t=>{const e=this.getCurrentConfig();if(!e)throw new Error('Config not found');const{items:n=[]}=e;const{currentTarget:o}=t;const{id:s=null}=o.dataset;if(s===null)throw new Error('Data-id for item not found');const i=n.find(t=>`${t.id}`===s);if(!i)throw new Error('Item not found');(i.config||i.preventClosing)&&(t.preventDefault(),t.stopPropagation()),i.config&&this.onSelectItem(i),typeof i.onClick=='function'&&i.onClick(i)};render(){const{children:t,className:e,tooltipProps:n,isOpen:o,trigger:s,...i}=this.props;const{selectedItems:r}=this.state;const l=this.getCurrentConfig();const{config:c,onSelectItem:m,...u}=i;return jsxs(ContextMenu,{className:e,tooltipProps:n,isOpen:o,onClose:this.reset,trigger:s,...u,children:[t,jsxs(Fragment,{children:[jsx(Spacer,{top:9}),l?.heading?jsx(Heading,{content:l.heading}):null,l?.subheading?jsx(SubHeading,{content:l.subheading}):null,l?.items?jsx(MultilevelItems,{children:l.items.map(t=>jsx(ContextMenu.Item,{id:t.id,content:t.content,active:t.level&&Boolean(r[t.level]===t.id)||t.active,onClick:this.itemOnClickHandler},t.id))}):null,l?.controls?jsx(Controls,{...l.controls}):jsx(Spacer,{top:9})]})]})}}export{ContextMenuMultiLevel};
+import{PureComponent}from'react';import{ContextMenu}from'../ContextMenu/ContextMenu.mjs';import{Heading}from'./Heading.mjs';import{SubHeading}from'./SubHeading.mjs';import{Controls}from'./Controls.mjs';import{MultilevelItems}from'./style.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';class ContextMenuMultiLevel extends PureComponent{static displayName='ContextMenu.MultiLevel';static defaultProps={config:{}};constructor(e){super(e),this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}onSelectItem=e=>{const{id:t,level:n}=e;const{selectedItems:s}=this.state;const o=[...s.slice(0,n),t];this.setState({selectedItems:o}),typeof this.props.onSelectItem=='function'&&this.props.onSelectItem(e,n)};getCurrentConfig=()=>{const{config:e}=this.props;const{selectedItems:t}=this.state;if(!e)return null;if(!t.length)return e;try{return t.reduce((e,t)=>e.items&&e.items.find(e=>e.id===t)?.config||{},e)}catch(e){return console.error(e),null}};reset=()=>{this.resetTimeout=setTimeout(()=>this.setState({selectedItems:[]}),200)};itemOnClickHandler=e=>{const t=this.getCurrentConfig()??{};const{items:n=[]}=t;const{currentTarget:s}=e;const{id:o}=s.dataset;const i=n.find(e=>`${e.id}`===o);i&&((i.config||i.preventClosing)&&(e.preventDefault(),e.stopPropagation()),i.config&&this.onSelectItem(i),typeof i.onClick=='function'&&i.onClick(i))};render(){const{children:e,className:t,tooltipProps:n,isOpen:s,trigger:o,...i}=this.props;const{selectedItems:r}=this.state;const l=this.getCurrentConfig();const{config:c,onSelectItem:m,...a}=i;return jsxs(ContextMenu,{className:t,tooltipProps:n,isOpen:s,onClose:this.reset,trigger:o,...a,children:[e,jsxs(Fragment,{children:[jsx(Spacer,{top:9}),l?.heading?jsx(Heading,{content:l.heading}):null,l?.subheading?jsx(SubHeading,{content:l.subheading}):null,l?.items?jsx(MultilevelItems,{children:l.items.map(e=>jsx(ContextMenu.Item,{id:e.id,content:e.content,active:e.level&&Boolean(r[e.level]===e.id)||e.active,onClick:this.itemOnClickHandler},e.id))}):null,l?.controls?jsx(Controls,{...l.controls}):jsx(Spacer,{top:9})]})]})}}export{ContextMenuMultiLevel};
 //# sourceMappingURL=ContextMenu.Multilevel.mjs.map

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.Multilevel.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n  cancel?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n  confirm?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n}\n\nexport interface MultiLevelItem {\n  id: string | number\n  heading?: string\n  subheading?: string\n  content?: string\n  preventClosing?: boolean\n  config?: MultiLevelConfig\n  items?: MultiLevelItem[]\n  controls?: MultiLevelControls\n  level?: number\n  active?: boolean\n  onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n  items?: MultiLevelItem[]\n  heading?: string\n  subheading?: string\n  controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n  /**  Menu config */\n  config?: MultiLevelConfig\n  /** On select item callback */\n  onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n  selectedItems: (number | string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n  resetTimeout?: ReturnType<typeof setTimeout>\n  static displayName = 'ContextMenu.MultiLevel'\n  static defaultProps = {\n    config: {},\n  }\n\n  constructor(props: ContextMenuMultiLevelProps) {\n    super(props)\n\n    this.state = {\n      selectedItems: [],\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.resetTimeout)\n  }\n\n  onSelectItem = (selectedItem: MultiLevelItem) => {\n    const { id, level } = selectedItem\n\n    const { selectedItems } = this.state\n    const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n    this.setState({ selectedItems: newSelectedItems })\n\n    if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n  }\n\n  getCurrentConfig = (): MultiLevelConfig | null => {\n    const { config } = this.props\n    const { selectedItems } = this.state\n\n    if (!config) return null\n\n    if (!selectedItems.length) return config\n\n    try {\n      const currentConfig = selectedItems.reduce((acc, levelId) => {\n        return acc.items ? acc.items.find((item) => item.id === levelId)?.config || {} : {}\n      }, config)\n\n      return currentConfig\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  reset = () => {\n    /* Reset timeout to prevent state switch due to slow tooltip closing animation */\n    this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n  }\n\n  itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const config = this.getCurrentConfig()\n    if (!config) throw new Error('Config not found')\n\n    const { items = [] } = config\n    const { currentTarget } = e\n\n    const { id = null } = currentTarget.dataset\n\n    if (id === null) throw new Error('Data-id for item not found')\n\n    const found = items.find((item) => `${item.id}` === id)\n\n    if (!found) throw new Error('Item not found')\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\n    }\n  }\n\n  render() {\n    const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n    const { selectedItems } = this.state\n    const config = this.getCurrentConfig()\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n    return (\n      <ContextMenu\n        className={className}\n        tooltipProps={tooltipProps}\n        isOpen={isOpen}\n        // eslint-disable-next-line react/jsx-handler-names\n        onClose={this.reset}\n        trigger={trigger}\n        {...restProps}\n      >\n        {children}\n        <>\n          <Spacer top={9} />\n          {config?.heading ? <Heading content={config.heading} /> : null}\n          {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n          {config?.items ? (\n            <Styled.MultilevelItems>\n              {config.items.map((item) => (\n                <ContextMenu.Item\n                  key={item.id}\n                  id={item.id}\n                  content={item.content}\n                  active={(item.level && Boolean(selectedItems[item.level] === item.id)) || item.active}\n                  // eslint-disable-next-line react/jsx-handler-names\n                  onClick={this.itemOnClickHandler}\n                />\n              ))}\n            </Styled.MultilevelItems>\n          ) : null}\n          {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n        </>\n      </ContextMenu>\n    )\n  }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"6UAwDO,MAAMA,8BAA8BC,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,CAAA,GAGVC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,IAG3FI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,OAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,KAAMC,GAASA,EAAKZ,KAAOS,IAAUrB,QAAe,CAAA,EAChFA,EAGL,CAAE,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,WAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,KAAO,MAG7EuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI+B,MAAM,oBAE7B,MAAMT,MAAEA,EAAQ,IAAOtB,EACvB,MAAMgC,cAAEA,GAAkBF,EAE1B,MAAMlB,GAAEA,EAAK,MAASoB,EAAcC,QAEpC,GAAIrB,IAAO,KAAM,MAAM,IAAImB,MAAM,8BAEjC,MAAMG,EAAQZ,EAAMC,KAAMC,GAAS,GAAGA,EAAKZ,OAASA,GAEpD,IAAKsB,EAAO,MAAM,IAAIH,MAAM,mBAExBG,EAAMlC,QAAUkC,EAAMC,kBACxBL,EAAEM,iBACFN,EAAEO,mBAGAH,EAAMlC,QAERI,KAAKM,aAAawB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,IAIlBK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBzC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ8C,EAASpC,aAAcqC,KAAkBC,GAAcH,EAEvE,OACEI,KAACC,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS/C,KAAKuB,MACdiB,QAASA,KACLI,EAASR,SAAA,CAEZA,EACDS,KAAAG,SAAA,CAAAZ,SAAA,CACEa,IAACC,OAAM,CAACC,IAAK,IACZvD,GAAQwD,QAAUH,IAACI,QAAO,CAACC,QAAS1D,EAAOwD,UAAc,KACzDxD,GAAQ2D,WAAaN,IAACO,WAAU,CAACF,QAAS1D,EAAO2D,aAAiB,KAClE3D,GAAQsB,MACP+B,IAACQ,gBAAsB,CAAArB,SACpBxC,EAAOsB,MAAMwC,IAAKtC,GACjB6B,IAACH,YAAYa,KAAI,CAEfnD,GAAIY,EAAKZ,GACT8C,QAASlC,EAAKkC,QACdM,OAASxC,EAAKX,OAASoD,QAAQ3D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKwC,OAE/E1B,QAASlC,KAAKyB,oBALTL,EAAKZ,OASd,KACHZ,GAAQkE,SAAWb,IAACc,SAAQ,IAAKnE,EAAOkE,WAAeb,IAACC,OAAM,CAACC,IAAK,SAI7E"}
+{"version":3,"file":"ContextMenu.Multilevel.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n  cancel?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n  confirm?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n}\n\nexport interface MultiLevelItem {\n  id: string | number\n  heading?: string\n  subheading?: string\n  content?: string\n  preventClosing?: boolean\n  config?: MultiLevelConfig\n  items?: MultiLevelItem[]\n  controls?: MultiLevelControls\n  level?: number\n  active?: boolean\n  onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n  items?: MultiLevelItem[]\n  heading?: string\n  subheading?: string\n  controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n  /**  Menu config */\n  config?: MultiLevelConfig\n  /** On select item callback */\n  onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n  selectedItems: (number | string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n  resetTimeout?: ReturnType<typeof setTimeout>\n  static displayName = 'ContextMenu.MultiLevel'\n  static defaultProps = {\n    config: {},\n  }\n\n  constructor(props: ContextMenuMultiLevelProps) {\n    super(props)\n\n    this.state = {\n      selectedItems: [],\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.resetTimeout)\n  }\n\n  onSelectItem = (selectedItem: MultiLevelItem) => {\n    const { id, level } = selectedItem\n\n    const { selectedItems } = this.state\n    const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n    this.setState({ selectedItems: newSelectedItems })\n\n    if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n  }\n\n  getCurrentConfig = (): MultiLevelConfig | null => {\n    const { config } = this.props\n    const { selectedItems } = this.state\n\n    if (!config) return null\n\n    if (!selectedItems.length) return config\n\n    try {\n      const currentConfig = selectedItems.reduce((acc, levelId) => {\n        return acc.items ? acc.items.find((item) => item.id === levelId)?.config || {} : {}\n      }, config)\n\n      return currentConfig\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  reset = () => {\n    /* Reset timeout to prevent state switch due to slow tooltip closing animation */\n    this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n  }\n\n  itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const config = this.getCurrentConfig() ?? {}\n\n    const { items = [] } = config\n    const { currentTarget } = e\n\n    const { id } = currentTarget.dataset\n\n    const found = items.find((item) => `${item.id}` === id)\n\n    if (!found) {\n      return\n    }\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\n    }\n  }\n\n  render() {\n    const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n    const { selectedItems } = this.state\n    const config = this.getCurrentConfig()\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n    return (\n      <ContextMenu\n        className={className}\n        tooltipProps={tooltipProps}\n        isOpen={isOpen}\n        // eslint-disable-next-line react/jsx-handler-names\n        onClose={this.reset}\n        trigger={trigger}\n        {...restProps}\n      >\n        {children}\n        <>\n          <Spacer top={9} />\n          {config?.heading ? <Heading content={config.heading} /> : null}\n          {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n          {config?.items ? (\n            <Styled.MultilevelItems>\n              {config.items.map((item) => (\n                <ContextMenu.Item\n                  key={item.id}\n                  id={item.id}\n                  content={item.content}\n                  active={(item.level && Boolean(selectedItems[item.level] === item.id)) || item.active}\n                  // eslint-disable-next-line react/jsx-handler-names\n                  onClick={this.itemOnClickHandler}\n                />\n              ))}\n            </Styled.MultilevelItems>\n          ) : null}\n          {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n        </>\n      </ContextMenu>\n    )\n  }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"6UAwDO,MAAMA,8BAA8BC,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,CAAA,GAGVC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,IAG3FI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,OAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,KAAMC,GAASA,EAAKZ,KAAOS,IAAUrB,QAAe,CAAA,EAChFA,EAGL,CAAE,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,WAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,KAAO,MAG7EuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,oBAAsB,CAAA,EAE1C,MAAMK,MAAEA,EAAQ,IAAOtB,EACvB,MAAM+B,cAAEA,GAAkBD,EAE1B,MAAMlB,GAAEA,GAAOmB,EAAcC,QAE7B,MAAMC,EAAQX,EAAMC,KAAMC,GAAS,GAAGA,EAAKZ,OAASA,GAE/CqB,KAIDA,EAAMjC,QAAUiC,EAAMC,kBACxBJ,EAAEK,iBACFL,EAAEM,mBAGAH,EAAMjC,QAERI,KAAKM,aAAauB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,KAIlBK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBxC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ6C,EAASnC,aAAcoC,KAAkBC,GAAcH,EAEvE,OACEI,KAACC,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS9C,KAAKuB,MACdgB,QAASA,KACLI,EAASR,SAAA,CAEZA,EACDS,KAAAG,SAAA,CAAAZ,SAAA,CACEa,IAACC,OAAM,CAACC,IAAK,IACZtD,GAAQuD,QAAUH,IAACI,QAAO,CAACC,QAASzD,EAAOuD,UAAc,KACzDvD,GAAQ0D,WAAaN,IAACO,WAAU,CAACF,QAASzD,EAAO0D,aAAiB,KAClE1D,GAAQsB,MACP8B,IAACQ,gBAAsB,CAAArB,SACpBvC,EAAOsB,MAAMuC,IAAKrC,GACjB4B,IAACH,YAAYa,KAAI,CAEflD,GAAIY,EAAKZ,GACT6C,QAASjC,EAAKiC,QACdM,OAASvC,EAAKX,OAASmD,QAAQ1D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKuC,OAE/E1B,QAASjC,KAAKyB,oBALTL,EAAKZ,OASd,KACHZ,GAAQiE,SAAWb,IAACc,SAAQ,IAAKlE,EAAOiE,WAAeb,IAACC,OAAM,CAACC,IAAK,SAI7E"}

package/dts/index.d.ts

@@ -959,28 +959,15 @@ type PolymorphicPropsWithRef<C extends React.ElementType, P> = PolymorphicProps<
     ref?: PolymorphicRef<C>;
 };
 
-/**
- * Converts HEX color code to RGB(A) string
- *
- * @export
- * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)
- * @param {Number} alpha channel which specifies the opacity of the color
- * @returns {RGB | RGBA} RGB(A) string
- */
-declare function hexToRgbA(hex: string, alpha?: number): RGB | RGBA;
-/**
- * Checks if value is HEX color
- *
- * @export
- * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)
- * @returns {boolean}
- */
-declare function isHex(hex: string): boolean;
 declare const getLightHoverColor: (color: string) => HEX;
 declare const getLightStrongHoverColor: (color: string) => HEX;
 declare const getDarkHoverColor: (color: string) => HEX;
 declare const getDarkStrongHoverColor: (color: string) => HEX;
 
+declare const hexToRgbA: (hex: string, alpha?: number) => RGB | RGBA;
+
+declare const isHex: (hex: string) => boolean;
+
 interface ThemeProviderProps {
     theme: Partial<DefaultTheme> | ((topLevelTheme: DefaultTheme) => DefaultTheme);
     children?: React.ReactNode;

package/index.js

@@ -1,2 +1,2 @@
-'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var useScrollLock=require('./hooks/useScrollLock.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var Accordion=require('./components/Accordion/Accordion.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var AddElement=require('./components/AddElement/AddElement.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var index=require('./components/Amount/data/index.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Chip=require('./components/Chip/Chip.js');var Container=require('./components/Container/Container.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Dialog=require('./components/Dialog/Dialog.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Icon=require('./components/Icon/Icon.js');var IconButton=require('./components/IconButton/IconButton.js');var Indicator=require('./components/Indicator/Indicator.js');var Input=require('./components/Input/Input.js');var ListItem=require('./components/ListItem/ListItem.js');var Media=require('./components/Media/Media.js');var MediaMediator=require('./components/Media/MediaMediator.js');var context=require('./components/Media/context.js');var Menu=require('./components/Menu/Menu.js');var Modal=require('./components/Modal/Modal.js');var Notification=require('./components/Notification/Notification.js');var Paper=require('./components/Paper/Paper.js');var Popover=require('./components/Popover/Popover.js');var Progress=require('./components/Progress/Progress.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var Radio=require('./components/Radio/Radio.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Select=require('./components/Select/Select.js');var Separator=require('./components/Separator/Separator.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switch=require('./components/Switch/Switch.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var TabList=require('./components/TabList/TabList.js');var Tabs=require('./components/Tabs/Tabs.js');var Tag=require('./components/Tag/Tag.js');var Text=require('./components/Text/Text.js');var Textarea=require('./components/Textarea/Textarea.js');var themeProvider=require('./theme/theme-provider.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var themes=require('./theme/themes.js');var style=require('./components/Input/style.js');var useMediaMatchers=require('./components/Media/useMediaMatchers.js');exports.getDarkHoverColor=colors$1.getDarkHoverColor,exports.getDarkStrongHoverColor=colors$1.getDarkStrongHoverColor,exports.getLightHoverColor=colors$1.getLightHoverColor,exports.getLightStrongHoverColor=colors$1.getLightStrongHoverColor,exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.useScrollLock=useScrollLock.useScrollLock,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.Accordion=Accordion.Accordion,exports.ActionBtn=ActionBtn.ActionBtn,exports.AddElement=AddElement.AddElement,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.AspectRatio=AspectRatio.AspectRatio,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Checkbox=Checkbox.Checkbox,exports.Chip=Chip.Chip,exports.Container=Container.Container,exports.ContextMenu=ContextMenu.ContextMenu,exports.Dialog=Dialog.Dialog,exports.Dropdown=Dropdown.Dropdown,exports.FormLabel=FormLabel.FormLabel,exports.Icon=Icon.Icon,exports.IconButton=IconButton.IconButton,exports.Indicator=Indicator.Indicator,exports.Input=Input.Input,exports.ListItem=ListItem.ListItem,exports.Media=Media.Media,exports.MediaMediator=MediaMediator.MediaMediator,exports.MediaProvider=context.MediaProvider,exports.Menu=Menu.Menu,exports.Modal=Modal.Modal,exports.Notification=Notification.Notification,exports.Paper=Paper.Paper,exports.Popover=Popover.Popover,exports.Progress=Progress.Progress,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.ProgressLine=ProgressLine.ProgressLine,exports.Radio=Radio.Radio,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Select=Select.Select,exports.Separator=Separator.Separator,exports.Skeleton=Skeleton.Skeleton,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switch=Switch.Switch,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.TabList=TabList.TabList,exports.Tabs=Tabs.Tabs,exports.Tag=Tag.Tag,exports.Text=Text.Text,exports.Textarea=Textarea.Textarea,exports.ThemeProvider=themeProvider.ThemeProvider,exports.Tooltip=Tooltip.Tooltip,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.baseInputStyle=style.baseInputStyle,exports.useMediaMatchers=useMediaMatchers.useMediaMatchers;
+'use strict';var colors$1=require('./shared/utils/colors.js');var hexToRgbA=require('./shared/utils/hexToRgbA.js');var isHex=require('./shared/utils/isHex.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var useScrollLock=require('./hooks/useScrollLock.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var Accordion=require('./components/Accordion/Accordion.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var AddElement=require('./components/AddElement/AddElement.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var index=require('./components/Amount/data/index.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Chip=require('./components/Chip/Chip.js');var Container=require('./components/Container/Container.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Dialog=require('./components/Dialog/Dialog.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Icon=require('./components/Icon/Icon.js');var IconButton=require('./components/IconButton/IconButton.js');var Indicator=require('./components/Indicator/Indicator.js');var Input=require('./components/Input/Input.js');var ListItem=require('./components/ListItem/ListItem.js');var Media=require('./components/Media/Media.js');var MediaMediator=require('./components/Media/MediaMediator.js');var context=require('./components/Media/context.js');var Menu=require('./components/Menu/Menu.js');var Modal=require('./components/Modal/Modal.js');var Notification=require('./components/Notification/Notification.js');var Paper=require('./components/Paper/Paper.js');var Popover=require('./components/Popover/Popover.js');var Progress=require('./components/Progress/Progress.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var Radio=require('./components/Radio/Radio.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Select=require('./components/Select/Select.js');var Separator=require('./components/Separator/Separator.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switch=require('./components/Switch/Switch.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var TabList=require('./components/TabList/TabList.js');var Tabs=require('./components/Tabs/Tabs.js');var Tag=require('./components/Tag/Tag.js');var Text=require('./components/Text/Text.js');var Textarea=require('./components/Textarea/Textarea.js');var themeProvider=require('./theme/theme-provider.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var themes=require('./theme/themes.js');var style=require('./components/Input/style.js');var useMediaMatchers=require('./components/Media/useMediaMatchers.js');exports.getDarkHoverColor=colors$1.getDarkHoverColor,exports.getDarkStrongHoverColor=colors$1.getDarkStrongHoverColor,exports.getLightHoverColor=colors$1.getLightHoverColor,exports.getLightStrongHoverColor=colors$1.getLightStrongHoverColor,exports.hexToRgbA=hexToRgbA.hexToRgbA,exports.isHex=isHex.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.useScrollLock=useScrollLock.useScrollLock,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.Accordion=Accordion.Accordion,exports.ActionBtn=ActionBtn.ActionBtn,exports.AddElement=AddElement.AddElement,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.AspectRatio=AspectRatio.AspectRatio,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Checkbox=Checkbox.Checkbox,exports.Chip=Chip.Chip,exports.Container=Container.Container,exports.ContextMenu=ContextMenu.ContextMenu,exports.Dialog=Dialog.Dialog,exports.Dropdown=Dropdown.Dropdown,exports.FormLabel=FormLabel.FormLabel,exports.Icon=Icon.Icon,exports.IconButton=IconButton.IconButton,exports.Indicator=Indicator.Indicator,exports.Input=Input.Input,exports.ListItem=ListItem.ListItem,exports.Media=Media.Media,exports.MediaMediator=MediaMediator.MediaMediator,exports.MediaProvider=context.MediaProvider,exports.Menu=Menu.Menu,exports.Modal=Modal.Modal,exports.Notification=Notification.Notification,exports.Paper=Paper.Paper,exports.Popover=Popover.Popover,exports.Progress=Progress.Progress,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.ProgressLine=ProgressLine.ProgressLine,exports.Radio=Radio.Radio,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Select=Select.Select,exports.Separator=Separator.Separator,exports.Skeleton=Skeleton.Skeleton,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switch=Switch.Switch,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.TabList=TabList.TabList,exports.Tabs=Tabs.Tabs,exports.Tag=Tag.Tag,exports.Text=Text.Text,exports.Textarea=Textarea.Textarea,exports.ThemeProvider=themeProvider.ThemeProvider,exports.Tooltip=Tooltip.Tooltip,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.baseInputStyle=style.baseInputStyle,exports.useMediaMatchers=useMediaMatchers.useMediaMatchers;
 //# sourceMappingURL=index.js.map

package/index.mjs

@@ -1,2 +1,2 @@
-export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor,hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{useScrollLock}from'./hooks/useScrollLock.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{AddElement}from'./components/AddElement/AddElement.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Container}from'./components/Container/Container.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{Input}from'./components/Input/Input.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Media}from'./components/Media/Media.mjs';export{MediaMediator}from'./components/Media/MediaMediator.mjs';export{MediaProvider}from'./components/Media/context.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Select}from'./components/Select/Select.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{TabList}from'./components/TabList/TabList.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{Text}from'./components/Text/Text.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{useMediaMatchers}from'./components/Media/useMediaMatchers.mjs';
+export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor}from'./shared/utils/colors.mjs';export{hexToRgbA}from'./shared/utils/hexToRgbA.mjs';export{isHex}from'./shared/utils/isHex.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{useScrollLock}from'./hooks/useScrollLock.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{AddElement}from'./components/AddElement/AddElement.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Container}from'./components/Container/Container.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{Input}from'./components/Input/Input.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Media}from'./components/Media/Media.mjs';export{MediaMediator}from'./components/Media/MediaMediator.mjs';export{MediaProvider}from'./components/Media/context.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Select}from'./components/Select/Select.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{TabList}from'./components/TabList/TabList.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{Text}from'./components/Text/Text.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{useMediaMatchers}from'./components/Media/useMediaMatchers.mjs';
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.106.0",
+  "version": "2.106.1",
   "description": "UI components and utilities",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -63,6 +63,6 @@
     "shared",
     "theme"
   ],
-  "sha": "fb43970",
+  "sha": "3dbd1c1",
   "scripts": {}
 }

package/shared/utils/colors.js

@@ -1,2 +1,2 @@
-'use strict';function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var tinycolor__default=_interopDefault(require('tinycolor2'));const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;exports.getDarkHoverColor=o=>tinycolor__default.default(o).darken(10).toString('hex8'),exports.getDarkStrongHoverColor=o=>tinycolor__default.default(o).darken(20).toString('hex8'),exports.getLightHoverColor=o=>tinycolor__default.default(o).brighten(8).toString('hex8'),exports.getLightStrongHoverColor=o=>tinycolor__default.default(o).brighten(16).toString('hex8'),exports.hexToRgbA=(o,e)=>{if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const t=Math.floor(o.length/3);const r=new RegExp(`([A-Fa-f0-9]){${t}}`,'g');const[l,n,a]=[...o.matchAll(r)].map(([o])=>parseInt(o.padEnd(2,o),16));return typeof e=='number'?`rgba(${l}, ${n}, ${a}, ${e})`:`rgb(${l}, ${n}, ${a})`},exports.isHex=o=>allowedHexColorCodes.test(o);
+'use strict';function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var tinycolor__default=_interopDefault(require('tinycolor2'));exports.getDarkHoverColor=t=>tinycolor__default.default(t).darken(10).toString('hex8'),exports.getDarkStrongHoverColor=t=>tinycolor__default.default(t).darken(20).toString('hex8'),exports.getLightHoverColor=t=>tinycolor__default.default(t).brighten(8).toString('hex8'),exports.getLightStrongHoverColor=t=>tinycolor__default.default(t).brighten(16).toString('hex8');
 //# sourceMappingURL=colors.js.map

package/shared/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA, HEX } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n  if (!allowedHexColorCodes.test(hex)) {\n    throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n  }\n\n  const codeGroupLength = Math.floor(hex.length / 3)\n  const hexCodePattern = getHexCodePattern(codeGroupLength)\n  const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n  if (typeof alpha === 'number') {\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`\n  }\n\n  return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n  return allowedHexColorCodes.test(hex)\n}\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["allowedHexColorCodes","color","tinycolor","darken","toString","brighten","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd"],"mappings":"4IAGA,MAAMA,qBAAuB,sDA0CKC,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,wCAEtDH,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,mCANjEH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,GAAGD,SAAS,yCAEvDH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,IAAID,SAAS,0BA7BhG,CAAmBE,EAAaC,KACrC,IAAKP,qBAAqBQ,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,IAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,KAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,gBASsBZ,GACbN,qBAAqBQ,KAAKF"}
+{"version":3,"file":"colors.js","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { HEX } from 'shared/types'\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["color","tinycolor","darken","toString","brighten"],"mappings":"sKAOkCA,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,wCAEtDH,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,mCANjEH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,GAAGD,SAAS,yCAEvDH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,IAAID,SAAS"}

package/shared/utils/colors.mjs

@@ -1,2 +1,2 @@
-import tinycolor from'tinycolor2';const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;function hexToRgbA(o,r){if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const t=Math.floor(o.length/3);const e=new RegExp(`([A-Fa-f0-9]){${t}}`,'g');const[n,g,l]=[...o.matchAll(e)].map(([o])=>parseInt(o.padEnd(2,o),16));return typeof r=='number'?`rgba(${n}, ${g}, ${l}, ${r})`:`rgb(${n}, ${g}, ${l})`}function isHex(o){return allowedHexColorCodes.test(o)}const getLightHoverColor=o=>tinycolor(o).brighten(8).toString('hex8');const getLightStrongHoverColor=o=>tinycolor(o).brighten(16).toString('hex8');const getDarkHoverColor=o=>tinycolor(o).darken(10).toString('hex8');const getDarkStrongHoverColor=o=>tinycolor(o).darken(20).toString('hex8');export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor,hexToRgbA,isHex};
+import tinycolor from'tinycolor2';const getLightHoverColor=o=>tinycolor(o).brighten(8).toString('hex8');const getLightStrongHoverColor=o=>tinycolor(o).brighten(16).toString('hex8');const getDarkHoverColor=o=>tinycolor(o).darken(10).toString('hex8');const getDarkStrongHoverColor=o=>tinycolor(o).darken(20).toString('hex8');export{getDarkHoverColor,getDarkStrongHoverColor,getLightHoverColor,getLightStrongHoverColor};
 //# sourceMappingURL=colors.mjs.map

package/shared/utils/colors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"colors.mjs","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA, HEX } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n  if (!allowedHexColorCodes.test(hex)) {\n    throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n  }\n\n  const codeGroupLength = Math.floor(hex.length / 3)\n  const hexCodePattern = getHexCodePattern(codeGroupLength)\n  const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n  if (typeof alpha === 'number') {\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`\n  }\n\n  return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n  return allowedHexColorCodes.test(hex)\n}\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["allowedHexColorCodes","hexToRgbA","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd","isHex","getLightHoverColor","color","tinycolor","brighten","toString","getLightStrongHoverColor","getDarkHoverColor","darken","getDarkStrongHoverColor"],"mappings":"kCAGA,MAAMA,qBAAuB,4BAWtB,SAASC,UAAUC,EAAaC,GACrC,IAAKH,qBAAqBI,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,IAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,KAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,CASO,SAASM,MAAMlB,GACpB,OAAOF,qBAAqBI,KAAKF,EACnC,OAEamB,mBAAsBC,GAAuBC,UAAUD,GAAOE,SAAS,GAAGC,SAAS,cAEnFC,yBAA4BJ,GAAuBC,UAAUD,GAAOE,SAAS,IAAIC,SAAS,cAE1FE,kBAAqBL,GAAuBC,UAAUD,GAAOM,OAAO,IAAIH,SAAS,cAEjFI,wBAA2BP,GAAuBC,UAAUD,GAAOM,OAAO,IAAIH,SAAS"}
+{"version":3,"file":"colors.mjs","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { HEX } from 'shared/types'\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["getLightHoverColor","color","tinycolor","brighten","toString","getLightStrongHoverColor","getDarkHoverColor","darken","getDarkStrongHoverColor"],"mappings":"wCAGaA,mBAAsBC,GAAuBC,UAAUD,GAAOE,SAAS,GAAGC,SAAS,cAEnFC,yBAA4BJ,GAAuBC,UAAUD,GAAOE,SAAS,IAAIC,SAAS,cAE1FE,kBAAqBL,GAAuBC,UAAUD,GAAOM,OAAO,IAAIH,SAAS,cAEjFI,wBAA2BP,GAAuBC,UAAUD,GAAOM,OAAO,IAAIH,SAAS"}

package/shared/utils/hexToRgbA.js

@@ -0,0 +1,2 @@
+'use strict';function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var tinycolor__default=_interopDefault(require('tinycolor2'));exports.hexToRgbA=(e,t)=>{const o=tinycolor__default.default(e);const r=o.getFormat();const n=['hex','hex6','hex3','hex4','hex8'].includes(r);return o.isValid()&&n?typeof t=='number'&&(Number.isNaN(t)||t<0||t>1)?(console.error(`Invalid alpha value: ${t}`),o.toRgbString()):(typeof t=='number'&&o.setAlpha(t),o.toRgbString()):(console.error(`Invalid HEX color value: ${e}`),o.toRgbString())};
+//# sourceMappingURL=hexToRgbA.js.map

package/shared/utils/hexToRgbA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexToRgbA.js","sources":["../../../../src/shared/utils/hexToRgbA.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA } from 'shared/types'\n\nexport const hexToRgbA = (hex: string, alpha?: number): RGB | RGBA => {\n  const color = tinycolor(hex)\n  const format = color.getFormat()\n  const hexFormat = ['hex', 'hex6', 'hex3', 'hex4', 'hex8'].includes(format)\n\n  if (!color.isValid() || !hexFormat) {\n    console.error(`Invalid HEX color value: ${hex}`)\n\n    return color.toRgbString() as RGB | RGBA\n  }\n\n  if (typeof alpha === 'number' && (Number.isNaN(alpha) || alpha < 0 || alpha > 1)) {\n    console.error(`Invalid alpha value: ${alpha}`)\n\n    return color.toRgbString() as RGB | RGBA\n  }\n\n  if (typeof alpha === 'number') {\n    color.setAlpha(alpha)\n  }\n\n  return color.toRgbString() as RGB | RGBA\n}\n"],"names":["hexToRgbA","hex","alpha","color","tinycolor","format","getFormat","hexFormat","includes","isValid","Number","isNaN","console","error","toRgbString","setAlpha"],"mappings":"8JAGyBA,CAACC,EAAaC,KACrC,MAAMC,EAAQC,mBAAAA,QAAUH,GACxB,MAAMI,EAASF,EAAMG,YACrB,MAAMC,EAAY,CAAC,MAAO,OAAQ,OAAQ,OAAQ,QAAQC,SAASH,GAEnE,OAAKF,EAAMM,WAAcF,SAMdL,GAAU,WAAaQ,OAAOC,MAAMT,IAAUA,EAAQ,GAAKA,EAAQ,IAC5EU,QAAQC,MAAM,wBAAwBX,KAE/BC,EAAMW,uBAGJZ,GAAU,UACnBC,EAAMY,SAASb,GAGVC,EAAMW,gBAfXF,QAAQC,MAAM,4BAA4BZ,KAEnCE,EAAMW"}

package/shared/utils/hexToRgbA.mjs

@@ -0,0 +1,2 @@
+import tinycolor from'tinycolor2';const hexToRgbA=(o,e)=>{const r=tinycolor(o);const t=r.getFormat();const n=['hex','hex6','hex3','hex4','hex8'].includes(t);return r.isValid()&&n?typeof e=='number'&&(Number.isNaN(e)||e<0||e>1)?(console.error(`Invalid alpha value: ${e}`),r.toRgbString()):(typeof e=='number'&&r.setAlpha(e),r.toRgbString()):(console.error(`Invalid HEX color value: ${o}`),r.toRgbString())};export{hexToRgbA};
+//# sourceMappingURL=hexToRgbA.mjs.map

package/shared/utils/hexToRgbA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexToRgbA.mjs","sources":["../../../../src/shared/utils/hexToRgbA.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA } from 'shared/types'\n\nexport const hexToRgbA = (hex: string, alpha?: number): RGB | RGBA => {\n  const color = tinycolor(hex)\n  const format = color.getFormat()\n  const hexFormat = ['hex', 'hex6', 'hex3', 'hex4', 'hex8'].includes(format)\n\n  if (!color.isValid() || !hexFormat) {\n    console.error(`Invalid HEX color value: ${hex}`)\n\n    return color.toRgbString() as RGB | RGBA\n  }\n\n  if (typeof alpha === 'number' && (Number.isNaN(alpha) || alpha < 0 || alpha > 1)) {\n    console.error(`Invalid alpha value: ${alpha}`)\n\n    return color.toRgbString() as RGB | RGBA\n  }\n\n  if (typeof alpha === 'number') {\n    color.setAlpha(alpha)\n  }\n\n  return color.toRgbString() as RGB | RGBA\n}\n"],"names":["hexToRgbA","hex","alpha","color","tinycolor","format","getFormat","hexFormat","includes","isValid","Number","isNaN","console","error","toRgbString","setAlpha"],"mappings":"wCAGaA,UAAYA,CAACC,EAAaC,KACrC,MAAMC,EAAQC,UAAUH,GACxB,MAAMI,EAASF,EAAMG,YACrB,MAAMC,EAAY,CAAC,MAAO,OAAQ,OAAQ,OAAQ,QAAQC,SAASH,GAEnE,OAAKF,EAAMM,WAAcF,SAMdL,GAAU,WAAaQ,OAAOC,MAAMT,IAAUA,EAAQ,GAAKA,EAAQ,IAC5EU,QAAQC,MAAM,wBAAwBX,KAE/BC,EAAMW,uBAGJZ,GAAU,UACnBC,EAAMY,SAASb,GAGVC,EAAMW,gBAfXF,QAAQC,MAAM,4BAA4BZ,KAEnCE,EAAMW"}

package/shared/utils/isHex.js

@@ -0,0 +1,2 @@
+'use strict';function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var tinycolor__default=_interopDefault(require('tinycolor2'));exports.isHex=e=>{const t=tinycolor__default.default(e);const r=t.getFormat();return t.isValid()&&['hex','hex6','hex3','hex4','hex8'].includes(r)};
+//# sourceMappingURL=isHex.js.map

package/shared/utils/isHex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isHex.js","sources":["../../../../src/shared/utils/isHex.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\n\nexport const isHex = (hex: string): boolean => {\n  const color = tinycolor(hex)\n  const format = color.getFormat()\n\n  return color.isValid() && ['hex', 'hex6', 'hex3', 'hex4', 'hex8'].includes(format)\n}\n"],"names":["hex","color","tinycolor","format","getFormat","isValid","includes"],"mappings":"0JAEsBA,IACpB,MAAMC,EAAQC,mBAAAA,QAAUF,GACxB,MAAMG,EAASF,EAAMG,YAErB,OAAOH,EAAMI,WAAa,CAAC,MAAO,OAAQ,OAAQ,OAAQ,QAAQC,SAASH"}

package/shared/utils/isHex.mjs

@@ -0,0 +1,2 @@
+import tinycolor from'tinycolor2';const isHex=o=>{const e=tinycolor(o);const t=e.getFormat();return e.isValid()&&['hex','hex6','hex3','hex4','hex8'].includes(t)};export{isHex};
+//# sourceMappingURL=isHex.mjs.map

package/shared/utils/isHex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isHex.mjs","sources":["../../../../src/shared/utils/isHex.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\n\nexport const isHex = (hex: string): boolean => {\n  const color = tinycolor(hex)\n  const format = color.getFormat()\n\n  return color.isValid() && ['hex', 'hex6', 'hex3', 'hex4', 'hex8'].includes(format)\n}\n"],"names":["isHex","hex","color","tinycolor","format","getFormat","isValid","includes"],"mappings":"kCAEO,MAAMA,MAASC,IACpB,MAAMC,EAAQC,UAAUF,GACxB,MAAMG,EAASF,EAAMG,YAErB,OAAOH,EAAMI,WAAa,CAAC,MAAO,OAAQ,OAAQ,OAAQ,QAAQC,SAASH"}

package/theme/themes.js

@@ -1,2 +1,2 @@
-'use strict';var colors$1=require('../shared/utils/colors.js');var relBuilder=require('../shared/utils/rel-builder.js');var focus=require('../mixins/focus.js');var sizeInput=require('../shared/enums/sizeInput.js');var constants=require('../shared/constants.js');var colors=require('./colors.js');var colorsLight=require('./colors-light.js');var colorsDark=require('./colors-dark.js');const defaultTheme={breakpoints:constants.BREAKPOINTS,colors:{...colors.colors,...colors.socialColors,...colors.unitColors,...colorsLight.baseColors,...colorsLight.motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:sizeInput.SizeInput.l,utils:{relBuilder:relBuilder.relBuilder,hexToRgbA:colors$1.hexToRgbA,hover:{light:colors$1.getLightHoverColor,lightStrong:colors$1.getLightStrongHoverColor,dark:colors$1.getDarkHoverColor,darkStrong:colors$1.getDarkStrongHoverColor}},mixins:{focus:focus.focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.motherColors},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.babyColors},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.teenColors},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.adultColors},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.adultColors},mode:'dark',preset:'brand',name:'adult'};exports.adultDarkTheme=adultDarkTheme,exports.adultLightTheme=adultLightTheme,exports.babyDarkTheme=babyDarkTheme,exports.babyLightTheme=babyLightTheme,exports.defaultTheme=defaultTheme,exports.motherDarkTheme=motherDarkTheme,exports.motherLightTheme=motherLightTheme,exports.teenDarkTheme=teenDarkTheme,exports.teenLightTheme=teenLightTheme;
+'use strict';var colors$1=require('../shared/utils/colors.js');var relBuilder=require('../shared/utils/rel-builder.js');var hexToRgbA=require('../shared/utils/hexToRgbA.js');var focus=require('../mixins/focus.js');var sizeInput=require('../shared/enums/sizeInput.js');var constants=require('../shared/constants.js');var colors=require('./colors.js');var colorsLight=require('./colors-light.js');var colorsDark=require('./colors-dark.js');const defaultTheme={breakpoints:constants.BREAKPOINTS,colors:{...colors.colors,...colors.socialColors,...colors.unitColors,...colorsLight.baseColors,...colorsLight.motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:sizeInput.SizeInput.l,utils:{relBuilder:relBuilder.relBuilder,hexToRgbA:hexToRgbA.hexToRgbA,hover:{light:colors$1.getLightHoverColor,lightStrong:colors$1.getLightStrongHoverColor,dark:colors$1.getDarkHoverColor,darkStrong:colors$1.getDarkStrongHoverColor}},mixins:{focus:focus.focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.motherColors},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.babyColors},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.teenColors},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsLight.adultColors},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...colorsDark.baseColors,...colorsDark.adultColors},mode:'dark',preset:'brand',name:'adult'};exports.adultDarkTheme=adultDarkTheme,exports.adultLightTheme=adultLightTheme,exports.babyDarkTheme=babyDarkTheme,exports.babyLightTheme=babyLightTheme,exports.defaultTheme=defaultTheme,exports.motherDarkTheme=motherDarkTheme,exports.motherLightTheme=motherLightTheme,exports.teenDarkTheme=teenDarkTheme,exports.teenLightTheme=teenLightTheme;
 //# sourceMappingURL=themes.js.map

package/theme/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {\n  hexToRgbA,\n  getLightHoverColor,\n  getLightStrongHoverColor,\n  getDarkHoverColor,\n  getDarkStrongHoverColor,\n} from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { focus } from 'mixins/focus'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\nimport type { SemanticTheme } from './types'\nimport {\n  semanticAlgoritmikaDayColors,\n  semanticAlgoritmikaNightColors,\n  semanticExamDayColors,\n  semanticExamNightColors,\n  semanticFoxfordDayColors,\n  semanticFoxfordNightColors,\n} from './theme-colors'\n\nexport const defaultTheme: DefaultTheme = {\n  breakpoints: BREAKPOINTS,\n  colors: {\n    ...colors,\n    ...socialColors,\n    ...unitColors,\n    ...ColorsLight.baseColors,\n    ...ColorsLight.motherColors,\n  },\n  borderRadius: '5px',\n  textColor: 'mineShaft',\n  fallbackColor: 'mineShaft',\n  zIndex: {\n    modal: 9000,\n    tooltip: 80,\n  },\n  classNamePrefix: 'fox',\n  defaultInputControlsWidth: SizeInput.l,\n  utils: {\n    relBuilder,\n    hexToRgbA,\n    hover: {\n      light: getLightHoverColor,\n      lightStrong: getLightStrongHoverColor,\n      dark: getDarkHoverColor,\n      darkStrong: getDarkStrongHoverColor,\n    },\n  },\n  mixins: {\n    focus,\n  },\n  mode: 'light',\n  preset: 'default',\n  name: 'mother',\n  components: {\n    Arrow: {\n      size: 'l',\n    },\n    Button: {\n      size: 'm',\n    },\n    Checkbox: {\n      size: 'm',\n    },\n    Tooltip: {\n      preset: 'default',\n    },\n  },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.motherColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.babyColors,\n  },\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.babyColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.teenColors,\n  },\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.teenColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.adultColors,\n  },\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.adultColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const foxfordDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordDayColors,\n  preset: 'brand',\n}\n\nexport const foxfordNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const examDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamDayColors,\n  preset: 'brand',\n}\n\nexport const examNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const algoritmikaDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaDayColors,\n  preset: 'brand',\n}\n\nexport const algoritmikaNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","hover","light","getLightHoverColor","lightStrong","getLightStrongHoverColor","dark","getDarkHoverColor","darkStrong","getDarkStrongHoverColor","mixins","focus","mode","preset","name","components","Arrow","size","Button","Checkbox","Tooltip","motherLightTheme","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"gYAyBO,MAAMA,aAA6B,CACxCC,YAAaC,UAAAA,YACbC,OAAQ,IACHA,OAAAA,UACAC,OAAAA,gBACAC,OAAAA,cACAC,YAAAA,cACAA,YAAAA,cAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,UAAAA,UAAUC,EACrCC,MAAO,YACLC,WAAAA,qBACAC,SAAAA,UACAC,MAAO,CACLC,MAAOC,SAAAA,mBACPC,YAAaC,SAAAA,yBACbC,KAAMC,SAAAA,kBACNC,WAAYC,SAAAA,0BAGhBC,OAAQ,CACNC,MAAAA,MAAAA,OAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,KAERG,QAAS,CACPP,OAAQ,aAKP,MAAMQ,iBAAiC,IACzCxC,aACHgC,OAAQ,SAGH,MAAMS,gBAAgC,IACxCzC,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,cAELX,KAAM,OACNC,OAAQ,SAGH,MAAMW,eAA+B,IACvC3C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,YAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMW,cAA8B,IACtC5C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMY,eAA+B,IACvC7C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,YAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMa,cAA8B,IACtC9C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMc,gBAAgC,IACxC/C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,aAEL0B,OAAQ,QACRC,KAAM,SAGD,MAAMe,eAA+B,IACvChD,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,aAELX,KAAM,OACNC,OAAQ,QACRC,KAAM"}
+{"version":3,"file":"themes.js","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {\n  getLightHoverColor,\n  getLightStrongHoverColor,\n  getDarkHoverColor,\n  getDarkStrongHoverColor,\n} from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { hexToRgbA } from 'shared/utils/hexToRgbA'\nimport { focus } from 'mixins/focus'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\nimport type { SemanticTheme } from './types'\nimport {\n  semanticAlgoritmikaDayColors,\n  semanticAlgoritmikaNightColors,\n  semanticExamDayColors,\n  semanticExamNightColors,\n  semanticFoxfordDayColors,\n  semanticFoxfordNightColors,\n} from './theme-colors'\n\nexport const defaultTheme: DefaultTheme = {\n  breakpoints: BREAKPOINTS,\n  colors: {\n    ...colors,\n    ...socialColors,\n    ...unitColors,\n    ...ColorsLight.baseColors,\n    ...ColorsLight.motherColors,\n  },\n  borderRadius: '5px',\n  textColor: 'mineShaft',\n  fallbackColor: 'mineShaft',\n  zIndex: {\n    modal: 9000,\n    tooltip: 80,\n  },\n  classNamePrefix: 'fox',\n  defaultInputControlsWidth: SizeInput.l,\n  utils: {\n    relBuilder,\n    hexToRgbA,\n    hover: {\n      light: getLightHoverColor,\n      lightStrong: getLightStrongHoverColor,\n      dark: getDarkHoverColor,\n      darkStrong: getDarkStrongHoverColor,\n    },\n  },\n  mixins: {\n    focus,\n  },\n  mode: 'light',\n  preset: 'default',\n  name: 'mother',\n  components: {\n    Arrow: {\n      size: 'l',\n    },\n    Button: {\n      size: 'm',\n    },\n    Checkbox: {\n      size: 'm',\n    },\n    Tooltip: {\n      preset: 'default',\n    },\n  },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.motherColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.babyColors,\n  },\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.babyColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.teenColors,\n  },\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.teenColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.adultColors,\n  },\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.adultColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const foxfordDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordDayColors,\n  preset: 'brand',\n}\n\nexport const foxfordNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const examDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamDayColors,\n  preset: 'brand',\n}\n\nexport const examNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const algoritmikaDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaDayColors,\n  preset: 'brand',\n}\n\nexport const algoritmikaNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","hover","light","getLightHoverColor","lightStrong","getLightStrongHoverColor","dark","getDarkHoverColor","darkStrong","getDarkStrongHoverColor","mixins","focus","mode","preset","name","components","Arrow","size","Button","Checkbox","Tooltip","motherLightTheme","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"sbAyBO,MAAMA,aAA6B,CACxCC,YAAaC,UAAAA,YACbC,OAAQ,IACHA,OAAAA,UACAC,OAAAA,gBACAC,OAAAA,cACAC,YAAAA,cACAA,YAAAA,cAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,UAAAA,UAAUC,EACrCC,MAAO,YACLC,WAAAA,qBACAC,UAAAA,UACAC,MAAO,CACLC,MAAOC,SAAAA,mBACPC,YAAaC,SAAAA,yBACbC,KAAMC,SAAAA,kBACNC,WAAYC,SAAAA,0BAGhBC,OAAQ,CACNC,MAAAA,MAAAA,OAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,KAERG,QAAS,CACPP,OAAQ,aAKP,MAAMQ,iBAAiC,IACzCxC,aACHgC,OAAQ,SAGH,MAAMS,gBAAgC,IACxCzC,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,cAELX,KAAM,OACNC,OAAQ,SAGH,MAAMW,eAA+B,IACvC3C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,YAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMW,cAA8B,IACtC5C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMY,eAA+B,IACvC7C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,YAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMa,cAA8B,IACtC9C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMc,gBAAgC,IACxC/C,aACHG,OAAQ,IACHH,aAAaG,UACbG,YAAAA,aAEL0B,OAAQ,QACRC,KAAM,SAGD,MAAMe,eAA+B,IACvChD,aACHG,OAAQ,IACHH,aAAaG,UACbuC,WAAAA,cACAA,WAAAA,aAELX,KAAM,OACNC,OAAQ,QACRC,KAAM"}

package/theme/themes.mjs

@@ -1,2 +1,2 @@
-import{getDarkStrongHoverColor,getDarkHoverColor,getLightStrongHoverColor,getLightHoverColor,hexToRgbA}from'../shared/utils/colors.mjs';import{relBuilder}from'../shared/utils/rel-builder.mjs';import{focus}from'../mixins/focus.mjs';import{SizeInput}from'../shared/enums/sizeInput.mjs';import{BREAKPOINTS}from'../shared/constants.mjs';import{unitColors,socialColors,colors}from'./colors.mjs';import{motherColors,baseColors as baseColors$1,adultColors as adultColors$1,babyColors as babyColors$1,teenColors as teenColors$1}from'./colors-light.mjs';import{adultColors,baseColors,babyColors,motherColors as motherColors$1,teenColors}from'./colors-dark.mjs';const defaultTheme={breakpoints:BREAKPOINTS,colors:{...colors,...socialColors,...unitColors,...baseColors$1,...motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:SizeInput.l,utils:{relBuilder,hexToRgbA,hover:{light:getLightHoverColor,lightStrong:getLightStrongHoverColor,dark:getDarkHoverColor,darkStrong:getDarkStrongHoverColor}},mixins:{focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...motherColors$1},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...babyColors$1},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...teenColors$1},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...adultColors$1},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...adultColors},mode:'dark',preset:'brand',name:'adult'};export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,defaultTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme};
+import{getDarkStrongHoverColor,getDarkHoverColor,getLightStrongHoverColor,getLightHoverColor}from'../shared/utils/colors.mjs';import{relBuilder}from'../shared/utils/rel-builder.mjs';import{hexToRgbA}from'../shared/utils/hexToRgbA.mjs';import{focus}from'../mixins/focus.mjs';import{SizeInput}from'../shared/enums/sizeInput.mjs';import{BREAKPOINTS}from'../shared/constants.mjs';import{unitColors,socialColors,colors}from'./colors.mjs';import{motherColors,baseColors as baseColors$1,adultColors as adultColors$1,babyColors as babyColors$1,teenColors as teenColors$1}from'./colors-light.mjs';import{adultColors,baseColors,babyColors,motherColors as motherColors$1,teenColors}from'./colors-dark.mjs';const defaultTheme={breakpoints:BREAKPOINTS,colors:{...colors,...socialColors,...unitColors,...baseColors$1,...motherColors},borderRadius:'5px',textColor:'mineShaft',fallbackColor:'mineShaft',zIndex:{modal:9e3,tooltip:80},classNamePrefix:'fox',defaultInputControlsWidth:SizeInput.l,utils:{relBuilder,hexToRgbA,hover:{light:getLightHoverColor,lightStrong:getLightStrongHoverColor,dark:getDarkHoverColor,darkStrong:getDarkStrongHoverColor}},mixins:{focus},mode:'light',preset:'default',name:'mother',components:{Arrow:{size:'l'},Button:{size:'m'},Checkbox:{size:'m'},Tooltip:{preset:'default'}}};const motherLightTheme={...defaultTheme,preset:'brand'};const motherDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...motherColors$1},mode:'dark',preset:'brand'};const babyLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...babyColors$1},preset:'brand',name:'baby'};const babyDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...babyColors},mode:'dark',preset:'brand',name:'baby'};const teenLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...teenColors$1},preset:'brand',name:'teen'};const teenDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...teenColors},mode:'dark',preset:'brand',name:'teen'};const adultLightTheme={...defaultTheme,colors:{...defaultTheme.colors,...adultColors$1},preset:'brand',name:'adult'};const adultDarkTheme={...defaultTheme,colors:{...defaultTheme.colors,...baseColors,...adultColors},mode:'dark',preset:'brand',name:'adult'};export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,defaultTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme};
 //# sourceMappingURL=themes.mjs.map

package/theme/themes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"themes.mjs","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {\n  hexToRgbA,\n  getLightHoverColor,\n  getLightStrongHoverColor,\n  getDarkHoverColor,\n  getDarkStrongHoverColor,\n} from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { focus } from 'mixins/focus'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\nimport type { SemanticTheme } from './types'\nimport {\n  semanticAlgoritmikaDayColors,\n  semanticAlgoritmikaNightColors,\n  semanticExamDayColors,\n  semanticExamNightColors,\n  semanticFoxfordDayColors,\n  semanticFoxfordNightColors,\n} from './theme-colors'\n\nexport const defaultTheme: DefaultTheme = {\n  breakpoints: BREAKPOINTS,\n  colors: {\n    ...colors,\n    ...socialColors,\n    ...unitColors,\n    ...ColorsLight.baseColors,\n    ...ColorsLight.motherColors,\n  },\n  borderRadius: '5px',\n  textColor: 'mineShaft',\n  fallbackColor: 'mineShaft',\n  zIndex: {\n    modal: 9000,\n    tooltip: 80,\n  },\n  classNamePrefix: 'fox',\n  defaultInputControlsWidth: SizeInput.l,\n  utils: {\n    relBuilder,\n    hexToRgbA,\n    hover: {\n      light: getLightHoverColor,\n      lightStrong: getLightStrongHoverColor,\n      dark: getDarkHoverColor,\n      darkStrong: getDarkStrongHoverColor,\n    },\n  },\n  mixins: {\n    focus,\n  },\n  mode: 'light',\n  preset: 'default',\n  name: 'mother',\n  components: {\n    Arrow: {\n      size: 'l',\n    },\n    Button: {\n      size: 'm',\n    },\n    Checkbox: {\n      size: 'm',\n    },\n    Tooltip: {\n      preset: 'default',\n    },\n  },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.motherColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.babyColors,\n  },\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.babyColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.teenColors,\n  },\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.teenColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.adultColors,\n  },\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.adultColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const foxfordDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordDayColors,\n  preset: 'brand',\n}\n\nexport const foxfordNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const examDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamDayColors,\n  preset: 'brand',\n}\n\nexport const examNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const algoritmikaDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaDayColors,\n  preset: 'brand',\n}\n\nexport const algoritmikaNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","hover","light","getLightHoverColor","lightStrong","getLightStrongHoverColor","dark","getDarkHoverColor","darkStrong","getDarkStrongHoverColor","mixins","focus","mode","preset","name","components","Arrow","size","Button","Checkbox","Tooltip","motherLightTheme","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"4oBAyBO,MAAMA,aAA6B,CACxCC,YAAaC,YACbC,OAAQ,IACHA,UACAC,gBACAC,cACAC,gBACAA,cAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,UAAUC,EACrCC,MAAO,CACLC,WACAC,UACAC,MAAO,CACLC,MAAOC,mBACPC,YAAaC,yBACbC,KAAMC,kBACNC,WAAYC,0BAGhBC,OAAQ,CACNC,OAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,KAERG,QAAS,CACPP,OAAQ,aAKP,MAAMQ,iBAAiC,IACzCxC,aACHgC,OAAQ,SAGH,MAAMS,gBAAgC,IACxCzC,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,gBAELX,KAAM,OACNC,OAAQ,SAGH,MAAMW,eAA+B,IACvC3C,aACHG,OAAQ,IACHH,aAAaG,UACbG,cAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMW,cAA8B,IACtC5C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMY,eAA+B,IACvC7C,aACHG,OAAQ,IACHH,aAAaG,UACbG,cAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMa,cAA8B,IACtC9C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMc,gBAAgC,IACxC/C,aACHG,OAAQ,IACHH,aAAaG,UACbG,eAEL0B,OAAQ,QACRC,KAAM,SAGD,MAAMe,eAA+B,IACvChD,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,aAELX,KAAM,OACNC,OAAQ,QACRC,KAAM"}
+{"version":3,"file":"themes.mjs","sources":["../../../src/theme/themes.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\nimport {\n  getLightHoverColor,\n  getLightStrongHoverColor,\n  getDarkHoverColor,\n  getDarkStrongHoverColor,\n} from 'shared/utils/colors'\nimport { relBuilder } from 'shared/utils/rel-builder'\nimport { hexToRgbA } from 'shared/utils/hexToRgbA'\nimport { focus } from 'mixins/focus'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { BREAKPOINTS } from 'shared/constants'\nimport { colors, socialColors, unitColors } from './colors'\nimport * as ColorsLight from './colors-light'\nimport * as ColorsDark from './colors-dark'\nimport type { SemanticTheme } from './types'\nimport {\n  semanticAlgoritmikaDayColors,\n  semanticAlgoritmikaNightColors,\n  semanticExamDayColors,\n  semanticExamNightColors,\n  semanticFoxfordDayColors,\n  semanticFoxfordNightColors,\n} from './theme-colors'\n\nexport const defaultTheme: DefaultTheme = {\n  breakpoints: BREAKPOINTS,\n  colors: {\n    ...colors,\n    ...socialColors,\n    ...unitColors,\n    ...ColorsLight.baseColors,\n    ...ColorsLight.motherColors,\n  },\n  borderRadius: '5px',\n  textColor: 'mineShaft',\n  fallbackColor: 'mineShaft',\n  zIndex: {\n    modal: 9000,\n    tooltip: 80,\n  },\n  classNamePrefix: 'fox',\n  defaultInputControlsWidth: SizeInput.l,\n  utils: {\n    relBuilder,\n    hexToRgbA,\n    hover: {\n      light: getLightHoverColor,\n      lightStrong: getLightStrongHoverColor,\n      dark: getDarkHoverColor,\n      darkStrong: getDarkStrongHoverColor,\n    },\n  },\n  mixins: {\n    focus,\n  },\n  mode: 'light',\n  preset: 'default',\n  name: 'mother',\n  components: {\n    Arrow: {\n      size: 'l',\n    },\n    Button: {\n      size: 'm',\n    },\n    Checkbox: {\n      size: 'm',\n    },\n    Tooltip: {\n      preset: 'default',\n    },\n  },\n}\n\nexport const motherLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  preset: 'brand',\n}\n\nexport const motherDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.motherColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const babyLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.babyColors,\n  },\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const babyDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.babyColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'baby',\n}\n\nexport const teenLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.teenColors,\n  },\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const teenDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.teenColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'teen',\n}\n\nexport const adultLightTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsLight.adultColors,\n  },\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const adultDarkTheme: DefaultTheme = {\n  ...defaultTheme,\n  colors: {\n    ...defaultTheme.colors,\n    ...ColorsDark.baseColors,\n    ...ColorsDark.adultColors,\n  },\n  mode: 'dark',\n  preset: 'brand',\n  name: 'adult',\n}\n\nexport const foxfordDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordDayColors,\n  preset: 'brand',\n}\n\nexport const foxfordNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticFoxfordNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const examDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamDayColors,\n  preset: 'brand',\n}\n\nexport const examNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticExamNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n\nexport const algoritmikaDayTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaDayColors,\n  preset: 'brand',\n}\n\nexport const algoritmikaNightTheme: SemanticTheme = {\n  ...defaultTheme,\n  colors: semanticAlgoritmikaNightColors,\n  mode: 'dark',\n  preset: 'brand',\n}\n"],"names":["defaultTheme","breakpoints","BREAKPOINTS","colors","socialColors","unitColors","ColorsLight","borderRadius","textColor","fallbackColor","zIndex","modal","tooltip","classNamePrefix","defaultInputControlsWidth","SizeInput","l","utils","relBuilder","hexToRgbA","hover","light","getLightHoverColor","lightStrong","getLightStrongHoverColor","dark","getDarkHoverColor","darkStrong","getDarkStrongHoverColor","mixins","focus","mode","preset","name","components","Arrow","size","Button","Checkbox","Tooltip","motherLightTheme","motherDarkTheme","ColorsDark","babyLightTheme","babyDarkTheme","teenLightTheme","teenDarkTheme","adultLightTheme","adultDarkTheme"],"mappings":"urBAyBO,MAAMA,aAA6B,CACxCC,YAAaC,YACbC,OAAQ,IACHA,UACAC,gBACAC,cACAC,gBACAA,cAELC,aAAc,MACdC,UAAW,YACXC,cAAe,YACfC,OAAQ,CACNC,MAAO,IACPC,QAAS,IAEXC,gBAAiB,MACjBC,0BAA2BC,UAAUC,EACrCC,MAAO,CACLC,WACAC,UACAC,MAAO,CACLC,MAAOC,mBACPC,YAAaC,yBACbC,KAAMC,kBACNC,WAAYC,0BAGhBC,OAAQ,CACNC,OAEFC,KAAM,QACNC,OAAQ,UACRC,KAAM,SACNC,WAAY,CACVC,MAAO,CACLC,KAAM,KAERC,OAAQ,CACND,KAAM,KAERE,SAAU,CACRF,KAAM,KAERG,QAAS,CACPP,OAAQ,aAKP,MAAMQ,iBAAiC,IACzCxC,aACHgC,OAAQ,SAGH,MAAMS,gBAAgC,IACxCzC,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,gBAELX,KAAM,OACNC,OAAQ,SAGH,MAAMW,eAA+B,IACvC3C,aACHG,OAAQ,IACHH,aAAaG,UACbG,cAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMW,cAA8B,IACtC5C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMY,eAA+B,IACvC7C,aACHG,OAAQ,IACHH,aAAaG,UACbG,cAEL0B,OAAQ,QACRC,KAAM,QAGD,MAAMa,cAA8B,IACtC9C,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,YAELX,KAAM,OACNC,OAAQ,QACRC,KAAM,QAGD,MAAMc,gBAAgC,IACxC/C,aACHG,OAAQ,IACHH,aAAaG,UACbG,eAEL0B,OAAQ,QACRC,KAAM,SAGD,MAAMe,eAA+B,IACvChD,aACHG,OAAQ,IACHH,aAAaG,UACbuC,cACAA,aAELX,KAAM,OACNC,OAAQ,QACRC,KAAM"}