@televet/kibble-ui 4.0.0-beta.91 → 4.0.0-beta.93
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/dist/chunks/{theme.provider-Dr8GOGfI.js → theme.provider-Dj8NjgPW.js} +3 -3
- package/dist/chunks/{theme.provider-Dr8GOGfI.js.map → theme.provider-Dj8NjgPW.js.map} +1 -1
- package/dist/chunks/{theme.provider-DJi1V2F-.js → theme.provider-VIWx5x9g.js} +4 -3
- package/dist/chunks/{theme.provider-DJi1V2F-.js.map → theme.provider-VIWx5x9g.js.map} +1 -1
- package/dist/cjs/hooks/useColorMode/index.cjs +1 -1
- package/dist/cjs/hooks/useColorMode/index.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/theme/index.cjs +1 -1
- package/dist/esm/hooks/useColorMode/index.js +7 -6
- package/dist/esm/hooks/useColorMode/index.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/theme/index.js +1 -1
- package/dist/types/hooks/useColorMode/index.d.ts +1 -0
- package/dist/types/theme/providers/theme.provider.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../chunks/index-DD49WSSW.js"),l=()=>{const{theme:r,resolvedTheme:e,setTheme:o,forcedTheme:t}=d.z();return{colorMode:r,resolvedColorMode:e,forcedTheme:t,setColorMode:o,toggleColorMode:()=>{o(e==="dark"?"light":"dark")}}};exports.useColorMode=l;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/hooks/useColorMode/index.ts"],"sourcesContent":["import { useTheme } from 'next-themes';\nimport { ColorMode } from 'shared/types/theme';\n\nexport interface UseColorModeReturn {\n colorMode: ColorMode;\n setColorMode: (colorMode: ColorMode) => void;\n toggleColorMode: () => void;\n forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n const { resolvedTheme, setTheme, forcedTheme } = useTheme();\n const toggleColorMode = (): void => {\n setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');\n };\n return {\n colorMode: resolvedTheme as ColorMode,\n forcedTheme: forcedTheme as ColorMode,\n setColorMode: setTheme,\n toggleColorMode,\n };\n};\n"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/hooks/useColorMode/index.ts"],"sourcesContent":["import { useTheme } from 'next-themes';\nimport { ColorMode } from 'shared/types/theme';\n\nexport interface UseColorModeReturn {\n colorMode: ColorMode;\n resolvedColorMode: ColorMode;\n setColorMode: (colorMode: ColorMode) => void;\n toggleColorMode: () => void;\n forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n const { theme, resolvedTheme, setTheme, forcedTheme } = useTheme();\n const toggleColorMode = (): void => {\n setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');\n };\n return {\n colorMode: theme as ColorMode,\n resolvedColorMode: resolvedTheme as ColorMode,\n forcedTheme: forcedTheme as ColorMode,\n setColorMode: setTheme,\n toggleColorMode,\n };\n};\n"],"names":["useColorMode","theme","resolvedTheme","setTheme","forcedTheme","useTheme"],"mappings":"qIAWaA,EAAe,IAA0B,CACpD,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAe,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,EAAAA,EAAS,EAI1D,MAAA,CACL,UAAWJ,EACX,kBAAmBC,EACnB,YAAAE,EACA,aAAcD,EACd,gBARsB,IAAY,CACzBA,EAAAD,IAAkB,OAAS,QAAU,MAAM,CACtD,CAOA,CACF"}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/alert.types-DNeGpiVS.js"),g=require("../chunks/avatar.component-SZi87lRl.js"),a=require("../chunks/avatar.types-Bmt5Uhfb.js"),y=require("../chunks/avatarGroup.component-Bp-_csZz.js"),S=require("../chunks/button.component-CY55RWpS.js"),e=require("../chunks/button.types-DsLMGraz.js"),T=require("../chunks/buttonGroup.component-CHZoLKsR.js"),h=require("../chunks/card.component-KNc4HKSh.js"),b=require("../chunks/card.types-MvkQTTZF.js"),C=require("../chunks/characterCounter.component-Cvw7D33c.js"),k=require("../chunks/checkbox.component-CY7ZklEW.js"),P=require("../chunks/checkboxGroup.component-DsXi7j46.js"),x=require("../chunks/conversationCard.component-CSJXjO4D.js"),c=require("../chunks/datePicker.component-DmxLdt_M.js"),r=require("../chunks/divider.types-CK5oFy-i.js"),z=require("../chunks/heading.component-DNsKd4Gh.js"),D=require("../chunks/icon.component-aJ690VpJ.js"),M=require("../chunks/icon.types-2obj_NKG.js"),V=require("../chunks/link.component-BeuHEk8s.js"),n=require("../chunks/logo.types-CA_5hGAi.js"),B=require("../chunks/menu.component-DVKNEINC.js"),t=require("../chunks/modal.types-Bbh7jkHL.js"),w=require("../chunks/notificationCounter.component-BhZcuBmr.js"),p=require("../chunks/notificationCounter.types-B_-siNfi.js"),f=require("../chunks/picture.component-C2C2r_BU.js"),u=require("../chunks/pinInput.types-BlHIF-kD.js"),G=require("../chunks/popover.component-CDvn34mM.js"),i=require("../chunks/popover.types-BF2KRf_I.js"),I=require("../chunks/radioGroup.component-SvJktaFu.js"),A=require("../chunks/ratingDots.component-CRiV8Gx3.js"),W=require("../chunks/select.component-a6mH3buQ.js"),L=require("../chunks/sortableList.component-DceIFi13.js"),R=require("../chunks/spinner.component-lZds47YM.js"),O=require("../chunks/spinner.types-BCLN5-H2.js"),d=require("../chunks/styledAvatar.types-BNejv6F7.js"),m=require("../chunks/swatch.types-DiX-4lpJ.js"),F=require("../chunks/switch.component-DC6-XTlo.js"),H=require("../chunks/tabs.component-DKW-zlGD.js"),K=require("../chunks/tag.component-DcEASytC.js"),l=require("../chunks/tag.types-BnDFgTvb.js"),_=require("../chunks/tagBlock.component-XQpgKtzp.js"),N=require("../chunks/text.component-C501PJrN.js"),j=require("../chunks/textInput.component-BPuhDvEr.js"),E=require("../chunks/textarea.component-DE-RO7Sv.js"),q=require("../chunks/timePicker.component-CoQ_s8Vc.js"),J=require("../chunks/timeRange.component-BwJfza8q.js"),Q=require("../chunks/timestamp.component-DNYI2gVi.js"),U=require("./components/Toast/index.cjs"),X=require("../chunks/tooltip.component-CIUcGhxw.js"),Y=require("../chunks/withDarkMode-B9LErG-p.js"),Z=require("../chunks/withLightMode-fys9Cbqw.js"),$=require("./hooks/useBreakpoint/index.cjs"),ee=require("./hooks/useColorMode/index.cjs"),te=require("./hooks/useColorModeValue/index.cjs"),oe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),v=require("../chunks/theme.provider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/alert.types-DNeGpiVS.js"),g=require("../chunks/avatar.component-SZi87lRl.js"),a=require("../chunks/avatar.types-Bmt5Uhfb.js"),y=require("../chunks/avatarGroup.component-Bp-_csZz.js"),S=require("../chunks/button.component-CY55RWpS.js"),e=require("../chunks/button.types-DsLMGraz.js"),T=require("../chunks/buttonGroup.component-CHZoLKsR.js"),h=require("../chunks/card.component-KNc4HKSh.js"),b=require("../chunks/card.types-MvkQTTZF.js"),C=require("../chunks/characterCounter.component-Cvw7D33c.js"),k=require("../chunks/checkbox.component-CY7ZklEW.js"),P=require("../chunks/checkboxGroup.component-DsXi7j46.js"),x=require("../chunks/conversationCard.component-CSJXjO4D.js"),c=require("../chunks/datePicker.component-DmxLdt_M.js"),r=require("../chunks/divider.types-CK5oFy-i.js"),z=require("../chunks/heading.component-DNsKd4Gh.js"),D=require("../chunks/icon.component-aJ690VpJ.js"),M=require("../chunks/icon.types-2obj_NKG.js"),V=require("../chunks/link.component-BeuHEk8s.js"),n=require("../chunks/logo.types-CA_5hGAi.js"),B=require("../chunks/menu.component-DVKNEINC.js"),t=require("../chunks/modal.types-Bbh7jkHL.js"),w=require("../chunks/notificationCounter.component-BhZcuBmr.js"),p=require("../chunks/notificationCounter.types-B_-siNfi.js"),f=require("../chunks/picture.component-C2C2r_BU.js"),u=require("../chunks/pinInput.types-BlHIF-kD.js"),G=require("../chunks/popover.component-CDvn34mM.js"),i=require("../chunks/popover.types-BF2KRf_I.js"),I=require("../chunks/radioGroup.component-SvJktaFu.js"),A=require("../chunks/ratingDots.component-CRiV8Gx3.js"),W=require("../chunks/select.component-a6mH3buQ.js"),L=require("../chunks/sortableList.component-DceIFi13.js"),R=require("../chunks/spinner.component-lZds47YM.js"),O=require("../chunks/spinner.types-BCLN5-H2.js"),d=require("../chunks/styledAvatar.types-BNejv6F7.js"),m=require("../chunks/swatch.types-DiX-4lpJ.js"),F=require("../chunks/switch.component-DC6-XTlo.js"),H=require("../chunks/tabs.component-DKW-zlGD.js"),K=require("../chunks/tag.component-DcEASytC.js"),l=require("../chunks/tag.types-BnDFgTvb.js"),_=require("../chunks/tagBlock.component-XQpgKtzp.js"),N=require("../chunks/text.component-C501PJrN.js"),j=require("../chunks/textInput.component-BPuhDvEr.js"),E=require("../chunks/textarea.component-DE-RO7Sv.js"),q=require("../chunks/timePicker.component-CoQ_s8Vc.js"),J=require("../chunks/timeRange.component-BwJfza8q.js"),Q=require("../chunks/timestamp.component-DNYI2gVi.js"),U=require("./components/Toast/index.cjs"),X=require("../chunks/tooltip.component-CIUcGhxw.js"),Y=require("../chunks/withDarkMode-B9LErG-p.js"),Z=require("../chunks/withLightMode-fys9Cbqw.js"),$=require("./hooks/useBreakpoint/index.cjs"),ee=require("./hooks/useColorMode/index.cjs"),te=require("./hooks/useColorModeValue/index.cjs"),oe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),v=require("../chunks/theme.provider-Dj8NjgPW.js");exports.Alert=s.Alert;exports.alertButtonPositions=s.alertButtonPositions;exports.Avatar=g.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;exports.AvatarGroup=y.AvatarGroup;exports.Button=S.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=T.ButtonGroup;exports.Card=h.Card;exports.cardSizes=b.cardSizes;exports.CharacterCounter=C.CharacterCounter;exports.Checkbox=k.WrappedCheckbox;exports.CheckboxGroup=P.WrappedCheckboxGroup;exports.ConversationCard=x.ConversationCard;exports.DateFormats=c.DateFormats;exports.DatePicker=c.DatePicker;exports.Divider=r.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=z.WrappedHeading;exports.Icon=D.Icon;exports.iconSizes=M.iconSizes;exports.Link=V.Link;exports.Logo=n.Logo;exports.logoTypes=n.logoTypes;exports.logoVariants=n.logoVariants;exports.Menu=B.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=w.NotificationCounter;exports.notificationCounterSizes=p.notificationCounterSizes;exports.notificationCounterVariants=p.notificationCounterVariants;exports.Picture=f.Picture;exports.PinInput=u.WrappedPinInput;exports.pinInputTypes=u.pinInputTypes;exports.Popover=G.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=I.WrappedRadioGroup;exports.RatingDots=A.WrappedRatingDots;exports.Select=W.WrappedSelect;exports.SortableList=L.SortableList;exports.Spinner=R.Spinner;exports.spinnerSizes=O.spinnerSizes;exports.StyledAvatar=d.StyledAvatar;exports.styledAvatarTypes=d.styledAvatarTypes;exports.Swatch=m.Swatch;exports.swatchSizes=m.swatchSizes;exports.Switch=F.WrappedSwitch;exports.Tabs=H.Tabs;exports.Tag=K.Tag;exports.closeButtonDisplays=l.closeButtonDisplays;exports.tagSizes=l.tagSizes;exports.TagBlock=_.TagBlock;exports.TagDisabledState=_.TagDisabledState;exports.Text=N.WrappedText;exports.TextInput=j.WrappedTextInput;exports.Textarea=E.WrappedTextarea;exports.Meridiem=q.Meridiem;exports.TimePicker=q.TimePicker;exports.TimeRange=J.TimeRange;exports.Timestamp=Q.Timestamp;exports.useToast=U.useToast;exports.Tooltip=X.Tooltip;exports.withDarkMode=Y.withDarkMode;exports.withLightMode=Z.withLightMode;exports.useBreakpoint=$.useBreakpoint;exports.useColorMode=ee.useColorMode;exports.useColorModeValue=te.useColorModeValue;exports.useDeviceType=oe.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.KibbleThemeProvider=v.KibbleThemeProvider;exports.system=v.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/theme/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/theme.provider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/theme.provider-Dj8NjgPW.js");exports.KibbleThemeProvider=e.KibbleThemeProvider;exports.system=e.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { z as
|
|
2
|
-
const
|
|
3
|
-
const { resolvedTheme: o, setTheme: e, forcedTheme:
|
|
1
|
+
import { z as d } from "../../../chunks/index-DAWHN3cH.js";
|
|
2
|
+
const m = () => {
|
|
3
|
+
const { theme: r, resolvedTheme: o, setTheme: e, forcedTheme: t } = d();
|
|
4
4
|
return {
|
|
5
|
-
colorMode:
|
|
6
|
-
|
|
5
|
+
colorMode: r,
|
|
6
|
+
resolvedColorMode: o,
|
|
7
|
+
forcedTheme: t,
|
|
7
8
|
setColorMode: e,
|
|
8
9
|
toggleColorMode: () => {
|
|
9
10
|
e(o === "dark" ? "light" : "dark");
|
|
@@ -11,6 +12,6 @@ const s = () => {
|
|
|
11
12
|
};
|
|
12
13
|
};
|
|
13
14
|
export {
|
|
14
|
-
|
|
15
|
+
m as useColorMode
|
|
15
16
|
};
|
|
16
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/hooks/useColorMode/index.ts"],"sourcesContent":["import { useTheme } from 'next-themes';\nimport { ColorMode } from 'shared/types/theme';\n\nexport interface UseColorModeReturn {\n colorMode: ColorMode;\n setColorMode: (colorMode: ColorMode) => void;\n toggleColorMode: () => void;\n forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n const { resolvedTheme, setTheme, forcedTheme } = useTheme();\n const toggleColorMode = (): void => {\n setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');\n };\n return {\n colorMode: resolvedTheme as ColorMode,\n forcedTheme: forcedTheme as ColorMode,\n setColorMode: setTheme,\n toggleColorMode,\n };\n};\n"],"names":["useColorMode","resolvedTheme","setTheme","forcedTheme","useTheme"],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/hooks/useColorMode/index.ts"],"sourcesContent":["import { useTheme } from 'next-themes';\nimport { ColorMode } from 'shared/types/theme';\n\nexport interface UseColorModeReturn {\n colorMode: ColorMode;\n resolvedColorMode: ColorMode;\n setColorMode: (colorMode: ColorMode) => void;\n toggleColorMode: () => void;\n forcedTheme?: ColorMode;\n}\n\nexport const useColorMode = (): UseColorModeReturn => {\n const { theme, resolvedTheme, setTheme, forcedTheme } = useTheme();\n const toggleColorMode = (): void => {\n setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');\n };\n return {\n colorMode: theme as ColorMode,\n resolvedColorMode: resolvedTheme as ColorMode,\n forcedTheme: forcedTheme as ColorMode,\n setColorMode: setTheme,\n toggleColorMode,\n };\n};\n"],"names":["useColorMode","theme","resolvedTheme","setTheme","forcedTheme","useTheme"],"mappings":";AAWO,MAAMA,IAAe,MAA0B;AACpD,QAAM,EAAE,OAAAC,GAAO,eAAAC,GAAe,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAS;AAI1D,SAAA;AAAA,IACL,WAAWJ;AAAA,IACX,mBAAmBC;AAAA,IACnB,aAAAE;AAAA,IACA,cAAcD;AAAA,IACd,iBARsB,MAAY;AACzB,MAAAA,EAAAD,MAAkB,SAAS,UAAU,MAAM;AAAA,IACtD;AAAA,EAOA;AACF;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -54,7 +54,7 @@ import { useColorMode as yr } from "./hooks/useColorMode/index.js";
|
|
|
54
54
|
import { useColorModeValue as Dr } from "./hooks/useColorModeValue/index.js";
|
|
55
55
|
import { useDeviceType as Wr } from "./hooks/useDeviceType/index.js";
|
|
56
56
|
import { alignments as Vr, flexDirections as kr, placements as Ar, statuses as wr, typographyVariants as Ir } from "./shared/types/index.js";
|
|
57
|
-
import { K as Gr, s as Rr } from "../chunks/theme.provider-
|
|
57
|
+
import { K as Gr, s as Rr } from "../chunks/theme.provider-VIWx5x9g.js";
|
|
58
58
|
export {
|
|
59
59
|
a as Alert,
|
|
60
60
|
s as Avatar,
|
package/dist/esm/theme/index.js
CHANGED
|
@@ -5,5 +5,5 @@ import { ColorModeProviderProps } from './colorMode.provider';
|
|
|
5
5
|
interface KibbleThemeProviderProps extends Omit<ChakraProviderProps, 'value'>, Omit<ColorModeProviderProps, 'children'> {
|
|
6
6
|
customTheme?: SystemContext;
|
|
7
7
|
}
|
|
8
|
-
export declare const KibbleThemeProvider: ({ customTheme, children, ...rest }: KibbleThemeProviderProps) => React.JSX.Element;
|
|
8
|
+
export declare const KibbleThemeProvider: ({ customTheme, children, enableSystem, ...rest }: KibbleThemeProviderProps) => React.JSX.Element;
|
|
9
9
|
export {};
|