@televet/kibble-ui 2.1.6 → 2.1.7-beta.86drdrtzn.1

package/build/{withFormControl-fb41ff7a.js → withFormControl-6d7abf11.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-8873c39f.js"),r=require("./icon.component-067afbfc.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),l=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.withFormControl=function(t){function i(i){var{errorText:o="Field is invalid",formControlStyle:d,helperText:u,invalidIconColor:m="warning",isDisabled:c,isFieldInline:f=!1,isInvalid:b,isOnContrast:x,isReadOnly:I,isRequired:v,label:g,labelPosition:C="start",labelStyle:p,size:S="md",useInvalidBorder:y=!0,useInvalidIcon:O=!1,useInvalidText:E=!0}=i,F=e.__rest(i,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:T}=a.useTheme();return s.default.createElement(n.FormControl,Object.assign({isInvalid:b,isRequired:v,isReadOnly:I,isDisabled:c},f&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},d),g&&"start"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:0,mr:2},p),g),s.default.createElement(l.HStack,{w:f?"max-content":"100%"},s.default.createElement(t,Object.assign({size:S,isFieldInline:f,isOnContrast:x},F)),O&&b&&s.default.createElement(r.Icon,{name:"warningSign",variant:m,size:S})),g&&"end"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:2,mr:0},p),g),"start"===C&&s.default.createElement(l.Spacer,null),s.default.createElement(l.VStack,{align:"flex-start"},E&&b&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:x?"text.dangerOnContrast":"text.danger"},o),u&&s.default.createElement(n.FormHelperText,{mt:2,color:x?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},u)))}return i.displayName=`withFormControl(${t.displayName||t.name}`,i};
-//# sourceMappingURL=withFormControl-fb41ff7a.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-8873c39f.js"),r=require("./icon.component-3355868e.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),l=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.withFormControl=function(t){function i(i){var{errorText:o="Field is invalid",formControlStyle:d,helperText:u,invalidIconColor:m="warning",isDisabled:c,isFieldInline:f=!1,isInvalid:b,isOnContrast:x,isReadOnly:I,isRequired:v,label:g,labelPosition:C="start",labelStyle:p,size:S="md",useInvalidBorder:y=!0,useInvalidIcon:O=!1,useInvalidText:E=!0}=i,F=e.__rest(i,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:T}=a.useTheme();return s.default.createElement(n.FormControl,Object.assign({isInvalid:b,isRequired:v,isReadOnly:I,isDisabled:c},f&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},d),g&&"start"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:0,mr:2},p),g),s.default.createElement(l.HStack,{w:f?"max-content":"100%"},s.default.createElement(t,Object.assign({size:S,isFieldInline:f,isOnContrast:x},F)),O&&b&&s.default.createElement(r.Icon,{name:"warningSign",variant:m,size:S})),g&&"end"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:2,mr:0},p),g),"start"===C&&s.default.createElement(l.Spacer,null),s.default.createElement(l.VStack,{align:"flex-start"},E&&b&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:x?"text.dangerOnContrast":"text.danger"},o),u&&s.default.createElement(n.FormHelperText,{mt:2,color:x?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},u)))}return i.displayName=`withFormControl(${t.displayName||t.name}`,i};
+//# sourceMappingURL=withFormControl-6d7abf11.js.map

package/build/{withFormControl-fb41ff7a.js.map → withFormControl-6d7abf11.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withFormControl-fb41ff7a.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormErrorMessage,\n  FormHelperText,\n  HStack,\n  FormLabelProps,\n  VStack,\n  Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  formControlStyle?: FormControlProps;\n  helperText?: string;\n  invalidIconColor?: TypographyVariant;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: FormLabelProps;\n  labelPosition?: 'start' | 'end';\n  size?: FormControlSize;\n  useInvalidBorder?: boolean;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    formControlStyle,\n    helperText,\n    invalidIconColor = 'warning',\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isOnContrast,\n    isReadOnly,\n    isRequired,\n    label,\n    labelPosition = 'start',\n    labelStyle,\n    size = 'md',\n    useInvalidBorder = true,\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { fontSizes } = useTheme();\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        {...(isFieldInline && {\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, auto)',\n          gridTemplateRows: 'repeat(3, auto)',\n          alignItems: 'center',\n          w: 'max-content',\n        })}\n        {...formControlStyle}\n      >\n        {label && labelPosition === 'start' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'}>\n          <Component size={size} isFieldInline={isFieldInline} isOnContrast={isOnContrast} {...(props as P)} />\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n        </HStack>\n        {label && labelPosition === 'end' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {labelPosition === 'start' && <Spacer />}\n        <VStack align=\"flex-start\">\n          {useInvalidText && isInvalid && (\n            <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n              {errorText}\n            </FormErrorMessage>\n          )}\n          {helperText && (\n            <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n              {helperText}\n            </FormHelperText>\n          )}\n        </VStack>\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","React","FormControl","Object","assign","display","gridTemplateColumns","gridTemplateRows","alignItems","w","createElement","FormLabel","color","fontSize","mb","ml","mr","HStack","Icon","name","variant","Spacer","VStack","align","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"wWAqCM,SAA0DA,GAC9D,SAASC,EAAgBC,OAAAC,UACvBA,EAAY,mBAAkBC,iBAC9BA,EAAgBC,WAChBA,EAAUC,iBACVA,EAAmB,UAASC,WAC5BA,EAAUC,cACVA,GAAgB,EAAKC,UACrBA,EAASC,aACTA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,MACVA,EAAKC,cACLA,EAAgB,QAAOC,WACvBA,EAAUC,KACVA,EAAO,KAAIC,iBACXA,GAAmB,EAAIC,eACvBA,GAAiB,EAAKC,eACtBA,GAAiB,GAAIjB,EAClBkB,EAlBoBC,SAAAnB,EAAA,CAAA,YAAA,mBAAA,aAAA,mBAAA,aAAA,gBAAA,YAAA,eAAA,aAAA,aAAA,QAAA,gBAAA,aAAA,OAAA,mBAAA,iBAAA,mBAoBvB,MAAMoB,UAAEA,GAAcC,EAAAA,WAEtB,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,OAAAC,OAAA,CACVlB,UAAWA,EACXG,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,GACPC,GAAiB,CACpBoB,QAAS,OACTC,oBAAqB,kBACrBC,iBAAkB,kBAClBC,WAAY,SACZC,EAAG,eAED5B,GAEHS,GAA2B,UAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGLW,EAAA,QAAAS,cAACO,SAAM,CAACR,EAAGxB,EAAgB,cAAgB,QACzCgB,EAAAA,QAAAS,cAACjC,EAAS0B,OAAAC,OAAA,CAACX,KAAMA,EAAMR,cAAeA,EAAeE,aAAcA,GAAmBU,IACrFF,GAAkBT,GAAae,EAAAA,sBAACiB,EAAIA,KAAA,CAACC,KAAK,cAAcC,QAASrC,EAAkBU,KAAMA,KAE3FH,GAA2B,QAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGc,UAAlBC,GAA6BU,EAAAA,QAAAS,cAACW,EAAAA,OAAS,MACxCpB,EAAAA,QAAAS,cAACY,EAAAA,OAAM,CAACC,MAAM,cACX3B,GAAkBV,GACjBe,EAAC,QAAAS,cAAAc,EAAgBA,iBAAC,CAAAC,GAAI,EAAGZ,SAAS,KAAKD,MAAOzB,EAAe,wBAA0B,eACpFP,GAGJE,GACCmB,EAAC,QAAAS,cAAAgB,EAAcA,eAAC,CAAAD,GAAI,EAAGb,MAAOzB,EAAe,wBAA0B,cAAe0B,SAAS,MAC5F/B,KASb,OAFAJ,EAAgBiD,YAAc,mBAAmBlD,EAAUkD,aAAelD,EAAU0C,OAE7EzC"}
+{"version":3,"file":"withFormControl-6d7abf11.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormErrorMessage,\n  FormHelperText,\n  HStack,\n  FormLabelProps,\n  VStack,\n  Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  formControlStyle?: FormControlProps;\n  helperText?: string;\n  invalidIconColor?: TypographyVariant;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: FormLabelProps;\n  labelPosition?: 'start' | 'end';\n  size?: FormControlSize;\n  useInvalidBorder?: boolean;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    formControlStyle,\n    helperText,\n    invalidIconColor = 'warning',\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isOnContrast,\n    isReadOnly,\n    isRequired,\n    label,\n    labelPosition = 'start',\n    labelStyle,\n    size = 'md',\n    useInvalidBorder = true,\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { fontSizes } = useTheme();\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        {...(isFieldInline && {\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, auto)',\n          gridTemplateRows: 'repeat(3, auto)',\n          alignItems: 'center',\n          w: 'max-content',\n        })}\n        {...formControlStyle}\n      >\n        {label && labelPosition === 'start' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'}>\n          <Component size={size} isFieldInline={isFieldInline} isOnContrast={isOnContrast} {...(props as P)} />\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n        </HStack>\n        {label && labelPosition === 'end' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {labelPosition === 'start' && <Spacer />}\n        <VStack align=\"flex-start\">\n          {useInvalidText && isInvalid && (\n            <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n              {errorText}\n            </FormErrorMessage>\n          )}\n          {helperText && (\n            <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n              {helperText}\n            </FormHelperText>\n          )}\n        </VStack>\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","React","FormControl","Object","assign","display","gridTemplateColumns","gridTemplateRows","alignItems","w","createElement","FormLabel","color","fontSize","mb","ml","mr","HStack","Icon","name","variant","Spacer","VStack","align","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"wWAqCM,SAA0DA,GAC9D,SAASC,EAAgBC,OAAAC,UACvBA,EAAY,mBAAkBC,iBAC9BA,EAAgBC,WAChBA,EAAUC,iBACVA,EAAmB,UAASC,WAC5BA,EAAUC,cACVA,GAAgB,EAAKC,UACrBA,EAASC,aACTA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,MACVA,EAAKC,cACLA,EAAgB,QAAOC,WACvBA,EAAUC,KACVA,EAAO,KAAIC,iBACXA,GAAmB,EAAIC,eACvBA,GAAiB,EAAKC,eACtBA,GAAiB,GAAIjB,EAClBkB,EAlBoBC,SAAAnB,EAAA,CAAA,YAAA,mBAAA,aAAA,mBAAA,aAAA,gBAAA,YAAA,eAAA,aAAA,aAAA,QAAA,gBAAA,aAAA,OAAA,mBAAA,iBAAA,mBAoBvB,MAAMoB,UAAEA,GAAcC,EAAAA,WAEtB,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,OAAAC,OAAA,CACVlB,UAAWA,EACXG,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,GACPC,GAAiB,CACpBoB,QAAS,OACTC,oBAAqB,kBACrBC,iBAAkB,kBAClBC,WAAY,SACZC,EAAG,eAED5B,GAEHS,GAA2B,UAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGLW,EAAA,QAAAS,cAACO,SAAM,CAACR,EAAGxB,EAAgB,cAAgB,QACzCgB,EAAAA,QAAAS,cAACjC,EAAS0B,OAAAC,OAAA,CAACX,KAAMA,EAAMR,cAAeA,EAAeE,aAAcA,GAAmBU,IACrFF,GAAkBT,GAAae,EAAAA,sBAACiB,EAAIA,KAAA,CAACC,KAAK,cAAcC,QAASrC,EAAkBU,KAAMA,KAE3FH,GAA2B,QAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGc,UAAlBC,GAA6BU,EAAAA,QAAAS,cAACW,EAAAA,OAAS,MACxCpB,EAAAA,QAAAS,cAACY,EAAAA,OAAM,CAACC,MAAM,cACX3B,GAAkBV,GACjBe,EAAC,QAAAS,cAAAc,EAAgBA,iBAAC,CAAAC,GAAI,EAAGZ,SAAS,KAAKD,MAAOzB,EAAe,wBAA0B,eACpFP,GAGJE,GACCmB,EAAC,QAAAS,cAAAgB,EAAcA,eAAC,CAAAD,GAAI,EAAGb,MAAOzB,EAAe,wBAA0B,cAAe0B,SAAS,MAC5F/B,KASb,OAFAJ,EAAgBiD,YAAc,mBAAmBlD,EAAUkD,aAAelD,EAAU0C,OAE7EzC"}

package/build/withFormControl-bbd5b3c6.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-8873c39f.js"),r=require("./icon.component-68a24294.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),l=require("./chakra-ui-layout.esm-6ee578f7.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.withFormControl=function(t){function i(i){var{errorText:o="Field is invalid",formControlStyle:d,helperText:u,invalidIconColor:m="warning",isDisabled:c,isFieldInline:f=!1,isInvalid:b,isOnContrast:x,isReadOnly:I,isRequired:v,label:g,labelPosition:C="start",labelStyle:p,size:S="md",useInvalidBorder:y=!0,useInvalidIcon:O=!1,useInvalidText:E=!0}=i,F=e.__rest(i,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:T}=a.useTheme();return s.default.createElement(n.FormControl,Object.assign({isInvalid:b,isRequired:v,isReadOnly:I,isDisabled:c},f&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},d),g&&"start"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:0,mr:2},p),g),s.default.createElement(l.HStack,{w:f?"max-content":"100%"},s.default.createElement(t,Object.assign({size:S,isFieldInline:f,isOnContrast:x},F)),O&&b&&s.default.createElement(r.Icon,{name:"warningSign",variant:m,size:S})),g&&"end"===C&&s.default.createElement(n.FormLabel,Object.assign({color:x?"text.onContrast":"text.default",fontSize:T[S]},f&&{mb:0,ml:2,mr:0},p),g),"start"===C&&s.default.createElement(l.Spacer,null),s.default.createElement(l.VStack,{align:"flex-start"},E&&b&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:x?"text.dangerOnContrast":"text.danger"},o),u&&s.default.createElement(n.FormHelperText,{mt:2,color:x?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},u)))}return i.displayName=`withFormControl(${t.displayName||t.name}`,i};
+//# sourceMappingURL=withFormControl-bbd5b3c6.js.map

package/build/withFormControl-bbd5b3c6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormControl-bbd5b3c6.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormErrorMessage,\n  FormHelperText,\n  HStack,\n  FormLabelProps,\n  VStack,\n  Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  formControlStyle?: FormControlProps;\n  helperText?: string;\n  invalidIconColor?: TypographyVariant;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isOnContrast?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: FormLabelProps;\n  labelPosition?: 'start' | 'end';\n  size?: FormControlSize;\n  useInvalidBorder?: boolean;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    formControlStyle,\n    helperText,\n    invalidIconColor = 'warning',\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isOnContrast,\n    isReadOnly,\n    isRequired,\n    label,\n    labelPosition = 'start',\n    labelStyle,\n    size = 'md',\n    useInvalidBorder = true,\n    useInvalidIcon = false,\n    useInvalidText = true,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { fontSizes } = useTheme();\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        {...(isFieldInline && {\n          display: 'grid',\n          gridTemplateColumns: 'repeat(2, auto)',\n          gridTemplateRows: 'repeat(3, auto)',\n          alignItems: 'center',\n          w: 'max-content',\n        })}\n        {...formControlStyle}\n      >\n        {label && labelPosition === 'start' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'}>\n          <Component size={size} isFieldInline={isFieldInline} isOnContrast={isOnContrast} {...(props as P)} />\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n        </HStack>\n        {label && labelPosition === 'end' && (\n          <FormLabel\n            color={isOnContrast ? 'text.onContrast' : 'text.default'}\n            fontSize={fontSizes[size]}\n            {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {labelPosition === 'start' && <Spacer />}\n        <VStack align=\"flex-start\">\n          {useInvalidText && isInvalid && (\n            <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n              {errorText}\n            </FormErrorMessage>\n          )}\n          {helperText && (\n            <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n              {helperText}\n            </FormHelperText>\n          )}\n        </VStack>\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","React","FormControl","Object","assign","display","gridTemplateColumns","gridTemplateRows","alignItems","w","createElement","FormLabel","color","fontSize","mb","ml","mr","HStack","Icon","name","variant","Spacer","VStack","align","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"wWAqCM,SAA0DA,GAC9D,SAASC,EAAgBC,OAAAC,UACvBA,EAAY,mBAAkBC,iBAC9BA,EAAgBC,WAChBA,EAAUC,iBACVA,EAAmB,UAASC,WAC5BA,EAAUC,cACVA,GAAgB,EAAKC,UACrBA,EAASC,aACTA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,MACVA,EAAKC,cACLA,EAAgB,QAAOC,WACvBA,EAAUC,KACVA,EAAO,KAAIC,iBACXA,GAAmB,EAAIC,eACvBA,GAAiB,EAAKC,eACtBA,GAAiB,GAAIjB,EAClBkB,EAlBoBC,SAAAnB,EAAA,CAAA,YAAA,mBAAA,aAAA,mBAAA,aAAA,gBAAA,YAAA,eAAA,aAAA,aAAA,QAAA,gBAAA,aAAA,OAAA,mBAAA,iBAAA,mBAoBvB,MAAMoB,UAAEA,GAAcC,EAAAA,WAEtB,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,OAAAC,OAAA,CACVlB,UAAWA,EACXG,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,GACPC,GAAiB,CACpBoB,QAAS,OACTC,oBAAqB,kBACrBC,iBAAkB,kBAClBC,WAAY,SACZC,EAAG,eAED5B,GAEHS,GAA2B,UAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGLW,EAAA,QAAAS,cAACO,SAAM,CAACR,EAAGxB,EAAgB,cAAgB,QACzCgB,EAAAA,QAAAS,cAACjC,EAAS0B,OAAAC,OAAA,CAACX,KAAMA,EAAMR,cAAeA,EAAeE,aAAcA,GAAmBU,IACrFF,GAAkBT,GAAae,EAAAA,sBAACiB,EAAIA,KAAA,CAACC,KAAK,cAAcC,QAASrC,EAAkBU,KAAMA,KAE3FH,GAA2B,QAAlBC,GACRU,EAAA,QAAAS,cAACC,EAASA,UAAAR,OAAAC,OAAA,CACRQ,MAAOzB,EAAe,kBAAoB,eAC1C0B,SAAUd,EAAUN,IACfR,GAAiB,CAAE6B,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtCxB,GAEHF,GAGc,UAAlBC,GAA6BU,EAAAA,QAAAS,cAACW,EAAAA,OAAS,MACxCpB,EAAAA,QAAAS,cAACY,EAAAA,OAAM,CAACC,MAAM,cACX3B,GAAkBV,GACjBe,EAAC,QAAAS,cAAAc,EAAgBA,iBAAC,CAAAC,GAAI,EAAGZ,SAAS,KAAKD,MAAOzB,EAAe,wBAA0B,eACpFP,GAGJE,GACCmB,EAAC,QAAAS,cAAAgB,EAAcA,eAAC,CAAAD,GAAI,EAAGb,MAAOzB,EAAe,wBAA0B,cAAe0B,SAAS,MAC5F/B,KASb,OAFAJ,EAAgBiD,YAAc,mBAAmBlD,EAAUkD,aAAelD,EAAU0C,OAE7EzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "2.1.6",
+  "version": "2.1.7-beta.86drdrtzn.1",
   "description": "Kibble Design System by Otto",
   "author": "Otto",
   "main": "build/index.js",

package/build/checkboxGroup.component-8718b445.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-fb41ff7a.js"),i=require("./checkbox.component-f8ff7fc6.js"),c=require("./chakra-ui-checkbox.esm-4cded6a7.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);const o=t=>{var{checkboxes:r,size:a="md",direction:o="row",spacing:u,isFieldInline:d,isOnContrast:f}=t,l=e.__rest(t,["checkboxes","size","direction","spacing","isFieldInline","isOnContrast"]);return n.default.createElement(c.CheckboxGroup,Object.assign({},l),n.default.createElement(s.Stack,{direction:o,spacing:u,width:"fit-content"},r.map(((e,t)=>n.default.createElement(i.WrappedCheckbox,Object.assign({isOnContrast:f,key:t},e,{size:a}))))))};o.displayName="CheckboxGroup";const u=r.withFormControl(o);exports.WrappedCheckboxGroup=u;
-//# sourceMappingURL=checkboxGroup.component-8718b445.js.map

package/build/modalCloseButton.component-7f275383.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-fef0889c.js"),r=require("./chakra-ui-modal.esm-a00f2bce.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:c}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:c,iconName:"close",position:"absolute",right:s,top:i,size:n},u))};
-//# sourceMappingURL=modalCloseButton.component-7f275383.js.map

package/build/tab.component-1d9ac224.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-748d56ad.js"),i=require("./icon.component-067afbfc.js"),a=require("react"),n=require("./heading.component-e55f8364.js"),o=require("./chakra-ui-tabs.esm-e6372403.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(a);const u={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=a=>{var{iconName:s,label:f,showNotificationCounter:d=!1,notificationCount:l=0,notificationCounterVariant:b=t.NotificationCounterVariant.Red,size:C="md"}=a,j=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(o.Tab,Object.assign({},j),!!s&&c.default.createElement(r.Box,{pr:2},c.default.createElement(i.Icon,{name:s,size:C})),c.default.createElement(n.WrappedHeading,{size:m[C]},f),d&&c.default.createElement(t.NotificationCounter,{count:l,variant:b,size:u[C],ml:2}))};
-//# sourceMappingURL=tab.component-1d9ac224.js.map

package/build/textInput.component-43f9937a.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./withFormControl-fb41ff7a.js"),a=require("./icon.component-067afbfc.js"),l=require("./chakra-ui-button.esm-bd065780.js"),r=require("./chakra-ui-input.esm-5fd07056.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);const s={sm:5,md:5,lg:6},o=({handleClear:e,size:t="md"})=>u.default.createElement(l.Button,{display:"inline-flex",minW:"auto",w:s[t],h:s[t],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===t?3:4,onClick:e},u.default.createElement(a.Icon,{variant:"default",name:"close",size:"lg"===t?"sm":"xs"})),d=n.withFormControl((t=>{var{isClearable:n=!1,size:a="md",leftElement:l,rightElement:i,inputRef:s,isFieldInline:d,onClear:f,value:c,isOnContrast:m}=t,p=e.__rest(t,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast"]);let h=m?"onContrast":"default";const E=()=>{f&&f(c||"")};return n&&c&&(i=u.default.createElement(o,{size:a,handleClear:E})),u.default.createElement(r.InputGroup,null,l?u.default.createElement(r.InputLeftElement,{children:l,h:"100%"}):null,u.default.createElement(r.Input,Object.assign({variant:h},p,{ref:s,size:a,value:c})),i?u.default.createElement(r.InputRightElement,{children:i,h:"100%"}):null)})),f=t.forwardRef(((e,t)=>u.default.createElement(d,Object.assign({inputRef:t},e))));f.displayName="TextInput",exports.WrappedTextInput=f;
-//# sourceMappingURL=textInput.component-43f9937a.js.map

package/build/textarea.component-3023feaa.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-fb41ff7a.js"),a=require("./chakra-ui-textarea.esm-23fad4cd.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,f=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const o=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:o},f,{ref:n}))})),f=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));f.displayName="Textarea",exports.WrappedTextArea=f;
-//# sourceMappingURL=textarea.component-3023feaa.js.map