@televet/kibble-ui 1.20.3 → 1.20.4

package/build/dragHandle.component-a0ed1bf0.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./sortableItem.context-f7dd54a1.js"),a=require("./core.esm-3a85aed4.js"),n=require("./button.component-c0f12ef5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t);exports.DragHandle=function(s){var u=e.__rest(s,[]),i=t.useContext(r.SortableItemContext),c=i.attributes,f=i.listeners,l=i.ref,d=a.useDndContext();return o.default.createElement(n.Button,e.__assign({cursor:d.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},c,f,{ref:l},u))};
+//# sourceMappingURL=dragHandle.component-a0ed1bf0.js.map

package/build/{dragHandle.component-3d2042c6.js.map → dragHandle.component-a0ed1bf0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dragHandle.component-3d2042c6.js","sources":["../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface DragHandleProps extends ButtonProps {}\n\nexport const DragHandle = ({ ...rest }: DragHandleProps): JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      className=\"DragHandle\"\n      {...attributes}\n      {...listeners}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","rest","__rest","_b","useContext","SortableItemContext","attributes","listeners","ref","dndContext","useDndContext","React","Button","__assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"+SAO0B,SAACA,OAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACnBG,EAAiCC,EAAUA,WAACC,uBAA1CC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,QACzBC,EAAaC,EAAAA,gBAEnB,OACEC,wBAACC,EAAMA,OAAAC,EAAAA,SAAA,CACLC,OAAQL,EAAWM,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNb,EACAC,GACJC,IAAKA,GACDP,GAGV"}
+{"version":3,"file":"dragHandle.component-a0ed1bf0.js","sources":["../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface DragHandleProps extends ButtonProps {}\n\nexport const DragHandle = ({ ...rest }: DragHandleProps): JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      className=\"DragHandle\"\n      {...attributes}\n      {...listeners}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","rest","__rest","_b","useContext","SortableItemContext","attributes","listeners","ref","dndContext","useDndContext","React","Button","__assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"+SAO0B,SAACA,OAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACnBG,EAAiCC,EAAUA,WAACC,uBAA1CC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,QACzBC,EAAaC,EAAAA,gBAEnB,OACEC,wBAACC,EAAMA,OAAAC,EAAAA,SAAA,CACLC,OAAQL,EAAWM,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNb,EACAC,GACJC,IAAKA,GACDP"}

package/build/{formControl.component-13591c3d.js → formControl.component-6ce1e8a6.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),l=require("./useTheme-3dbb48a4.js"),i=require("./useAdaptiveColorMap-83c28e16.js"),t=require("./icon.component-e549a530.js"),o=require("./chakra-ui-form-control.esm-0cef8b57.js"),n=require("./chakra-ui-layout.esm-339b049e.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(r);exports.withFormControl=function(r){function a(a){var d=a.errorText,u=void 0===d?"Field is invalid":d,c=a.helperText,m=a.isDisabled,f=a.isFieldInline,v=void 0!==f&&f,b=a.isInvalid,p=a.isReadOnly,x=a.isRequired,I=a.label,g=a.labelStyle,h=a.formControlStyle,y=a.helperTextAlignment,C=void 0===y?"start":y,F=a.size,T=void 0===F?"md":F,q=a.useInvalidIcon,E=void 0!==q&&q,S=a.useInvalidText,j=void 0===S||S,z=a.useInvalidBorder,_=void 0===z||z,k=a.invalidIconColor,R=e.__rest(a,["errorText","helperText","isDisabled","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","helperTextAlignment","size","useInvalidIcon","useInvalidText","useInvalidBorder","invalidIconColor"]),w=l.useTheme(),A=w.colors,B=w.fontSizes,D=b&&c?"space-between":C,M=j&&b||c,O=i.useAdaptiveColorMap(A.text,"default");return s.default.createElement(o.FormControl,e.__assign({},h,{isInvalid:b,isRequired:x,isReadOnly:p,isDisabled:m}),I&&s.default.createElement(o.FormLabel,e.__assign({display:v?"inline-block":"block",color:O,fontSize:B[T]},g),I),s.default.createElement(n.Flex,{align:"center",gap:2,display:v?"inline-block":"block"},s.default.createElement(r,e.__assign({size:T},R,{isFieldInline:v,errorBorderColor:_?A.border.light.error:A.border.light.default,focusBorderColor:A.border.light.focus})),E&&b&&s.default.createElement(t.Icon,{name:"warningSign",color:k||"error",size:T})),M&&s.default.createElement(n.Flex,{mt:2,w:"100%",justifyContent:D,alignItems:"center"},s.default.createElement(o.FormErrorMessage,{m:0,fontSize:B.xs,color:A.text.light.error},u),c&&s.default.createElement(o.FormHelperText,{m:0,color:b?A.text.light.error:A.text.light.subtle,fontSize:B.xs},c)))}return a.displayName="withFormControl("+(r.displayName||r.name),a};
-//# sourceMappingURL=formControl.component-13591c3d.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),l=require("./useTheme-d7d8c3f5.js"),i=require("./useAdaptiveColorMap-0a74494f.js"),t=require("./icon.component-3b012e4e.js"),o=require("./chakra-ui-form-control.esm-e9095eac.js"),n=require("./chakra-ui-layout.esm-493ee04b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(r);exports.withFormControl=function(r){function a(a){var d=a.errorText,u=void 0===d?"Field is invalid":d,c=a.helperText,m=a.isDisabled,f=a.isFieldInline,v=void 0!==f&&f,b=a.isInvalid,p=a.isReadOnly,x=a.isRequired,I=a.label,g=a.labelStyle,h=a.formControlStyle,y=a.helperTextAlignment,C=void 0===y?"start":y,F=a.size,T=void 0===F?"md":F,q=a.useInvalidIcon,E=void 0!==q&&q,S=a.useInvalidText,j=void 0===S||S,z=a.useInvalidBorder,_=void 0===z||z,k=a.invalidIconColor,R=e.__rest(a,["errorText","helperText","isDisabled","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","helperTextAlignment","size","useInvalidIcon","useInvalidText","useInvalidBorder","invalidIconColor"]),w=l.useTheme(),A=w.colors,B=w.fontSizes,D=b&&c?"space-between":C,M=j&&b||c,O=i.useAdaptiveColorMap(A.text,"default");return s.default.createElement(o.FormControl,e.__assign({},h,{isInvalid:b,isRequired:x,isReadOnly:p,isDisabled:m}),I&&s.default.createElement(o.FormLabel,e.__assign({display:v?"inline-block":"block",color:O,fontSize:B[T]},g),I),s.default.createElement(n.Flex,{align:"center",gap:2,display:v?"inline-block":"block"},s.default.createElement(r,e.__assign({size:T},R,{isFieldInline:v,errorBorderColor:_?A.border.light.error:A.border.light.default,focusBorderColor:A.border.light.focus})),E&&b&&s.default.createElement(t.Icon,{name:"warningSign",color:k||"error",size:T})),M&&s.default.createElement(n.Flex,{mt:2,w:"100%",justifyContent:D,alignItems:"center"},s.default.createElement(o.FormErrorMessage,{m:0,fontSize:B.xs,color:A.text.light.error},u),c&&s.default.createElement(o.FormHelperText,{m:0,color:b?A.text.light.error:A.text.light.subtle,fontSize:B.xs},c)))}return a.displayName="withFormControl(".concat(r.displayName||r.name),a};
+//# sourceMappingURL=formControl.component-6ce1e8a6.js.map

package/build/{formControl.component-13591c3d.js.map → formControl.component-6ce1e8a6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formControl.component-13591c3d.js","sources":["../src/components/FormControl/formControl.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { FormControl, FormLabel, FormErrorMessage, FormHelperText, Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Dict } from 'shared/types';\nimport { FormControlSize, HelperTextAlignment } from './formControl.types';\nimport { Icon } from '../Icon/icon.component';\nimport { IconColor } from '../Icon/icon.types';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  helperText?: string;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: Dict;\n  formControlStyle?: Dict;\n  helperTextAlignment?: HelperTextAlignment;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n  useInvalidBorder?: boolean;\n  invalidIconColor?: IconColor;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    helperText,\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    labelStyle,\n    formControlStyle,\n    helperTextAlignment = 'start',\n    size = 'md',\n    useInvalidIcon = false,\n    useInvalidText = true,\n    useInvalidBorder = true,\n    invalidIconColor,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { colors, fontSizes } = useTheme();\n    const alignment = isInvalid && helperText ? 'space-between' : helperTextAlignment;\n    const shouldShowBottomContent = (useInvalidText && isInvalid) || helperText;\n\n    const labelColor = useAdaptiveColorMap(colors.text, 'default');\n\n    return (\n      <FormControl\n        {...formControlStyle}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n      >\n        {label && (\n          <FormLabel\n            display={isFieldInline ? 'inline-block' : 'block'}\n            color={labelColor}\n            fontSize={fontSizes[size]}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <Flex align=\"center\" gap={2} display={isFieldInline ? 'inline-block' : 'block'}>\n          <Component\n            size={size}\n            {...(props as P)}\n            isFieldInline={isFieldInline}\n            errorBorderColor={useInvalidBorder ? colors.border.light.error : colors.border.light.default}\n            focusBorderColor={colors.border.light.focus}\n          />\n\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" color={invalidIconColor || 'error'} size={size} />}\n        </Flex>\n        {shouldShowBottomContent && (\n          <Flex mt={2} w=\"100%\" justifyContent={alignment} alignItems=\"center\">\n            <FormErrorMessage m={0} fontSize={fontSizes.xs} color={colors.text.light.error}>\n              {errorText}\n            </FormErrorMessage>\n            {helperText && (\n              <FormHelperText\n                m={0}\n                color={isInvalid ? colors.text.light.error : colors.text.light.subtle}\n                fontSize={fontSizes.xs}\n              >\n                {helperText}\n              </FormHelperText>\n            )}\n          </Flex>\n        )}\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","_b","errorText","helperText","isDisabled","_c","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","_d","helperTextAlignment","_e","size","_f","useInvalidIcon","_g","useInvalidText","_h","useInvalidBorder","invalidIconColor","props","__rest","_j","useTheme","colors","fontSizes","alignment","shouldShowBottomContent","labelColor","useAdaptiveColorMap","text","React","FormControl","__assign","createElement","FormLabel","display","color","fontSize","Flex","align","gap","errorBorderColor","border","light","error","default","focusBorderColor","focus","Icon","name","mt","w","justifyContent","alignItems","FormErrorMessage","m","xs","FormHelperText","subtle","displayName"],"mappings":"uZA4BM,SAA0DA,GAC9D,SAASC,EAAgBC,GACvB,IAAAC,cAAAC,OAAY,IAAAD,EAAA,qBACZE,EAAUH,EAAAG,WACVC,EAAUJ,EAAAI,WACVC,EAAqBL,EAAAM,cAArBA,OAAgB,IAAAD,GAAKA,EACrBE,EAASP,EAAAO,UACTC,EAAUR,EAAAQ,WACVC,EAAUT,EAAAS,WACVC,UACAC,eACAC,qBACAC,EAAAb,EAAAc,oBAAAA,aAAsB,QAAOD,EAC7BE,EAAAf,EAAAgB,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAsBjB,EAAAkB,eAAtBA,OAAiB,IAAAD,KACjBE,EAAAnB,EAAAoB,eAAAA,cAAqBD,EACrBE,EAAArB,EAAAsB,iBAAAA,OAAgB,IAAAD,GAAOA,EACvBE,EAAgBvB,EAAAuB,iBACbC,EAAKC,EAAAA,OAAAzB,EAjBe,4OAmBjB0B,EAAwBC,EAAQA,WAA9BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UACnBC,EAAYvB,GAAaJ,EAAa,gBAAkBW,EACxDiB,EAA2BX,GAAkBb,GAAcJ,EAE3D6B,EAAaC,EAAmBA,oBAACL,EAAOM,KAAM,WAEpD,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,EAAAA,SAAA,CAAA,EACNzB,EACJ,CAAAL,UAAWA,EACXE,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,IAEXM,GACCyB,EAAAA,QAACG,cAAAC,EAASA,sBACRC,QAASlC,EAAgB,eAAiB,QAC1CmC,MAAOT,EACPU,SAAUb,EAAUb,IAChBL,GAEHD,GAGLyB,EAAAA,QAACG,cAAAK,QAAKC,MAAM,SAASC,IAAK,EAAGL,QAASlC,EAAgB,eAAiB,SACrE6B,EAAAA,QAACG,cAAAxC,cACCkB,KAAMA,GACDQ,GACLlB,cAAeA,EACfwC,iBAAkBxB,EAAmBM,EAAOmB,OAAOC,MAAMC,MAAQrB,EAAOmB,OAAOC,MAAME,QACrFC,iBAAkBvB,EAAOmB,OAAOC,MAAMI,SAGvClC,GAAkBX,GAAa4B,EAAAA,QAAAG,cAACe,EAAAA,KAAK,CAAAC,KAAK,cAAcb,MAAOlB,GAAoB,QAASP,KAAMA,KAEpGe,GACCI,EAAAA,QAAAG,cAACK,EAAIA,KAAC,CAAAY,GAAI,EAAGC,EAAE,OAAOC,eAAgB3B,EAAW4B,WAAW,UAC1DvB,EAAC,QAAAG,cAAAqB,EAAgBA,kBAACC,EAAG,EAAGlB,SAAUb,EAAUgC,GAAIpB,MAAOb,EAAOM,KAAKc,MAAMC,OACtE/C,GAEFC,GACCgC,EAAC,QAAAG,cAAAwB,EAAAA,gBACCF,EAAG,EACHnB,MAAOlC,EAAYqB,EAAOM,KAAKc,MAAMC,MAAQrB,EAAOM,KAAKc,MAAMe,OAC/DrB,SAAUb,EAAUgC,IAEnB1D,IAOd,CAGD,OAFAJ,EAAgBiE,YAAc,oBAAmBlE,EAAUkE,aAAelE,EAAUwD,MAE7EvD,CACT"}
+{"version":3,"file":"formControl.component-6ce1e8a6.js","sources":["../src/components/FormControl/formControl.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { FormControl, FormLabel, FormErrorMessage, FormHelperText, Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Dict } from 'shared/types';\nimport { FormControlSize, HelperTextAlignment } from './formControl.types';\nimport { Icon } from '../Icon/icon.component';\nimport { IconColor } from '../Icon/icon.types';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  helperText?: string;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: Dict;\n  formControlStyle?: Dict;\n  helperTextAlignment?: HelperTextAlignment;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n  useInvalidBorder?: boolean;\n  invalidIconColor?: IconColor;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    helperText,\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    labelStyle,\n    formControlStyle,\n    helperTextAlignment = 'start',\n    size = 'md',\n    useInvalidIcon = false,\n    useInvalidText = true,\n    useInvalidBorder = true,\n    invalidIconColor,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { colors, fontSizes } = useTheme();\n    const alignment = isInvalid && helperText ? 'space-between' : helperTextAlignment;\n    const shouldShowBottomContent = (useInvalidText && isInvalid) || helperText;\n\n    const labelColor = useAdaptiveColorMap(colors.text, 'default');\n\n    return (\n      <FormControl\n        {...formControlStyle}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n      >\n        {label && (\n          <FormLabel\n            display={isFieldInline ? 'inline-block' : 'block'}\n            color={labelColor}\n            fontSize={fontSizes[size]}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <Flex align=\"center\" gap={2} display={isFieldInline ? 'inline-block' : 'block'}>\n          <Component\n            size={size}\n            {...(props as P)}\n            isFieldInline={isFieldInline}\n            errorBorderColor={useInvalidBorder ? colors.border.light.error : colors.border.light.default}\n            focusBorderColor={colors.border.light.focus}\n          />\n\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" color={invalidIconColor || 'error'} size={size} />}\n        </Flex>\n        {shouldShowBottomContent && (\n          <Flex mt={2} w=\"100%\" justifyContent={alignment} alignItems=\"center\">\n            <FormErrorMessage m={0} fontSize={fontSizes.xs} color={colors.text.light.error}>\n              {errorText}\n            </FormErrorMessage>\n            {helperText && (\n              <FormHelperText\n                m={0}\n                color={isInvalid ? colors.text.light.error : colors.text.light.subtle}\n                fontSize={fontSizes.xs}\n              >\n                {helperText}\n              </FormHelperText>\n            )}\n          </Flex>\n        )}\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","_b","errorText","helperText","isDisabled","_c","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","_d","helperTextAlignment","_e","size","_f","useInvalidIcon","_g","useInvalidText","_h","useInvalidBorder","invalidIconColor","props","__rest","_j","useTheme","colors","fontSizes","alignment","shouldShowBottomContent","labelColor","useAdaptiveColorMap","text","React","FormControl","__assign","createElement","FormLabel","display","color","fontSize","Flex","align","gap","errorBorderColor","border","light","error","default","focusBorderColor","focus","Icon","name","mt","w","justifyContent","alignItems","FormErrorMessage","m","xs","FormHelperText","subtle","displayName","concat"],"mappings":"uZA4BM,SAA0DA,GAC9D,SAASC,EAAgBC,GACvB,IAAAC,cAAAC,OAAY,IAAAD,EAAA,qBACZE,EAAUH,EAAAG,WACVC,EAAUJ,EAAAI,WACVC,EAAqBL,EAAAM,cAArBA,OAAgB,IAAAD,GAAKA,EACrBE,EAASP,EAAAO,UACTC,EAAUR,EAAAQ,WACVC,EAAUT,EAAAS,WACVC,UACAC,eACAC,qBACAC,EAAAb,EAAAc,oBAAAA,aAAsB,QAAOD,EAC7BE,EAAAf,EAAAgB,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAsBjB,EAAAkB,eAAtBA,OAAiB,IAAAD,KACjBE,EAAAnB,EAAAoB,eAAAA,cAAqBD,EACrBE,EAAArB,EAAAsB,iBAAAA,OAAgB,IAAAD,GAAOA,EACvBE,EAAgBvB,EAAAuB,iBACbC,EAAKC,EAAAA,OAAAzB,EAjBe,4OAmBjB0B,EAAwBC,EAAQA,WAA9BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UACnBC,EAAYvB,GAAaJ,EAAa,gBAAkBW,EACxDiB,EAA2BX,GAAkBb,GAAcJ,EAE3D6B,EAAaC,EAAmBA,oBAACL,EAAOM,KAAM,WAEpD,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,EAAAA,SAAA,GACNzB,EACJ,CAAAL,UAAWA,EACXE,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,IAEXM,GACCyB,EAAAA,QAACG,cAAAC,EAASA,sBACRC,QAASlC,EAAgB,eAAiB,QAC1CmC,MAAOT,EACPU,SAAUb,EAAUb,IAChBL,GAEHD,GAGLyB,EAAAA,QAACG,cAAAK,QAAKC,MAAM,SAASC,IAAK,EAAGL,QAASlC,EAAgB,eAAiB,SACrE6B,EAAAA,QAACG,cAAAxC,cACCkB,KAAMA,GACDQ,GACLlB,cAAeA,EACfwC,iBAAkBxB,EAAmBM,EAAOmB,OAAOC,MAAMC,MAAQrB,EAAOmB,OAAOC,MAAME,QACrFC,iBAAkBvB,EAAOmB,OAAOC,MAAMI,SAGvClC,GAAkBX,GAAa4B,EAAAA,QAAAG,cAACe,EAAAA,KAAK,CAAAC,KAAK,cAAcb,MAAOlB,GAAoB,QAASP,KAAMA,KAEpGe,GACCI,EAAAA,QAAAG,cAACK,EAAIA,KAAC,CAAAY,GAAI,EAAGC,EAAE,OAAOC,eAAgB3B,EAAW4B,WAAW,UAC1DvB,EAAC,QAAAG,cAAAqB,EAAgBA,kBAACC,EAAG,EAAGlB,SAAUb,EAAUgC,GAAIpB,MAAOb,EAAOM,KAAKc,MAAMC,OACtE/C,GAEFC,GACCgC,EAAC,QAAAG,cAAAwB,EAAAA,gBACCF,EAAG,EACHnB,MAAOlC,EAAYqB,EAAOM,KAAKc,MAAMC,MAAQrB,EAAOM,KAAKc,MAAMe,OAC/DrB,SAAUb,EAAUgC,IAEnB1D,KAUf,OAFAJ,EAAgBiE,YAAc,mBAAAC,OAAmBnE,EAAUkE,aAAelE,EAAUwD,MAE7EvD"}

package/build/heading.component-46024b9d.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),a=require("./useTheme-d7d8c3f5.js"),i=require("./useAdaptiveColorMap-0a74494f.js"),o=require("./chakra-ui-media-query.esm-a34e627c.js"),s=require("./chakra-ui-layout.esm-493ee04b.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=t(r);exports.Heading=function(r){var t=r.children,u=r.size,d=void 0===u?"lg":u,n=r.color,c=r.colorToken,v=void 0===c?"headline":c,m=r.darkMode,f=void 0!==m&&m,p=e.__rest(r,["children","size","color","colorToken","darkMode"]),h=a.useTheme(),k=h.components,q=h.colors,g=i.useAdaptiveColorMap(q.text,v,f),j=o.useBreakpointValue({base:"small",md:"large"})||"small",b=k.Heading.variants[j].sizes,M=b?b[d]:void 0;return l.default.createElement(s.Heading,e.__assign({variant:j},M,{color:n||g},p),t)};
+//# sourceMappingURL=heading.component-46024b9d.js.map

package/build/{heading.component-7d595aec.js.map → heading.component-46024b9d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"heading.component-7d595aec.js","sources":["../src/components/Heading/heading.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Heading as CHeading, HeadingProps as CHeadingProps, useBreakpointValue } from '@chakra-ui/react';\nimport { PartsStyleInterpolation } from '@chakra-ui/theme-tools';\nimport { HeadingSize, HeadingVariant } from './heading.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\n\nexport interface HeadingProps extends CHeadingProps {\n  children: ReactNode;\n  size?: HeadingSize;\n  colorToken?: TextColor;\n  darkMode?: boolean;\n}\n\nexport const Heading = ({\n  children,\n  size = 'lg',\n  color,\n  colorToken = 'headline',\n  darkMode = false,\n  ...rest\n}: HeadingProps): JSX.Element => {\n  const { components, colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n  const variant: HeadingVariant = useBreakpointValue<HeadingVariant>({ base: 'small', md: 'large' }) || 'small';\n  const sizes = components.Heading.variants[variant].sizes;\n  const sizeProps = !sizes ? undefined : (sizes[size] as PartsStyleInterpolation);\n\n  return (\n    <CHeading variant={variant} {...sizeProps} color={color || adaptiveColor} {...rest}>\n      {children}\n    </CHeading>\n  );\n};\n"],"names":["_a","children","_b","size","color","_c","colorToken","_d","darkMode","rest","__rest","_e","useTheme","components","colors","adaptiveColor","useAdaptiveColorMap","text","variant","useBreakpointValue","base","md","sizes","Heading","variants","sizeProps","undefined","React","CHeading","__assign"],"mappings":"oWAeuB,SAACA,GACtB,IAAAC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,KAAAA,OAAO,IAAAD,EAAA,KAAIA,EACXE,EAAKJ,EAAAI,MACLC,EAAuBL,EAAAM,WAAvBA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAAP,EAAAQ,SAAAA,OAAW,IAAAD,GAAKA,EACbE,EAAIC,EAAAA,OAAAV,EANe,qDAQhBW,EAAyBC,EAAQA,WAA/BC,EAAUF,EAAAE,WAAEC,EAAMH,EAAAG,OACpBC,EAAgBC,EAAAA,oBAA+BF,EAAOG,KAAMX,EAAYE,GAExEU,EAA0BC,EAAkBA,mBAAiB,CAAEC,KAAM,QAASC,GAAI,WAAc,QAChGC,EAAQT,EAAWU,QAAQC,SAASN,GAASI,MAC7CG,EAAaH,EAAqBA,EAAMnB,QAAnBuB,EAE3B,OACEC,EAAAA,sBAACC,EAAAA,QAAQC,EAAAA,SAAA,CAACX,QAASA,GAAaO,EAAS,CAAErB,MAAOA,GAASW,GAAmBN,GAC3ER,EAGP"}
+{"version":3,"file":"heading.component-46024b9d.js","sources":["../src/components/Heading/heading.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Heading as CHeading, HeadingProps as CHeadingProps, useBreakpointValue } from '@chakra-ui/react';\nimport { PartsStyleInterpolation } from '@chakra-ui/theme-tools';\nimport { HeadingSize, HeadingVariant } from './heading.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TextColor } from 'shared/types';\n\nexport interface HeadingProps extends CHeadingProps {\n  children: ReactNode;\n  size?: HeadingSize;\n  colorToken?: TextColor;\n  darkMode?: boolean;\n}\n\nexport const Heading = ({\n  children,\n  size = 'lg',\n  color,\n  colorToken = 'headline',\n  darkMode = false,\n  ...rest\n}: HeadingProps): JSX.Element => {\n  const { components, colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n  const variant: HeadingVariant = useBreakpointValue<HeadingVariant>({ base: 'small', md: 'large' }) || 'small';\n  const sizes = components.Heading.variants[variant].sizes;\n  const sizeProps = !sizes ? undefined : (sizes[size] as PartsStyleInterpolation);\n\n  return (\n    <CHeading variant={variant} {...sizeProps} color={color || adaptiveColor} {...rest}>\n      {children}\n    </CHeading>\n  );\n};\n"],"names":["_a","children","_b","size","color","_c","colorToken","_d","darkMode","rest","__rest","_e","useTheme","components","colors","adaptiveColor","useAdaptiveColorMap","text","variant","useBreakpointValue","base","md","sizes","Heading","variants","sizeProps","undefined","React","CHeading","__assign"],"mappings":"oWAeuB,SAACA,GACtB,IAAAC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,KAAAA,OAAO,IAAAD,EAAA,KAAIA,EACXE,EAAKJ,EAAAI,MACLC,EAAuBL,EAAAM,WAAvBA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAAP,EAAAQ,SAAAA,OAAW,IAAAD,GAAKA,EACbE,EAAIC,EAAAA,OAAAV,EANe,qDAQhBW,EAAyBC,EAAQA,WAA/BC,EAAUF,EAAAE,WAAEC,EAAMH,EAAAG,OACpBC,EAAgBC,EAAAA,oBAA+BF,EAAOG,KAAMX,EAAYE,GAExEU,EAA0BC,EAAkBA,mBAAiB,CAAEC,KAAM,QAASC,GAAI,WAAc,QAChGC,EAAQT,EAAWU,QAAQC,SAASN,GAASI,MAC7CG,EAAaH,EAAqBA,EAAMnB,QAAnBuB,EAE3B,OACEC,EAAAA,sBAACC,EAAAA,QAAQC,EAAAA,SAAA,CAACX,QAASA,GAAaO,EAAS,CAAErB,MAAOA,GAASW,GAAmBN,GAC3ER"}

package/build/hocs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withDarkMode-2a00cc1f.js"),r=require("../withTheme-acb0ea42.js");require("react"),require("../chakra-ui-system.esm-1d513b8a.js"),require("../chakra-ui-react.esm-9b647528.js"),require("../chakra-ui-portal.esm-1b79ea40.js"),require("../chakra-ui-hooks.esm-567ac2a0.js"),require("react-dom"),require("../chakra-ui-theme.esm-6392a200.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=r.withTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withDarkMode-3fdb3990.js"),r=require("../withTheme-3ac839a3.js");require("react"),require("../chakra-ui-system.esm-b563b97d.js"),require("../chakra-ui-react.esm-e146fda7.js"),require("../chakra-ui-portal.esm-e1dcde00.js"),require("../chakra-ui-hooks.esm-c49383b7.js"),require("react-dom"),require("../chakra-ui-theme.esm-cc694e08.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=r.withTheme;
 //# sourceMappingURL=index.js.map

package/build/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../useTheme-3dbb48a4.js");require("../chakra-ui-system.esm-1d513b8a.js"),require("react"),exports.useTheme=e.useTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../useTheme-d7d8c3f5.js");require("../chakra-ui-system.esm-b563b97d.js"),require("react"),exports.useTheme=e.useTheme;
 //# sourceMappingURL=index.js.map

package/build/hooks/useAdaptiveColorMap.d.ts

@@ -1,2 +1,2 @@
 import { AdaptiveColorMap } from '../theme/tokens';
-export declare const useAdaptiveColorMap: <T extends string | number | symbol>(map: Record<import("@chakra-ui/react").ColorMode, Record<T, string>>, token: T, darkMode?: boolean | undefined) => string;
+export declare const useAdaptiveColorMap: <T extends string | number | symbol>(map: AdaptiveColorMap<T>, token: T, darkMode?: boolean) => string;