@televet/kibble-ui 3.0.3-franklin-4 → 3.0.3

package/build/{withFormControl-68ae1a3f.js → withFormControl-25a7ab4c.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-7f3bb6e4.js"),l=require("./text.component-906b3f66.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t);exports.withFormControl=function(o){function d(d){var{errorText:u="Field is invalid",formControlStyle:m,helperText:c,invalidIconColor:f="warning",isDisabled:x,isFieldInline:b=!1,isInvalid:p,isOnContrast:g,isReadOnly:v,isRequired:I,showRequiredState:S,label:C,labelPosition:E="start",labelStyle:T,size:O="md",useInvalidBorder:q=!0,useInvalidIcon:y=!1,useInvalidText:h=!0}=d,j=e.__rest(d,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:z}=a.useTheme(),F={lg:14,md:12,sm:10},w=t.useMemo((()=>(void 0===S||S)&&I),[I,S]),R=t.useMemo((()=>void 0!==S&&(S&&!I)),[I,S]);return s.default.createElement(n.FormControl,Object.assign({isInvalid:p,isReadOnly:v,isDisabled:x},b&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},m),C&&"start"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O],_disabled:{opacity:1}},b&&{mb:0,ml:0,mr:2},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),s.default.createElement(i.HStack,{w:b?"max-content":"100%",align:"center"},s.default.createElement(o,Object.assign({size:O,isFieldInline:b,isOnContrast:g,isRequired:I,isDisabled:x},I&&{"aria-required":!0},j)),y&&p&&s.default.createElement(r.Icon,{name:"warningSign",variant:f,size:O})),C&&"end"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O]},b&&{mb:0,ml:2,mr:0},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),"start"===E&&s.default.createElement(i.Spacer,null),s.default.createElement(i.VStack,{align:"flex-start"},h&&p&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:g?"text.dangerOnContrast":"text.danger"},u),c&&s.default.createElement(n.FormHelperText,{mt:2,color:g?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},c)))}return d.displayName=`withFormControl(${o.displayName||o.name}`,d};
-//# sourceMappingURL=withFormControl-68ae1a3f.js.map
+"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-8873c39f.js"),r=require("./icon.component-d8a799c3.js"),l=require("./text.component-906b3f66.js"),n=require("./chakra-ui-form-control.esm-6d25b1a4.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t);exports.withFormControl=function(o){function d(d){var{errorText:u="Field is invalid",formControlStyle:m,helperText:c,invalidIconColor:f="warning",isDisabled:x,isFieldInline:b=!1,isInvalid:p,isOnContrast:g,isReadOnly:v,isRequired:I,showRequiredState:S,label:C,labelPosition:E="start",labelStyle:T,size:O="md",useInvalidBorder:q=!0,useInvalidIcon:y=!1,useInvalidText:h=!0}=d,j=e.__rest(d,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:z}=a.useTheme(),F={lg:14,md:12,sm:10},w=t.useMemo((()=>(void 0===S||S)&&I),[I,S]),R=t.useMemo((()=>void 0!==S&&(S&&!I)),[I,S]);return s.default.createElement(n.FormControl,Object.assign({isInvalid:p,isReadOnly:v,isDisabled:x},b&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},m),C&&"start"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O],_disabled:{opacity:1}},b&&{mb:0,ml:0,mr:2},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),s.default.createElement(i.HStack,{w:b?"max-content":"100%",align:"center"},s.default.createElement(o,Object.assign({size:O,isFieldInline:b,isOnContrast:g,isRequired:I,isDisabled:x},I&&{"aria-required":!0},j)),y&&p&&s.default.createElement(r.Icon,{name:"warningSign",variant:f,size:O})),C&&"end"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O]},b&&{mb:0,ml:2,mr:0},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),"start"===E&&s.default.createElement(i.Spacer,null),s.default.createElement(i.VStack,{align:"flex-start"},h&&p&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:g?"text.dangerOnContrast":"text.danger"},u),c&&s.default.createElement(n.FormHelperText,{mt:2,color:g?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},c)))}return d.displayName=`withFormControl(${o.displayName||o.name}`,d};
+//# sourceMappingURL=withFormControl-25a7ab4c.js.map

package/build/{withFormControl-68ae1a3f.js.map → withFormControl-25a7ab4c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"withFormControl-68ae1a3f.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } 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';\nimport { Text } from 'components/Text';\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  showRequiredState?: 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    showRequiredState,\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    const OptionalSizeMap: Record<FormControlSize, number> = {\n      lg: 14,\n      md: 12,\n      sm: 10,\n    };\n\n    // Default fields set to isRequired to show required state in label\n    const showRequired = useMemo(() => {\n      if (showRequiredState === undefined) {\n        return isRequired;\n      }\n      return showRequiredState && isRequired;\n    }, [isRequired, showRequiredState]);\n\n    // Default fields NOT set to isRequired to NOT show required state in label\n    const showOptional = useMemo(() => {\n      if (showRequiredState === undefined) {\n        return false;\n      }\n      return showRequiredState && !isRequired;\n    }, [isRequired, showRequiredState]);\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\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            _disabled={{ opacity: 1 }}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n            {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n            {showOptional && (\n              <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n                {' (Optional)'}\n              </Text>\n            )}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'} align=\"center\">\n          <Component\n            size={size}\n            isFieldInline={isFieldInline}\n            isOnContrast={isOnContrast}\n            isRequired={isRequired}\n            isDisabled={isDisabled}\n            {...(isRequired && { 'aria-required': true })}\n            {...(props as P)}\n          />\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            {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n            {showOptional && (\n              <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n                {' (Optional)'}\n              </Text>\n            )}\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","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","OptionalSizeMap","lg","md","sm","showRequired","useMemo","undefined","showOptional","React","createElement","FormControl","display","gridTemplateColumns","gridTemplateRows","alignItems","w","FormLabel","Object","assign","color","fontSize","_disabled","opacity","mb","ml","mr","Text","WrappedText","fontWeight","HStack","align","Icon","name","variant","Spacer","VStack","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"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"}
+{"version":3,"file":"withFormControl-25a7ab4c.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } 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';\nimport { Text } from 'components/Text';\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  showRequiredState?: 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    showRequiredState,\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    const OptionalSizeMap: Record<FormControlSize, number> = {\n      lg: 14,\n      md: 12,\n      sm: 10,\n    };\n\n    // Default fields set to isRequired to show required state in label\n    const showRequired = useMemo(() => {\n      if (showRequiredState === undefined) {\n        return isRequired;\n      }\n      return showRequiredState && isRequired;\n    }, [isRequired, showRequiredState]);\n\n    // Default fields NOT set to isRequired to NOT show required state in label\n    const showOptional = useMemo(() => {\n      if (showRequiredState === undefined) {\n        return false;\n      }\n      return showRequiredState && !isRequired;\n    }, [isRequired, showRequiredState]);\n\n    return (\n      <FormControl\n        isInvalid={isInvalid}\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            _disabled={{ opacity: 1 }}\n            {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n            {...labelStyle}\n          >\n            {label}\n            {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n            {showOptional && (\n              <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n                {' (Optional)'}\n              </Text>\n            )}\n          </FormLabel>\n        )}\n        <HStack w={isFieldInline ? 'max-content' : '100%'} align=\"center\">\n          <Component\n            size={size}\n            isFieldInline={isFieldInline}\n            isOnContrast={isOnContrast}\n            isRequired={isRequired}\n            isDisabled={isDisabled}\n            {...(isRequired && { 'aria-required': true })}\n            {...(props as P)}\n          />\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            {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n            {showOptional && (\n              <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n                {' (Optional)'}\n              </Text>\n            )}\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","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","OptionalSizeMap","lg","md","sm","showRequired","useMemo","undefined","showOptional","React","createElement","FormControl","display","gridTemplateColumns","gridTemplateRows","alignItems","w","FormLabel","Object","assign","color","fontSize","_disabled","opacity","mb","ml","mr","Text","WrappedText","fontWeight","HStack","align","Icon","name","variant","Spacer","VStack","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "3.0.3-franklin-4",
+  "version": "3.0.3",
   "description": "Kibble Design System by Otto",
   "author": "Otto",
   "main": "build/index.js",

package/build/icons/CaretDown.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-interface SVGRProps {
-    color?: string;
-    height?: string;
-    width?: string;
-    title?: string;
-    titleId?: string;
-}
-declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
-export default ForwardRef;

package/build/icons/CaretUp.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-interface SVGRProps {
-    color?: string;
-    height?: string;
-    width?: string;
-    title?: string;
-    titleId?: string;
-}
-declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
-export default ForwardRef;

package/build/icons/TaskList.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-interface SVGRProps {
-    color?: string;
-    height?: string;
-    width?: string;
-    title?: string;
-    titleId?: string;
-}
-declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
-export default ForwardRef;

package/build/menu.component-72a9eae9.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-17d9413b.js"),u=require("./menuButton.component-0f50b350.js"),r=require("./menuList.component-d9d85c59.js"),a=require("./menu.context-66211f5a.js"),l=require("./chakra-ui-portal.esm-bbcb5d1d.js"),s=require("./chakra-ui-menu.esm-1ed98193.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);exports.Menu=t=>{var{buttonProps:i,customTriggerElement:d,listProps:m,containerProps:c,dataTestId:f="menu"}=t,b=e.__rest(t,["buttonProps","customTriggerElement","listProps","containerProps","dataTestId"]);return o.default.createElement(a.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose,dataTestId:f},o.default.createElement(n.MenuContainer,Object.assign({"data-testid":`${f}-containter`,isLazy:(null==c?void 0:c.isLazy)||!0},c,b),d?o.default.createElement("customTriggerElement",{as:s.MenuButton}):o.default.createElement(u.MenuButton,Object.assign({"data-testid":`${f}-button`},i)),o.default.createElement((({children:e})=>(null==m?void 0:m.shouldUsePortal)?o.default.createElement(l.Portal,null,e):o.default.createElement(o.default.Fragment,null,e)),null,o.default.createElement(r.MenuList,Object.assign({"data-testid":`${f}-list`},m,{isMatchWidthSet:b.matchWidth,menuItems:null==m?void 0:m.menuItems})))))};
-//# sourceMappingURL=menu.component-72a9eae9.js.map

package/build/modalExpandButton.component-6baac626.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-ceecd820.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t);exports.ModalExpandButton=t=>{var{right:r=12,top:n=2,size:o="md",isExpanded:i}=t,d=e.__rest(t,["right","top","size","isExpanded"]);return s.default.createElement(a.Button,Object.assign({display:{md:"flex",base:"none"},variant:"ghostNeutral",iconName:i?"arrowsIn":"arrowsOut",position:"absolute",right:r,top:n,size:o,className:"Modal__ExpandButton"},d))};
-//# sourceMappingURL=modalExpandButton.component-6baac626.js.map

package/build/modalFooter.component-dcdf89f3.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-1fae54f8.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(r);exports.ModalFooter=r=>{var{children:a}=r,s=e.__rest(r,["children"]);return o.default.createElement(t.ModalFooter,Object.assign({pb:6,className:"Modal__Footer"},s),a)};
-//# sourceMappingURL=modalFooter.component-dcdf89f3.js.map

package/build/spinner.component-cc68be51.js

@@ -1,5 +0,0 @@
-"use strict";var e=require("react"),r=require("./text.component-906b3f66.js"),t=require("./chakra-ui-system.esm-c70df670.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const l={xs:12,sm:16,md:24,lg:32,xl:48},s=t.keyframes`
-    from {transform: rotate(0deg);}
-    to {transform: rotate(360deg)}
-  `;exports.Spinner=({size:e="md",isFullScreen:t=!1,showLabel:n=!1,label:i="Loading...",labelProps:c})=>{const u=l[e],d=`0.45s linear 0s infinite normal none running ${s}`;return o.default.createElement((({children:e})=>t?o.default.createElement(a.VStack,{h:"100%",w:"100%",pos:"absolute",top:"0",left:"0",align:"center",justify:"center",bg:"background.alpha.pressed"},e):o.default.createElement(a.VStack,{w:"max-content",h:"max-content",align:"center",justify:"center"},e)),null,o.default.createElement(a.Box,{display:"inline-block",animation:d,border:"2px",borderTopColor:"background.primary",borderRightColor:"background.primary",borderLeftColor:"transparent",borderBottomColor:"transparent",height:`${u}px`,width:`${u}px`,borderRadius:`${u}px`}),n&&o.default.createElement(r.WrappedText,Object.assign({as:"p",className:"Spinner__Label",size:e,variant:"subtle"},c),i))};
-//# sourceMappingURL=spinner.component-cc68be51.js.map

package/build/spinner.component-cc68be51.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.component-cc68be51.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 48,\n};\n","import React, { ReactNode } from 'react';\nimport { Box, keyframes, VStack } from '@chakra-ui/react';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\nimport { Text, TextProps } from '../Text/text.component';\nimport { TextSize } from 'components/Text';\n\nconst spin = keyframes`\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  `;\n\nexport interface SpinnerProps {\n  size?: SpinnerSize;\n  isFullScreen?: boolean;\n  label?: string;\n  showLabel?: boolean;\n  labelProps?: TextProps;\n}\n\nexport const Spinner = ({\n  size = 'md',\n  isFullScreen = false,\n  showLabel = false,\n  label = 'Loading...',\n  labelProps,\n}: SpinnerProps): JSX.Element => {\n  const spinnerSize = SpinnerSizeMap[size];\n  const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n  const SpinnerContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n    return isFullScreen ? (\n      <VStack\n        h=\"100%\"\n        w=\"100%\"\n        pos=\"absolute\"\n        top=\"0\"\n        left=\"0\"\n        align=\"center\"\n        justify=\"center\"\n        bg=\"background.alpha.pressed\"\n      >\n        {children}\n      </VStack>\n    ) : (\n      <VStack w=\"max-content\" h=\"max-content\" align=\"center\" justify=\"center\">\n        {children}\n      </VStack>\n    );\n  };\n\n  return (\n    <SpinnerContainer>\n      <Box\n        display=\"inline-block\"\n        animation={animation}\n        border=\"2px\"\n        borderTopColor=\"background.primary\"\n        borderRightColor=\"background.primary\"\n        borderLeftColor={'transparent'}\n        borderBottomColor={'transparent'}\n        height={`${spinnerSize}px`}\n        width={`${spinnerSize}px`}\n        borderRadius={`${spinnerSize}px`}\n      />\n      {showLabel && (\n        <Text as=\"p\" className=\"Spinner__Label\" size={size as TextSize} variant=\"subtle\" {...labelProps}>\n          {label}\n        </Text>\n      )}\n    </SpinnerContainer>\n  );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","size","isFullScreen","showLabel","label","labelProps","spinnerSize","animation","React","children","createElement","VStack","h","w","pos","top","left","align","justify","bg","Box","display","border","borderTopColor","borderRightColor","borderLeftColor","borderBottomColor","height","width","borderRadius","Text","WrappedText","Object","assign","as","className","variant"],"mappings":"iQAEO,MAAMA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICAAC,EAAOC,EAASA,SAAA;;;oBAaC,EACrBC,KAAAA,EAAO,KACPC,aAAAA,GAAe,EACfC,UAAAA,GAAY,EACZC,MAAAA,EAAQ,aACRC,WAAAA,MAEA,MAAMC,EAAcb,EAAeQ,GAC7BM,EAAY,gDAAgDR,IAsBlE,OACES,yBAtBuB,EAAGC,SAAAA,KACnBP,EACLM,EAAAA,QAACE,cAAAC,EAAMA,OACL,CAAAC,EAAE,OACFC,EAAE,OACFC,IAAI,WACJC,IAAI,IACJC,KAAK,IACLC,MAAM,SACNC,QAAQ,SACRC,GAAG,4BAEFV,GAGHD,EAAAA,QAACE,cAAAC,EAAMA,QAACE,EAAE,cAAcD,EAAE,cAAcK,MAAM,SAASC,QAAQ,UAC5DT,IAMY,KACfD,EAAC,QAAAE,cAAAU,EAAGA,KACFC,QAAQ,eACRd,UAAWA,EACXe,OAAO,MACPC,eAAe,qBACfC,iBAAiB,qBACjBC,gBAAiB,cACjBC,kBAAmB,cACnBC,OAAQ,GAAGrB,MACXsB,MAAO,GAAGtB,MACVuB,aAAc,GAAGvB,QAElBH,GACCK,EAAAA,QAACE,cAAAoB,EAAIC,YAACC,OAAAC,OAAA,CAAAC,GAAG,IAAIC,UAAU,iBAAiBlC,KAAMA,EAAkBmC,QAAQ,UAAa/B,GAClFD"}

package/build/tab.component-6c54d170.js

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

package/build/tabs.component-97a8152d.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-6c54d170.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);exports.Tabs=t=>{var{size:r="md",tabList:b,tabPanels:n,tabPanelsStyle:l,tabListProps:c}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return i.default.createElement(s.Tabs,Object.assign({},u,{size:r}),i.default.createElement(s.TabList,Object.assign({},c&&c),b.map(((e,t)=>i.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&i.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
-//# sourceMappingURL=tabs.component-97a8152d.js.map