@televet/kibble-ui 1.20.0-beta.cs2 → 1.20.0-beta.cs3
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/hocs/withTheme/withTheme.d.ts +1 -1
- package/build/hooks/useTheme.d.ts +1 -1
- package/build/src/hocs/withTheme/withTheme.js.map +1 -1
- package/build/src/hooks/useTheme.js.map +1 -1
- package/build/src/index.js +1 -1
- package/build/src/theme/theme.config.js +1 -1
- package/build/src/theme/theme.config.js.map +1 -1
- package/build/src/theme/theme.provider.js +1 -1
- package/build/src/theme/theme.provider.js.map +1 -1
- package/build/theme/index.d.ts +2 -3
- package/build/theme/theme.config.d.ts +2 -1
- package/build/theme/theme.provider.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withTheme.js","sources":["../../../../src/hocs/withTheme/withTheme.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Theme } from '
|
|
1
|
+
{"version":3,"file":"withTheme.js","sources":["../../../../src/hocs/withTheme/withTheme.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Theme } from 'theme/theme.types';\nimport { ChakraProvider } from '@chakra-ui/react';\n\nconst withTheme = (children: ReactNode, theme: Theme): JSX.Element => {\n return theme ? <ChakraProvider theme={theme}>{children}</ChakraProvider> : <>{children}</>;\n};\n\nexport default withTheme;\n"],"names":["children","theme","React","createElement","ChakraProvider","Fragment"],"mappings":"4NAIkB,SAACA,EAAqBC,GACtC,OAAOA,EAAQC,EAAAA,QAACC,cAAAC,EAAAA,gBAAeH,MAAOA,GAAQD,GAA6BE,EAAAA,QAAGC,cAAAD,EAAAA,QAAAG,SAAA,KAAAL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useChakraTheme, WithCSSVar } from '@chakra-ui/react';\nimport { Theme } from '
|
|
1
|
+
{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useChakraTheme, WithCSSVar } from '@chakra-ui/react';\nimport { Theme } from 'theme/theme.types';\n\nconst useTheme = (): WithCSSVar<Theme> => useChakraTheme<Theme>();\n\nexport default useTheme;\n"],"names":["useChakraTheme"],"mappings":"sHAGiB,WAAyB,OAAAA,EAAAA"}
|
package/build/src/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@chakra-ui/react");require("react");var r=require("./hooks/useTheme.js");require("./components/DataDisplay/NotificationCounter/notificationCounter.types.js"),require("../node_modules/@dnd-kit/core/dist/core.esm.js"),require("../node_modules/@dnd-kit/sortable/dist/sortable.esm.js"),require("./components/Feedback/Alert/alert.types.js"),require("./components/Forms/Button/button.component.js"),require("./components/MediaAndIcons/Icon/icon.component.js"),require("./components/Feedback/Spinner/spinner.component.js"),require("./components/Forms/Textarea/textarea.component.js"),require("./components/Forms/TextInput/textInput.component.js"),require("./components/Forms/Select/select.component.js"),require("./components/Forms/Switch/switch.component.js"),require("./components/Forms/DatePicker/context/datepicker.context.js"),require("../node_modules/@datepicker-react/hooks/lib/index.esm.js"),require("./components/Overlay/Menu/context/menu.context.js"),require("./components/Overlay/Menu/menu.config.js"),require("../node_modules/lodash/_baseGetTag.js"),require("./components/Forms/TimePicker/timePicker.types.js"),require("./components/MediaAndIcons/Avatar/avatar.types.js"),require("./components/MediaAndIcons/Avatar/avatar.config.js"),require("./theme/tokens/colors/color.record.js"),require("./components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.types.js"),require("./components/MediaAndIcons/Logo/logo.component.js");var t=require("./components/Overlay/Drawer/drawer.config.js");require("./components/Navigation/Link/link.component.js");var n=require("./theme/theme.config.js"),o=require("./theme/theme.provider.js"),u=require("./hooks/useOverflowingText.js"),i=require("./hooks/useWindowSize.js");Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return e.Box}}),Object.defineProperty(exports,"CAlert",{enumerable:!0,get:function(){return e.Alert}}),Object.defineProperty(exports,"CCheckboxGroup",{enumerable:!0,get:function(){return e.CheckboxGroup}}),Object.defineProperty(exports,"CRadioGroup",{enumerable:!0,get:function(){return e.RadioGroup}}),Object.defineProperty(exports,"CTabs",{enumerable:!0,get:function(){return e.Tabs}}),Object.defineProperty(exports,"Center",{enumerable:!0,get:function(){return e.Center}}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return e.Container}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return e.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return e.Drawer}}),Object.defineProperty(exports,"DrawerBody",{enumerable:!0,get:function(){return e.DrawerBody}}),Object.defineProperty(exports,"DrawerCloseButton",{enumerable:!0,get:function(){return e.DrawerCloseButton}}),Object.defineProperty(exports,"DrawerContent",{enumerable:!0,get:function(){return e.DrawerContent}}),Object.defineProperty(exports,"DrawerFooter",{enumerable:!0,get:function(){return e.DrawerFooter}}),Object.defineProperty(exports,"DrawerHeader",{enumerable:!0,get:function(){return e.DrawerHeader}}),Object.defineProperty(exports,"DrawerOverlay",{enumerable:!0,get:function(){return e.DrawerOverlay}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function(){return e.Flex}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return e.Grid}}),Object.defineProperty(exports,"GridItem",{enumerable:!0,get:function(){return e.GridItem}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return e.HStack}}),Object.defineProperty(exports,"Hide",{enumerable:!0,get:function(){return e.Hide}}),Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return e.InputGroup}}),Object.defineProperty(exports,"InputLeftElement",{enumerable:!0,get:function(){return e.InputLeftElement}}),Object.defineProperty(exports,"InputRightElement",{enumerable:!0,get:function(){return e.InputRightElement}}),Object.defineProperty(exports,"LinkOverlay",{enumerable:!0,get:function(){return e.LinkOverlay}}),Object.defineProperty(exports,"MenuDivider",{enumerable:!0,get:function(){return e.MenuDivider}}),Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return e.MenuGroup}}),Object.defineProperty(exports,"MenuItemOption",{enumerable:!0,get:function(){return e.MenuItemOption}}),Object.defineProperty(exports,"Show",{enumerable:!0,get:function(){return e.Show}}),Object.defineProperty(exports,"SimpleGrid",{enumerable:!0,get:function(){return e.SimpleGrid}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return e.Spacer}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return e.Stack}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return e.TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return e.TabPanel}}),Object.defineProperty(exports,"TabPanels",{enumerable:!0,get:function(){return e.TabPanels}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function(){return e.Table}}),Object.defineProperty(exports,"TableCaption",{enumerable:!0,get:function(){return e.TableCaption}}),Object.defineProperty(exports,"TableContainer",{enumerable:!0,get:function(){return e.TableContainer}}),Object.defineProperty(exports,"Tbody",{enumerable:!0,get:function(){return e.Tbody}}),Object.defineProperty(exports,"Td",{enumerable:!0,get:function(){return e.Td}}),Object.defineProperty(exports,"Tfoot",{enumerable:!0,get:function(){return e.Tfoot}}),Object.defineProperty(exports,"Th",{enumerable:!0,get:function(){return e.Th}}),Object.defineProperty(exports,"Thead",{enumerable:!0,get:function(){return e.Thead}}),Object.defineProperty(exports,"Tr",{enumerable:!0,get:function(){return e.Tr}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return e.VStack}}),Object.defineProperty(exports,"Wrap",{enumerable:!0,get:function(){return e.Wrap}}),Object.defineProperty(exports,"WrapItem",{enumerable:!0,get:function(){return e.WrapItem}}),Object.defineProperty(exports,"useCheckbox",{enumerable:!0,get:function(){return e.useCheckbox}}),Object.defineProperty(exports,"useCheckboxGroup",{enumerable:!0,get:function(){return e.useCheckboxGroup}}),Object.defineProperty(exports,"useDisclosure",{enumerable:!0,get:function(){return e.useDisclosure}}),Object.defineProperty(exports,"usePopoverContext",{enumerable:!0,get:function(){return e.usePopoverContext}}),Object.defineProperty(exports,"useRadio",{enumerable:!0,get:function(){return e.useRadio}}),Object.defineProperty(exports,"useRadioGroup",{enumerable:!0,get:function(){return e.useRadioGroup}}),exports.useTheme=r.default,exports.DrawerConfig=t.DrawerConfig,exports.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@chakra-ui/react");require("react");var r=require("./hooks/useTheme.js");require("./components/DataDisplay/NotificationCounter/notificationCounter.types.js"),require("../node_modules/@dnd-kit/core/dist/core.esm.js"),require("../node_modules/@dnd-kit/sortable/dist/sortable.esm.js"),require("./components/Feedback/Alert/alert.types.js"),require("./components/Forms/Button/button.component.js"),require("./components/MediaAndIcons/Icon/icon.component.js"),require("./components/Feedback/Spinner/spinner.component.js"),require("./components/Forms/Textarea/textarea.component.js"),require("./components/Forms/TextInput/textInput.component.js"),require("./components/Forms/Select/select.component.js"),require("./components/Forms/Switch/switch.component.js"),require("./components/Forms/DatePicker/context/datepicker.context.js"),require("../node_modules/@datepicker-react/hooks/lib/index.esm.js"),require("./components/Overlay/Menu/context/menu.context.js"),require("./components/Overlay/Menu/menu.config.js"),require("../node_modules/lodash/_baseGetTag.js"),require("./components/Forms/TimePicker/timePicker.types.js"),require("./components/MediaAndIcons/Avatar/avatar.types.js"),require("./components/MediaAndIcons/Avatar/avatar.config.js"),require("./theme/tokens/colors/color.record.js"),require("./components/MediaAndIcons/Avatar/components/AvatarBadge/avatarBadge.types.js"),require("./components/MediaAndIcons/Logo/logo.component.js");var t=require("./components/Overlay/Drawer/drawer.config.js");require("./components/Navigation/Link/link.component.js");var n=require("./theme/theme.config.js"),o=require("./theme/theme.provider.js"),u=require("./hooks/useOverflowingText.js"),i=require("./hooks/useWindowSize.js");Object.defineProperty(exports,"Box",{enumerable:!0,get:function(){return e.Box}}),Object.defineProperty(exports,"CAlert",{enumerable:!0,get:function(){return e.Alert}}),Object.defineProperty(exports,"CCheckboxGroup",{enumerable:!0,get:function(){return e.CheckboxGroup}}),Object.defineProperty(exports,"CRadioGroup",{enumerable:!0,get:function(){return e.RadioGroup}}),Object.defineProperty(exports,"CTabs",{enumerable:!0,get:function(){return e.Tabs}}),Object.defineProperty(exports,"Center",{enumerable:!0,get:function(){return e.Center}}),Object.defineProperty(exports,"Container",{enumerable:!0,get:function(){return e.Container}}),Object.defineProperty(exports,"Divider",{enumerable:!0,get:function(){return e.Divider}}),Object.defineProperty(exports,"Drawer",{enumerable:!0,get:function(){return e.Drawer}}),Object.defineProperty(exports,"DrawerBody",{enumerable:!0,get:function(){return e.DrawerBody}}),Object.defineProperty(exports,"DrawerCloseButton",{enumerable:!0,get:function(){return e.DrawerCloseButton}}),Object.defineProperty(exports,"DrawerContent",{enumerable:!0,get:function(){return e.DrawerContent}}),Object.defineProperty(exports,"DrawerFooter",{enumerable:!0,get:function(){return e.DrawerFooter}}),Object.defineProperty(exports,"DrawerHeader",{enumerable:!0,get:function(){return e.DrawerHeader}}),Object.defineProperty(exports,"DrawerOverlay",{enumerable:!0,get:function(){return e.DrawerOverlay}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function(){return e.Flex}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return e.Grid}}),Object.defineProperty(exports,"GridItem",{enumerable:!0,get:function(){return e.GridItem}}),Object.defineProperty(exports,"HStack",{enumerable:!0,get:function(){return e.HStack}}),Object.defineProperty(exports,"Hide",{enumerable:!0,get:function(){return e.Hide}}),Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return e.InputGroup}}),Object.defineProperty(exports,"InputLeftElement",{enumerable:!0,get:function(){return e.InputLeftElement}}),Object.defineProperty(exports,"InputRightElement",{enumerable:!0,get:function(){return e.InputRightElement}}),Object.defineProperty(exports,"LinkOverlay",{enumerable:!0,get:function(){return e.LinkOverlay}}),Object.defineProperty(exports,"MenuDivider",{enumerable:!0,get:function(){return e.MenuDivider}}),Object.defineProperty(exports,"MenuGroup",{enumerable:!0,get:function(){return e.MenuGroup}}),Object.defineProperty(exports,"MenuItemOption",{enumerable:!0,get:function(){return e.MenuItemOption}}),Object.defineProperty(exports,"Show",{enumerable:!0,get:function(){return e.Show}}),Object.defineProperty(exports,"SimpleGrid",{enumerable:!0,get:function(){return e.SimpleGrid}}),Object.defineProperty(exports,"Spacer",{enumerable:!0,get:function(){return e.Spacer}}),Object.defineProperty(exports,"Stack",{enumerable:!0,get:function(){return e.Stack}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return e.TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return e.TabPanel}}),Object.defineProperty(exports,"TabPanels",{enumerable:!0,get:function(){return e.TabPanels}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function(){return e.Table}}),Object.defineProperty(exports,"TableCaption",{enumerable:!0,get:function(){return e.TableCaption}}),Object.defineProperty(exports,"TableContainer",{enumerable:!0,get:function(){return e.TableContainer}}),Object.defineProperty(exports,"Tbody",{enumerable:!0,get:function(){return e.Tbody}}),Object.defineProperty(exports,"Td",{enumerable:!0,get:function(){return e.Td}}),Object.defineProperty(exports,"Tfoot",{enumerable:!0,get:function(){return e.Tfoot}}),Object.defineProperty(exports,"Th",{enumerable:!0,get:function(){return e.Th}}),Object.defineProperty(exports,"Thead",{enumerable:!0,get:function(){return e.Thead}}),Object.defineProperty(exports,"Tr",{enumerable:!0,get:function(){return e.Tr}}),Object.defineProperty(exports,"VStack",{enumerable:!0,get:function(){return e.VStack}}),Object.defineProperty(exports,"Wrap",{enumerable:!0,get:function(){return e.Wrap}}),Object.defineProperty(exports,"WrapItem",{enumerable:!0,get:function(){return e.WrapItem}}),Object.defineProperty(exports,"useCheckbox",{enumerable:!0,get:function(){return e.useCheckbox}}),Object.defineProperty(exports,"useCheckboxGroup",{enumerable:!0,get:function(){return e.useCheckboxGroup}}),Object.defineProperty(exports,"useDisclosure",{enumerable:!0,get:function(){return e.useDisclosure}}),Object.defineProperty(exports,"usePopoverContext",{enumerable:!0,get:function(){return e.usePopoverContext}}),Object.defineProperty(exports,"useRadio",{enumerable:!0,get:function(){return e.useRadio}}),Object.defineProperty(exports,"useRadioGroup",{enumerable:!0,get:function(){return e.useRadioGroup}}),exports.useTheme=r.default,exports.DrawerConfig=t.DrawerConfig,exports.Theme=n.default,exports.KibbleThemeProvider=o.default,exports.useOverflowingText=u.default,exports.useWindowSize=i.default;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("@chakra-ui/react"),s=require("./tokens/blur.js"),n=require("./tokens/borders.js"),i=require("./tokens/colors/color.record.js"),r=require("./tokens/fonts.js"),t=require("./tokens/fontSizes.js"),a=require("./tokens/fontWeights.js"),c=require("./tokens/lineHeights.js"),g=require("./tokens/radii.js"),u=require("./tokens/shadows/shadows.config.js"),l=require("./tokens/sizes.js"),f=require("./tokens/zIndeces.js"),p=require("../components/Forms/Radio/radio.config.js"),d=require("../components/DataDisplay/Tag/tag.config.js"),m=require("../components/Disclosure/Tabs/tabs.config.js"),j=require("../components/Forms/Button/button.config.js"),q=require("../components/Overlay/Tooltip/tooltip.config.js"),h=require("../components/Overlay/Drawer/drawer.config.js"),C=require("../components/Typography/Heading/heading.config.js"),b=require("../components/Forms/Select/select.config.js"),k=require("../components/Forms/Switch/switch.config.js"),T=require("../components/Typography/Text/text.config.js"),x=require("../components/Forms/Textarea/textarea.config.js"),v=require("../components/Forms/TextInput/textInput.config.js"),y=require("../components/MediaAndIcons/Avatar/avatar.config.js"),w=require("../components/Feedback/Alert/alert.config.js"),S=require("../components/Overlay/Menu/menu.config.js"),z=require("../components/Overlay/Popover/popover.config.js"),_=require("../components/Forms/Checkbox/checkbox.config.js"),F=require("../components/Navigation/Link/link.config.js"),I=o.extendTheme({styles:{global:e.__assign(e.__assign({},q.TooltipGlobalStyle),{"html, body":{color:i.colors.text.light.default}})},blur:s.blur,borders:n.borders,colors:i.colors,radii:g.radii,shadows:u.shadows,sizes:l.sizes,fonts:r.fonts,fontSizes:t.fontSizes,fontWeights:a.fontWeights,lineHeights:c.lineHeights,space:o.space,transition:o.transition,zIndices:f.zIndices,semanticTokens:i.semanticColors,config:{initialColorMode:"light",useSystemColorMode:!1},components:{Button:e.__assign(e.__assign({},j.ButtonVariantConfig),{sizes:j.ButtonSizeConfig}),Drawer:h.DrawerConfig,Heading:C.HeadingConfig,Select:b.SelectConfig,Switch:k.SwitchConfig,Text:T.TextConfig,Textarea:x.TextareaConfig,Input:v.TextInputConfig,Tooltip:q.TooltipConfig,Avatar:y.AvatarConfig,Alert:w.AlertConfig,Menu:S.MenuConfig,Popover:z.PopoverConfig,Tag:d.TagConfig,Tabs:m.TabsConfig,Radio:p.RadioConfig,Checkbox:_.CheckboxConfig,Link:F.LinkConfig}});exports.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("@chakra-ui/react"),s=require("./tokens/blur.js"),n=require("./tokens/borders.js"),i=require("./tokens/colors/color.record.js"),r=require("./tokens/fonts.js"),t=require("./tokens/fontSizes.js"),a=require("./tokens/fontWeights.js"),c=require("./tokens/lineHeights.js"),g=require("./tokens/radii.js"),u=require("./tokens/shadows/shadows.config.js"),l=require("./tokens/sizes.js"),f=require("./tokens/zIndeces.js"),p=require("../components/Forms/Radio/radio.config.js"),d=require("../components/DataDisplay/Tag/tag.config.js"),m=require("../components/Disclosure/Tabs/tabs.config.js"),j=require("../components/Forms/Button/button.config.js"),q=require("../components/Overlay/Tooltip/tooltip.config.js"),h=require("../components/Overlay/Drawer/drawer.config.js"),C=require("../components/Typography/Heading/heading.config.js"),b=require("../components/Forms/Select/select.config.js"),k=require("../components/Forms/Switch/switch.config.js"),T=require("../components/Typography/Text/text.config.js"),x=require("../components/Forms/Textarea/textarea.config.js"),v=require("../components/Forms/TextInput/textInput.config.js"),y=require("../components/MediaAndIcons/Avatar/avatar.config.js"),w=require("../components/Feedback/Alert/alert.config.js"),S=require("../components/Overlay/Menu/menu.config.js"),z=require("../components/Overlay/Popover/popover.config.js"),_=require("../components/Forms/Checkbox/checkbox.config.js"),F=require("../components/Navigation/Link/link.config.js"),I=o.extendTheme({styles:{global:e.__assign(e.__assign({},q.TooltipGlobalStyle),{"html, body":{color:i.colors.text.light.default}})},blur:s.blur,borders:n.borders,colors:i.colors,radii:g.radii,shadows:u.shadows,sizes:l.sizes,fonts:r.fonts,fontSizes:t.fontSizes,fontWeights:a.fontWeights,lineHeights:c.lineHeights,space:o.space,transition:o.transition,zIndices:f.zIndices,semanticTokens:i.semanticColors,config:{initialColorMode:"light",useSystemColorMode:!1},components:{Button:e.__assign(e.__assign({},j.ButtonVariantConfig),{sizes:j.ButtonSizeConfig}),Drawer:h.DrawerConfig,Heading:C.HeadingConfig,Select:b.SelectConfig,Switch:k.SwitchConfig,Text:T.TextConfig,Textarea:x.TextareaConfig,Input:v.TextInputConfig,Tooltip:q.TooltipConfig,Avatar:y.AvatarConfig,Alert:w.AlertConfig,Menu:S.MenuConfig,Popover:z.PopoverConfig,Tag:d.TagConfig,Tabs:m.TabsConfig,Radio:p.RadioConfig,Checkbox:_.CheckboxConfig,Link:F.LinkConfig}});exports.default=I;
|
|
2
2
|
//# sourceMappingURL=theme.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.config.js","sources":["../../../src/theme/theme.config.ts"],"sourcesContent":["import { extendTheme, space, transition } from '@chakra-ui/react';\nimport { Theme } from './theme.types';\n// Foundational style overrides\nimport {\n blur,\n borders,\n colors,\n fonts,\n fontSizes,\n fontWeights,\n lineHeights,\n radii,\n semanticColors,\n shadows,\n sizes,\n zIndices,\n} from './tokens';\nimport { RadioConfig } from 'components/Forms/Radio/radio.config';\nimport { TagConfig } from 'components/DataDisplay/Tag/tag.config';\nimport { TabsConfig } from 'components/Disclosure/Tabs/tabs.config';\nimport { ButtonSizeConfig, ButtonVariantConfig } from 'components/Forms/Button/button.config';\nimport { TooltipConfig, TooltipGlobalStyle } from 'components/Overlay/Tooltip/tooltip.config';\nimport { DrawerConfig } from 'components/Overlay/Drawer/drawer.config';\nimport { HeadingConfig } from 'components/Typography/Heading/heading.config';\nimport { SelectConfig } from 'components/Forms/Select/select.config';\nimport { SwitchConfig } from 'components/Forms/Switch/switch.config';\nimport { TextConfig } from 'components/Typography/Text/text.config';\nimport { TextareaConfig } from 'components/Forms/Textarea/textarea.config';\nimport { TextInputConfig } from 'components/Forms/TextInput/textInput.config';\nimport { AvatarConfig } from 'components/MediaAndIcons/Avatar/avatar.config';\nimport { AlertConfig } from 'components/Feedback/Alert/alert.config';\nimport { MenuConfig } from 'components/Overlay/Menu/menu.config';\nimport { PopoverConfig } from 'components/Overlay/Popover/popover.config';\nimport { CheckboxConfig } from 'components/Forms/Checkbox/checkbox.config';\nimport { LinkConfig } from 'components/Navigation/Link/link.config';\n\n// @ts-ignore\
|
|
1
|
+
{"version":3,"file":"theme.config.js","sources":["../../../src/theme/theme.config.ts"],"sourcesContent":["import { extendTheme, space, transition } from '@chakra-ui/react';\nimport { Theme } from './theme.types';\n// Foundational style overrides\nimport {\n blur,\n borders,\n colors,\n fonts,\n fontSizes,\n fontWeights,\n lineHeights,\n radii,\n semanticColors,\n shadows,\n sizes,\n zIndices,\n} from './tokens';\nimport { RadioConfig } from 'components/Forms/Radio/radio.config';\nimport { TagConfig } from 'components/DataDisplay/Tag/tag.config';\nimport { TabsConfig } from 'components/Disclosure/Tabs/tabs.config';\nimport { ButtonSizeConfig, ButtonVariantConfig } from 'components/Forms/Button/button.config';\nimport { TooltipConfig, TooltipGlobalStyle } from 'components/Overlay/Tooltip/tooltip.config';\nimport { DrawerConfig } from 'components/Overlay/Drawer/drawer.config';\nimport { HeadingConfig } from 'components/Typography/Heading/heading.config';\nimport { SelectConfig } from 'components/Forms/Select/select.config';\nimport { SwitchConfig } from 'components/Forms/Switch/switch.config';\nimport { TextConfig } from 'components/Typography/Text/text.config';\nimport { TextareaConfig } from 'components/Forms/Textarea/textarea.config';\nimport { TextInputConfig } from 'components/Forms/TextInput/textInput.config';\nimport { AvatarConfig } from 'components/MediaAndIcons/Avatar/avatar.config';\nimport { AlertConfig } from 'components/Feedback/Alert/alert.config';\nimport { MenuConfig } from 'components/Overlay/Menu/menu.config';\nimport { PopoverConfig } from 'components/Overlay/Popover/popover.config';\nimport { CheckboxConfig } from 'components/Forms/Checkbox/checkbox.config';\nimport { LinkConfig } from 'components/Navigation/Link/link.config';\n\n// @ts-ignore\nconst theme: Theme = extendTheme({\n styles: {\n global: {\n ...TooltipGlobalStyle,\n 'html, body': {\n color: colors.text.light.default,\n },\n },\n },\n blur: blur,\n borders: borders,\n colors: colors,\n radii: radii,\n shadows: shadows,\n sizes: sizes,\n fonts: fonts,\n fontSizes: fontSizes,\n fontWeights: fontWeights,\n lineHeights: lineHeights,\n space: space,\n transition: transition,\n zIndices: zIndices,\n semanticTokens: semanticColors,\n config: {\n initialColorMode: 'light',\n useSystemColorMode: false,\n },\n components: {\n Button: {\n ...ButtonVariantConfig,\n sizes: ButtonSizeConfig,\n },\n Drawer: DrawerConfig,\n Heading: HeadingConfig,\n Select: SelectConfig,\n Switch: SwitchConfig,\n Text: TextConfig,\n Textarea: TextareaConfig,\n Input: TextInputConfig,\n Tooltip: TooltipConfig,\n Avatar: AvatarConfig,\n Alert: AlertConfig,\n Menu: MenuConfig,\n Popover: PopoverConfig,\n Tag: TagConfig,\n Tabs: TabsConfig,\n Radio: RadioConfig,\n Checkbox: CheckboxConfig,\n Link: LinkConfig,\n },\n});\n\nexport default theme;\n"],"names":["theme","extendTheme","styles","global","__assign","TooltipGlobalStyle","color","colors","text","light","default","blur","borders","radii","shadows","sizes","fonts","fontSizes","fontWeights","lineHeights","space","transition","zIndices","semanticTokens","semanticColors","config","initialColorMode","useSystemColorMode","components","Button","ButtonVariantConfig","ButtonSizeConfig","Drawer","DrawerConfig","Heading","HeadingConfig","Select","SelectConfig","Switch","SwitchConfig","Text","TextConfig","Textarea","TextareaConfig","Input","TextInputConfig","Tooltip","TooltipConfig","Avatar","AvatarConfig","Alert","AlertConfig","Menu","MenuConfig","Popover","PopoverConfig","Tag","TagConfig","Tabs","TabsConfig","Radio","RadioConfig","Checkbox","CheckboxConfig","Link","LinkConfig"],"mappings":"0kDAqCMA,EAAeC,EAAAA,YAAY,CAC/BC,OAAQ,CACNC,OACKC,EAAAA,SAAAA,EAAAA,SAAA,GAAAC,EAAkBA,oBACrB,CAAA,aAAc,CACZC,MAAOC,EAAMA,OAACC,KAAKC,MAAMC,YAI/BC,KAAMA,EAAIA,KACVC,QAASA,EAAOA,QAChBL,OAAQA,EAAMA,OACdM,MAAOA,EAAKA,MACZC,QAASA,EAAOA,QAChBC,MAAOA,EAAKA,MACZC,MAAOA,EAAKA,MACZC,UAAWA,EAASA,UACpBC,YAAaA,EAAWA,YACxBC,YAAaA,EAAWA,YACxBC,MAAOA,EAAKA,MACZC,WAAYA,EAAUA,WACtBC,SAAUA,EAAQA,SAClBC,eAAgBC,EAAcA,eAC9BC,OAAQ,CACNC,iBAAkB,QAClBC,oBAAoB,GAEtBC,WAAY,CACVC,gCACKC,EAAmBA,qBAAA,CACtBf,MAAOgB,EAAAA,mBAETC,OAAQC,EAAYA,aACpBC,QAASC,EAAaA,cACtBC,OAAQC,EAAYA,aACpBC,OAAQC,EAAYA,aACpBC,KAAMC,EAAUA,WAChBC,SAAUC,EAAcA,eACxBC,MAAOC,EAAeA,gBACtBC,QAASC,EAAaA,cACtBC,OAAQC,EAAYA,aACpBC,MAAOC,EAAWA,YAClBC,KAAMC,EAAUA,WAChBC,QAASC,EAAaA,cACtBC,IAAKC,EAASA,UACdC,KAAMC,EAAUA,WAChBC,MAAOC,EAAWA,YAClBC,SAAUC,EAAcA,eACxBC,KAAMC,EAAUA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),o=require("@chakra-ui/react"),s=require("styled-components"),i=require("./theme.config.js");require("../../node_modules/focus-visible/dist/focus-visible.js");var n=require("../../node_modules/@emotion/core/dist/core.esm.js"),u=require("../../node_modules/@emotion/css/dist/css.esm.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,d=r(t),a=u.default(l||(l=e.__makeTemplateObject(["\n /*\n This will hide the focus indicator if the element receives focus via the mouse,\n but it will still show up on keyboard focus.\n */\n\n .js-focus-visible :focus:not([data-focus-visible-added]) {\n outline: none;\n box-shadow: none;\n }\n"],["\n /*\n This will hide the focus indicator if the element receives focus via the mouse,\n but it will still show up on keyboard focus.\n */\n\n .js-focus-visible :focus:not([data-focus-visible-added]) {\n outline: none;\n box-shadow: none;\n }\n"])));exports.default=function(e){var t=e.children;return d.default.createElement(o.ChakraProvider,{theme:i.default},d.default.createElement(s.ThemeProvider,{theme:i.default},d.default.createElement(n.Global,{styles:a}),t))};
|
|
2
2
|
//# sourceMappingURL=theme.provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.provider.js","sources":["../../../src/theme/theme.provider.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ChakraProvider } from '@chakra-ui/react';\nimport { ThemeProvider as StyledComponentsProvider } from 'styled-components';\nimport
|
|
1
|
+
{"version":3,"file":"theme.provider.js","sources":["../../../src/theme/theme.provider.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ChakraProvider } from '@chakra-ui/react';\nimport { ThemeProvider as StyledComponentsProvider } from 'styled-components';\nimport theme from './theme.config';\nimport 'focus-visible/dist/focus-visible';\nimport { Global, css } from '@emotion/core';\n\nconst GlobalStyles = css`\n /*\n This will hide the focus indicator if the element receives focus via the mouse,\n but it will still show up on keyboard focus.\n */\n\n .js-focus-visible :focus:not([data-focus-visible-added]) {\n outline: none;\n box-shadow: none;\n }\n`;\n\nconst KibbleThemeProvider = ({ children }: { children: ReactNode }): JSX.Element => {\n return (\n <ChakraProvider theme={theme}>\n <StyledComponentsProvider theme={theme}>\n <Global styles={GlobalStyles} />\n {children}\n </StyledComponentsProvider>\n </ChakraProvider>\n );\n};\n\nexport default KibbleThemeProvider;\n"],"names":["GlobalStyles","css","templateObject_1","__makeTemplateObject","_a","children","React","createElement","ChakraProvider","theme","StyledComponentsProvider","Global","styles"],"mappings":"igBAOMA,EAAeC,EAAG,QAAAC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,4QAAA,CAAA,+RAYI,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SACrC,OACEC,EAAC,QAAAC,cAAAC,EAAcA,eAAC,CAAAC,MAAOA,EAAAA,SACrBH,EAAAA,QAAAC,cAACG,EAAAA,cAAwB,CAACD,MAAOA,EAAAA,SAC/BH,EAAAA,QAAAC,cAACI,EAAAA,OAAM,CAACC,OAAQZ,IACfK"}
|
package/build/theme/index.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export * from './theme.provider';
|
|
1
|
+
export { default as Theme } from './theme.config';
|
|
2
|
+
export { default as KibbleThemeProvider } from './theme.provider';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import 'focus-visible/dist/focus-visible';
|
|
3
|
-
|
|
3
|
+
declare const KibbleThemeProvider: ({ children }: {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
}) => JSX.Element;
|
|
6
|
+
export default KibbleThemeProvider;
|