@televet/kibble-ui 2.0.0-beta.8678phbtk.3 → 2.0.0

package/build/dragHandle.component-0d292ae8.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-73d5a120.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,l=i.listeners,d=i.ref,f=a.useDndContext();return o.default.createElement(n.Button,e.__assign({cursor:f.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},c,l,{ref:d},u))};
+//# sourceMappingURL=dragHandle.component-0d292ae8.js.map

package/build/{dragHandle.component-909abd36.js.map → dragHandle.component-0d292ae8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dragHandle.component-909abd36.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":"4SAO0B,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-0d292ae8.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-fdf34a8f.js

@@ -0,0 +1,2 @@
+"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-bf95e351.js"),o=require("./chakra-ui-form-control.esm-8240cc1c.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-fdf34a8f.js.map

package/build/{formControl.component-6ae91414.js.map → formControl.component-fdf34a8f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formControl.component-6ae91414.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 { IconColorToken } 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?: IconColorToken;\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":"4UA4BM,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,mBAAAC,OAAmBnE,EAAUkE,aAAelE,EAAUwD,MAE7EvD,CACT"}
+{"version":3,"file":"formControl.component-fdf34a8f.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 { IconColorToken } 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?: IconColorToken;\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-c8c6cb4e.js.map → heading.component-46024b9d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"heading.component-c8c6cb4e.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":"0RAeuB,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-7c6cf1af.js"),r=require("../withTheme-d639f809.js");require("react"),require("@chakra-ui/react"),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-bac0a8eb.js");require("react"),require("../chakra-ui-system.esm-b563b97d.js"),require("../chakra-ui-react.esm-54b6d554.js"),require("../chakra-ui-portal.esm-72927bd9.js"),require("../chakra-ui-hooks.esm-c8f7aa0e.js"),require("../use-animation-state-5054a9f7.esm-ad9a45c2.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-48040f6c.js");require("@chakra-ui/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/{icon.component-5c3ee81d.js → icon.component-bf95e351.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("./useTheme-48040f6c.js"),o=require("./useAdaptiveColorMap-1feb6ba4.js"),t=require("./icons/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),c={xs:14,sm:16,md:20,lg:24,xl:32,"2xl":38},n=e.forwardRef((function(e,i){var n=e.name,u=e.size,l=void 0===u?"lg":u,s=e.colorToken,d=e.color,f=void 0===d?"currentColor":d,p=r.useTheme().colors,m=o.useAdaptiveColorMap(p.icon,s||f),v=t.IconMap[n],x=c[l]+"px";return a.default.createElement(v,{ref:i,width:x,height:x,color:m})}));n.displayName="Icon",exports.Icon=n;
-//# sourceMappingURL=icon.component-5c3ee81d.js.map
+"use strict";var e=require("react"),r=require("./useTheme-d7d8c3f5.js"),o=require("./useAdaptiveColorMap-0a74494f.js"),t=require("./icons/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),c={xs:14,sm:16,md:20,lg:24,xl:32,"2xl":38},n=e.forwardRef((function(e,i){var n=e.name,u=e.size,l=void 0===u?"lg":u,s=e.colorToken,d=e.color,f=void 0===d?"currentColor":d,p=r.useTheme().colors,m=o.useAdaptiveColorMap(p.icon,s||f),v=t.IconMap[n],x=c[l]+"px";return a.default.createElement(v,{ref:i,width:x,height:x,color:m})}));n.displayName="Icon",exports.Icon=n;
+//# sourceMappingURL=icon.component-bf95e351.js.map

package/build/{icon.component-5c3ee81d.js.map → icon.component-bf95e351.js.map}

@@ -1 +1 @@
-{"version":3,"file":"icon.component-5c3ee81d.js","sources":["../src/components/Icon/icon.records.tsx","../src/components/Icon/icon.component.tsx"],"sourcesContent":["import { IconSize } from '../Icon/icon.types';\n\nexport const IconSizeMap: Record<IconSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n  '2xl': 38,\n};\n","import React, { ForwardedRef, forwardRef } from 'react';\nimport { IconSizeMap } from './icon.records';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { IconSize, IconColorToken } from './icon.types';\nimport { IconMap, IconName } from '../../icons';\n\nexport interface IconProps {\n  name: IconName;\n  size?: IconSize;\n  color?: string;\n  colorToken?: IconColorToken;\n}\n\nexport const Icon = forwardRef(\n  ({ name, size = 'lg', colorToken, color = 'currentColor' }: IconProps, ref: ForwardedRef<any>): JSX.Element => {\n    const { colors } = useTheme();\n    const c = useAdaptiveColorMap<IconColorToken>(colors.icon, colorToken || (color as IconColorToken));\n    const MappedIcon = IconMap[name];\n    const d = IconSizeMap[size] + 'px';\n\n    return <MappedIcon ref={ref} width={d} height={d} color={c} />;\n  },\n);\n\nIcon.displayName = 'Icon';\n"],"names":["IconSizeMap","xs","sm","md","lg","xl","Icon","forwardRef","_a","ref","name","_b","size","colorToken","_c","color","colors","useTheme","c","useAdaptiveColorMap","icon","MappedIcon","IconMap","d","React","width","height","displayName"],"mappings":"wOAEaA,EAAwC,CACnDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJ,MAAO,ICMIC,EAAOC,EAAUA,YAC5B,SAACC,EAAsEC,GAApE,IAAAC,SAAMC,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAEE,eAAYC,EAAAN,EAAAO,MAAAA,OAAK,IAAAD,EAAG,eAAcA,EAC9CE,EAAWC,oBACbC,EAAIC,EAAAA,oBAAoCH,EAAOI,KAAMP,GAAeE,GACpEM,EAAaC,UAAQZ,GACrBa,EAAIvB,EAAYY,GAAQ,KAE9B,OAAOY,wBAACH,EAAU,CAACZ,IAAKA,EAAKgB,MAAOF,EAAGG,OAAQH,EAAGR,MAAOG,GAC3D,IAGFZ,EAAKqB,YAAc"}
+{"version":3,"file":"icon.component-bf95e351.js","sources":["../src/components/Icon/icon.records.tsx","../src/components/Icon/icon.component.tsx"],"sourcesContent":["import { IconSize } from '../Icon/icon.types';\n\nexport const IconSizeMap: Record<IconSize, number> = {\n  xs: 14,\n  sm: 16,\n  md: 20,\n  lg: 24,\n  xl: 32,\n  '2xl': 38,\n};\n","import React, { ForwardedRef, forwardRef } from 'react';\nimport { IconSizeMap } from './icon.records';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { IconSize, IconColorToken } from './icon.types';\nimport { IconMap, IconName } from '../../icons';\n\nexport interface IconProps {\n  name: IconName;\n  size?: IconSize;\n  color?: string;\n  colorToken?: IconColorToken;\n}\n\nexport const Icon = forwardRef(\n  ({ name, size = 'lg', colorToken, color = 'currentColor' }: IconProps, ref: ForwardedRef<any>): JSX.Element => {\n    const { colors } = useTheme();\n    const c = useAdaptiveColorMap<IconColorToken>(colors.icon, colorToken || (color as IconColorToken));\n    const MappedIcon = IconMap[name];\n    const d = IconSizeMap[size] + 'px';\n\n    return <MappedIcon ref={ref} width={d} height={d} color={c} />;\n  },\n);\n\nIcon.displayName = 'Icon';\n"],"names":["IconSizeMap","xs","sm","md","lg","xl","Icon","forwardRef","_a","ref","name","_b","size","colorToken","_c","color","colors","useTheme","c","useAdaptiveColorMap","icon","MappedIcon","IconMap","d","React","width","height","displayName"],"mappings":"wOAEaA,EAAwC,CACnDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJ,MAAO,ICMIC,EAAOC,EAAUA,YAC5B,SAACC,EAAsEC,GAApE,IAAAC,SAAMC,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAEE,eAAYC,EAAAN,EAAAO,MAAAA,OAAK,IAAAD,EAAG,eAAcA,EAC9CE,EAAWC,oBACbC,EAAIC,EAAAA,oBAAoCH,EAAOI,KAAMP,GAAeE,GACpEM,EAAaC,UAAQZ,GACrBa,EAAIvB,EAAYY,GAAQ,KAE9B,OAAOY,wBAACH,EAAU,CAACZ,IAAKA,EAAKgB,MAAOF,EAAGG,OAAQH,EAAGR,MAAOG,OAI7DZ,EAAKqB,YAAc"}

package/build/icons/index.d.ts

@@ -1,2 +1,2 @@
-export type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'animalMouse' | 'animalPig' | 'animalSnake' | 'archive' | 'arrowCircle' | 'arrowDownRight' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'award' | 'bank' | 'bellCancel' | 'bell' | 'bone' | 'bookmark' | 'bulkSelect' | 'buttons' | 'calendarCheck' | 'calendarDate' | 'calendarInfo' | 'calendarPen' | 'calendarPlus' | 'cameraOff' | 'camera' | 'cancel' | 'cellphoneCancel' | 'cellphone' | 'chainLink' | 'chatBubble' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmark' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clock' | 'closeCircleSolid' | 'closeCircle' | 'close' | 'code' | 'creditCardLogoAmex' | 'creditCardLogoDiners' | 'creditCardLogoDiscover' | 'creditCardLogoGeneric' | 'creditCardLogoJcb' | 'creditCardLogoMastercard' | 'creditCardLogoUnionpay' | 'creditCardLogoVisa' | 'creditCard' | 'cut' | 'dollarCircle' | 'dollar' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'emailSend' | 'envelopeCancel' | 'envelope' | 'externalLink' | 'eyeOpen' | 'eyeSlash' | 'eyedropper' | 'fileHealth' | 'filter' | 'form' | 'gear' | 'gif' | 'grid' | 'health' | 'house' | 'image' | 'infoCircle' | 'input' | 'invoice' | 'kanbanBoard' | 'list' | 'loader' | 'locationMarker' | 'lock' | 'loudspeaker' | 'magnifyingGlass' | 'mailbox' | 'messageDetail' | 'messageWarning' | 'message' | 'messages' | 'microphoneMute' | 'microphone' | 'minus' | 'moveLeft' | 'moveRight' | 'notification' | 'paperclip' | 'paw' | 'penSquare' | 'pen' | 'personAdd' | 'personCircle' | 'person' | 'phoneButtons' | 'phoneCancel' | 'phone' | 'pill' | 'pinCancel' | 'pin' | 'plus' | 'printer' | 'questionMarkCircle' | 'questionMark' | 'record' | 'report' | 'ribbon' | 'robot' | 'send' | 'sliders' | 'smileyFace' | 'sort' | 'starCircle' | 'starSolid' | 'star' | 'stopRecording' | 'stop' | 'support' | 'table' | 'tag' | 'team' | 'televetV' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wrench';
+export type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'animalMouse' | 'animalPig' | 'animalSnake' | 'archive' | 'arrowCircle' | 'arrowDownRight' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'award' | 'bank' | 'bellCancel' | 'bell' | 'bone' | 'bookmark' | 'bulkSelect' | 'buttons' | 'calendarCheck' | 'calendarDate' | 'calendarInfo' | 'calendarPen' | 'calendarPlus' | 'cameraOff' | 'camera' | 'cancel' | 'cellphoneCancel' | 'cellphone' | 'chainLink' | 'chatBubble' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmark' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clock' | 'closeCircleSolid' | 'closeCircle' | 'close' | 'code' | 'creditCardLogoAmex' | 'creditCardLogoDiners' | 'creditCardLogoDiscover' | 'creditCardLogoGeneric' | 'creditCardLogoJcb' | 'creditCardLogoMastercard' | 'creditCardLogoUnionpay' | 'creditCardLogoVisa' | 'creditCard' | 'cut' | 'dollarCircle' | 'dollar' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'emailSend' | 'envelopeCancel' | 'envelope' | 'externalLink' | 'eyeOpen' | 'eyeSlash' | 'eyedropper' | 'fileHealth' | 'filter' | 'form' | 'gear' | 'gif' | 'grid' | 'health' | 'house' | 'image' | 'infoCircle' | 'input' | 'invoice' | 'kanbanBoard' | 'list' | 'loader' | 'locationMarker' | 'lock' | 'logo' | 'loudspeaker' | 'magnifyingGlass' | 'mailbox' | 'messageDetail' | 'messageWarning' | 'message' | 'messages' | 'microphoneMute' | 'microphone' | 'minus' | 'moveLeft' | 'moveRight' | 'notification' | 'paperclip' | 'paw' | 'penSquare' | 'pen' | 'personAdd' | 'personCircle' | 'person' | 'phoneButtons' | 'phoneCancel' | 'phone' | 'pill' | 'pinCancel' | 'pin' | 'plus' | 'printer' | 'questionMarkCircle' | 'questionMark' | 'record' | 'report' | 'ribbon' | 'robot' | 'send' | 'sliders' | 'smileyFace' | 'sort' | 'starCircle' | 'starSolid' | 'star' | 'stopRecording' | 'stop' | 'support' | 'table' | 'tag' | 'team' | 'thumbsUp' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wrench';
 export declare const IconMap: Record<IconName, any>;