@televet/kibble-ui 2.1.15-inform.3 → 2.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/chakra/index.d.ts +2 -2
- package/build/chakra/index.js +1 -1
- package/build/{chakra-ui-modal.esm-ae29b02a.js → chakra-ui-modal.esm-a00f2bce.js} +2 -2
- package/build/{chakra-ui-modal.esm-ae29b02a.js.map → chakra-ui-modal.esm-a00f2bce.js.map} +1 -1
- package/build/{chakra-ui-skeleton.esm-5124b070.js → chakra-ui-skeleton.esm-739cf3ea.js} +2 -2
- package/build/{chakra-ui-skeleton.esm-5124b070.js.map → chakra-ui-skeleton.esm-739cf3ea.js.map} +1 -1
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/components/MenuList/menuList.component.d.ts +2 -1
- package/build/components/Menu/components/MenuList/menuList.stories.d.ts +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/Select/examples/withEmptyList.stories.d.ts +12 -0
- package/build/components/Select/index.js +1 -1
- package/build/components/Select/select.component.d.ts +1 -0
- package/build/components/Tabs/index.js +1 -1
- package/build/components/Tabs/tabs.component.d.ts +2 -3
- package/build/components/Tabs/tabs.stories.d.ts +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{datepicker.component-31f79fef.js → datepicker.component-24220e45.js} +2 -2
- package/build/{datepicker.component-31f79fef.js.map → datepicker.component-24220e45.js.map} +1 -1
- package/build/{index-befc6580.js → index-8fecff45.js} +1 -1
- package/build/{index-befc6580.js.map → index-8fecff45.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/{menu.component-3014b86f.js → menu.component-b67a2ed4.js} +2 -2
- package/build/{menu.component-3014b86f.js.map → menu.component-b67a2ed4.js.map} +1 -1
- package/build/menuList.component-5a00cb30.js +2 -0
- package/build/menuList.component-5a00cb30.js.map +1 -0
- package/build/{modal.component-17f6feb4.js → modal.component-0d68beaa.js} +2 -2
- package/build/{modal.component-17f6feb4.js.map → modal.component-0d68beaa.js.map} +1 -1
- package/build/modalBody.component-345aaa1b.js +2 -0
- package/build/{modalBody.component-6849c297.js.map → modalBody.component-345aaa1b.js.map} +1 -1
- package/build/{modalCloseButton.component-0b68c84f.js → modalCloseButton.component-415049d6.js} +2 -2
- package/build/{modalCloseButton.component-0b68c84f.js.map → modalCloseButton.component-415049d6.js.map} +1 -1
- package/build/{modalFooter.component-250cd919.js → modalFooter.component-1c9fcc61.js} +2 -2
- package/build/{modalFooter.component-250cd919.js.map → modalFooter.component-1c9fcc61.js.map} +1 -1
- package/build/{modalFooterButtons.component-d48212b1.js → modalFooterButtons.component-c34c567e.js} +2 -2
- package/build/{modalFooterButtons.component-d48212b1.js.map → modalFooterButtons.component-c34c567e.js.map} +1 -1
- package/build/{modalHeader.component-152c21fe.js → modalHeader.component-204451e0.js} +2 -2
- package/build/{modalHeader.component-152c21fe.js.map → modalHeader.component-204451e0.js.map} +1 -1
- package/build/select.component-b1c077a2.js +2 -0
- package/build/select.component-b1c077a2.js.map +1 -0
- package/build/tabs.component-f7a37a9b.js +2 -0
- package/build/tabs.component-f7a37a9b.js.map +1 -0
- package/build/{tabsLayout.component-eba1c0e3.js → tabsLayout.component-9b90c425.js} +2 -2
- package/build/{tabsLayout.component-eba1c0e3.js.map → tabsLayout.component-9b90c425.js.map} +1 -1
- package/build/theme/index.js +1 -1
- package/build/theme/theme.provider.d.ts +1 -465
- package/build/{theme.provider-4f441e9b.js → theme.provider-e1100d0a.js} +2 -2
- package/build/{theme.provider-4f441e9b.js.map → theme.provider-e1100d0a.js.map} +1 -1
- package/build/{useToast-cf4d8bc2.js → useToast-433a0f38.js} +2 -2
- package/build/{useToast-cf4d8bc2.js.map → useToast-433a0f38.js.map} +1 -1
- package/package.json +1 -1
- package/build/menuList.component-3233f098.js +0 -2
- package/build/menuList.component-3233f098.js.map +0 -1
- package/build/modalBody.component-6849c297.js +0 -2
- package/build/select.component-bad65ed1.js +0 -2
- package/build/select.component-bad65ed1.js.map +0 -1
- package/build/tabs.component-885739b7.js +0 -2
- package/build/tabs.component-885739b7.js.map +0 -1
package/build/{modalCloseButton.component-0b68c84f.js → modalCloseButton.component-415049d6.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-d4c1718b.js"),r=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalCloseButton.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-d4c1718b.js"),r=require("./chakra-ui-modal.esm-a00f2bce.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:c}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:c,iconName:"close",position:"absolute",right:s,top:i,size:n},u))};
|
|
2
|
+
//# sourceMappingURL=modalCloseButton.component-415049d6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalCloseButton.component-
|
|
1
|
+
{"version":3,"file":"modalCloseButton.component-415049d6.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={right}\n top={top}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAAAC,cAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalFooter.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-a00f2bce.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalFooter=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalFooter,Object.assign({pb:6},i),a)};
|
|
2
|
+
//# sourceMappingURL=modalFooter.component-1c9fcc61.js.map
|
package/build/{modalFooter.component-250cd919.js.map → modalFooter.component-1c9fcc61.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalFooter.component-
|
|
1
|
+
{"version":3,"file":"modalFooter.component-1c9fcc61.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n return (\n <CModalFooter pb={6} {...rest}>\n {children}\n </CModalFooter>\n );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","Object","assign","pb"],"mappings":"+NAK4BA,IAAA,IAAAC,SAAEA,GAAqCD,EAAxBE,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,OAAAC,OAAA,CAACC,GAAI,GAAOR,GACtBD"}
|
package/build/{modalFooterButtons.component-d48212b1.js → modalFooterButtons.component-c34c567e.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-d4c1718b.js"),i=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalFooterButtons.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-d4c1718b.js"),i=require("./chakra-ui-modal.esm-a00f2bce.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
|
|
2
|
+
//# sourceMappingURL=modalFooterButtons.component-c34c567e.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalFooterButtons.component-
|
|
1
|
+
{"version":3,"file":"modalFooterButtons.component-c34c567e.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ModalFooter as CModalFooter,\n ModalFooterProps as CModalFooterProps,\n useModalContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n mixpanelName?: string;\n submitText?: string;\n isLoading?: boolean;\n loadingText?: string;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void | Promise<void>;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n loadingText,\n isDisabled,\n isDestructive,\n mixpanelName,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CModalFooter {...rest} pb={6}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n data-mixpanel-name={mixpanelName}\n onClick={onSubmit}\n isLoading={isLoading}\n loadingText={loadingText}\n isDisabled={isDisabled}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </CModalFooter>\n );\n};\n"],"names":["_a","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","ModalFooter","Object","assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,wBAACC,EAAYC,YAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,IAC1BL,EAAAA,QAAAM,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAM,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAM,cAACM,EAAMA,OAAG,MACVZ,UAAAM,cAACG,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-e55f8364.js"),t=require("./chakra-ui-modal.esm-
|
|
2
|
-
//# sourceMappingURL=modalHeader.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-e55f8364.js"),t=require("./chakra-ui-modal.esm-a00f2bce.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=d(r);exports.ModalHeader=r=>{var{size:d="md",children:s}=r,n=e.__rest(r,["size","children"]);return i.default.createElement(t.ModalHeader,Object.assign({px:6,pt:6,pb:2},n),i.default.createElement(a.WrappedHeading,{size:d},s))};
|
|
2
|
+
//# sourceMappingURL=modalHeader.component-204451e0.js.map
|
package/build/{modalHeader.component-152c21fe.js.map → modalHeader.component-204451e0.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalHeader.component-
|
|
1
|
+
{"version":3,"file":"modalHeader.component-204451e0.js","sources":["../src/components/Modal/components/ModalHeader/modalHeader.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalHeader as CModalHeader, ModalHeaderProps as CModalHeaderProps } from '@chakra-ui/react';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Heading } from '../../../Heading/heading.component';\n\nexport interface ModalHeaderProps extends CModalHeaderProps {\n size?: HeadingSize;\n}\n\nexport const ModalHeader = ({ size = 'md', children, ...rest }: ModalHeaderProps): JSX.Element => {\n return (\n <CModalHeader px={6} pt={6} pb={2} {...rest}>\n <Heading size={size}>{children}</Heading>\n </CModalHeader>\n );\n};\n"],"names":["_a","size","children","rest","__rest","React","createElement","CModalHeader","ModalHeader","Object","assign","px","pt","pb","Heading"],"mappings":"4QAS4BA,QAAAC,KAAEA,EAAO,KAAIC,SAAEA,KAAaC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,OAAA,aAC1B,OACEK,EAAC,QAAAC,cAAAC,EAAYC,YAACC,OAAAC,OAAA,CAAAC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAOV,GACrCE,EAAC,QAAAC,cAAAQ,iBAAQ,CAAAb,KAAMA,GAAOC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-3e1e324b.js"),l=require("./withFormControl-28664983.js"),a=require("./menu.context-22d23674.js"),r=require("./menuList.component-5a00cb30.js"),s=require("./text.component-057889c3.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),u=require("./icon.component-100b924b.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),o=require("./chakra-ui-menu.esm-1ed98193.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:x="md",value:h,maxW:E="100%",isOnContrast:S,emptyStateText:b}=l,j=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText"]);const g=S?"onContrast":"default",T=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:S?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,S]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),y=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return T.current?`${null===(e=null==T?void 0:T.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==T?void 0:T.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===h})));q([...e,_])}),[d,_,h]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(u.Icon,{name:"chevronDown",size:x}),as:o.MenuButton,ref:T,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:g,maxW:E},L,j),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:y,options:O,maxW:M||E,emptyStateText:b}))))};v.displayName="Select";const x=l.withFormControl(v);exports.WrappedSelect=x;
|
|
2
|
+
//# sourceMappingURL=select.component-b1c077a2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.component-b1c077a2.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n extends Omit<\n KMenuListProps,\n | 'canSelectAll'\n | 'canSelectGroups'\n | 'isMultiSelect'\n | 'onSelectAll'\n | 'menuItems'\n | 'shouldRetainSelection'\n | 'isMatchWidthSet'\n | 'isLoading'\n > {\n options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n const { options, ...rest } = props;\n\n return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React, { ReactNode } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n return (\n <Flex\n className=\"Select__Container\"\n justify=\"flex-start\"\n align=\"center\"\n textAlign=\"left\"\n color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n >\n {selectedOption?.leftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {selectedOption.leftElement}\n </Flex>\n ) : defaultLeftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {defaultLeftElement}\n </Flex>\n ) : null}\n {typeof selectedOption.label === 'string' ? (\n <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n {selectedOption.label}\n </Text>\n ) : (\n selectedOption.label\n )}\n </Flex>\n );\n};\n","import React, { useMemo, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\n placeholder?: string;\n emptyStateText?: string;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n options,\n placeholder,\n size = 'md',\n value,\n maxW = '100%',\n isOnContrast,\n emptyStateText,\n ...rest\n}: SelectProps): JSX.Element => {\n // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n const selectRef = useRef<HTMLSelectElement>(null);\n const placeholderOption: SelectOptionProps = useMemo(\n () => ({\n label: placeholder,\n value: '',\n variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n leftElement: null,\n isSelected: false,\n isPlaceholder: true,\n }),\n [placeholder, isOnContrast],\n );\n\n const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n const selectedOption: SelectOptionProps = useMemo(() => {\n const selectedItem = allOptions.find((option) => option.isSelected);\n\n return selectedItem ? selectedItem : placeholderOption;\n }, [allOptions, placeholderOption]);\n\n const handleSelect = useCallback(\n (selectedItem: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedItem.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedItem);\n }\n },\n [allOptions, listProps],\n );\n\n // If the text is not being truncated it should grow to fit the content\n const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n const selectWidth = useMemo(() => {\n if (!selectRef.current) {\n return '320px';\n }\n\n return `${selectRef?.current?.clientWidth}px`;\n\n // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectRef?.current]);\n\n // Set default selected state\n useEffect(() => {\n const mappedOptions = options.map((option) => ({\n ...option,\n isSelected: option.value === value,\n }));\n\n setAllOptions([...mappedOptions, placeholderOption]);\n }, [options, placeholderOption, value]);\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true}>\n <CSelect\n icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n as={MenuButton}\n ref={selectRef}\n onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n type=\"button\"\n className=\"Select__MenuButton\"\n variant={_computedVariant}\n maxW={maxW}\n {...flexibleHeightProps}\n {...rest}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n />\n </CSelect>\n <SelectList\n {...listProps}\n onSelect={handleSelect}\n options={allOptions}\n maxW={selectWidth || maxW}\n emptyStateText={emptyStateText}\n />\n </MenuContainer>\n </MenuProvider>\n );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-9395a9e2.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.Tabs=t=>{var{size:r="md",tabList:n,tabPanels:i,tabPanelsStyle:b}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return l.default.createElement(s.Tabs,Object.assign({},u,{size:r}),l.default.createElement(s.TabList,null,n.map(((e,t)=>l.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!i&&l.default.createElement(s.TabPanels,Object.assign({},b),i.map((e=>e))))};
|
|
2
|
+
//# sourceMappingURL=tabs.component-f7a37a9b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.component-f7a37a9b.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: TabPanelProps;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBqBA,IAAA,IAAAC,KAAEA,EAAO,KAAIC,QAAEA,EAAOC,UAAEA,EAASC,eAAEA,GAAoCJ,EAAjBK,EAAIC,EAAAA,OAAAN,EAA1D,iDACnB,OACEO,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAJ,KAAMA,IACrBM,UAAAK,cAACC,EAAOA,QAAA,KACLX,EAAQY,KAAI,CAACC,EAAKC,IACjBT,EAAAA,QAACK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOf,KAAMA,GAAUc,SAGlCZ,GAAaI,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAP,GAAiBD,EAAUW,KAAKM,GAAUA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./tabs.component-
|
|
2
|
-
//# sourceMappingURL=tabsLayout.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./tabs.component-f7a37a9b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
|
|
2
|
+
//# sourceMappingURL=tabsLayout.component-9b90c425.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsLayout.component-
|
|
1
|
+
{"version":3,"file":"tabsLayout.component-9b90c425.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
|
package/build/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../theme.provider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../theme.provider-e1100d0a.js");require("react"),require("../chakra-ui-react.esm-f4206977.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-theme.esm-d6d72df5.js"),require("../zIndeces-10b89ae1.js"),require("../borders.config-90d19902.js"),require("../color.record-134d7650.js"),require("../shadows.config-9e24e611.js"),require("../avatar.config-e43cfce7.js"),require("../menu.config-14739188.js"),require("../inheritsLoose-490721fe.js"),exports.KibbleThemeProvider=e.KibbleThemeProvider,exports.theme=e.theme;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,469 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { Theme } from '@chakra-ui/react';
|
|
3
2
|
import 'focus-visible/dist/focus-visible';
|
|
4
|
-
export declare const KibbleThemeProvider: ({ children
|
|
3
|
+
export declare const KibbleThemeProvider: ({ children }: {
|
|
5
4
|
children: ReactNode;
|
|
6
|
-
theme?: {
|
|
7
|
-
components: typeof import("@chakra-ui/theme/dist/declarations/src/components");
|
|
8
|
-
styles: import("@chakra-ui/theme-tools").Styles;
|
|
9
|
-
config: import("@chakra-ui/react").ThemeConfig;
|
|
10
|
-
sizes: {
|
|
11
|
-
container: {
|
|
12
|
-
sm: string;
|
|
13
|
-
md: string;
|
|
14
|
-
lg: string;
|
|
15
|
-
xl: string;
|
|
16
|
-
};
|
|
17
|
-
max: string;
|
|
18
|
-
min: string;
|
|
19
|
-
full: string;
|
|
20
|
-
"3xs": string;
|
|
21
|
-
"2xs": string;
|
|
22
|
-
xs: string;
|
|
23
|
-
sm: string;
|
|
24
|
-
md: string;
|
|
25
|
-
lg: string;
|
|
26
|
-
xl: string;
|
|
27
|
-
"2xl": string;
|
|
28
|
-
"3xl": string;
|
|
29
|
-
"4xl": string;
|
|
30
|
-
"5xl": string;
|
|
31
|
-
"6xl": string;
|
|
32
|
-
"7xl": string;
|
|
33
|
-
"8xl": string;
|
|
34
|
-
px: string;
|
|
35
|
-
0.5: string;
|
|
36
|
-
1: string;
|
|
37
|
-
1.5: string;
|
|
38
|
-
2: string;
|
|
39
|
-
2.5: string;
|
|
40
|
-
3: string;
|
|
41
|
-
3.5: string;
|
|
42
|
-
4: string;
|
|
43
|
-
5: string;
|
|
44
|
-
6: string;
|
|
45
|
-
7: string;
|
|
46
|
-
8: string;
|
|
47
|
-
9: string;
|
|
48
|
-
10: string;
|
|
49
|
-
12: string;
|
|
50
|
-
14: string;
|
|
51
|
-
16: string;
|
|
52
|
-
20: string;
|
|
53
|
-
24: string;
|
|
54
|
-
28: string;
|
|
55
|
-
32: string;
|
|
56
|
-
36: string;
|
|
57
|
-
40: string;
|
|
58
|
-
44: string;
|
|
59
|
-
48: string;
|
|
60
|
-
52: string;
|
|
61
|
-
56: string;
|
|
62
|
-
60: string;
|
|
63
|
-
64: string;
|
|
64
|
-
72: string;
|
|
65
|
-
80: string;
|
|
66
|
-
96: string;
|
|
67
|
-
};
|
|
68
|
-
shadows: {
|
|
69
|
-
xs: string;
|
|
70
|
-
sm: string;
|
|
71
|
-
base: string;
|
|
72
|
-
md: string;
|
|
73
|
-
lg: string;
|
|
74
|
-
xl: string;
|
|
75
|
-
"2xl": string;
|
|
76
|
-
outline: string;
|
|
77
|
-
inner: string;
|
|
78
|
-
none: string;
|
|
79
|
-
"dark-lg": string;
|
|
80
|
-
};
|
|
81
|
-
space: {
|
|
82
|
-
px: string;
|
|
83
|
-
0.5: string;
|
|
84
|
-
1: string;
|
|
85
|
-
1.5: string;
|
|
86
|
-
2: string;
|
|
87
|
-
2.5: string;
|
|
88
|
-
3: string;
|
|
89
|
-
3.5: string;
|
|
90
|
-
4: string;
|
|
91
|
-
5: string;
|
|
92
|
-
6: string;
|
|
93
|
-
7: string;
|
|
94
|
-
8: string;
|
|
95
|
-
9: string;
|
|
96
|
-
10: string;
|
|
97
|
-
12: string;
|
|
98
|
-
14: string;
|
|
99
|
-
16: string;
|
|
100
|
-
20: string;
|
|
101
|
-
24: string;
|
|
102
|
-
28: string;
|
|
103
|
-
32: string;
|
|
104
|
-
36: string;
|
|
105
|
-
40: string;
|
|
106
|
-
44: string;
|
|
107
|
-
48: string;
|
|
108
|
-
52: string;
|
|
109
|
-
56: string;
|
|
110
|
-
60: string;
|
|
111
|
-
64: string;
|
|
112
|
-
72: string;
|
|
113
|
-
80: string;
|
|
114
|
-
96: string;
|
|
115
|
-
};
|
|
116
|
-
borders: {
|
|
117
|
-
none: number;
|
|
118
|
-
"1px": string;
|
|
119
|
-
"2px": string;
|
|
120
|
-
"4px": string;
|
|
121
|
-
"8px": string;
|
|
122
|
-
};
|
|
123
|
-
transition: {
|
|
124
|
-
property: {
|
|
125
|
-
common: string;
|
|
126
|
-
colors: string;
|
|
127
|
-
dimensions: string;
|
|
128
|
-
position: string;
|
|
129
|
-
background: string;
|
|
130
|
-
};
|
|
131
|
-
easing: {
|
|
132
|
-
"ease-in": string;
|
|
133
|
-
"ease-out": string;
|
|
134
|
-
"ease-in-out": string;
|
|
135
|
-
};
|
|
136
|
-
duration: {
|
|
137
|
-
"ultra-fast": string;
|
|
138
|
-
faster: string;
|
|
139
|
-
fast: string;
|
|
140
|
-
normal: string;
|
|
141
|
-
slow: string;
|
|
142
|
-
slower: string;
|
|
143
|
-
"ultra-slow": string;
|
|
144
|
-
};
|
|
145
|
-
};
|
|
146
|
-
letterSpacings: {
|
|
147
|
-
tighter: string;
|
|
148
|
-
tight: string;
|
|
149
|
-
normal: string;
|
|
150
|
-
wide: string;
|
|
151
|
-
wider: string;
|
|
152
|
-
widest: string;
|
|
153
|
-
};
|
|
154
|
-
lineHeights: {
|
|
155
|
-
normal: string;
|
|
156
|
-
none: number;
|
|
157
|
-
shorter: number;
|
|
158
|
-
short: number;
|
|
159
|
-
base: number;
|
|
160
|
-
tall: number;
|
|
161
|
-
taller: string;
|
|
162
|
-
"3": string;
|
|
163
|
-
"4": string;
|
|
164
|
-
"5": string;
|
|
165
|
-
"6": string;
|
|
166
|
-
"7": string;
|
|
167
|
-
"8": string;
|
|
168
|
-
"9": string;
|
|
169
|
-
"10": string;
|
|
170
|
-
};
|
|
171
|
-
fontWeights: {
|
|
172
|
-
hairline: number;
|
|
173
|
-
thin: number;
|
|
174
|
-
light: number;
|
|
175
|
-
normal: number;
|
|
176
|
-
medium: number;
|
|
177
|
-
semibold: number;
|
|
178
|
-
bold: number;
|
|
179
|
-
extrabold: number;
|
|
180
|
-
black: number;
|
|
181
|
-
};
|
|
182
|
-
fonts: {
|
|
183
|
-
heading: string;
|
|
184
|
-
body: string;
|
|
185
|
-
mono: string;
|
|
186
|
-
};
|
|
187
|
-
fontSizes: {
|
|
188
|
-
xs: string;
|
|
189
|
-
sm: string;
|
|
190
|
-
md: string;
|
|
191
|
-
lg: string;
|
|
192
|
-
xl: string;
|
|
193
|
-
"2xl": string;
|
|
194
|
-
"3xl": string;
|
|
195
|
-
"4xl": string;
|
|
196
|
-
"5xl": string;
|
|
197
|
-
"6xl": string;
|
|
198
|
-
"7xl": string;
|
|
199
|
-
"8xl": string;
|
|
200
|
-
"9xl": string;
|
|
201
|
-
};
|
|
202
|
-
breakpoints: import("@chakra-ui/theme-tools").Breakpoints<{
|
|
203
|
-
sm: string;
|
|
204
|
-
md: string;
|
|
205
|
-
lg: string;
|
|
206
|
-
xl: string;
|
|
207
|
-
"2xl": string;
|
|
208
|
-
}>;
|
|
209
|
-
zIndices: {
|
|
210
|
-
hide: number;
|
|
211
|
-
auto: string;
|
|
212
|
-
base: number;
|
|
213
|
-
docked: number;
|
|
214
|
-
dropdown: number;
|
|
215
|
-
sticky: number;
|
|
216
|
-
banner: number;
|
|
217
|
-
overlay: number;
|
|
218
|
-
modal: number;
|
|
219
|
-
popover: number;
|
|
220
|
-
skipLink: number;
|
|
221
|
-
toast: number;
|
|
222
|
-
tooltip: number;
|
|
223
|
-
};
|
|
224
|
-
radii: {
|
|
225
|
-
none: string;
|
|
226
|
-
sm: string;
|
|
227
|
-
base: string;
|
|
228
|
-
md: string;
|
|
229
|
-
lg: string;
|
|
230
|
-
xl: string;
|
|
231
|
-
"2xl": string;
|
|
232
|
-
"3xl": string;
|
|
233
|
-
full: string;
|
|
234
|
-
};
|
|
235
|
-
blur: {
|
|
236
|
-
none: number;
|
|
237
|
-
sm: string;
|
|
238
|
-
base: string;
|
|
239
|
-
md: string;
|
|
240
|
-
lg: string;
|
|
241
|
-
xl: string;
|
|
242
|
-
"2xl": string;
|
|
243
|
-
"3xl": string;
|
|
244
|
-
};
|
|
245
|
-
colors: {
|
|
246
|
-
transparent: string;
|
|
247
|
-
current: string;
|
|
248
|
-
black: string;
|
|
249
|
-
white: string;
|
|
250
|
-
whiteAlpha: {
|
|
251
|
-
50: string;
|
|
252
|
-
100: string;
|
|
253
|
-
200: string;
|
|
254
|
-
300: string;
|
|
255
|
-
400: string;
|
|
256
|
-
500: string;
|
|
257
|
-
600: string;
|
|
258
|
-
700: string;
|
|
259
|
-
800: string;
|
|
260
|
-
900: string;
|
|
261
|
-
};
|
|
262
|
-
blackAlpha: {
|
|
263
|
-
50: string;
|
|
264
|
-
100: string;
|
|
265
|
-
200: string;
|
|
266
|
-
300: string;
|
|
267
|
-
400: string;
|
|
268
|
-
500: string;
|
|
269
|
-
600: string;
|
|
270
|
-
700: string;
|
|
271
|
-
800: string;
|
|
272
|
-
900: string;
|
|
273
|
-
};
|
|
274
|
-
gray: {
|
|
275
|
-
50: string;
|
|
276
|
-
100: string;
|
|
277
|
-
200: string;
|
|
278
|
-
300: string;
|
|
279
|
-
400: string;
|
|
280
|
-
500: string;
|
|
281
|
-
600: string;
|
|
282
|
-
700: string;
|
|
283
|
-
800: string;
|
|
284
|
-
900: string;
|
|
285
|
-
};
|
|
286
|
-
red: {
|
|
287
|
-
50: string;
|
|
288
|
-
100: string;
|
|
289
|
-
200: string;
|
|
290
|
-
300: string;
|
|
291
|
-
400: string;
|
|
292
|
-
500: string;
|
|
293
|
-
600: string;
|
|
294
|
-
700: string;
|
|
295
|
-
800: string;
|
|
296
|
-
900: string;
|
|
297
|
-
};
|
|
298
|
-
orange: {
|
|
299
|
-
50: string;
|
|
300
|
-
100: string;
|
|
301
|
-
200: string;
|
|
302
|
-
300: string;
|
|
303
|
-
400: string;
|
|
304
|
-
500: string;
|
|
305
|
-
600: string;
|
|
306
|
-
700: string;
|
|
307
|
-
800: string;
|
|
308
|
-
900: string;
|
|
309
|
-
};
|
|
310
|
-
yellow: {
|
|
311
|
-
50: string;
|
|
312
|
-
100: string;
|
|
313
|
-
200: string;
|
|
314
|
-
300: string;
|
|
315
|
-
400: string;
|
|
316
|
-
500: string;
|
|
317
|
-
600: string;
|
|
318
|
-
700: string;
|
|
319
|
-
800: string;
|
|
320
|
-
900: string;
|
|
321
|
-
};
|
|
322
|
-
green: {
|
|
323
|
-
50: string;
|
|
324
|
-
100: string;
|
|
325
|
-
200: string;
|
|
326
|
-
300: string;
|
|
327
|
-
400: string;
|
|
328
|
-
500: string;
|
|
329
|
-
600: string;
|
|
330
|
-
700: string;
|
|
331
|
-
800: string;
|
|
332
|
-
900: string;
|
|
333
|
-
};
|
|
334
|
-
teal: {
|
|
335
|
-
50: string;
|
|
336
|
-
100: string;
|
|
337
|
-
200: string;
|
|
338
|
-
300: string;
|
|
339
|
-
400: string;
|
|
340
|
-
500: string;
|
|
341
|
-
600: string;
|
|
342
|
-
700: string;
|
|
343
|
-
800: string;
|
|
344
|
-
900: string;
|
|
345
|
-
};
|
|
346
|
-
blue: {
|
|
347
|
-
50: string;
|
|
348
|
-
100: string;
|
|
349
|
-
200: string;
|
|
350
|
-
300: string;
|
|
351
|
-
400: string;
|
|
352
|
-
500: string;
|
|
353
|
-
600: string;
|
|
354
|
-
700: string;
|
|
355
|
-
800: string;
|
|
356
|
-
900: string;
|
|
357
|
-
};
|
|
358
|
-
cyan: {
|
|
359
|
-
50: string;
|
|
360
|
-
100: string;
|
|
361
|
-
200: string;
|
|
362
|
-
300: string;
|
|
363
|
-
400: string;
|
|
364
|
-
500: string;
|
|
365
|
-
600: string;
|
|
366
|
-
700: string;
|
|
367
|
-
800: string;
|
|
368
|
-
900: string;
|
|
369
|
-
};
|
|
370
|
-
purple: {
|
|
371
|
-
50: string;
|
|
372
|
-
100: string;
|
|
373
|
-
200: string;
|
|
374
|
-
300: string;
|
|
375
|
-
400: string;
|
|
376
|
-
500: string;
|
|
377
|
-
600: string;
|
|
378
|
-
700: string;
|
|
379
|
-
800: string;
|
|
380
|
-
900: string;
|
|
381
|
-
};
|
|
382
|
-
pink: {
|
|
383
|
-
50: string;
|
|
384
|
-
100: string;
|
|
385
|
-
200: string;
|
|
386
|
-
300: string;
|
|
387
|
-
400: string;
|
|
388
|
-
500: string;
|
|
389
|
-
600: string;
|
|
390
|
-
700: string;
|
|
391
|
-
800: string;
|
|
392
|
-
900: string;
|
|
393
|
-
};
|
|
394
|
-
linkedin: {
|
|
395
|
-
50: string;
|
|
396
|
-
100: string;
|
|
397
|
-
200: string;
|
|
398
|
-
300: string;
|
|
399
|
-
400: string;
|
|
400
|
-
500: string;
|
|
401
|
-
600: string;
|
|
402
|
-
700: string;
|
|
403
|
-
800: string;
|
|
404
|
-
900: string;
|
|
405
|
-
};
|
|
406
|
-
facebook: {
|
|
407
|
-
50: string;
|
|
408
|
-
100: string;
|
|
409
|
-
200: string;
|
|
410
|
-
300: string;
|
|
411
|
-
400: string;
|
|
412
|
-
500: string;
|
|
413
|
-
600: string;
|
|
414
|
-
700: string;
|
|
415
|
-
800: string;
|
|
416
|
-
900: string;
|
|
417
|
-
};
|
|
418
|
-
messenger: {
|
|
419
|
-
50: string;
|
|
420
|
-
100: string;
|
|
421
|
-
200: string;
|
|
422
|
-
300: string;
|
|
423
|
-
400: string;
|
|
424
|
-
500: string;
|
|
425
|
-
600: string;
|
|
426
|
-
700: string;
|
|
427
|
-
800: string;
|
|
428
|
-
900: string;
|
|
429
|
-
};
|
|
430
|
-
whatsapp: {
|
|
431
|
-
50: string;
|
|
432
|
-
100: string;
|
|
433
|
-
200: string;
|
|
434
|
-
300: string;
|
|
435
|
-
400: string;
|
|
436
|
-
500: string;
|
|
437
|
-
600: string;
|
|
438
|
-
700: string;
|
|
439
|
-
800: string;
|
|
440
|
-
900: string;
|
|
441
|
-
};
|
|
442
|
-
twitter: {
|
|
443
|
-
50: string;
|
|
444
|
-
100: string;
|
|
445
|
-
200: string;
|
|
446
|
-
300: string;
|
|
447
|
-
400: string;
|
|
448
|
-
500: string;
|
|
449
|
-
600: string;
|
|
450
|
-
700: string;
|
|
451
|
-
800: string;
|
|
452
|
-
900: string;
|
|
453
|
-
};
|
|
454
|
-
telegram: {
|
|
455
|
-
50: string;
|
|
456
|
-
100: string;
|
|
457
|
-
200: string;
|
|
458
|
-
300: string;
|
|
459
|
-
400: string;
|
|
460
|
-
500: string;
|
|
461
|
-
600: string;
|
|
462
|
-
700: string;
|
|
463
|
-
800: string;
|
|
464
|
-
900: string;
|
|
465
|
-
};
|
|
466
|
-
};
|
|
467
|
-
direction: "ltr";
|
|
468
|
-
} | undefined;
|
|
469
5
|
}) => JSX.Element;
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
outline: none;
|
|
9
9
|
box-shadow: none;
|
|
10
10
|
}
|
|
11
|
-
`;exports.KibbleThemeProvider=({children:e
|
|
12
|
-
//# sourceMappingURL=theme.provider-
|
|
11
|
+
`;exports.KibbleThemeProvider=({children:e})=>u.default.createElement(t.ChakraProvider,{theme:P},u.default.createElement(nt,{styles:dt}),u.default.createElement(lt,null),e),exports.theme=P;
|
|
12
|
+
//# sourceMappingURL=theme.provider-e1100d0a.js.map
|