npm - @televet/kibble-ui - Versions diffs - 1.20.21-beta.cs21 → 1.20.21-beta.cs23 - Mend

@televet/kibble-ui 1.20.21-beta.cs21 → 1.20.21-beta.cs23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1732) hide show

package/build/components/Switch/switch.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r,a,t=require("../../node_modules/@chakra-ui/theme-tools/dist/chakra-ui-theme-tools.esm.js"),o=require("../../theme/tokens/colors/color.record.js"),s=t.cssVar("switch-track-width"),i=t.cssVar("switch-track-height"),c=t.cssVar("switch-thumb-width"),n=t.cssVar("switch-thumb-height"),l={baseStyle:{track:{bg:o.semanticColors.background.grayDark,p:0,pos:"relative",_checked:{bg:o.semanticColors.background.grayDark},_active:{outline:"0px",boxShadow:"none"},_focus:{outline:"0px",boxShadow:"none"}},thumb:{bg:o.coreColors.comet[700],h:n.reference,w:c.reference,pos:"absolute",top:"50%",transform:"translate(0%, -50%)",_checked:{bg:o.semanticColors.background.brand,transform:"translate(100%, -50%)"}}},sizes:{sm:{container:(e={},e[c.variable]="12px",e[n.variable]="12px",e[s.variable]="24px",e[i.variable]="6px",e)},md:{container:(r={},r[c.variable]="16px",r[n.variable]="16px",r[s.variable]="32px",r[i.variable]="8px",r)},lg:{container:(a={},a[c.variable]="20px",a[n.variable]="20px",a[s.variable]="40px",a[i.variable]="10px",a)}},variants:{indeterminate:{thumb:{bg:o.coreColors.gray[500],left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower",_checked:{bg:o.coreColors.gray[500],left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower"}}}}};exports.SwitchConfig=l;
+import{cssVar as a}from"../../node_modules/@chakra-ui/theme-tools/dist/chakra-ui-theme-tools.esm.js";import{semanticColors as e,coreColors as r}from"../../theme/tokens/colors/color.record.js";var t,o,i,n=a("switch-track-width"),s=a("switch-track-height"),l=a("switch-thumb-width"),b=a("switch-thumb-height"),c={baseStyle:{track:{bg:e.background.grayDark,p:0,pos:"relative",_checked:{bg:e.background.grayDark},_active:{outline:"0px",boxShadow:"none"},_focus:{outline:"0px",boxShadow:"none"}},thumb:{bg:r.comet[700],h:b.reference,w:l.reference,pos:"absolute",top:"50%",transform:"translate(0%, -50%)",_checked:{bg:e.background.brand,transform:"translate(100%, -50%)"}}},sizes:{sm:{container:(t={},t[l.variable]="12px",t[b.variable]="12px",t[n.variable]="24px",t[s.variable]="6px",t)},md:{container:(o={},o[l.variable]="16px",o[b.variable]="16px",o[n.variable]="32px",o[s.variable]="8px",o)},lg:{container:(i={},i[l.variable]="20px",i[b.variable]="20px",i[n.variable]="40px",i[s.variable]="10px",i)}},variants:{indeterminate:{thumb:{bg:r.gray[500],left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower",_checked:{bg:r.gray[500],left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower"}}}}};export{c as SwitchConfig};
 //# sourceMappingURL=switch.config.js.map

package/build/components/Switch/switch.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.config.js","sources":["../../../src/components/Switch/switch.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { cssVar } from '@chakra-ui/theme-tools';\nimport { coreColors, semanticColors } from 'theme/tokens';\n\nconst $trackWidth = cssVar('switch-track-width');\nconst $trackHeight = cssVar('switch-track-height');\nconst $thumbWidth = cssVar('switch-thumb-width');\nconst $thumbHeight = cssVar('switch-thumb-height');\n\nexport const SwitchConfig: ComponentStyleConfig = {\n baseStyle: {\n track: {\n bg: semanticColors.background.grayDark,\n p: 0,\n pos: 'relative',\n _checked: {\n bg: semanticColors.background.grayDark,\n },\n _active: {\n outline: '0px',\n boxShadow: 'none',\n },\n _focus: {\n outline: '0px',\n boxShadow: 'none',\n },\n },\n thumb: {\n bg: coreColors.comet[700],\n h: $thumbHeight.reference,\n w: $thumbWidth.reference,\n pos: 'absolute',\n top: '50%',\n transform: 'translate(0%, -50%)',\n _checked: {\n bg: semanticColors.background.brand,\n transform: 'translate(100%, -50%)',\n },\n },\n },\n sizes: {\n sm: {\n container: {\n [$thumbWidth.variable]: '12px',\n [$thumbHeight.variable]: '12px',\n [$trackWidth.variable]: '24px',\n [$trackHeight.variable]: '6px',\n },\n },\n md: {\n container: {\n [$thumbWidth.variable]: '16px',\n [$thumbHeight.variable]: '16px',\n [$trackWidth.variable]: '32px',\n [$trackHeight.variable]: '8px',\n },\n },\n lg: {\n container: {\n [$thumbWidth.variable]: '20px',\n [$thumbHeight.variable]: '20px',\n [$trackWidth.variable]: '40px',\n [$trackHeight.variable]: '10px',\n },\n },\n },\n variants: {\n indeterminate: {\n thumb: {\n bg: coreColors.gray[500],\n left: '50%',\n transform: `translate(-50%, -50%)`,\n transitionDuration: 'slower',\n _checked: {\n bg: coreColors.gray[500],\n left: '50%',\n transform: `translate(-50%, -50%)`,\n transitionDuration: 'slower',\n },\n },\n },\n },\n};\n"],"names":["$trackWidth","cssVar","$trackHeight","$thumbWidth","$thumbHeight","SwitchConfig","baseStyle","track","bg","semanticColors","background","grayDark","p","pos","_checked","_active","outline","boxShadow","_focus","thumb","coreColors","comet","h","reference","w","top","transform","brand","sizes","sm","container","_a","variable","md","_b","lg","_c","variants","indeterminate","gray","left","transitionDuration"],"mappings":"~~8NAIMA~~,EAAcC,~~EAAAA~~,~~OAAO,~~sBACrBC,EAAeD,~~EAAAA~~,~~OAAO,~~uBACtBE,EAAcF,~~EAAAA~~,~~OAAO,~~sBACrBG,EAAeH,~~EAAAA~~,~~OAAO,~~uBAEfI,EAAqC,CAChDC,UAAW,CACTC,MAAO,CACLC,GAAIC,~~EAAAA~~,~~eAAeC,~~WAAWC,SAC9BC,EAAG,EACHC,IAAK,WACLC,SAAU,CACRN,GAAIC,~~EAAAA~~,~~eAAeC,~~WAAWC,UAEhCI,QAAS,CACPC,QAAS,MACTC,UAAW,QAEbC,OAAQ,CACNF,QAAS,MACTC,UAAW,SAGfE,MAAO,CACLX,GAAIY,~~EAAAA~~,~~WAAWC,~~MAAM,KACrBC,EAAGlB,EAAamB,UAChBC,EAAGrB,EAAYoB,UACfV,IAAK,WACLY,IAAK,MACLC,UAAW,sBACXZ,SAAU,CACRN,GAAIC,~~EAAAA~~,~~eAAeC,~~WAAWiB,MAC9BD,UAAW,2BAIjBE,MAAO,CACLC,GAAI,CACFC,WAASC,EAAA,GACPA,EAAC5B,EAAY6B,UAAW,OACxBD,EAAC3B,EAAa4B,UAAW,OACzBD,EAAC/B,EAAYgC,UAAW,OACxBD,EAAC7B,EAAa8B,UAAW,MAC1BD,IAEHE,GAAI,CACFH,WAASI,EAAA,GACPA,EAAC/B,EAAY6B,UAAW,OACxBE,EAAC9B,EAAa4B,UAAW,OACzBE,EAAClC,EAAYgC,UAAW,OACxBE,EAAChC,EAAa8B,UAAW,MAC1BE,IAEHC,GAAI,CACFL,WAASM,EAAA,GACPA,EAACjC,EAAY6B,UAAW,OACxBI,EAAChC,EAAa4B,UAAW,OACzBI,EAACpC,EAAYgC,UAAW,OACxBI,EAAClC,EAAa8B,UAAW,OAC1BI,KAGLC,SAAU,CACRC,cAAe,CACbnB,MAAO,CACLX,GAAIY,~~EAAAA~~,~~WAAWmB,~~KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB,SACpB3B,SAAU,CACRN,GAAIY,~~EAAAA~~,~~WAAWmB,~~KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB"}
1	+ {"version":3,"file":"switch.config.js","sources":["../../../src/components/Switch/switch.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { cssVar } from '@chakra-ui/theme-tools';\nimport { coreColors, semanticColors } from 'theme/tokens';\n\nconst $trackWidth = cssVar('switch-track-width');\nconst $trackHeight = cssVar('switch-track-height');\nconst $thumbWidth = cssVar('switch-thumb-width');\nconst $thumbHeight = cssVar('switch-thumb-height');\n\nexport const SwitchConfig: ComponentStyleConfig = {\n baseStyle: {\n track: {\n bg: semanticColors.background.grayDark,\n p: 0,\n pos: 'relative',\n _checked: {\n bg: semanticColors.background.grayDark,\n },\n _active: {\n outline: '0px',\n boxShadow: 'none',\n },\n _focus: {\n outline: '0px',\n boxShadow: 'none',\n },\n },\n thumb: {\n bg: coreColors.comet[700],\n h: $thumbHeight.reference,\n w: $thumbWidth.reference,\n pos: 'absolute',\n top: '50%',\n transform: 'translate(0%, -50%)',\n _checked: {\n bg: semanticColors.background.brand,\n transform: 'translate(100%, -50%)',\n },\n },\n },\n sizes: {\n sm: {\n container: {\n [$thumbWidth.variable]: '12px',\n [$thumbHeight.variable]: '12px',\n [$trackWidth.variable]: '24px',\n [$trackHeight.variable]: '6px',\n },\n },\n md: {\n container: {\n [$thumbWidth.variable]: '16px',\n [$thumbHeight.variable]: '16px',\n [$trackWidth.variable]: '32px',\n [$trackHeight.variable]: '8px',\n },\n },\n lg: {\n container: {\n [$thumbWidth.variable]: '20px',\n [$thumbHeight.variable]: '20px',\n [$trackWidth.variable]: '40px',\n [$trackHeight.variable]: '10px',\n },\n },\n },\n variants: {\n indeterminate: {\n thumb: {\n bg: coreColors.gray[500],\n left: '50%',\n transform: `translate(-50%, -50%)`,\n transitionDuration: 'slower',\n _checked: {\n bg: coreColors.gray[500],\n left: '50%',\n transform: `translate(-50%, -50%)`,\n transitionDuration: 'slower',\n },\n },\n },\n },\n};\n"],"names":["$trackWidth","cssVar","$trackHeight","$thumbWidth","$thumbHeight","SwitchConfig","baseStyle","track","bg","semanticColors","background","grayDark","p","pos","_checked","_active","outline","boxShadow","_focus","thumb","coreColors","comet","h","reference","w","top","transform","brand","sizes","sm","container","_a","variable","md","_b","lg","_c","variants","indeterminate","gray","left","transitionDuration"],"mappings":"0MAIMA,EAAcC,EAAO,sBACrBC,EAAeD,EAAO,uBACtBE,EAAcF,EAAO,sBACrBG,EAAeH,EAAO,uBAEfI,EAAqC,CAChDC,UAAW,CACTC,MAAO,CACLC,GAAIC,EAAeC,WAAWC,SAC9BC,EAAG,EACHC,IAAK,WACLC,SAAU,CACRN,GAAIC,EAAeC,WAAWC,UAEhCI,QAAS,CACPC,QAAS,MACTC,UAAW,QAEbC,OAAQ,CACNF,QAAS,MACTC,UAAW,SAGfE,MAAO,CACLX,GAAIY,EAAWC,MAAM,KACrBC,EAAGlB,EAAamB,UAChBC,EAAGrB,EAAYoB,UACfV,IAAK,WACLY,IAAK,MACLC,UAAW,sBACXZ,SAAU,CACRN,GAAIC,EAAeC,WAAWiB,MAC9BD,UAAW,2BAIjBE,MAAO,CACLC,GAAI,CACFC,WAASC,EAAA,GACPA,EAAC5B,EAAY6B,UAAW,OACxBD,EAAC3B,EAAa4B,UAAW,OACzBD,EAAC/B,EAAYgC,UAAW,OACxBD,EAAC7B,EAAa8B,UAAW,MAC1BD,IAEHE,GAAI,CACFH,WAASI,EAAA,GACPA,EAAC/B,EAAY6B,UAAW,OACxBE,EAAC9B,EAAa4B,UAAW,OACzBE,EAAClC,EAAYgC,UAAW,OACxBE,EAAChC,EAAa8B,UAAW,MAC1BE,IAEHC,GAAI,CACFL,WAASM,EAAA,GACPA,EAACjC,EAAY6B,UAAW,OACxBI,EAAChC,EAAa4B,UAAW,OACzBI,EAACpC,EAAYgC,UAAW,OACxBI,EAAClC,EAAa8B,UAAW,OAC1BI,KAGLC,SAAU,CACRC,cAAe,CACbnB,MAAO,CACLX,GAAIY,EAAWmB,KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB,SACpB3B,SAAU,CACRN,GAAIY,EAAWmB,KAAK,KACpBC,KAAM,MACNd,UAAW,wBACXe,mBAAoB"}

package/build/components/Tabs/components/Tab/components/Tabs/components/Tab/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component.js");exports.default=e.default;
+import o from"../../../../tab.component.js";export{default}from"../../../../tab.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Tabs/components/Tab/tab.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("../../../../node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js"),i=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),o=require("../../../NotificationCounter/notificationCounter.component.js"),n=require("../../../Icon/icon.component.js"),a=require("react"),r=require("../../../NotificationCounter/notificationCounter.types.js"),u=require("./tab.records.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(a);exports.default=function(a){var c=a.iconName,f=a.label,d=a.showNotificationCounter,l=void 0!==d&&d,m=a.notificationCount,C=void 0===m?0:m,b=a.notificationCounterVariant,p=void 0===b?r.NotificationCounterVariant.Red:b,j=a.size,v=void 0===j?"md":j,q=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return s.default.createElement(t.Tab,e.__assign({},q),!!c&&s.default.createElement(i.default,{pr:2},s.default.createElement(n.default,{name:c,size:v})),f,l&&s.default.createElement(o.default,{count:C,variant:p,size:u.notificationCounterSize[v],ml:2}))};
+import{__rest as o,__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import{Tab as i}from"../../../../node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js";import n from"../../../../chakra/components/Box/chakra/components/Box/index.js";import e from"../../../NotificationCounter/notificationCounter.component.js";import r from"../../../Icon/icon.component.js";import a from"react";import{NotificationCounterVariant as m}from"../../../NotificationCounter/notificationCounter.types.js";import{notificationCounterSize as c}from"./tab.records.js";var s=function(s){var f=s.iconName,u=s.label,p=s.showNotificationCounter,d=void 0!==p&&p,l=s.notificationCount,C=void 0===l?0:l,b=s.notificationCounterVariant,j=void 0===b?m.Red:b,v=s.size,h=void 0===v?"md":v,N=o(s,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return a.createElement(i,t({},N),!!f&&a.createElement(n,{pr:2},a.createElement(r,{name:f,size:h})),u,d&&a.createElement(e,{count:C,variant:j,size:c[h],ml:2}))};export{s as default};
 //# sourceMappingURL=tab.component.js.map

package/build/components/Tabs/components/Tab/tab.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.component.js","sources":["../../../../../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { Tab as CTab, TabProps as CTabProps } from '@chakra-ui/tabs';\nimport Box from 'chakra/components/Box';\nimport NotificationCounter from 'components/NotificationCounter';\nimport Icon from 'components/Icon';\nimport React from 'react';\nimport { NotificationCounterVariant } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nconst Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n {label}\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n\nexport default Tab;\n"],"names":["_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","notificationCounterSize","ml"],"mappings":"~~mnBAmBY~~,~~SAACA~~,GACX,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,~~EAA0BA~~,~~2BAACC,~~MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,~~EAAAA~~,~~OAAAd,~~EAPI,wGASX,OACEe,~~EAAAA~~,~~QAAAC,~~cAACC,~~EAAAA~~,~~IAAIC~~,~~EAAAA,SAAA,~~GAAKL,KACLZ,GACDc,~~wBAACI~~,~~EAAAA~~,~~QAAG,~~CAACC,GAAI,GACPL,~~UAACC~~,cAAAK,~~EAAAA~~,~~QAAK,~~CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,~~EAAA~~,~~QAAAC,~~cAACO,EAAmB,~~QAAA,~~CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMc,~~EAAuBA~~,~~wBAACd,~~GAC9Be,GAAI"}
1	+ {"version":3,"file":"tab.component.js","sources":["../../../../../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { Tab as CTab, TabProps as CTabProps } from '@chakra-ui/tabs';\nimport Box from 'chakra/components/Box';\nimport NotificationCounter from 'components/NotificationCounter';\nimport Icon from 'components/Icon';\nimport React from 'react';\nimport { NotificationCounterVariant } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nconst Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n {label}\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n\nexport default Tab;\n"],"names":["Tab","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","notificationCounterSize","ml"],"mappings":"gjBAmBM,IAAAA,EAAM,SAACC,GACX,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,EAA2BC,MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,EAAAd,EAPI,wGASX,OACEe,EAAAC,cAACC,EAAIC,EAAA,GAAKL,KACLZ,GACDc,gBAACI,EAAG,CAACC,GAAI,GACPL,EAACC,cAAAK,EAAK,CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,EAAAC,cAACO,EAAmB,CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMc,EAAwBd,GAC9Be,GAAI"}

package/build/components/Tabs/components/Tab/tab.records.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.notificationCounterSize={xs:"sm",sm:"md",md:"md",lg:"lg"};
+var m={xs:"sm",sm:"md",md:"md",lg:"lg"};export{m as notificationCounterSize};
 //# sourceMappingURL=tab.records.js.map

package/build/components/Tabs/components/Tab/tab.records.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.records.js","sources":["../../../../../src/components/Tabs/components/Tab/tab.records.ts"],"sourcesContent":["import { NotificationCounterSize } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n"],"names":["xs","sm","md","lg"],"mappings":"~~oGAGiF~~,CAC/EA,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI"}
1	+ {"version":3,"file":"tab.records.js","sources":["../../../../../src/components/Tabs/components/Tab/tab.records.ts"],"sourcesContent":["import { NotificationCounterSize } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg"],"mappings":"AAGa,IAAAA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI"}

package/build/components/Tabs/components/Tabs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabs.component.js");exports.default=e.default;
+import o from"../../tabs.component.js";export{default}from"../../tabs.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Tabs/components/TabsLayout/components/Tabs/components/TabsLayout/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tabsLayout.component.js");exports.default=e.default;
+import o from"../../../../tabsLayout.component.js";export{default}from"../../../../tabsLayout.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Tabs/components/TabsLayout/tabsLayout.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../tabs.component.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(t);exports.default=function(t){return s.default.createElement(r.default,e.__assign({},t))};
+import{__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import e from"react";import o from"../../tabs.component.js";var r=function(r){return e.createElement(o,t({},r))};export{r as default};
 //# sourceMappingURL=tabsLayout.component.js.map

package/build/components/Tabs/components/TabsLayout/tabsLayout.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabsLayout.component.js","sources":["../../../../../src/components/Tabs/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport Tabs, { TabsProps } from '../../tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nconst TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n\nexport default TabsLayout;\n"],"names":["props","React","createElement","Tabs","__assign"],"mappings":"~~4RAOmB~~,~~SAACA~~,GAClB,OAAOC,~~EAAAA~~,~~QAACC,~~cAAAC,~~EAAI~~,~~QAAKC~~,~~EAAAA,SAAA,~~GAAAJ"}
1	+ {"version":3,"file":"tabsLayout.component.js","sources":["../../../../../src/components/Tabs/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport Tabs, { TabsProps } from '../../tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nconst TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n\nexport default TabsLayout;\n"],"names":["TabsLayout","props","React","createElement","Tabs","__assign"],"mappings":"mIAOM,IAAAA,EAAa,SAACC,GAClB,OAAOC,EAACC,cAAAC,EAASC,EAAA,GAAAJ"}

package/build/components/Tabs/tabs.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("../../node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js"),a=require("react"),s=require("./components/Tab/tab.component.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(a);exports.default=function(a){var n=a.size,u=void 0===n?"md":n,i=a.tabList,l=a.tabPanels,o=a.tabPanelsStyle,b=e.__rest(a,["size","tabList","tabPanels","tabPanelsStyle"]);return r.default.createElement(t.Tabs,e.__assign({},b,{size:u}),r.default.createElement(t.TabList,null,i.map((function(t,a){return r.default.createElement(s.default,e.__assign({key:a,size:u},t))}))),!!l&&r.default.createElement(t.TabPanels,e.__assign({},o),l.map((function(e){return e}))))};
+import{__rest as e,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{Tabs as a,TabList as s,TabPanels as n}from"../../node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js";import r from"react";import o from"./components/Tab/tab.component.js";var m=function(m){var i=m.size,l=void 0===i?"md":i,b=m.tabList,c=m.tabPanels,u=m.tabPanelsStyle,p=e(m,["size","tabList","tabPanels","tabPanelsStyle"]);return r.createElement(a,t({},p,{size:l}),r.createElement(s,null,b.map((function(e,a){return r.createElement(o,t({key:a,size:l},e))}))),!!c&&r.createElement(n,t({},u),c.map((function(e){return e}))))};export{m as default};
 //# sourceMappingURL=tabs.component.js.map

package/build/components/Tabs/tabs.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.component.js","sources":["../../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs } from '@chakra-ui/tabs';\nimport { StyleProps } from '@chakra-ui/styled-system';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport Tab, { TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: Dict;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nconst Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n\nexport default Tabs;\n"],"names":["_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"~~2WAqBa~~,~~SAACA~~,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,~~EAAAA~~,~~OAAAP,~~EAA1D,iDACZ,OACEQ,~~wBAACC~~,~~EAAAA~~,~~KAAKC~~,~~EAAAA,SAAA,~~GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,~~UAAAG~~,cAACC,~~EAAOA~~,~~QAAA,~~KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,~~EAAC~~,~~QAAAG,~~cAAAK,~~EAAAA~~,~~QAAIN~~,~~EAAAA,SAAA,~~CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,~~UAAAG~~,cAACO,~~EAAAA~~,~~UAAcR~~,~~EAAAA,SAAA,~~GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}
1	+ {"version":3,"file":"tabs.component.js","sources":["../../../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, Tabs as CTabs } from '@chakra-ui/tabs';\nimport { StyleProps } from '@chakra-ui/styled-system';\nimport React from 'react';\nimport { Alignment, Dict } from 'shared/types';\nimport Tab, { TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: Dict;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nconst Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n\nexport default Tabs;\n"],"names":["Tabs","_a","_b","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","__assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"oQAqBM,IAAAA,EAAO,SAACC,GAAE,IAAAC,SAAAC,aAAO,KAAID,EAAEE,EAAOH,EAAAG,QAAEC,EAASJ,EAAAI,UAAEC,EAAcL,EAAAK,eAAKC,EAAIC,EAAAP,EAA1D,iDACZ,OACEQ,gBAACC,EAAKC,EAAA,GAAKJ,EAAM,CAAAJ,KAAMA,IACrBM,EAAAG,cAACC,EAAO,KACLT,EAAQU,KAAI,SAACC,EAAKC,GAAU,OAC3BP,EAACG,cAAAK,EAAIN,EAAA,CAAAO,IAAKF,EAAOb,KAAMA,GAAUY,UAGlCV,GAAaI,EAAAG,cAACO,EAAcR,EAAA,GAAAL,GAAiBD,EAAUS,KAAI,SAACM,GAAU,OAAAA"}

package/build/components/Tabs/tabs.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/colors/color.record.js"),e=require("../../theme/tokens/fontSizes.js"),t=require("../../theme/tokens/fontWeights.js"),r={baseStyle:{tab:{color:o.adaptiveColors.text.light.subtle,fontWeight:t.fontWeights.semibold,_disabled:{color:o.colors.gray[400],borderColor:o.colors.gray[100],_hover:{background:o.colors.transparent}},_focus:{boxShadow:0}},tabpanel:{padding:0}},sizes:{xs:{tab:{fontSize:e.fontSizes.xs,py:2,px:2}},sm:{tab:{fontSize:e.fontSizes.sm,py:3,px:3}},md:{tab:{fontSize:e.fontSizes.md,py:4,px:5}},lg:{tab:{fontSize:e.fontSizes.xl,py:5,px:6}}},variants:{line:{tablist:{borderBottom:"3px solid",borderColor:o.colors.gray[300]},tab:{borderBottom:"3px solid",borderBottomColor:o.colors.gray[300],marginBottom:"-3px",_selected:{color:o.adaptiveColors.text.light.headline,borderColor:o.semanticColors.border.light.focus},_active:{background:o.colors.transparent},_hover:{background:o.colors.blackAlpha[50]}}}}};exports.TabsConfig=r;
+import{adaptiveColors as o,colors as t,semanticColors as r}from"../../theme/tokens/colors/color.record.js";import{fontSizes as e}from"../../theme/tokens/fontSizes.js";import{fontWeights as a}from"../../theme/tokens/fontWeights.js";var s={baseStyle:{tab:{color:o.text.light.subtle,fontWeight:a.semibold,_disabled:{color:t.gray[400],borderColor:t.gray[100],_hover:{background:t.transparent}},_focus:{boxShadow:0}},tabpanel:{padding:0}},sizes:{xs:{tab:{fontSize:e.xs,py:2,px:2}},sm:{tab:{fontSize:e.sm,py:3,px:3}},md:{tab:{fontSize:e.md,py:4,px:5}},lg:{tab:{fontSize:e.xl,py:5,px:6}}},variants:{line:{tablist:{borderBottom:"3px solid",borderColor:t.gray[300]},tab:{borderBottom:"3px solid",borderBottomColor:t.gray[300],marginBottom:"-3px",_selected:{color:o.text.light.headline,borderColor:r.border.light.focus},_active:{background:t.transparent},_hover:{background:t.blackAlpha[50]}}}}};export{s as TabsConfig};
 //# sourceMappingURL=tabs.config.js.map

package/build/components/Tabs/tabs.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.config.js","sources":["../../../src/components/Tabs/tabs.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { colors, adaptiveColors, semanticColors, fontWeights, fontSizes } from 'theme/tokens';\n\nexport const TabsConfig: ComponentStyleConfig = {\n baseStyle: {\n tab: {\n color: adaptiveColors.text.light.subtle,\n fontWeight: fontWeights.semibold,\n _disabled: {\n color: colors.gray[400],\n borderColor: colors.gray[100],\n _hover: {\n background: colors.transparent,\n },\n },\n _focus: {\n boxShadow: 0,\n },\n },\n tabpanel: {\n padding: 0,\n },\n },\n sizes: {\n xs: {\n tab: {\n fontSize: fontSizes.xs,\n py: 2,\n px: 2,\n },\n },\n sm: {\n tab: {\n fontSize: fontSizes.sm,\n py: 3,\n px: 3,\n },\n },\n md: {\n tab: {\n fontSize: fontSizes.md,\n py: 4,\n px: 5,\n },\n },\n lg: {\n tab: {\n fontSize: fontSizes.xl,\n py: 5,\n px: 6,\n },\n },\n },\n variants: {\n line: {\n tablist: {\n borderBottom: '3px solid',\n borderColor: colors.gray[300],\n },\n tab: {\n borderBottom: '3px solid',\n borderBottomColor: colors.gray[300],\n marginBottom: '-3px',\n _selected: {\n color: adaptiveColors.text.light.headline,\n borderColor: semanticColors.border.light.focus,\n },\n _active: {\n background: colors.transparent,\n },\n _hover: {\n background: colors.blackAlpha[50],\n },\n },\n },\n },\n};\n"],"names":["TabsConfig","baseStyle","tab","color","adaptiveColors","text","light","subtle","fontWeight","fontWeights","semibold","_disabled","colors","gray","borderColor","_hover","background","transparent","_focus","boxShadow","tabpanel","padding","sizes","xs","fontSize","fontSizes","py","px","sm","md","lg","xl","variants","line","tablist","borderBottom","borderBottomColor","marginBottom","_selected","headline","semanticColors","border","focus","_active","blackAlpha"],"mappings":"~~2NAGaA~~,EAAmC,CAC9CC,UAAW,CACTC,IAAK,CACHC,MAAOC,~~EAAcA~~,~~eAACC,~~KAAKC,MAAMC,OACjCC,WAAYC,~~EAAWA~~,~~YAACC,~~SACxBC,UAAW,CACTR,MAAOS,~~EAAAA~~,~~OAAOC,~~KAAK,KACnBC,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,KACzBE,OAAQ,CACNC,WAAYJ,~~EAAMA~~,~~OAACK,~~cAGvBC,OAAQ,CACNC,UAAW,IAGfC,SAAU,CACRC,QAAS,IAGbC,MAAO,CACLC,GAAI,CACFrB,IAAK,CACHsB,SAAUC,~~EAASA~~,~~UAACF,~~GACpBG,GAAI,EACJC,GAAI,IAGRC,GAAI,CACF1B,IAAK,CACHsB,SAAUC,~~EAASA~~,~~UAACG,~~GACpBF,GAAI,EACJC,GAAI,IAGRE,GAAI,CACF3B,IAAK,CACHsB,SAAUC,~~EAASA~~,~~UAACI,~~GACpBH,GAAI,EACJC,GAAI,IAGRG,GAAI,CACF5B,IAAK,CACHsB,SAAUC,~~EAASA~~,~~UAACM,~~GACpBL,GAAI,EACJC,GAAI,KAIVK,SAAU,CACRC,KAAM,CACJC,QAAS,CACPC,aAAc,YACdrB,YAAaF,~~EAAAA~~,~~OAAOC,~~KAAK,MAE3BX,IAAK,CACHiC,aAAc,YACdC,kBAAmBxB,~~EAAAA~~,~~OAAOC,~~KAAK,KAC/BwB,aAAc,OACdC,UAAW,CACTnC,MAAOC,~~EAAcA~~,~~eAACC,~~KAAKC,MAAMiC,SACjCzB,YAAa0B,~~EAAcA~~,~~eAACC,~~OAAOnC,MAAMoC,OAE3CC,QAAS,CACP3B,WAAYJ,~~EAAMA~~,~~OAACK,~~aAErBF,OAAQ,CACNC,WAAYJ,~~EAAAA~~,~~OAAOgC,~~WAAW"}
1	+ {"version":3,"file":"tabs.config.js","sources":["../../../src/components/Tabs/tabs.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { colors, adaptiveColors, semanticColors, fontWeights, fontSizes } from 'theme/tokens';\n\nexport const TabsConfig: ComponentStyleConfig = {\n baseStyle: {\n tab: {\n color: adaptiveColors.text.light.subtle,\n fontWeight: fontWeights.semibold,\n _disabled: {\n color: colors.gray[400],\n borderColor: colors.gray[100],\n _hover: {\n background: colors.transparent,\n },\n },\n _focus: {\n boxShadow: 0,\n },\n },\n tabpanel: {\n padding: 0,\n },\n },\n sizes: {\n xs: {\n tab: {\n fontSize: fontSizes.xs,\n py: 2,\n px: 2,\n },\n },\n sm: {\n tab: {\n fontSize: fontSizes.sm,\n py: 3,\n px: 3,\n },\n },\n md: {\n tab: {\n fontSize: fontSizes.md,\n py: 4,\n px: 5,\n },\n },\n lg: {\n tab: {\n fontSize: fontSizes.xl,\n py: 5,\n px: 6,\n },\n },\n },\n variants: {\n line: {\n tablist: {\n borderBottom: '3px solid',\n borderColor: colors.gray[300],\n },\n tab: {\n borderBottom: '3px solid',\n borderBottomColor: colors.gray[300],\n marginBottom: '-3px',\n _selected: {\n color: adaptiveColors.text.light.headline,\n borderColor: semanticColors.border.light.focus,\n },\n _active: {\n background: colors.transparent,\n },\n _hover: {\n background: colors.blackAlpha[50],\n },\n },\n },\n },\n};\n"],"names":["TabsConfig","baseStyle","tab","color","adaptiveColors","text","light","subtle","fontWeight","fontWeights","semibold","_disabled","colors","gray","borderColor","_hover","background","transparent","_focus","boxShadow","tabpanel","padding","sizes","xs","fontSize","fontSizes","py","px","sm","md","lg","xl","variants","line","tablist","borderBottom","borderBottomColor","marginBottom","_selected","headline","semanticColors","border","focus","_active","blackAlpha"],"mappings":"uOAGa,IAAAA,EAAmC,CAC9CC,UAAW,CACTC,IAAK,CACHC,MAAOC,EAAeC,KAAKC,MAAMC,OACjCC,WAAYC,EAAYC,SACxBC,UAAW,CACTR,MAAOS,EAAOC,KAAK,KACnBC,YAAaF,EAAOC,KAAK,KACzBE,OAAQ,CACNC,WAAYJ,EAAOK,cAGvBC,OAAQ,CACNC,UAAW,IAGfC,SAAU,CACRC,QAAS,IAGbC,MAAO,CACLC,GAAI,CACFrB,IAAK,CACHsB,SAAUC,EAAUF,GACpBG,GAAI,EACJC,GAAI,IAGRC,GAAI,CACF1B,IAAK,CACHsB,SAAUC,EAAUG,GACpBF,GAAI,EACJC,GAAI,IAGRE,GAAI,CACF3B,IAAK,CACHsB,SAAUC,EAAUI,GACpBH,GAAI,EACJC,GAAI,IAGRG,GAAI,CACF5B,IAAK,CACHsB,SAAUC,EAAUM,GACpBL,GAAI,EACJC,GAAI,KAIVK,SAAU,CACRC,KAAM,CACJC,QAAS,CACPC,aAAc,YACdrB,YAAaF,EAAOC,KAAK,MAE3BX,IAAK,CACHiC,aAAc,YACdC,kBAAmBxB,EAAOC,KAAK,KAC/BwB,aAAc,OACdC,UAAW,CACTnC,MAAOC,EAAeC,KAAKC,MAAMiC,SACjCzB,YAAa0B,EAAeC,OAAOnC,MAAMoC,OAE3CC,QAAS,CACP3B,WAAYJ,EAAOK,aAErBF,OAAQ,CACNC,WAAYJ,EAAOgC,WAAW"}

package/build/components/Tag/components/Tag/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tag.component.js");exports.default=e.default;
+import o from"../../tag.component.js";export{default}from"../../tag.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Tag/tag.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),s=require("../../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js"),i=require("./tag.records.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.default=function(t){var l=t.leftElement,r=t.rightElement,a=t.label,n=t.showCloseButton,u=void 0!==n&&n,d=t.onClose,g=t.fontWeight,f=void 0===g?"semibold":g,m=t.size,_=void 0===m?"md":m,c=e.__rest(t,["leftElement","rightElement","label","showCloseButton","onClose","fontWeight","size"]),h=e.__assign(e.__assign({},!!l&&{ml:1}),!!r&&{mr:1});return o.default.createElement(s.Tag,e.__assign({},c,{size:_},u&&{pr:i.paddingRightBySize[_]}),l,o.default.createElement(s.TagLabel,e.__assign({},h,{fontWeight:f}),a),r,u&&!!d&&o.default.createElement(s.TagCloseButton,{onClick:d}))};
+import{__rest as e,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import o from"react";import{Tag as l,TagLabel as r,TagCloseButton as i}from"../../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js";import{paddingRightBySize as s}from"./tag.records.js";var m=function(m){var n=m.leftElement,a=m.rightElement,d=m.label,f=m.showCloseButton,c=void 0!==f&&f,g=m.onClose,h=m.fontWeight,u=void 0===h?"semibold":h,E=m.size,p=void 0===E?"md":E,b=e(m,["leftElement","rightElement","label","showCloseButton","onClose","fontWeight","size"]),v=t(t({},!!n&&{ml:1}),!!a&&{mr:1});return o.createElement(l,t({},b,{size:p},c&&{pr:s[p]}),n,o.createElement(r,t({},v,{fontWeight:u}),d),a,c&&!!g&&o.createElement(i,{onClick:g}))};export{m as default};
 //# sourceMappingURL=tag.component.js.map

package/build/components/Tag/tag.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag.component.js","sources":["../../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel } from '@chakra-ui/tag';\nimport { TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\n\nexport interface TagProps extends CTagProps {\n leftElement?: JSX.Element;\n rightElement?: JSX.Element;\n label: string;\n showCloseButton?: boolean;\n size?: TagSize;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n fontWeight?: 'regular' \| 'semibold';\n}\n\nconst Tag = ({\n leftElement,\n rightElement,\n label,\n showCloseButton = false,\n onClose,\n fontWeight = 'semibold',\n size = 'md',\n ...rest\n}: TagProps): JSX.Element => {\n const labelStyle = {\n ...(!!leftElement && { ml: 1 }),\n ...(!!rightElement && { mr: 1 }),\n };\n\n return (\n <CTag {...rest} size={size} {...(showCloseButton && { pr: paddingRightBySize[size] })}>\n {leftElement}\n <TagLabel {...labelStyle} fontWeight={fontWeight}>\n {label}\n </TagLabel>\n {rightElement}\n {showCloseButton && !!onClose && <TagCloseButton onClick={onClose} />}\n </CTag>\n );\n};\n\nexport default Tag;\n"],"names":["_a","leftElement","rightElement","label","_b","showCloseButton","onClose","_c","fontWeight","_d","size","rest","__rest","labelStyle","__assign","ml","mr","React","CTag","pr","paddingRightBySize","createElement","TagLabel","TagCloseButton","onClick"],"mappings":"~~wVAeY~~,~~SAACA~~,GACX,IAAAC,EAAWD,EAAAC,YACXC,EAAYF,EAAAE,aACZC,EAAKH,EAAAG,MACLC,EAAAJ,EAAAK,gBAAAA,OAAe,IAAAD,GAAQA,EACvBE,EAAON,EAAAM,QACPC,EAAAP,EAAAQ,WAAAA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAWT,EAAAU,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACRE,EAAIC,~~EAAAA~~,~~OAAAZ,~~EARI,wFAULa,EACDC,EAAAA,~~SAAAA~~,~~EAAAA,SAAA,~~KAAGb,GAAe,CAAEc,GAAI,MACrBb,GAAgB,CAAEc,GAAI,IAG9B,OACEC,~~EAAAA~~,~~sBAACC~~,~~EAAAA~~,~~IAAIJ,EAAAA,SAAA,~~GAAKH,EAAM,CAAAD,KAAMA,GAAWL,GAAmB,CAAEc,GAAIC,~~EAAkBA~~,~~mBAACV,~~KAC1ET,EACDgB,~~EAAAA~~,~~QAACI,~~cAAAC,~~yBAAaT~~,EAAU,CAAEL,WAAYA,IACnCL,GAEFD,EACAG,KAAqBC,GAAWW,~~UAACI~~,cAAAE,~~EAAcA~~,~~eAAC,~~CAAAC,QAASlB"}
1	+ {"version":3,"file":"tag.component.js","sources":["../../../src/components/Tag/tag.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel } from '@chakra-ui/tag';\nimport { TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\n\nexport interface TagProps extends CTagProps {\n leftElement?: JSX.Element;\n rightElement?: JSX.Element;\n label: string;\n showCloseButton?: boolean;\n size?: TagSize;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n fontWeight?: 'regular' \| 'semibold';\n}\n\nconst Tag = ({\n leftElement,\n rightElement,\n label,\n showCloseButton = false,\n onClose,\n fontWeight = 'semibold',\n size = 'md',\n ...rest\n}: TagProps): JSX.Element => {\n const labelStyle = {\n ...(!!leftElement && { ml: 1 }),\n ...(!!rightElement && { mr: 1 }),\n };\n\n return (\n <CTag {...rest} size={size} {...(showCloseButton && { pr: paddingRightBySize[size] })}>\n {leftElement}\n <TagLabel {...labelStyle} fontWeight={fontWeight}>\n {label}\n </TagLabel>\n {rightElement}\n {showCloseButton && !!onClose && <TagCloseButton onClick={onClose} />}\n </CTag>\n );\n};\n\nexport default Tag;\n"],"names":["Tag","_a","leftElement","rightElement","label","_b","showCloseButton","onClose","_c","fontWeight","_d","size","rest","__rest","labelStyle","__assign","ml","mr","React","CTag","pr","paddingRightBySize","createElement","TagLabel","TagCloseButton","onClick"],"mappings":"4QAeM,IAAAA,EAAM,SAACC,GACX,IAAAC,EAAWD,EAAAC,YACXC,EAAYF,EAAAE,aACZC,EAAKH,EAAAG,MACLC,EAAAJ,EAAAK,gBAAAA,OAAe,IAAAD,GAAQA,EACvBE,EAAON,EAAAM,QACPC,EAAAP,EAAAQ,WAAAA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAWT,EAAAU,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACRE,EAAIC,EAAAZ,EARI,wFAULa,EACDC,EAAAA,EAAA,KAAGb,GAAe,CAAEc,GAAI,MACrBb,GAAgB,CAAEc,GAAI,IAG9B,OACEC,gBAACC,EAAIJ,EAAA,GAAKH,EAAM,CAAAD,KAAMA,GAAWL,GAAmB,CAAEc,GAAIC,EAAmBV,KAC1ET,EACDgB,EAACI,cAAAC,OAAaT,EAAU,CAAEL,WAAYA,IACnCL,GAEFD,EACAG,KAAqBC,GAAWW,EAACI,cAAAE,EAAe,CAAAC,QAASlB"}

package/build/components/Tag/tag.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../theme/tokens/colors/color.record.js");var e=require("../../theme/tokens/fontSizes.js"),t=require("../../theme/tokens/fontWeights.js"),o={baseStyle:{container:{borderRadius:require("../../theme/tokens/radii.js").radii.md},label:{fontWeight:t.fontWeights.semibold},closeButton:{height:"20px",marginInline:0,marginLeft:1,opacity:.5,width:"20px",_hover:{opacity:.8},_active:{opacity:1},_focus:{backgroundColor:"transparent",boxShadow:0}}},sizes:{sm:{container:{height:"20px",px:"8px"},label:{fontSize:e.fontSizes.xs},closeButton:{fontSize:e.fontSizes.sm}},md:{container:{height:"24px",px:"8px"},label:{fontSize:e.fontSizes.sm},closeButton:{fontSize:e.fontSizes.md}},lg:{container:{height:"32px",px:"12px"},label:{fontSize:e.fontSizes.md},closeButton:{fontSize:e.fontSizes.lg}}}};exports.TagConfig=o;
+import"../../theme/tokens/colors/color.record.js";import{fontSizes as o}from"../../theme/tokens/fontSizes.js";import{fontWeights as e}from"../../theme/tokens/fontWeights.js";import{radii as t}from"../../theme/tokens/radii.js";var i={baseStyle:{container:{borderRadius:t.md},label:{fontWeight:e.semibold},closeButton:{height:"20px",marginInline:0,marginLeft:1,opacity:.5,width:"20px",_hover:{opacity:.8},_active:{opacity:1},_focus:{backgroundColor:"transparent",boxShadow:0}}},sizes:{sm:{container:{height:"20px",px:"8px"},label:{fontSize:o.xs},closeButton:{fontSize:o.sm}},md:{container:{height:"24px",px:"8px"},label:{fontSize:o.sm},closeButton:{fontSize:o.md}},lg:{container:{height:"32px",px:"12px"},label:{fontSize:o.md},closeButton:{fontSize:o.lg}}}};export{i as TagConfig};
 //# sourceMappingURL=tag.config.js.map

package/build/components/Tag/tag.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag.config.js","sources":["../../../src/components/Tag/tag.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { fontWeights, fontSizes, radii } from '../../theme/tokens';\n\nexport const TagConfig: ComponentStyleConfig = {\n baseStyle: {\n container: {\n borderRadius: radii.md,\n },\n label: {\n fontWeight: fontWeights.semibold,\n },\n closeButton: {\n height: '20px',\n marginInline: 0,\n marginLeft: 1,\n opacity: 0.5,\n width: '20px',\n _hover: {\n opacity: 0.8,\n },\n _active: {\n opacity: 1,\n },\n _focus: {\n backgroundColor: 'transparent',\n boxShadow: 0,\n },\n },\n },\n sizes: {\n sm: {\n container: {\n height: '20px',\n px: '8px',\n },\n label: {\n fontSize: fontSizes.xs,\n },\n closeButton: {\n fontSize: fontSizes.sm,\n },\n },\n md: {\n container: {\n height: '24px',\n px: '8px',\n },\n label: {\n fontSize: fontSizes.sm,\n },\n closeButton: {\n fontSize: fontSizes.md,\n },\n },\n lg: {\n container: {\n height: '32px',\n px: '12px',\n },\n label: {\n fontSize: fontSizes.md,\n },\n closeButton: {\n fontSize: fontSizes.lg,\n },\n },\n },\n};\n"],"names":["TagConfig","baseStyle","container","borderRadius","radii","md","label","fontWeight","fontWeights","semibold","closeButton","height","marginInline","marginLeft","opacity","width","_hover","_active","_focus","backgroundColor","boxShadow","sizes","sm","px","fontSize","fontSizes","xs","lg"],"mappings":"~~yNAGaA~~,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,~~oDAAmBC~~,~~MAACC~~,IAEtBC,MAAO,CACLC,WAAYC,~~EAAWA~~,~~YAACC,~~UAE1BC,YAAa,CACXC,OAAQ,OACRC,aAAc,EACdC,WAAY,EACZC,QAAS,GACTC,MAAO,OACPC,OAAQ,CACNF,QAAS,IAEXG,QAAS,CACPH,QAAS,GAEXI,OAAQ,CACNC,gBAAiB,cACjBC,UAAW,KAIjBC,MAAO,CACLC,GAAI,CACFpB,UAAW,CACTS,OAAQ,OACRY,GAAI,OAENjB,MAAO,CACLkB,SAAUC,~~EAASA~~,~~UAACC,~~IAEtBhB,YAAa,CACXc,SAAUC,~~EAASA~~,~~UAACH,~~KAGxBjB,GAAI,CACFH,UAAW,CACTS,OAAQ,OACRY,GAAI,OAENjB,MAAO,CACLkB,SAAUC,~~EAASA~~,~~UAACH,~~IAEtBZ,YAAa,CACXc,SAAUC,~~EAASA~~,~~UAACpB,~~KAGxBsB,GAAI,CACFzB,UAAW,CACTS,OAAQ,OACRY,GAAI,QAENjB,MAAO,CACLkB,SAAUC,~~EAASA~~,~~UAACpB,~~IAEtBK,YAAa,CACXc,SAAUC,~~EAASA,UAACE~~"}
1	+ {"version":3,"file":"tag.config.js","sources":["../../../src/components/Tag/tag.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { fontWeights, fontSizes, radii } from '../../theme/tokens';\n\nexport const TagConfig: ComponentStyleConfig = {\n baseStyle: {\n container: {\n borderRadius: radii.md,\n },\n label: {\n fontWeight: fontWeights.semibold,\n },\n closeButton: {\n height: '20px',\n marginInline: 0,\n marginLeft: 1,\n opacity: 0.5,\n width: '20px',\n _hover: {\n opacity: 0.8,\n },\n _active: {\n opacity: 1,\n },\n _focus: {\n backgroundColor: 'transparent',\n boxShadow: 0,\n },\n },\n },\n sizes: {\n sm: {\n container: {\n height: '20px',\n px: '8px',\n },\n label: {\n fontSize: fontSizes.xs,\n },\n closeButton: {\n fontSize: fontSizes.sm,\n },\n },\n md: {\n container: {\n height: '24px',\n px: '8px',\n },\n label: {\n fontSize: fontSizes.sm,\n },\n closeButton: {\n fontSize: fontSizes.md,\n },\n },\n lg: {\n container: {\n height: '32px',\n px: '12px',\n },\n label: {\n fontSize: fontSizes.md,\n },\n closeButton: {\n fontSize: fontSizes.lg,\n },\n },\n },\n};\n"],"names":["TagConfig","baseStyle","container","borderRadius","radii","md","label","fontWeight","fontWeights","semibold","closeButton","height","marginInline","marginLeft","opacity","width","_hover","_active","_focus","backgroundColor","boxShadow","sizes","sm","px","fontSize","fontSizes","xs","lg"],"mappings":"kOAGa,IAAAA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,aAAcC,EAAMC,IAEtBC,MAAO,CACLC,WAAYC,EAAYC,UAE1BC,YAAa,CACXC,OAAQ,OACRC,aAAc,EACdC,WAAY,EACZC,QAAS,GACTC,MAAO,OACPC,OAAQ,CACNF,QAAS,IAEXG,QAAS,CACPH,QAAS,GAEXI,OAAQ,CACNC,gBAAiB,cACjBC,UAAW,KAIjBC,MAAO,CACLC,GAAI,CACFpB,UAAW,CACTS,OAAQ,OACRY,GAAI,OAENjB,MAAO,CACLkB,SAAUC,EAAUC,IAEtBhB,YAAa,CACXc,SAAUC,EAAUH,KAGxBjB,GAAI,CACFH,UAAW,CACTS,OAAQ,OACRY,GAAI,OAENjB,MAAO,CACLkB,SAAUC,EAAUH,IAEtBZ,YAAa,CACXc,SAAUC,EAAUpB,KAGxBsB,GAAI,CACFzB,UAAW,CACTS,OAAQ,OACRY,GAAI,QAENjB,MAAO,CACLkB,SAAUC,EAAUpB,IAEtBK,YAAa,CACXc,SAAUC,EAAUE"}

package/build/components/Tag/tag.records.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.paddingRightBySize={sm:0,md:.5,lg:1};
+var m={sm:0,md:.5,lg:1};export{m as paddingRightBySize};
 //# sourceMappingURL=tag.records.js.map

package/build/components/Tag/tag.records.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tag.records.js","sources":["../../../src/components/Tag/tag.records.ts"],"sourcesContent":["import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n sm: 0,\n md: 0.5,\n lg: 1,\n};\n"],"names":["sm","md","lg"],"mappings":"~~+FAE2D~~,~~CACzDA~~,GAAI,EACJC,GAAI,GACJC,GAAI"}
1	+ {"version":3,"file":"tag.records.js","sources":["../../../src/components/Tag/tag.records.ts"],"sourcesContent":["import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n sm: 0,\n md: 0.5,\n lg: 1,\n};\n"],"names":["paddingRightBySize","sm","md","lg"],"mappings":"AAEa,IAAAA,EAA8C,CACzDC,GAAI,EACJC,GAAI,GACJC,GAAI"}

package/build/components/Text/components/Text/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../text.component.js");exports.default=e.default;
+import t from"../../text.component.js";export{default}from"../../text.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Text/text.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js"),o=require("../../hooks/useTheme.js"),a=require("../../hooks/useAdaptiveColorMap.js"),s=require("../TruncatedText/truncatedText.component.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);exports.default=function(t){var i=t.children,n=t.variant,l=void 0===n?"regular":n,d=t.as,c=void 0===d?"span":d,f=t.color,_=t.colorToken,v=void 0===_?"default":_,p=t.darkMode,k=void 0!==p&&p,h=t.truncate,j=t.truncateProps,m=t.size,T=t.fontSize,g=e.__rest(t,["children","variant","as","color","colorToken","darkMode","truncate","truncateProps","size","fontSize"]),q=o.default().colors,x=a.default(q.text,v,k),z={size:m,fontSize:T,variant:l,color:f||x},b=e.__assign(e.__assign({},j),z);return h?u.default.createElement(s.default,e.__assign({},b),null==i?void 0:i.toString()):u.default.createElement(r.Text,e.__assign({as:c},z,g),i)};
+import{__rest as o,__assign as e}from"../../node_modules/tslib/tslib.es6.js";import r from"react";import{Text as t}from"../../node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js";import a from"../../hooks/useTheme.js";import i from"../../hooks/useAdaptiveColorMap.js";import n from"../TruncatedText/truncatedText.component.js";var s=function(s){var l=s.children,c=s.variant,d=void 0===c?"regular":c,u=s.as,m=void 0===u?"span":u,p=s.color,f=s.colorToken,v=void 0===f?"default":f,k=s.darkMode,h=void 0!==k&&k,T=s.truncate,z=s.truncateProps,j=s.size,x=s.fontSize,S=o(s,["children","variant","as","color","colorToken","darkMode","truncate","truncateProps","size","fontSize"]),M=a().colors,b=i(M.text,v,h),g={size:j,fontSize:x,variant:d,color:p||b},y=e(e({},z),g);return T?r.createElement(n,e({},y),null==l?void 0:l.toString()):r.createElement(t,e({as:m},g,S),l)};export{s as default};
 //# sourceMappingURL=text.component.js.map

package/build/components/Text/text.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.component.js","sources":["../../../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/layout';\nimport { HTMLTagName, TextVariant } from './text.types';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\nimport TruncatedText, { TruncatedTextProps } from '../TruncatedText/truncatedText.component';\n\nexport interface TextProps extends CTextProps {\n children: ReactNode;\n as?: HTMLTagName;\n variant?: TextVariant;\n colorToken?: TextColor;\n darkMode?: boolean;\n truncate?: boolean;\n truncateProps?: TruncatedTextProps;\n}\n\nconst Text = ({\n children,\n variant = 'regular',\n as = 'span',\n color,\n colorToken = 'default',\n darkMode = false,\n truncate,\n truncateProps,\n size,\n fontSize,\n ...rest\n}: TextProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n const textProps: TruncatedTextProps = {\n size,\n fontSize,\n variant,\n color: color \|\| adaptiveColor,\n };\n\n const truncatedTextProps: TruncatedTextProps = { ...truncateProps, ...textProps };\n\n return truncate ? (\n <TruncatedText {...truncatedTextProps}>{children?.toString()}</TruncatedText>\n ) : (\n <CText as={as} {...textProps} {...rest}>\n {children}\n </CText>\n );\n};\n\nexport default Text;\n"],"names":["_a","children","_b","variant","_c","as","color","_d","colorToken","_e","darkMode","truncate","truncateProps","size","fontSize","rest","__rest","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","textProps","truncatedTextProps","__assign","React","TruncatedText","toString","createElement","CText"],"mappings":"~~8cAkBa~~,~~SAACA~~,GACZ,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,OAAO,IAAAD,EAAG,UAASA,EACnBE,EAAAJ,EAAAK,GAAAA,OAAE,IAAAD,EAAG,OAAMA,EACXE,EAAKN,EAAAM,MACLC,EAAsBP,EAAAQ,WAAtBA,OAAU,IAAAD,EAAG,UAASA,EACtBE,aAAAC,cAAgBD,EAChBE,EAAQX,EAAAW,SACRC,EAAaZ,EAAAY,cACbC,EAAIb,EAAAa,KACJC,aACGC,EAXSC,~~EAAAA~~,~~OAAAhB,~~EAAA,CAAA,WAAA,UAAA,KAAA,QAAA,aAAA,WAAA,WAAA,gBAAA,OAAA,aAaJiB,EAAWC,~~mBACbC~~,EAAgBC,~~EAAAA,QAA~~+BH,EAAOI,KAAMb,EAAYE,GAExEY,EAAgC,CACpCT,KAAIA,EACJC,SAAQA,EACRX,QAAOA,EACPG,MAAOA,GAASa,GAGZI,EAA8CC,EAAAA,~~SAAAA~~,~~EAAAA,SAAA,~~GAAAZ,GAAkBU,GAEtE,OAAOX,EACLc,~~wBAACC~~,~~EAAa~~,~~QAAAF~~,~~EAAAA,SAAA,~~GAAKD,GAAqBtB,MAAAA,SAAAA,EAAU0B,YAElDF,~~EAAAA~~,~~QAACG,~~cAAAC,~~EAAAA~~,~~iBAAMxB,~~GAAIA,GAAQiB,EAAeP,GAC/Bd"}
1	+ {"version":3,"file":"text.component.js","sources":["../../../src/components/Text/text.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/layout';\nimport { HTMLTagName, TextVariant } from './text.types';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\nimport TruncatedText, { TruncatedTextProps } from '../TruncatedText/truncatedText.component';\n\nexport interface TextProps extends CTextProps {\n children: ReactNode;\n as?: HTMLTagName;\n variant?: TextVariant;\n colorToken?: TextColor;\n darkMode?: boolean;\n truncate?: boolean;\n truncateProps?: TruncatedTextProps;\n}\n\nconst Text = ({\n children,\n variant = 'regular',\n as = 'span',\n color,\n colorToken = 'default',\n darkMode = false,\n truncate,\n truncateProps,\n size,\n fontSize,\n ...rest\n}: TextProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n const textProps: TruncatedTextProps = {\n size,\n fontSize,\n variant,\n color: color \|\| adaptiveColor,\n };\n\n const truncatedTextProps: TruncatedTextProps = { ...truncateProps, ...textProps };\n\n return truncate ? (\n <TruncatedText {...truncatedTextProps}>{children?.toString()}</TruncatedText>\n ) : (\n <CText as={as} {...textProps} {...rest}>\n {children}\n </CText>\n );\n};\n\nexport default Text;\n"],"names":["Text","_a","children","_b","variant","_c","as","color","_d","colorToken","_e","darkMode","truncate","truncateProps","size","fontSize","rest","__rest","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","textProps","truncatedTextProps","__assign","React","TruncatedText","toString","createElement","CText"],"mappings":"+UAkBM,IAAAA,EAAO,SAACC,GACZ,IAAAC,aACAC,EAAAF,EAAAG,QAAAA,OAAO,IAAAD,EAAG,UAASA,EACnBE,EAAAJ,EAAAK,GAAAA,OAAE,IAAAD,EAAG,OAAMA,EACXE,EAAKN,EAAAM,MACLC,EAAsBP,EAAAQ,WAAtBA,OAAU,IAAAD,EAAG,UAASA,EACtBE,aAAAC,cAAgBD,EAChBE,EAAQX,EAAAW,SACRC,EAAaZ,EAAAY,cACbC,EAAIb,EAAAa,KACJC,aACGC,EAXSC,EAAAhB,EAAA,CAAA,WAAA,UAAA,KAAA,QAAA,aAAA,WAAA,WAAA,gBAAA,OAAA,aAaJiB,EAAWC,WACbC,EAAgBC,EAA+BH,EAAOI,KAAMb,EAAYE,GAExEY,EAAgC,CACpCT,KAAIA,EACJC,SAAQA,EACRX,QAAOA,EACPG,MAAOA,GAASa,GAGZI,EAA8CC,EAAAA,EAAA,GAAAZ,GAAkBU,GAEtE,OAAOX,EACLc,gBAACC,EAAaF,EAAA,GAAKD,GAAqBtB,MAAAA,SAAAA,EAAU0B,YAElDF,EAACG,cAAAC,KAAMxB,GAAIA,GAAQiB,EAAeP,GAC/Bd"}

package/build/components/Text/text.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../theme/tokens/colors/color.record.js");var e=require("../../theme/tokens/fontWeights.js"),i={variants:{regular:{fontWeight:e.fontWeights.normal},semibold:{fontWeight:e.fontWeights.semibold}},sizes:{xs:{fontSize:"12px",lineHeight:"150%"},sm:{fontSize:"14px",lineHeight:"150%"},md:{fontSize:"16px",lineHeight:"150%"},lg:{fontSize:"18px",lineHeight:"150%"},xl:{fontSize:"20px",lineHeight:"150%"},"2xl":{fontSize:"24px",lineHeight:"150%"},"3xl":{fontSize:"30px",lineHeight:"150%"},"4xl":{fontSize:"36px",lineHeight:"150%"},"5xl":{fontSize:"48px",lineHeight:"150%"},"6xl":{fontSize:"60px",lineHeight:"150%"}}};exports.TextConfig=i;
+import"../../theme/tokens/colors/color.record.js";import{fontWeights as e}from"../../theme/tokens/fontWeights.js";var i={variants:{regular:{fontWeight:e.normal},semibold:{fontWeight:e.semibold}},sizes:{xs:{fontSize:"12px",lineHeight:"150%"},sm:{fontSize:"14px",lineHeight:"150%"},md:{fontSize:"16px",lineHeight:"150%"},lg:{fontSize:"18px",lineHeight:"150%"},xl:{fontSize:"20px",lineHeight:"150%"},"2xl":{fontSize:"24px",lineHeight:"150%"},"3xl":{fontSize:"30px",lineHeight:"150%"},"4xl":{fontSize:"36px",lineHeight:"150%"},"5xl":{fontSize:"48px",lineHeight:"150%"},"6xl":{fontSize:"60px",lineHeight:"150%"}}};export{i as TextConfig};
 //# sourceMappingURL=text.config.js.map

package/build/components/Text/text.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text.config.js","sources":["../../../src/components/Text/text.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { fontWeights } from '../../theme/tokens';\n\nexport const TextConfig: ComponentStyleConfig = {\n variants: {\n regular: {\n fontWeight: fontWeights.normal,\n },\n semibold: {\n fontWeight: fontWeights.semibold,\n },\n },\n sizes: {\n xs: {\n fontSize: '12px',\n lineHeight: '150%',\n },\n sm: {\n fontSize: '14px',\n lineHeight: '150%',\n },\n md: {\n fontSize: '16px',\n lineHeight: '150%',\n },\n lg: {\n fontSize: '18px',\n lineHeight: '150%',\n },\n xl: {\n fontSize: '20px',\n lineHeight: '150%',\n },\n '2xl': {\n fontSize: '24px',\n lineHeight: '150%',\n },\n '3xl': {\n fontSize: '30px',\n lineHeight: '150%',\n },\n '4xl': {\n fontSize: '36px',\n lineHeight: '150%',\n },\n '5xl': {\n fontSize: '48px',\n lineHeight: '150%',\n },\n '6xl': {\n fontSize: '60px',\n lineHeight: '150%',\n },\n },\n};\n"],"names":["TextConfig","variants","regular","fontWeight","fontWeights","normal","semibold","sizes","xs","fontSize","lineHeight","sm","md","lg","xl"],"mappings":"~~4KAGaA~~,EAAmC,CAC9CC,SAAU,CACRC,QAAS,CACPC,WAAYC,~~EAAWA~~,~~YAACC,~~QAE1BC,SAAU,CACRH,WAAYC,~~EAAWA~~,~~YAACE,~~WAG5BC,MAAO,CACLC,GAAI,CACFC,SAAU,OACVC,WAAY,QAEdC,GAAI,CACFF,SAAU,OACVC,WAAY,QAEdE,GAAI,CACFH,SAAU,OACVC,WAAY,QAEdG,GAAI,CACFJ,SAAU,OACVC,WAAY,QAEdI,GAAI,CACFL,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY"}
1	+ {"version":3,"file":"text.config.js","sources":["../../../src/components/Text/text.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { fontWeights } from '../../theme/tokens';\n\nexport const TextConfig: ComponentStyleConfig = {\n variants: {\n regular: {\n fontWeight: fontWeights.normal,\n },\n semibold: {\n fontWeight: fontWeights.semibold,\n },\n },\n sizes: {\n xs: {\n fontSize: '12px',\n lineHeight: '150%',\n },\n sm: {\n fontSize: '14px',\n lineHeight: '150%',\n },\n md: {\n fontSize: '16px',\n lineHeight: '150%',\n },\n lg: {\n fontSize: '18px',\n lineHeight: '150%',\n },\n xl: {\n fontSize: '20px',\n lineHeight: '150%',\n },\n '2xl': {\n fontSize: '24px',\n lineHeight: '150%',\n },\n '3xl': {\n fontSize: '30px',\n lineHeight: '150%',\n },\n '4xl': {\n fontSize: '36px',\n lineHeight: '150%',\n },\n '5xl': {\n fontSize: '48px',\n lineHeight: '150%',\n },\n '6xl': {\n fontSize: '60px',\n lineHeight: '150%',\n },\n },\n};\n"],"names":["TextConfig","variants","regular","fontWeight","fontWeights","normal","semibold","sizes","xs","fontSize","lineHeight","sm","md","lg","xl"],"mappings":"kHAGa,IAAAA,EAAmC,CAC9CC,SAAU,CACRC,QAAS,CACPC,WAAYC,EAAYC,QAE1BC,SAAU,CACRH,WAAYC,EAAYE,WAG5BC,MAAO,CACLC,GAAI,CACFC,SAAU,OACVC,WAAY,QAEdC,GAAI,CACFF,SAAU,OACVC,WAAY,QAEdE,GAAI,CACFH,SAAU,OACVC,WAAY,QAEdG,GAAI,CACFJ,SAAU,OACVC,WAAY,QAEdI,GAAI,CACFL,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY,QAEd,MAAO,CACLD,SAAU,OACVC,WAAY"}

package/build/components/TextInput/components/ClearButton/clearButton.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../node_modules/@chakra-ui/button/dist/chakra-ui-button.esm.js"),o=require("../../../Icon/icon.component.js"),r=require("../../../../hooks/useTheme.js"),u=require("./clearButton.records.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e);exports.default=function(e){var n=e.handleClear,i=e.size,l=void 0===i?"md":i,c=r.default().colors;return a.default.createElement(t.Button,{color:c.icon.light.default,display:"inline-flex",minW:"auto",w:u.closeButtonSize[l],h:u.closeButtonSize[l],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===l?3:4,onClick:n},a.default.createElement(o.default,{name:"close",colorToken:"currentColor",size:"lg"===l?"sm":"xs"}))};
+import o from"react";import{Button as e}from"../../../../node_modules/@chakra-ui/button/dist/chakra-ui-button.esm.js";import r from"../../../Icon/icon.component.js";import t from"../../../../hooks/useTheme.js";import{closeButtonSize as i}from"./clearButton.records.js";var a=function(a){var n=a.handleClear,c=a.size,m=void 0===c?"md":c,l=t().colors;return o.createElement(e,{color:l.icon.light.default,display:"inline-flex",minW:"auto",w:i[m],h:i[m],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===m?3:4,onClick:n},o.createElement(r,{name:"close",colorToken:"currentColor",size:"lg"===m?"sm":"xs"}))};export{a as default};
 //# sourceMappingURL=clearButton.component.js.map

package/build/components/TextInput/components/ClearButton/clearButton.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clearButton.component.js","sources":["../../../../../src/components/TextInput/components/ClearButton/clearButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@chakra-ui/button';\nimport Icon from 'components/Icon';\nimport useTheme from 'hooks/useTheme';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n handleClear?: () => void;\n size?: FormControlSize;\n}\n\nconst ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n const { colors } = useTheme();\n\n return (\n <Button\n color={colors.icon.light.default}\n display=\"inline-flex\"\n minW=\"auto\"\n w={closeButtonSize[size]}\n h={closeButtonSize[size]}\n variant=\"unstyled\"\n opacity={0.5}\n _hover={{ opacity: 0.8 }}\n _active={{ opacity: 1 }}\n mr={size === 'sm' ? 3 : 4}\n onClick={handleClear}\n >\n <Icon name=\"close\" colorToken=\"currentColor\" size={size === 'lg' ? 'sm' : 'xs'} />\n </Button>\n );\n};\n\nexport default ClearButton;\n"],"names":["_a","handleClear","_b","size","colors","useTheme","React","createElement","Button","color","icon","light","default","display","minW","w","closeButtonSize","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","colorToken"],"mappings":"~~iZAYoB~~,~~SAACA~~,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACrCE,EAAWC,~~mBAEnB~~,OACEC,~~EAAC~~,~~QAAAC,~~cAAAC,~~SACC~~,CAAAC,MAAOL,EAAOM,KAAKC,MAAMC,QACzBC,QAAQ,cACRC,KAAK,OACLC,EAAGC,~~EAAeA~~,~~gBAACb,~~GACnBc,EAAGD,~~kBAAgBb~~,GACnBe,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATnB,EAAgB,EAAI,EACxBoB,QAAStB,GAETK,~~EAAAA~~,~~QAACC,~~cAAAiB,~~EAAAA~~,~~QAAK,~~CAAAC,KAAK,QAAQC,WAAW,eAAevB,KAAe,OAATA,EAAgB,KAAO"}
1	+ {"version":3,"file":"clearButton.component.js","sources":["../../../../../src/components/TextInput/components/ClearButton/clearButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@chakra-ui/button';\nimport Icon from 'components/Icon';\nimport useTheme from 'hooks/useTheme';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n handleClear?: () => void;\n size?: FormControlSize;\n}\n\nconst ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n const { colors } = useTheme();\n\n return (\n <Button\n color={colors.icon.light.default}\n display=\"inline-flex\"\n minW=\"auto\"\n w={closeButtonSize[size]}\n h={closeButtonSize[size]}\n variant=\"unstyled\"\n opacity={0.5}\n _hover={{ opacity: 0.8 }}\n _active={{ opacity: 1 }}\n mr={size === 'sm' ? 3 : 4}\n onClick={handleClear}\n >\n <Icon name=\"close\" colorToken=\"currentColor\" size={size === 'lg' ? 'sm' : 'xs'} />\n </Button>\n );\n};\n\nexport default ClearButton;\n"],"names":["ClearButton","_a","handleClear","_b","size","colors","useTheme","React","createElement","Button","color","icon","light","default","display","minW","w","closeButtonSize","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","colorToken"],"mappings":"6QAYM,IAAAA,EAAc,SAACC,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACrCE,EAAWC,WAEnB,OACEC,EAACC,cAAAC,EACC,CAAAC,MAAOL,EAAOM,KAAKC,MAAMC,QACzBC,QAAQ,cACRC,KAAK,OACLC,EAAGC,EAAgBb,GACnBc,EAAGD,EAAgBb,GACnBe,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATnB,EAAgB,EAAI,EACxBoB,QAAStB,GAETK,EAACC,cAAAiB,EAAK,CAAAC,KAAK,QAAQC,WAAW,eAAevB,KAAe,OAATA,EAAgB,KAAO"}

package/build/components/TextInput/components/ClearButton/clearButton.records.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.closeButtonSize={xs:5,sm:5,md:5,lg:6};
+var m={xs:5,sm:5,md:5,lg:6};export{m as closeButtonSize};
 //# sourceMappingURL=clearButton.records.js.map

package/build/components/TextInput/components/ClearButton/clearButton.records.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clearButton.records.js","sources":["../../../../../src/components/TextInput/components/ClearButton/clearButton.records.ts"],"sourcesContent":["import { FormControlSize } from 'components/FormControl/formControl.types';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n xs: 5,\n sm: 5,\n md: 5,\n lg: 6,\n};\n"],"names":["xs","sm","md","lg"],"mappings":"~~4FAEgE~~,~~CAC9DA~~,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI"}
1	+ {"version":3,"file":"clearButton.records.js","sources":["../../../../../src/components/TextInput/components/ClearButton/clearButton.records.ts"],"sourcesContent":["import { FormControlSize } from 'components/FormControl/formControl.types';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n xs: 5,\n sm: 5,\n md: 5,\n lg: 6,\n};\n"],"names":["closeButtonSize","xs","sm","md","lg"],"mappings":"AAEa,IAAAA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI"}

package/build/components/TextInput/components/TextInput/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textInput.component.js");exports.default=e.default;
+import t from"../../textInput.component.js";export{default}from"../../textInput.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/TextInput/textInput.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@chakra-ui/input/dist/chakra-ui-input.esm.js"),l=require("../FormControl/formControl.component.js"),r=require("./components/ClearButton/clearButton.component.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(t),i=l.withFormControl((function(t){var l=t.isClearable,u=void 0!==l&&l,i=t.size,o=void 0===i?"md":i,s=e.__rest(t,["isClearable","size"]),d=s.leftElement,f=s.inputRef;s.isFieldInline;var c=s.onClear,m=s.value,p=e.__rest(s,["leftElement","inputRef","isFieldInline","onClear","value"]),_=s.rightElement;return u&&m&&(_=a.default.createElement(r.default,{size:o,handleClear:function(){c&&c(m||"")}})),a.default.createElement(n.InputGroup,null,d?a.default.createElement(n.InputLeftElement,{children:d,h:"100%"}):null,a.default.createElement(n.Input,e.__assign({},p,{ref:f,size:o,value:m})),_?a.default.createElement(n.InputRightElement,{children:_,h:"100%"}):null)})),o=t.forwardRef((function(t,n){return a.default.createElement(i,e.__assign({inputRef:n},t))}));o.displayName="TextInput",exports.default=o;
+import{__assign as e,__rest as t}from"../../node_modules/tslib/tslib.es6.js";import n,{forwardRef as l}from"react";import{InputGroup as r,InputLeftElement as i,Input as o,InputRightElement as a}from"../../node_modules/@chakra-ui/input/dist/chakra-ui-input.esm.js";import{withFormControl as m}from"../FormControl/formControl.component.js";import u from"./components/ClearButton/clearButton.component.js";var s=m((function(l){var m=l.isClearable,s=void 0!==m&&m,c=l.size,f=void 0===c?"md":c,p=t(l,["isClearable","size"]),d=p.leftElement,E=p.inputRef;p.isFieldInline;var h=p.onClear,v=p.value,C=t(p,["leftElement","inputRef","isFieldInline","onClear","value"]),b=p.rightElement;return s&&v&&(b=n.createElement(u,{size:f,handleClear:function(){h&&h(v||"")}})),n.createElement(r,null,d?n.createElement(i,{children:d,h:"100%"}):null,n.createElement(o,e({},C,{ref:E,size:f,value:v})),b?n.createElement(a,{children:b,h:"100%"}):null)})),c=l((function(t,l){return n.createElement(s,e({inputRef:l},t))}));c.displayName="TextInput";export{c as default};
 //# sourceMappingURL=textInput.component.js.map

package/build/components/TextInput/textInput.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textInput.component.js","sources":["../../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n Input as CInput,\n InputProps as CInputProps,\n InputGroup,\n InputLeftElement,\n InputRightElement,\n} from '@chakra-ui/input';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\nimport ClearButton from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n leftElement?: ReactElement;\n rightElement?: ReactElement;\n inputRef?: ForwardedRef<HTMLInputElement>;\n size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n isClearable?: never;\n onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n isClearable: boolean;\n onClear: (val: string \| number \| readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps \| ClearableTextInputProps;\n\nconst WrappedTextInput = withFormControl(\n ({ isClearable = false, size = 'md', ...props }: TextInputProps): JSX.Element => {\n const { leftElement, inputRef, isFieldInline, onClear, value, ...domProps } = props;\n let { rightElement } = props;\n\n const handleClear = (): void => {\n if (onClear) {\n onClear(value \|\| '');\n }\n };\n\n if (isClearable && !!value) {\n rightElement = <ClearButton size={size} handleClear={handleClear} />;\n }\n\n return (\n <InputGroup>\n {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n <CInput {...domProps} ref={inputRef} size={size} value={value} />\n {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n </InputGroup>\n );\n },\n);\n\nconst TextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n <WrappedTextInput inputRef={ref} {...props} />\n));\n\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n"],"names":["WrappedTextInput","withFormControl","_a","_b","isClearable","_c","size","props","__rest","leftElement","inputRef","isFieldInline","onClear","value","domProps","rightElement","React","createElement","ClearButton","handleClear","InputGroup","InputLeftElement","children","h","CInput","__assign","ref","InputRightElement","TextInput","forwardRef","displayName"],"mappings":"~~kaA~~+~~BMA~~,EAAmBC,~~EAAAA~~,~~iBACvB,~~SAACC,GAAE,IAAAC,gBAAAC,OAAc,IAAAD,KAAOE,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAKE,EAAKC,~~EAAAA~~,~~OAAAN,~~EAA5C,wBACSO,EAAsEF,EAAKE,YAA9DC,EAAyDH,EAAjDG,SAAiDH,EAAlCI,cAAE,IAAAC,EAAgCL,EAAKK,QAA5BC,EAAuBN,EAAKM,MAAlBC,EAAaN,~~EAAAA~~,~~OAAAD,~~EAAxE,CAAA,cAAA,WAAA,gBAAA,UAAA,UACAQ,EAAiBR,EAAKQ,aAY5B,OAJIX,GAAiBS,IACnBE,EAAeC,~~EAAAA~~,~~QAAAC,~~cAACC,~~UAAW~~,CAACZ,KAAMA,EAAMa,YAPtB,WACdP,GACFA,EAAQC,GAAS,QASnBG,~~wBAACI~~,~~EAAAA~~,~~WAAU,~~KACRX,EAAcO,~~EAAAA~~,~~QAACC,~~cAAAI,~~oBAAiBC~~,SAAUb,EAAac,EAAE,SAAY,KACtEP,~~EAAAA~~,~~QAAAC,~~cAACO,~~EAAAA~~,~~MAAMC~~,~~EAAAA,SAAA,~~GAAKX,EAAQ,CAAEY,IAAKhB,EAAUJ,KAAMA,EAAMO,MAAOA,KACvDE,EAAeC,~~EAAA~~,~~QAAAC,~~cAACU,~~EAAAA~~,~~kBAAkB,~~CAAAL,SAAUP,EAAcQ,EAAE,SAAY,SAM3EK,EAAYC,~~EAAUA~~,~~YAAC,~~SAACtB,EAAuBmB,GAAwC,OAC3FV,~~EAAAA~~,~~QAAAC,~~cAACjB,EAAiByB,~~EAAAA~~,~~SAAA,~~CAAAf,SAAUgB,GAASnB,OAGvCqB,EAAUE,YAAc"}
1	+ {"version":3,"file":"textInput.component.js","sources":["../../../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n Input as CInput,\n InputProps as CInputProps,\n InputGroup,\n InputLeftElement,\n InputRightElement,\n} from '@chakra-ui/input';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\nimport ClearButton from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n leftElement?: ReactElement;\n rightElement?: ReactElement;\n inputRef?: ForwardedRef<HTMLInputElement>;\n size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n isClearable?: never;\n onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n isClearable: boolean;\n onClear: (val: string \| number \| readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps \| ClearableTextInputProps;\n\nconst WrappedTextInput = withFormControl(\n ({ isClearable = false, size = 'md', ...props }: TextInputProps): JSX.Element => {\n const { leftElement, inputRef, isFieldInline, onClear, value, ...domProps } = props;\n let { rightElement } = props;\n\n const handleClear = (): void => {\n if (onClear) {\n onClear(value \|\| '');\n }\n };\n\n if (isClearable && !!value) {\n rightElement = <ClearButton size={size} handleClear={handleClear} />;\n }\n\n return (\n <InputGroup>\n {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n <CInput {...domProps} ref={inputRef} size={size} value={value} />\n {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n </InputGroup>\n );\n },\n);\n\nconst TextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n <WrappedTextInput inputRef={ref} {...props} />\n));\n\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n"],"names":["WrappedTextInput","withFormControl","_a","_b","isClearable","_c","size","props","__rest","leftElement","inputRef","isFieldInline","onClear","value","domProps","rightElement","React","createElement","ClearButton","handleClear","InputGroup","InputLeftElement","children","h","CInput","__assign","ref","InputRightElement","TextInput","forwardRef","displayName"],"mappings":"mZA+BA,IAAMA,EAAmBC,GACvB,SAACC,GAAE,IAAAC,gBAAAC,OAAc,IAAAD,KAAOE,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAKE,EAAKC,EAAAN,EAA5C,wBACSO,EAAsEF,EAAKE,YAA9DC,EAAyDH,EAAjDG,SAAiDH,EAAlCI,cAAE,IAAAC,EAAgCL,EAAKK,QAA5BC,EAAuBN,EAAKM,MAAlBC,EAAaN,EAAAD,EAAxE,CAAA,cAAA,WAAA,gBAAA,UAAA,UACAQ,EAAiBR,EAAKQ,aAY5B,OAJIX,GAAiBS,IACnBE,EAAeC,EAAAC,cAACC,EAAW,CAACZ,KAAMA,EAAMa,YAPtB,WACdP,GACFA,EAAQC,GAAS,QASnBG,gBAACI,EAAU,KACRX,EAAcO,EAACC,cAAAI,GAAiBC,SAAUb,EAAac,EAAE,SAAY,KACtEP,EAAAC,cAACO,EAAMC,EAAA,GAAKX,EAAQ,CAAEY,IAAKhB,EAAUJ,KAAMA,EAAMO,MAAOA,KACvDE,EAAeC,EAAAC,cAACU,EAAkB,CAAAL,SAAUP,EAAcQ,EAAE,SAAY,SAM3EK,EAAYC,GAAW,SAACtB,EAAuBmB,GAAwC,OAC3FV,EAAAC,cAACjB,EAAiByB,EAAA,CAAAf,SAAUgB,GAASnB,OAGvCqB,EAAUE,YAAc"}

package/build/components/TextInput/textInput.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("../FormControl/formControl.config.js"),r=e.__assign({},o.FormControlConfig);exports.TextInputConfig=r;
+import{__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{FormControlConfig as r}from"../FormControl/formControl.config.js";var m=o({},r);export{m as TextInputConfig};
 //# sourceMappingURL=textInput.config.js.map

package/build/components/TextInput/textInput.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textInput.config.js","sources":["../../../src/components/TextInput/textInput.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { FormControlConfig } from 'components/FormControl/formControl.config';\n\nexport const TextInputConfig: ComponentStyleConfig = {\n ...FormControlConfig,\n};\n"],"names":["TextInputConfig","__assign","FormControlConfig"],"mappings":"~~6KAGaA~~,EACRC,~~EAAAA~~,~~SAAA,~~GAAAC~~,EAAiBA~~"}
1	+ {"version":3,"file":"textInput.config.js","sources":["../../../src/components/TextInput/textInput.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { FormControlConfig } from 'components/FormControl/formControl.config';\n\nexport const TextInputConfig: ComponentStyleConfig = {\n ...FormControlConfig,\n};\n"],"names":["TextInputConfig","__assign","FormControlConfig"],"mappings":"0IAGa,IAAAA,EACRC,EAAA,GAAAC"}

package/build/components/Textarea/components/Textarea/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textarea.component.js");exports.default=e.default;
+import t from"../../textarea.component.js";export{default}from"../../textarea.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Textarea/textarea.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../node_modules/@chakra-ui/textarea/dist/chakra-ui-textarea.esm.js"),a=require("../FormControl/formControl.component.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(t),o=a.withFormControl((function(t){t.isFieldInline;var a=t.textareaRef,n=e.__rest(t,["isFieldInline","textareaRef"]);return i.default.createElement(r.Textarea,e.__assign({},n,{ref:a}))})),s=t.forwardRef((function(t,r){return i.default.createElement(o,e.__assign({textareaRef:r},t))}));s.displayName="Textarea",exports.default=s;
+import{__assign as e,__rest as t}from"../../node_modules/tslib/tslib.es6.js";import r,{forwardRef as a}from"react";import{Textarea as o}from"../../node_modules/@chakra-ui/textarea/dist/chakra-ui-textarea.esm.js";import{withFormControl as i}from"../FormControl/formControl.component.js";var n=i((function(a){a.isFieldInline;var i=a.textareaRef,n=t(a,["isFieldInline","textareaRef"]);return r.createElement(o,e({},n,{ref:i}))})),m=a((function(t,a){return r.createElement(n,e({textareaRef:a},t))}));m.displayName="Textarea";export{m as default};
 //# sourceMappingURL=textarea.component.js.map

package/build/components/Textarea/textarea.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.component.js","sources":["../../../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/textarea';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n size?: FormControlSize;\n}\n\nconst WrappedTextArea = withFormControl((props: TextareaProps): JSX.Element => {\n const { isFieldInline, textareaRef, ...domProps } = props;\n\n return <CTextarea {...domProps} ref={textareaRef} />;\n});\n\nconst Textarea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n <WrappedTextArea textareaRef={ref} {...props} />\n));\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n"],"names":["WrappedTextArea","withFormControl","props","isFieldInline","textareaRef","domProps","__rest","React","createElement","CTextarea","~~Textarea~~","~~__assign~~","~~ref~~","forwardRef","displayName"],"mappings":"~~yWAUMA~~,EAAkBC,~~EAAAA~~,~~iBAAgB,~~SAACC,GACaA,EAA/BC,kBAAEC,EAA6BF,EAAlBE,YAAKC,EAAaC,~~EAAAA~~,~~OAAAJ,~~EAA9C,CAAA,gBAAA,gBAEN,OAAOK,~~UAAAC~~,cAACC,~~EAASC~~,~~SAAKC~~,~~WAAA~~,~~GAAAN~~,~~GAAUO~~,~~IAAKR~~,~~QAGjCM~~,~~EAAWG~~,~~EAAUA,YAAC,~~SAACX,~~EAAsBU~~,GAA2C,~~OAC5FL~~,~~EAAAA~~,~~QAAAC,~~cAACR,~~EAAgBW~~,~~EAAAA~~,~~SAAA~~,~~CAAAP~~,~~YAAaQ~~,~~GAASV~~,~~OAGzCQ~~,~~EAASI,~~YAAc"}
1	+ {"version":3,"file":"textarea.component.js","sources":["../../../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/textarea';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n size?: FormControlSize;\n}\n\nconst WrappedTextArea = withFormControl((props: TextareaProps): JSX.Element => {\n const { isFieldInline, textareaRef, ...domProps } = props;\n\n return <CTextarea {...domProps} ref={textareaRef} />;\n});\n\nconst Textarea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n <WrappedTextArea textareaRef={ref} {...props} />\n));\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n"],"names":["WrappedTextArea","withFormControl","props","isFieldInline","textareaRef","domProps","__rest","React","createElement","CTextarea","__assign","ref","Textarea","forwardRef","displayName"],"mappings":"8RAUA,IAAMA,EAAkBC,GAAgB,SAACC,GACaA,EAA/BC,kBAAEC,EAA6BF,EAAlBE,YAAKC,EAAaC,EAAAJ,EAA9C,CAAA,gBAAA,gBAEN,OAAOK,EAAAC,cAACC,EAAcC,EAAA,GAAAL,GAAUM,IAAKP,QAGjCQ,EAAWC,GAAW,SAACX,EAAsBS,GAA2C,OAC5FJ,EAAAC,cAACR,EAAgBU,EAAA,CAAAN,YAAaO,GAAST,OAGzCU,EAASE,YAAc"}

package/build/components/Textarea/textarea.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("../FormControl/formControl.config.js"),r=e.__assign({},o.FormControlConfig);exports.TextareaConfig=r;
+import{__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{FormControlConfig as r}from"../FormControl/formControl.config.js";var m=o({},r);export{m as TextareaConfig};
 //# sourceMappingURL=textarea.config.js.map

package/build/components/Textarea/textarea.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.config.js","sources":["../../../src/components/Textarea/textarea.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { FormControlConfig } from '../FormControl/formControl.config';\n\nexport const TextareaConfig: ComponentStyleConfig = {\n ...FormControlConfig,\n};\n"],"names":["TextareaConfig","__assign","FormControlConfig"],"mappings":"~~6KAGaA~~,EACRC,~~EAAAA~~,~~SAAA,~~GAAAC~~,EAAiBA~~"}
1	+ {"version":3,"file":"textarea.config.js","sources":["../../../src/components/Textarea/textarea.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { FormControlConfig } from '../FormControl/formControl.config';\n\nexport const TextareaConfig: ComponentStyleConfig = {\n ...FormControlConfig,\n};\n"],"names":["TextareaConfig","__assign","FormControlConfig"],"mappings":"0IAGa,IAAAA,EACRC,EAAA,GAAAC"}

package/build/components/TimePicker/components/ScrollContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../chakra/components/Flex/chakra/components/Flex/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r);exports.default=function(r){var o=e.__rest(r,[]);return n.default.createElement(t.default,{direction:"column",gap:1,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},o.children)};
+import{__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import o from"react";import r from"../../../chakra/components/Flex/chakra/components/Flex/index.js";var t=function(t){var n=e(t,[]);return o.createElement(r,{direction:"column",gap:1,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},n.children)};export{t as default};
 //# sourceMappingURL=ScrollContainer.js.map

package/build/components/TimePicker/components/ScrollContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollContainer.js","sources":["../../../../src/components/TimePicker/components/ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport Flex from 'chakra/components/Flex';\n\nconst ScrollContainer = ({ ...props }): JSX.Element => {\n return (\n <Flex\n direction=\"column\"\n gap={1}\n overflowY=\"auto\"\n sx={{\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n }}\n >\n {props.children}\n </Flex>\n );\n};\n\nexport default ScrollContainer;\n"],"names":["_a","props","__rest","React","createElement","Flex","direction","gap","overflowY","sx","display","children"],"mappings":"~~iUAGwB~~,~~SAACA~~,OAAKC,EAAKC,~~EAAAA~~,~~OAAAF,~~EAAV,IACvB,OACEG,~~UAACC~~,cAAAC,~~EAAI~~,~~QACH,~~CAAAC,UAAU,SACVC,IAAK,EACLC,UAAU,OACVC,GAAI,CACF,uBAAwB,CACtBC,QAAS,UAIZT,EAAMU"}
1	+ {"version":3,"file":"ScrollContainer.js","sources":["../../../../src/components/TimePicker/components/ScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport Flex from 'chakra/components/Flex';\n\nconst ScrollContainer = ({ ...props }): JSX.Element => {\n return (\n <Flex\n direction=\"column\"\n gap={1}\n overflowY=\"auto\"\n sx={{\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n }}\n >\n {props.children}\n </Flex>\n );\n};\n\nexport default ScrollContainer;\n"],"names":["ScrollContainer","_a","props","__rest","React","createElement","Flex","direction","gap","overflowY","sx","display","children"],"mappings":"sKAGM,IAAAA,EAAkB,SAACC,OAAKC,EAAKC,EAAAF,EAAV,IACvB,OACEG,EAACC,cAAAC,EACC,CAAAC,UAAU,SACVC,IAAK,EACLC,UAAU,OACVC,GAAI,CACF,uBAAwB,CACtBC,QAAS,UAIZT,EAAMU"}

package/build/components/TimePicker/components/TimeOption.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("../../../chakra/components/Box/chakra/components/Box/index.js"),t=require("../../../hooks/useTheme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.default=function(n){var a=n.value,u=n.innerRef,c=n.isSelected,d=n.handleClick,i=t.default(),l=i.colors,s=i.fontSizes,f=i.radii,b=e.useCallback((function(e){var r=e.currentTarget.textContent||"";d(r)}),[d]);return o.default.createElement(r.default,{ref:u,onClick:b,background:c?l.background.brand:l.white,color:c?l.text.dark.default:l.text.light.subtle,fontSize:s.sm,textAlign:"center",px:3,py:1,w:"100%",borderRadius:f.md,cursor:"pointer",_hover:{background:c?l.background.brand:l.background.hover}},a)};
+import e,{useCallback as r}from"react";import o from"../../../chakra/components/Box/chakra/components/Box/index.js";import t from"../../../hooks/useTheme.js";var n=function(n){var a=n.value,c=n.innerRef,i=n.isSelected,d=n.handleClick,u=t(),s=u.colors,l=u.fontSizes,m=u.radii,f=r((function(e){var r=e.currentTarget.textContent||"";d(r)}),[d]);return e.createElement(o,{ref:c,onClick:f,background:i?s.background.brand:s.white,color:i?s.text.dark.default:s.text.light.subtle,fontSize:l.sm,textAlign:"center",px:3,py:1,w:"100%",borderRadius:m.md,cursor:"pointer",_hover:{background:i?s.background.brand:s.background.hover}},a)};export{n as default};
 //# sourceMappingURL=TimeOption.js.map

package/build/components/TimePicker/components/TimeOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeOption.js","sources":["../../../../src/components/TimePicker/components/TimeOption.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport Box from 'chakra/components/Box';\nimport useTheme from 'hooks/useTheme';\n\ninterface TimeOptionProps {\n value: string;\n innerRef?: MutableRefObject<HTMLDivElement \| null> \| null;\n isSelected: boolean;\n handleClick: (selectedValue: string) => void;\n}\n\nconst TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n const { colors, fontSizes, radii } = useTheme();\n\n const onClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedValue = event.currentTarget.textContent \|\| '';\n handleClick(selectedValue);\n },\n [handleClick],\n );\n\n return (\n <Box\n ref={innerRef}\n onClick={onClick}\n background={isSelected ? colors.background.brand : colors.white}\n color={isSelected ? colors.text.dark.default : colors.text.light.subtle}\n fontSize={fontSizes.sm}\n textAlign=\"center\"\n px={3}\n py={1}\n w=\"100%\"\n borderRadius={radii.md}\n cursor=\"pointer\"\n _hover={{\n background: isSelected ? colors.background.brand : colors.background.hover,\n }}\n >\n {value}\n </Box>\n );\n};\n\nexport default TimeOption;\n"],"names":["_a","value","innerRef","isSelected","handleClick","_b","useTheme","colors","fontSizes","radii","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","brand","white","color","text","dark","default","light","subtle","fontSize","sm","textAlign","px","py","w","borderRadius","md","cursor","_hover","hover"],"mappings":"~~iTAWmB~~,~~SAACA~~,OAAEC,EAAKD,EAAAC,MAAEC,EAAQF,EAAAE,SAAEC,EAAUH,EAAAG,WAAEC,EAAWJ,EAAAI,YACtDC,EAA+BC,~~EAAAA~~,~~UAA7BC,~~EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MAE1BC,EAAUC,~~eACd~~,SAACC,GACC,IAAMC,EAAgBD,EAAME,cAAcC,aAAe,GACzDX,EAAYS,KAEd,CAACT,IAGH,OACEY,~~EAAC~~,~~QAAAC,~~cAAAC,~~WACCC~~,IAAKjB,EACLQ,QAASA,EACTU,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOe,MAC1DC,MAAOpB,EAAaI,EAAOiB,KAAKC,KAAKC,QAAUnB,EAAOiB,KAAKG,MAAMC,OACjEC,SAAUrB,EAAUsB,GACpBC,UAAU,SACVC,GAAI,EACJC,GAAI,EACJC,EAAE,OACFC,aAAc1B,EAAM2B,GACpBC,OAAO,UACPC,OAAQ,CACNlB,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOa,WAAWmB,QAGtEtC"}
1	+ {"version":3,"file":"TimeOption.js","sources":["../../../../src/components/TimePicker/components/TimeOption.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport Box from 'chakra/components/Box';\nimport useTheme from 'hooks/useTheme';\n\ninterface TimeOptionProps {\n value: string;\n innerRef?: MutableRefObject<HTMLDivElement \| null> \| null;\n isSelected: boolean;\n handleClick: (selectedValue: string) => void;\n}\n\nconst TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n const { colors, fontSizes, radii } = useTheme();\n\n const onClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedValue = event.currentTarget.textContent \|\| '';\n handleClick(selectedValue);\n },\n [handleClick],\n );\n\n return (\n <Box\n ref={innerRef}\n onClick={onClick}\n background={isSelected ? colors.background.brand : colors.white}\n color={isSelected ? colors.text.dark.default : colors.text.light.subtle}\n fontSize={fontSizes.sm}\n textAlign=\"center\"\n px={3}\n py={1}\n w=\"100%\"\n borderRadius={radii.md}\n cursor=\"pointer\"\n _hover={{\n background: isSelected ? colors.background.brand : colors.background.hover,\n }}\n >\n {value}\n </Box>\n );\n};\n\nexport default TimeOption;\n"],"names":["TimeOption","_a","value","innerRef","isSelected","handleClick","_b","useTheme","colors","fontSizes","radii","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","brand","white","color","text","dark","default","light","subtle","fontSize","sm","textAlign","px","py","w","borderRadius","md","cursor","_hover","hover"],"mappings":"8JAWM,IAAAA,EAAa,SAACC,OAAEC,EAAKD,EAAAC,MAAEC,EAAQF,EAAAE,SAAEC,EAAUH,EAAAG,WAAEC,EAAWJ,EAAAI,YACtDC,EAA+BC,IAA7BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UAAEC,EAAKJ,EAAAI,MAE1BC,EAAUC,GACd,SAACC,GACC,IAAMC,EAAgBD,EAAME,cAAcC,aAAe,GACzDX,EAAYS,KAEd,CAACT,IAGH,OACEY,EAACC,cAAAC,GACCC,IAAKjB,EACLQ,QAASA,EACTU,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOe,MAC1DC,MAAOpB,EAAaI,EAAOiB,KAAKC,KAAKC,QAAUnB,EAAOiB,KAAKG,MAAMC,OACjEC,SAAUrB,EAAUsB,GACpBC,UAAU,SACVC,GAAI,EACJC,GAAI,EACJC,EAAE,OACFC,aAAc1B,EAAM2B,GACpBC,OAAO,UACPC,OAAQ,CACNlB,WAAYjB,EAAaI,EAAOa,WAAWC,MAAQd,EAAOa,WAAWmB,QAGtEtC"}

package/build/components/TimePicker/components/TimePicker/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require("react"),require("../../../Icon/icon.component.js"),require("../../../TextInput/textInput.component.js"),require("../../timePicker.types.js");
+import"react";import"../../../Icon/icon.component.js";import"../../../TextInput/textInput.component.js";import"../../timePicker.types.js";
 //# sourceMappingURL=index.js.map

package/build/components/TimePicker/timePicker.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@chakra-ui/popover/dist/chakra-ui-popover.esm.js"),r=require("../../chakra/components/Box/chakra/components/Box/index.js"),u=require("../../chakra/components/Flex/chakra/components/Flex/index.js"),o=require("../../node_modules/@chakra-ui/hooks/dist/chakra-ui-hooks.esm.js"),a=require("../Icon/icon.component.js"),i=require("../Popover/popover.component.js"),l=require("../../node_modules/date-fns/esm/format/index.js"),c=require("../TextInput/textInput.component.js"),s=require("./components/ScrollContainer.js"),d=require("./components/TimeOption.js"),m=require("./timePicker.types.js"),f=require("../../hooks/useIconTextSizeMap.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=p(t);exports.default=function(p){var v=p.initialTime,k=p.minuteInterval,M=void 0===k?5:k,_=p.inputProps,g=p.placement,j=p.onTimeChange,q=o.useDisclosure(),x=q.isOpen,E=q.onOpen,S=q.onClose,b=t.useMemo((function(){return new Date(v)}),[v]),C=e.__read(t.useState(v),2),P=C[0],y=C[1],w=t.useMemo((function(){var e=b.getHours(),t=e;return e>12&&(t=e-12),0===e&&(t=12),t.toString()}),[b]),I=e.__read(t.useState(w),2),O=I[0],T=I[1],R=e.__read(t.useState(b.getMinutes().toString()),2),D=R[0],N=R[1],z=e.__read(t.useState(b.getHours()>11?m.Meridiem.PM:m.Meridiem.AM),2),A=z[0],B=z[1],H=t.useRef(null),F=t.useRef(null);t.useEffect((function(){x&&(H.current&&H.current.scrollIntoView(),F.current&&F.current.scrollIntoView())}),[x]);var V=t.useMemo((function(){return l.default(P,"h:mm aa")}),[P]),G=function(e){var t=e.toString();return 1===t.length?"0".concat(t):t},J=t.useMemo((function(){return[12,1,2,3,4,5,6,7,8,9,10,11].map((function(e){return e.toString()}))}),[]),K=t.useMemo((function(){for(var e=[],t=0;t<60;t+=M)e.push(t);return e.map(G)}),[M]),L=[m.Meridiem.AM,m.Meridiem.PM],Q=t.useCallback((function(e,t,n){var r=0;n===m.Meridiem.PM&&Number(e)<12&&(r=12),n===m.Meridiem.AM&&12===Number(e)&&(r=-12);var u=Number(e)+r,o=(new Date).setHours(u,Number(t),0,0),a=new Date(o);y(a),j&&j(a)}),[j]),U=t.useCallback((function(e){T(e),Q(e,D,A)}),[Q,A,D]),W=t.useCallback((function(e){N(e),Q(O,e,A)}),[Q,O,A]),X=t.useCallback((function(e){B(e),Q(O,D,e)}),[Q,O,D]);return h.default.createElement(i.default,{isOpen:x,onOpen:E,onClose:S,placement:g,contentProps:{width:"max-content"},popoverTrigger:h.default.createElement(r.default,null,h.default.createElement(c.default,e.__assign({rightElement:h.default.createElement(a.default,{size:f.default((null==_?void 0:_.size)||"md"),name:"clock"}),value:V,isReadOnly:!0,cursor:"pointer"},_)))},h.default.createElement(n.PopoverBody,{p:3},h.default.createElement(u.default,{height:"186px",gap:1.5,overflow:"hidden"},h.default.createElement(s.default,null,J.map((function(e){return h.default.createElement(d.default,{key:"hour-option-".concat(e),innerRef:e===O?H:null,value:e,isSelected:e===O,handleClick:U})}))),h.default.createElement(s.default,null,K.map((function(e){return h.default.createElement(d.default,{key:"minute-option-".concat(e),innerRef:e===G(D)?F:null,value:e,isSelected:e===G(D),handleClick:W})}))),h.default.createElement(s.default,null,L.map((function(e){return h.default.createElement(d.default,{key:"meridian-option-".concat(e),value:e,isSelected:e===A,handleClick:X})}))))))};
+import{__read as e,__assign as n}from"../../node_modules/tslib/tslib.es6.js";import t,{useMemo as o,useState as r,useRef as i,useEffect as m,useCallback as c}from"react";import{PopoverBody as a}from"../../node_modules/@chakra-ui/popover/dist/chakra-ui-popover.esm.js";import u from"../../chakra/components/Box/chakra/components/Box/index.js";import l from"../../chakra/components/Flex/chakra/components/Flex/index.js";import{useDisclosure as p}from"../../node_modules/@chakra-ui/hooks/dist/chakra-ui-hooks.esm.js";import s from"../Icon/icon.component.js";import f from"../Popover/popover.component.js";import d from"../../node_modules/date-fns/esm/format/index.js";import h from"../TextInput/textInput.component.js";import v from"./components/ScrollContainer.js";import k from"./components/TimeOption.js";import{Meridiem as g}from"./timePicker.types.js";import j from"../../hooks/useIconTextSizeMap.js";var x=function(x){var E=x.initialTime,S=x.minuteInterval,M=void 0===S?5:S,w=x.inputProps,C=x.placement,I=x.onTimeChange,P=p(),b=P.isOpen,O=P.onOpen,T=P.onClose,y=o((function(){return new Date(E)}),[E]),N=e(r(E),2),_=N[0],z=N[1],A=o((function(){var e=y.getHours(),n=e;return e>12&&(n=e-12),0===e&&(n=12),n.toString()}),[y]),D=e(r(A),2),H=D[0],R=D[1],B=e(r(y.getMinutes().toString()),2),F=B[0],V=B[1],q=e(r(y.getHours()>11?g.PM:g.AM),2),G=q[0],J=q[1],K=i(null),L=i(null);m((function(){b&&(K.current&&K.current.scrollIntoView(),L.current&&L.current.scrollIntoView())}),[b]);var Q=o((function(){return d(_,"h:mm aa")}),[_]),U=function(e){var n=e.toString();return 1===n.length?"0".concat(n):n},W=o((function(){return[12,1,2,3,4,5,6,7,8,9,10,11].map((function(e){return e.toString()}))}),[]),X=o((function(){for(var e=[],n=0;n<60;n+=M)e.push(n);return e.map(U)}),[M]),Y=[g.AM,g.PM],Z=c((function(e,n,t){var o=0;t===g.PM&&Number(e)<12&&(o=12),t===g.AM&&12===Number(e)&&(o=-12);var r=Number(e)+o,i=(new Date).setHours(r,Number(n),0,0),m=new Date(i);z(m),I&&I(m)}),[I]),$=c((function(e){R(e),Z(e,F,G)}),[Z,G,F]),ee=c((function(e){V(e),Z(H,e,G)}),[Z,H,G]),ne=c((function(e){J(e),Z(H,F,e)}),[Z,H,F]);return t.createElement(f,{isOpen:b,onOpen:O,onClose:T,placement:C,contentProps:{width:"max-content"},popoverTrigger:t.createElement(u,null,t.createElement(h,n({rightElement:t.createElement(s,{size:j((null==w?void 0:w.size)||"md"),name:"clock"}),value:Q,isReadOnly:!0,cursor:"pointer"},w)))},t.createElement(a,{p:3},t.createElement(l,{height:"186px",gap:1.5,overflow:"hidden"},t.createElement(v,null,W.map((function(e){return t.createElement(k,{key:"hour-option-".concat(e),innerRef:e===H?K:null,value:e,isSelected:e===H,handleClick:$})}))),t.createElement(v,null,X.map((function(e){return t.createElement(k,{key:"minute-option-".concat(e),innerRef:e===U(F)?L:null,value:e,isSelected:e===U(F),handleClick:ee})}))),t.createElement(v,null,Y.map((function(e){return t.createElement(k,{key:"meridian-option-".concat(e),value:e,isSelected:e===G,handleClick:ne})}))))))};export{x as default};
 //# sourceMappingURL=timePicker.component.js.map