@televet/kibble-ui 5.1.1 → 5.2.0
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/AGENTS.md +4 -1
- package/dist/chunks/alert.component-1-RhljlT.js +2 -0
- package/dist/chunks/alert.component-1-RhljlT.js.map +1 -0
- package/dist/chunks/alert.component-ByJCotaH.js +149 -0
- package/dist/chunks/alert.component-ByJCotaH.js.map +1 -0
- package/dist/chunks/{conversationCard.component-CXEHIrKJ.js → conversationCard.component-BM1FexSR.js} +2 -2
- package/dist/chunks/{conversationCard.component-CXEHIrKJ.js.map → conversationCard.component-BM1FexSR.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-sKlfIP1V.js → conversationCard.component-Dg3RtQE8.js} +2 -2
- package/dist/chunks/{conversationCard.component-sKlfIP1V.js.map → conversationCard.component-Dg3RtQE8.js.map} +1 -1
- package/dist/chunks/{maintenanceBanner.types-CfHYj6Nu.js → maintenanceBanner.types-CPr8G6Hj.js} +2 -2
- package/dist/chunks/{maintenanceBanner.types-CfHYj6Nu.js.map → maintenanceBanner.types-CPr8G6Hj.js.map} +1 -1
- package/dist/chunks/{maintenanceBanner.types-Bey20P0-.js → maintenanceBanner.types-bwnay-jL.js} +2 -2
- package/dist/chunks/{maintenanceBanner.types-Bey20P0-.js.map → maintenanceBanner.types-bwnay-jL.js.map} +1 -1
- package/dist/chunks/{notificationCounter.component-BUxWlpKh.js → notificationCounter.component-Cmpqouio.js} +2 -2
- package/dist/chunks/notificationCounter.component-Cmpqouio.js.map +1 -0
- package/dist/chunks/{notificationCounter.component-DikPb9gS.js → notificationCounter.component-kKVMY1AR.js} +9 -7
- package/dist/chunks/notificationCounter.component-kKVMY1AR.js.map +1 -0
- package/dist/chunks/{tab.types-CxSmEPw0.js → tab.types-C3Si454B.js} +2 -2
- package/dist/chunks/{tab.types-CxSmEPw0.js.map → tab.types-C3Si454B.js.map} +1 -1
- package/dist/chunks/{tab.types-C33sw4x5.js → tab.types-CBEczQus.js} +2 -2
- package/dist/chunks/{tab.types-C33sw4x5.js.map → tab.types-CBEczQus.js.map} +1 -1
- package/dist/chunks/{theme.provider-D_0Xfv0Z.js → theme.provider-CO6PM6Lp.js} +54 -14
- package/dist/chunks/{theme.provider-D_0Xfv0Z.js.map → theme.provider-CO6PM6Lp.js.map} +1 -1
- package/dist/chunks/{theme.provider-BX40Kz1f.js → theme.provider-CnANijP7.js} +388 -348
- package/dist/chunks/{theme.provider-BX40Kz1f.js.map → theme.provider-CnANijP7.js.map} +1 -1
- package/dist/cjs/components/Alert/index.cjs +1 -1
- package/dist/cjs/components/ConversationCard/index.cjs +1 -1
- package/dist/cjs/components/MaintenanceBanner/index.cjs +1 -1
- package/dist/cjs/components/NotificationCounter/index.cjs +1 -1
- package/dist/cjs/components/Tabs/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/theme/index.cjs +1 -1
- package/dist/cjs/theme/tokens/typography/index.cjs +1 -1
- package/dist/cjs/theme/tokens/typography/index.cjs.map +1 -1
- package/dist/components.json +2 -2
- package/dist/esm/components/Alert/index.js +1 -1
- package/dist/esm/components/ConversationCard/index.js +1 -1
- package/dist/esm/components/MaintenanceBanner/index.js +1 -1
- package/dist/esm/components/NotificationCounter/index.js +1 -1
- package/dist/esm/components/Tabs/index.js +1 -1
- package/dist/esm/components/index.js +5 -5
- package/dist/esm/index.js +6 -6
- package/dist/esm/theme/index.js +1 -1
- package/dist/esm/theme/tokens/typography/index.js +6 -6
- package/dist/esm/theme/tokens/typography/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/chunks/alert.component-B0gDwaKQ.js +0 -2
- package/dist/chunks/alert.component-B0gDwaKQ.js.map +0 -1
- package/dist/chunks/alert.component-DjFZO6Ks.js +0 -141
- package/dist/chunks/alert.component-DjFZO6Ks.js.map +0 -1
- package/dist/chunks/notificationCounter.component-BUxWlpKh.js.map +0 -1
- package/dist/chunks/notificationCounter.component-DikPb9gS.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/alert.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/alert.component-1-RhljlT.js"),e=require("../../../chunks/alert.types-8mtsdXr4.js");exports.Alert=t.Alert;exports.alertButtonPositions=e.alertButtonPositions;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/conversationCard.component-BM1FexSR.js");exports.ConversationCard=e.ConversationCard;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../chunks/maintenanceBanner.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../chunks/maintenanceBanner.types-CPr8G6Hj.js");exports.MaintenanceBanner=n.MaintenanceBanner;exports.maintenanceBannerEnvKeys=n.maintenanceBannerEnvKeys;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/notificationCounter.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/notificationCounter.component-Cmpqouio.js"),t=require("../../../chunks/notificationCounter.types-B_-siNfi.js");exports.NotificationCounter=i.NotificationCounter;exports.notificationCounterSizes=t.notificationCounterSizes;exports.notificationCounterVariants=t.notificationCounterVariants;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/tab.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/tab.types-C3Si454B.js");exports.Tabs=t.Tabs;exports.tabIconPositions=t.tabIconPositions;exports.tabSizes=t.tabSizes;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../../chunks/alert.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../../chunks/alert.component-1-RhljlT.js"),g=require("../../chunks/alert.types-8mtsdXr4.js"),y=require("../../chunks/avatar.component-BGgZoVJS.js"),c=require("../../chunks/avatar.types-Bmt5Uhfb.js"),b=require("../../chunks/avatarGroup.component-ClqXmemB.js"),P=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-DXP4uRV8.js"),C=require("../../chunks/buttonGroup.component-BRafsTrY.js"),o=require("../../chunks/calendar.component-Dt452bDI.js"),k=require("../../chunks/card.component-BmBiYbMV.js"),z=require("../../chunks/card.types-MvkQTTZF.js"),h=require("../../chunks/characterCounter.component-CczgC612.js"),B=require("../../chunks/checkbox.component-CyVZ9Xv2.js"),D=require("../../chunks/checkboxGroup.component-DVEQJk7I.js"),I=require("../../chunks/conversationCard.component-BM1FexSR.js"),x=require("../../chunks/datePicker.component-CLkxmQLL.js"),V=require("../../chunks/datePicker.provider-CcGhcyCp.js"),n=require("../../chunks/dateTimePicker.component-DS_GGUy_.js"),f=require("../../chunks/divider.component-BX3zyB7O.js"),r=require("../../chunks/divider.types-DBNcs0IR.js"),A=require("../../chunks/heading.component-DeM4h5rY.js"),R=require("../../chunks/icon.component-B1hr5lLa.js"),W=require("../../chunks/icon.types-2obj_NKG.js"),G=require("../../chunks/link.component-_YXG8MDq.js"),p=require("../../chunks/logo.types-88a31xCx.js"),u=require("../../chunks/maintenanceBanner.types-CPr8G6Hj.js"),M=require("../../chunks/menu.component-B_rE1WZ2.js"),t=require("../../chunks/modal.types-CfN8ElV6.js"),w=require("../../chunks/notificationCounter.component-Cmpqouio.js"),d=require("../../chunks/notificationCounter.types-B_-siNfi.js"),L=require("../../chunks/picture.component-BA2hgdZy.js"),m=require("../../chunks/pinInput.types-CtkczGt3.js"),O=require("../../chunks/popover.component-Cw6-018C.js"),i=require("../../chunks/popover.types-ChA9ccQ2.js"),a=require("../../chunks/radioGroup.types-BIhmFPWh.js"),F=require("../../chunks/radiomark.component-YJNr68s7.js"),N=require("../../chunks/rating.component-C6qlmmF7.js"),E=require("../../chunks/ratingDots.component-CMljyqn1.js"),H=require("../../chunks/select.component-LmZa9UrH.js"),K=require("../../chunks/sortableList.component-DX9EP39N.js"),j=require("../../chunks/spinner.component-0tE7mnxi.js"),J=require("../../chunks/spinner.types-BCLN5-H2.js"),l=require("../../chunks/styledAvatar.types-BG2G_U-W.js"),_=require("../../chunks/swatch.types-AZLB8OWG.js"),Q=require("../../chunks/switch.component-BSdPjnqI.js"),s=require("../../chunks/tab.types-C3Si454B.js"),U=require("../../chunks/tag.component-C98Wf07v.js"),q=require("../../chunks/tag.types-BnDFgTvb.js"),v=require("../../chunks/tagBlock.component-DFnrBQW3.js"),X=require("../../chunks/text.component-D5GpbfNx.js"),Y=require("../../chunks/textInput.component-KjxR5ln_.js"),Z=require("../../chunks/textarea.component-BtE7Ec9v.js"),S=require("../../chunks/timePicker.component-uf5hCWTW.js"),$=require("../../chunks/timeRange.component-CjQ7PYJR.js"),ee=require("../../chunks/timestamp.component-CRTYMLmn.js"),te=require("./Toast/index.cjs"),oe=require("../../chunks/tooltip.component-DBw-hAPU.js"),ne=require("../../chunks/numberInput.component-B7c9cP1S.js");exports.Alert=T.Alert;exports.alertButtonPositions=g.alertButtonPositions;exports.Avatar=y.Avatar;exports.avatarSizes=c.avatarSizes;exports.avatarVariants=c.avatarVariants;exports.AvatarGroup=b.AvatarGroup;exports.Button=P.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=C.ButtonGroup;exports.Calendar=o.Calendar;exports.CalendarFooterButton=o.CalendarFooterButton;exports.isRangePreset=o.isRangePreset;exports.Card=k.Card;exports.cardSizes=z.cardSizes;exports.CharacterCounter=h.CharacterCounter;exports.Checkbox=B.WrappedCheckbox;exports.CheckboxGroup=D.WrappedCheckboxGroup;exports.ConversationCard=I.ConversationCard;exports.DatePicker=x.DatePicker;exports.DateFormats=V.DateFormats;exports.DateTimePicker=n.DateTimePicker;exports.DateTimePickerDefaultOptionValue=n.DateTimePickerDefaultOptionValue;exports.calendarViews=n.calendarViews;exports.Divider=f.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=A.WrappedHeading;exports.Icon=R.Icon;exports.iconSizes=W.iconSizes;exports.Link=G.Link;exports.Logo=p.Logo;exports.logoTypes=p.logoTypes;exports.MaintenanceBanner=u.MaintenanceBanner;exports.maintenanceBannerEnvKeys=u.maintenanceBannerEnvKeys;exports.Menu=M.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=d.notificationCounterSizes;exports.notificationCounterVariants=d.notificationCounterVariants;exports.Picture=L.Picture;exports.PinInput=m.WrappedPinInput;exports.pinInputTypes=m.pinInputTypes;exports.Popover=O.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=F.Radiomark;exports.Rating=N.WrappedRating;exports.RatingDots=E.WrappedRatingDots;exports.Select=H.WrappedSelect;exports.SortableList=K.SortableList;exports.Spinner=j.Spinner;exports.spinnerSizes=J.spinnerSizes;exports.StyledAvatar=l.StyledAvatar;exports.styledAvatarTypes=l.styledAvatarTypes;exports.Swatch=_.Swatch;exports.swatchSizes=_.swatchSizes;exports.Switch=Q.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=U.Tag;exports.closeButtonDisplays=q.closeButtonDisplays;exports.tagSizes=q.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=X.WrappedText;exports.TextInput=Y.WrappedTextInput;exports.Textarea=Z.WrappedTextarea;exports.Meridiem=S.Meridiem;exports.TimePicker=S.TimePicker;exports.TimeRange=$.TimeRange;exports.Timestamp=ee.Timestamp;exports.useToast=te.useToast;exports.Tooltip=oe.Tooltip;exports.NumberInput=ne.WrappedNumberInput;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../chunks/alert.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../chunks/alert.component-1-RhljlT.js"),h=require("../chunks/alert.types-8mtsdXr4.js"),S=require("../chunks/avatar.component-BGgZoVJS.js"),u=require("../chunks/avatar.types-Bmt5Uhfb.js"),k=require("../chunks/avatarGroup.component-ClqXmemB.js"),C=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),P=require("../chunks/buttonGroup.component-BRafsTrY.js"),n=require("../chunks/calendar.component-Dt452bDI.js"),D=require("../chunks/card.component-BmBiYbMV.js"),M=require("../chunks/card.types-MvkQTTZF.js"),z=require("../chunks/characterCounter.component-CczgC612.js"),x=require("../chunks/checkbox.component-CyVZ9Xv2.js"),B=require("../chunks/checkboxGroup.component-DVEQJk7I.js"),V=require("../chunks/conversationCard.component-BM1FexSR.js"),f=require("../chunks/datePicker.component-CLkxmQLL.js"),I=require("../chunks/datePicker.provider-CcGhcyCp.js"),r=require("../chunks/dateTimePicker.component-DS_GGUy_.js"),w=require("../chunks/divider.component-BX3zyB7O.js"),i=require("../chunks/divider.types-DBNcs0IR.js"),A=require("../chunks/heading.component-DeM4h5rY.js"),R=require("../chunks/icon.component-B1hr5lLa.js"),W=require("../chunks/icon.types-2obj_NKG.js"),G=require("../chunks/link.component-_YXG8MDq.js"),d=require("../chunks/logo.types-88a31xCx.js"),m=require("../chunks/maintenanceBanner.types-CPr8G6Hj.js"),L=require("../chunks/menu.component-B_rE1WZ2.js"),t=require("../chunks/modal.types-CfN8ElV6.js"),K=require("../chunks/notificationCounter.component-Cmpqouio.js"),l=require("../chunks/notificationCounter.types-B_-siNfi.js"),O=require("../chunks/picture.component-BA2hgdZy.js"),_=require("../chunks/pinInput.types-CtkczGt3.js"),F=require("../chunks/popover.component-Cw6-018C.js"),a=require("../chunks/popover.types-ChA9ccQ2.js"),s=require("../chunks/radioGroup.types-BIhmFPWh.js"),N=require("../chunks/radiomark.component-YJNr68s7.js"),E=require("../chunks/rating.component-C6qlmmF7.js"),H=require("../chunks/ratingDots.component-CMljyqn1.js"),j=require("../chunks/select.component-LmZa9UrH.js"),J=require("../chunks/sortableList.component-DX9EP39N.js"),Q=require("../chunks/spinner.component-0tE7mnxi.js"),U=require("../chunks/spinner.types-BCLN5-H2.js"),q=require("../chunks/styledAvatar.types-BG2G_U-W.js"),T=require("../chunks/swatch.types-AZLB8OWG.js"),X=require("../chunks/switch.component-BSdPjnqI.js"),c=require("../chunks/tab.types-C3Si454B.js"),Y=require("../chunks/tag.component-C98Wf07v.js"),v=require("../chunks/tag.types-BnDFgTvb.js"),y=require("../chunks/tagBlock.component-DFnrBQW3.js"),Z=require("../chunks/text.component-D5GpbfNx.js"),$=require("../chunks/textInput.component-KjxR5ln_.js"),ee=require("../chunks/textarea.component-BtE7Ec9v.js"),g=require("../chunks/timePicker.component-uf5hCWTW.js"),te=require("../chunks/timeRange.component-CjQ7PYJR.js"),oe=require("../chunks/timestamp.component-CRTYMLmn.js"),ne=require("./components/Toast/index.cjs"),re=require("../chunks/tooltip.component-DBw-hAPU.js"),ie=require("../chunks/numberInput.component-B7c9cP1S.js"),ae=require("../chunks/withDarkMode-R08khTA6.js"),se=require("../chunks/withLightMode-Crw8xtkD.js"),ce=require("./hooks/useBreakpoint/index.cjs"),pe=require("./hooks/useColorMode/index.cjs"),ue=require("./hooks/useColorModeValue/index.cjs"),de=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),me=require("../chunks/theme-BFbOz0Jj.js"),p=require("../chunks/theme.provider-CO6PM6Lp.js");exports.Alert=b.Alert;exports.alertButtonPositions=h.alertButtonPositions;exports.Avatar=S.Avatar;exports.avatarSizes=u.avatarSizes;exports.avatarVariants=u.avatarVariants;exports.AvatarGroup=k.AvatarGroup;exports.Button=C.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=P.ButtonGroup;exports.Calendar=n.Calendar;exports.CalendarFooterButton=n.CalendarFooterButton;exports.isRangePreset=n.isRangePreset;exports.Card=D.Card;exports.cardSizes=M.cardSizes;exports.CharacterCounter=z.CharacterCounter;exports.Checkbox=x.WrappedCheckbox;exports.CheckboxGroup=B.WrappedCheckboxGroup;exports.ConversationCard=V.ConversationCard;exports.DatePicker=f.DatePicker;exports.DateFormats=I.DateFormats;exports.DateTimePicker=r.DateTimePicker;exports.DateTimePickerDefaultOptionValue=r.DateTimePickerDefaultOptionValue;exports.calendarViews=r.calendarViews;exports.Divider=w.Divider;exports.dividerOrientations=i.dividerOrientations;exports.dividerSizes=i.dividerSizes;exports.dividerVariants=i.dividerVariants;exports.Heading=A.WrappedHeading;exports.Icon=R.Icon;exports.iconSizes=W.iconSizes;exports.Link=G.Link;exports.Logo=d.Logo;exports.logoTypes=d.logoTypes;exports.MaintenanceBanner=m.MaintenanceBanner;exports.maintenanceBannerEnvKeys=m.maintenanceBannerEnvKeys;exports.Menu=L.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=K.NotificationCounter;exports.notificationCounterSizes=l.notificationCounterSizes;exports.notificationCounterVariants=l.notificationCounterVariants;exports.Picture=O.Picture;exports.PinInput=_.WrappedPinInput;exports.pinInputTypes=_.pinInputTypes;exports.Popover=F.Popover;exports.popoverSizes=a.popoverSizes;exports.popoverTriggerTypes=a.popoverTriggerTypes;exports.popoverVariants=a.popoverVariants;exports.RadioGroup=s.WrappedRadioGroup;exports.radioAlignments=s.radioAlignments;exports.radioTypes=s.radioTypes;exports.Radiomark=N.Radiomark;exports.Rating=E.WrappedRating;exports.RatingDots=H.WrappedRatingDots;exports.Select=j.WrappedSelect;exports.SortableList=J.SortableList;exports.Spinner=Q.Spinner;exports.spinnerSizes=U.spinnerSizes;exports.StyledAvatar=q.StyledAvatar;exports.styledAvatarTypes=q.styledAvatarTypes;exports.Swatch=T.Swatch;exports.swatchSizes=T.swatchSizes;exports.Switch=X.WrappedSwitch;exports.Tabs=c.Tabs;exports.tabIconPositions=c.tabIconPositions;exports.tabSizes=c.tabSizes;exports.Tag=Y.Tag;exports.closeButtonDisplays=v.closeButtonDisplays;exports.tagSizes=v.tagSizes;exports.TagBlock=y.TagBlock;exports.TagDisabledState=y.TagDisabledState;exports.Text=Z.WrappedText;exports.TextInput=$.WrappedTextInput;exports.Textarea=ee.WrappedTextarea;exports.Meridiem=g.Meridiem;exports.TimePicker=g.TimePicker;exports.TimeRange=te.TimeRange;exports.Timestamp=oe.Timestamp;exports.useToast=ne.useToast;exports.Tooltip=re.Tooltip;exports.NumberInput=ie.WrappedNumberInput;exports.withDarkMode=ae.withDarkMode;exports.withLightMode=se.withLightMode;exports.useBreakpoint=ce.useBreakpoint;exports.useColorMode=pe.useColorMode;exports.useColorModeValue=ue.useColorModeValue;exports.useDeviceType=de.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=me.colorModeThemeKey;exports.KibbleThemeProvider=p.KibbleThemeProvider;exports.kibbleThemeConfig=p.kibbleThemeConfig;exports.system=p.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-CO6PM6Lp.js");exports.KibbleThemeProvider=e.KibbleThemeProvider;exports.kibbleThemeConfig=e.kibbleThemeConfig;exports.system=e.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={heading:"'
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={heading:"Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif",body:"Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif",mono:"LinearSans, Noto Sans, Arial, Helvetica, sans-serif"},t={xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},o={normal:400,semibold:600,bold:600},r={normal:"normal",none:1,shorter:1.25,short:1.375,base:1.5,tall:1.625,taller:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},s={tight:"-0.025em",tighter:"-0.05em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"};exports.fontSizes=t;exports.fontWeights=o;exports.fonts=e;exports.letterSpacings=s;exports.lineHeights=r;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../../packages/kibble-primitives/src/core/typography/typography.records.ts"],"sourcesContent":["import { Font, FontSize, FontWeight, LetterSpacing, LineHeight } from './typography.types';\n\nexport const fonts: Record<Font, string> = {\n heading: \"'
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../../packages/kibble-primitives/src/core/typography/typography.records.ts"],"sourcesContent":["import { Font, FontSize, FontWeight, LetterSpacing, LineHeight } from './typography.types';\n\nexport const fonts: Record<Font, string> = {\n heading: \"Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif\",\n body: \"Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif\",\n mono: 'LinearSans, Noto Sans, Arial, Helvetica, sans-serif',\n};\n\nexport const fontSizes: Record<FontSize, string> = {\n xs: '0.75rem',\n sm: '0.875rem',\n md: '1rem',\n lg: '1.125rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.875rem',\n '4xl': '2.25rem',\n '5xl': '3rem',\n '6xl': '3.75rem',\n '7xl': '4.5rem',\n '8xl': '6rem',\n '9xl': '8rem',\n};\n\nexport const fontWeights: Record<FontWeight, number> = {\n normal: 400,\n semibold: 600,\n bold: 600,\n};\n\nexport const lineHeights: Record<LineHeight, string | number> = {\n normal: 'normal',\n none: 1,\n shorter: 1.25,\n short: 1.375,\n base: 1.5,\n tall: 1.625,\n taller: '2',\n '3': '.75rem',\n '4': '1rem',\n '5': '1.25rem',\n '6': '1.5rem',\n '7': '1.75rem',\n '8': '2rem',\n '9': '2.25rem',\n '10': '2.5rem',\n};\n\nexport const letterSpacings: Record<LetterSpacing, string> = {\n tight: '-0.025em',\n tighter: '-0.05em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n};\n"],"names":["fonts","fontSizes","fontWeights","lineHeights","letterSpacings"],"mappings":"gFAEO,MAAMA,EAA8B,CACzC,QAAS,8FACT,KAAM,8FACN,KAAM,qDACR,EAEaC,EAAsC,CACjD,GAAI,UACJ,GAAI,WACJ,GAAI,OACJ,GAAI,WACJ,GAAI,UACJ,MAAO,SACP,MAAO,WACP,MAAO,UACP,MAAO,OACP,MAAO,UACP,MAAO,SACP,MAAO,OACP,MAAO,MACT,EAEaC,EAA0C,CACrD,OAAQ,IACR,SAAU,IACV,KAAM,GACR,EAEaC,EAAmD,CAC9D,OAAQ,SACR,KAAM,EACN,QAAS,KACT,MAAO,MACP,KAAM,IACN,KAAM,MACN,OAAQ,IACR,EAAK,SACL,EAAK,OACL,EAAK,UACL,EAAK,SACL,EAAK,UACL,EAAK,OACL,EAAK,UACL,GAAM,QACR,EAEaC,EAAgD,CAC3D,MAAO,WACP,QAAS,UACT,OAAQ,MACR,KAAM,UACN,MAAO,SACP,OAAQ,OACV"}
|
package/dist/components.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 1,
|
|
3
|
-
"kibbleVersion": "5.
|
|
4
|
-
"generatedAt": "2026-10-
|
|
3
|
+
"kibbleVersion": "5.2.0",
|
|
4
|
+
"generatedAt": "2026-10-13T21:56:00.915Z",
|
|
5
5
|
"storybookBase": "https://televet.github.io/kibble-ui",
|
|
6
6
|
"propsScope": "Props declared in kibble-ui. Inherited Chakra style and DOM props are summarised in extendsType.",
|
|
7
7
|
"components": [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { N as i } from "../../../chunks/notificationCounter.component-
|
|
1
|
+
import { N as i } from "../../../chunks/notificationCounter.component-kKVMY1AR.js";
|
|
2
2
|
import { n as a, a as r } from "../../../chunks/notificationCounter.types-Dm4PSN2Y.js";
|
|
3
3
|
export {
|
|
4
4
|
i as NotificationCounter,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as r } from "../../chunks/alert.component-
|
|
1
|
+
import { A as r } from "../../chunks/alert.component-ByJCotaH.js";
|
|
2
2
|
import { a as t } from "../../chunks/alert.types-CPfg5SeM.js";
|
|
3
3
|
import { A as p } from "../../chunks/avatar.component-BwOAO1qR.js";
|
|
4
4
|
import { a as m, b as n } from "../../chunks/avatar.types-C6dZZjdi.js";
|
|
@@ -12,7 +12,7 @@ import { c as A } from "../../chunks/card.types-Cixp7ouC.js";
|
|
|
12
12
|
import { C as I } from "../../chunks/characterCounter.component-B45KB7Xu.js";
|
|
13
13
|
import { W as h } from "../../chunks/checkbox.component-BoqZIgZE.js";
|
|
14
14
|
import { W as L } from "../../chunks/checkboxGroup.component-B0QCi1NL.js";
|
|
15
|
-
import { C as G } from "../../chunks/conversationCard.component-
|
|
15
|
+
import { C as G } from "../../chunks/conversationCard.component-Dg3RtQE8.js";
|
|
16
16
|
import { D as F } from "../../chunks/datePicker.component-C-rCSpQD.js";
|
|
17
17
|
import { D as E } from "../../chunks/datePicker.provider-rPzC-iBh.js";
|
|
18
18
|
import { D as K, a as j, c as q } from "../../chunks/dateTimePicker.component-CYFud4bA.js";
|
|
@@ -23,10 +23,10 @@ import { I as ao } from "../../chunks/icon.component-PV_nHBId.js";
|
|
|
23
23
|
import { i as eo } from "../../chunks/icon.types-DLbVfMjG.js";
|
|
24
24
|
import { L as so } from "../../chunks/link.component--URNKuK2.js";
|
|
25
25
|
import { L as io, l as mo } from "../../chunks/logo.types-Bv_56edz.js";
|
|
26
|
-
import { M as fo, m as xo } from "../../chunks/maintenanceBanner.types-
|
|
26
|
+
import { M as fo, m as xo } from "../../chunks/maintenanceBanner.types-bwnay-jL.js";
|
|
27
27
|
import { M as lo } from "../../chunks/menu.component-8gDv-vKT.js";
|
|
28
28
|
import { M as To, c as So, a as bo, b as vo, m as Co } from "../../chunks/modal.types-rCenUZ8B.js";
|
|
29
|
-
import { N as go } from "../../chunks/notificationCounter.component-
|
|
29
|
+
import { N as go } from "../../chunks/notificationCounter.component-kKVMY1AR.js";
|
|
30
30
|
import { n as Wo, a as zo } from "../../chunks/notificationCounter.types-Dm4PSN2Y.js";
|
|
31
31
|
import { P as ko } from "../../chunks/picture.component-DzdHIFN_.js";
|
|
32
32
|
import { W as Ao, p as Mo } from "../../chunks/pinInput.types-CljHTAqz.js";
|
|
@@ -43,7 +43,7 @@ import { s as oa } from "../../chunks/spinner.types-g7cTFJkb.js";
|
|
|
43
43
|
import { S as ra, s as ea } from "../../chunks/styledAvatar.types-DwJd2uWS.js";
|
|
44
44
|
import { S as sa, s as pa } from "../../chunks/swatch.types--B4k8Ncc.js";
|
|
45
45
|
import { W as ma } from "../../chunks/switch.component-Yr0uRws8.js";
|
|
46
|
-
import { T as fa, a as xa, t as ca } from "../../chunks/tab.types-
|
|
46
|
+
import { T as fa, a as xa, t as ca } from "../../chunks/tab.types-CBEczQus.js";
|
|
47
47
|
import { T as la } from "../../chunks/tag.component-CMsZIhN-.js";
|
|
48
48
|
import { c as Ta, t as Sa } from "../../chunks/tag.types-B-pzEt1I.js";
|
|
49
49
|
import { T as va, a as Ca } from "../../chunks/tagBlock.component-R6Ee1sH9.js";
|
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as a } from "../chunks/alert.component-
|
|
1
|
+
import { A as a } from "../chunks/alert.component-ByJCotaH.js";
|
|
2
2
|
import { a as t } from "../chunks/alert.types-CPfg5SeM.js";
|
|
3
3
|
import { A as p } from "../chunks/avatar.component-BwOAO1qR.js";
|
|
4
4
|
import { a as m, b as n } from "../chunks/avatar.types-C6dZZjdi.js";
|
|
@@ -12,7 +12,7 @@ import { c as z } from "../chunks/card.types-Cixp7ouC.js";
|
|
|
12
12
|
import { C as V } from "../chunks/characterCounter.component-B45KB7Xu.js";
|
|
13
13
|
import { W as w } from "../chunks/checkbox.component-BoqZIgZE.js";
|
|
14
14
|
import { W as R } from "../chunks/checkboxGroup.component-B0QCi1NL.js";
|
|
15
|
-
import { C as G } from "../chunks/conversationCard.component-
|
|
15
|
+
import { C as G } from "../chunks/conversationCard.component-Dg3RtQE8.js";
|
|
16
16
|
import { D as N } from "../chunks/datePicker.component-C-rCSpQD.js";
|
|
17
17
|
import { D as O } from "../chunks/datePicker.provider-rPzC-iBh.js";
|
|
18
18
|
import { D as H, a as j, c as q } from "../chunks/dateTimePicker.component-CYFud4bA.js";
|
|
@@ -23,10 +23,10 @@ import { I as ro } from "../chunks/icon.component-PV_nHBId.js";
|
|
|
23
23
|
import { i as eo } from "../chunks/icon.types-DLbVfMjG.js";
|
|
24
24
|
import { L as so } from "../chunks/link.component--URNKuK2.js";
|
|
25
25
|
import { L as io, l as mo } from "../chunks/logo.types-Bv_56edz.js";
|
|
26
|
-
import { M as fo, m as xo } from "../chunks/maintenanceBanner.types-
|
|
26
|
+
import { M as fo, m as xo } from "../chunks/maintenanceBanner.types-bwnay-jL.js";
|
|
27
27
|
import { M as lo } from "../chunks/menu.component-8gDv-vKT.js";
|
|
28
28
|
import { M as To, c as So, a as bo, b as Co, m as go } from "../chunks/modal.types-rCenUZ8B.js";
|
|
29
|
-
import { N as Po } from "../chunks/notificationCounter.component-
|
|
29
|
+
import { N as Po } from "../chunks/notificationCounter.component-kKVMY1AR.js";
|
|
30
30
|
import { n as ho, a as yo } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
|
|
31
31
|
import { P as ko } from "../chunks/picture.component-DzdHIFN_.js";
|
|
32
32
|
import { W as zo, p as Bo } from "../chunks/pinInput.types-CljHTAqz.js";
|
|
@@ -43,7 +43,7 @@ import { s as or } from "../chunks/spinner.types-g7cTFJkb.js";
|
|
|
43
43
|
import { S as ar, s as er } from "../chunks/styledAvatar.types-DwJd2uWS.js";
|
|
44
44
|
import { S as sr, s as pr } from "../chunks/swatch.types--B4k8Ncc.js";
|
|
45
45
|
import { W as mr } from "../chunks/switch.component-Yr0uRws8.js";
|
|
46
|
-
import { T as fr, a as xr, t as cr } from "../chunks/tab.types-
|
|
46
|
+
import { T as fr, a as xr, t as cr } from "../chunks/tab.types-CBEczQus.js";
|
|
47
47
|
import { T as dr } from "../chunks/tag.component-CMsZIhN-.js";
|
|
48
48
|
import { c as Tr, t as Sr } from "../chunks/tag.types-B-pzEt1I.js";
|
|
49
49
|
import { T as Cr, a as gr } from "../chunks/tagBlock.component-R6Ee1sH9.js";
|
|
@@ -64,7 +64,7 @@ import { useColorModeValue as Xr } from "./hooks/useColorModeValue/index.js";
|
|
|
64
64
|
import { useDeviceType as Zr } from "./hooks/useDeviceType/index.js";
|
|
65
65
|
import { alignments as $r, flexDirections as oa, placements as ra, statuses as aa, typographyVariants as ea } from "./shared/types/index.js";
|
|
66
66
|
import { c as sa } from "../chunks/theme-BOK659O0.js";
|
|
67
|
-
import { K as ia, k as ma, s as na } from "../chunks/theme.provider-
|
|
67
|
+
import { K as ia, k as ma, s as na } from "../chunks/theme.provider-CnANijP7.js";
|
|
68
68
|
export {
|
|
69
69
|
a as Alert,
|
|
70
70
|
p as Avatar,
|
package/dist/esm/theme/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
const e = {
|
|
2
|
-
heading: "'
|
|
3
|
-
body: "'
|
|
2
|
+
heading: "Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif",
|
|
3
|
+
body: "Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif",
|
|
4
4
|
mono: "LinearSans, Noto Sans, Arial, Helvetica, sans-serif"
|
|
5
5
|
}, r = {
|
|
6
6
|
xs: "0.75rem",
|
|
@@ -20,7 +20,7 @@ const e = {
|
|
|
20
20
|
normal: 400,
|
|
21
21
|
semibold: 600,
|
|
22
22
|
bold: 600
|
|
23
|
-
},
|
|
23
|
+
}, o = {
|
|
24
24
|
normal: "normal",
|
|
25
25
|
none: 1,
|
|
26
26
|
shorter: 1.25,
|
|
@@ -36,7 +36,7 @@ const e = {
|
|
|
36
36
|
8: "2rem",
|
|
37
37
|
9: "2.25rem",
|
|
38
38
|
10: "2.5rem"
|
|
39
|
-
},
|
|
39
|
+
}, l = {
|
|
40
40
|
tight: "-0.025em",
|
|
41
41
|
tighter: "-0.05em",
|
|
42
42
|
normal: "0em",
|
|
@@ -48,7 +48,7 @@ export {
|
|
|
48
48
|
r as fontSizes,
|
|
49
49
|
m as fontWeights,
|
|
50
50
|
e as fonts,
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
l as letterSpacings,
|
|
52
|
+
o as lineHeights
|
|
53
53
|
};
|
|
54
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/typography/typography.records.ts"],"sourcesContent":["import { Font, FontSize, FontWeight, LetterSpacing, LineHeight } from './typography.types';\n\nexport const fonts: Record<Font, string> = {\n heading: \"'
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/kibble-primitives/src/core/typography/typography.records.ts"],"sourcesContent":["import { Font, FontSize, FontWeight, LetterSpacing, LineHeight } from './typography.types';\n\nexport const fonts: Record<Font, string> = {\n heading: \"Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif\",\n body: \"Roboto, 'Roboto Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif\",\n mono: 'LinearSans, Noto Sans, Arial, Helvetica, sans-serif',\n};\n\nexport const fontSizes: Record<FontSize, string> = {\n xs: '0.75rem',\n sm: '0.875rem',\n md: '1rem',\n lg: '1.125rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.875rem',\n '4xl': '2.25rem',\n '5xl': '3rem',\n '6xl': '3.75rem',\n '7xl': '4.5rem',\n '8xl': '6rem',\n '9xl': '8rem',\n};\n\nexport const fontWeights: Record<FontWeight, number> = {\n normal: 400,\n semibold: 600,\n bold: 600,\n};\n\nexport const lineHeights: Record<LineHeight, string | number> = {\n normal: 'normal',\n none: 1,\n shorter: 1.25,\n short: 1.375,\n base: 1.5,\n tall: 1.625,\n taller: '2',\n '3': '.75rem',\n '4': '1rem',\n '5': '1.25rem',\n '6': '1.5rem',\n '7': '1.75rem',\n '8': '2rem',\n '9': '2.25rem',\n '10': '2.5rem',\n};\n\nexport const letterSpacings: Record<LetterSpacing, string> = {\n tight: '-0.025em',\n tighter: '-0.05em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n};\n"],"names":["fonts","fontSizes","fontWeights","lineHeights","letterSpacings"],"mappings":"AAEO,MAAMA,IAA8B;AAAA,EACzC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AACR,GAEaC,IAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT,GAEaC,IAA0C;AAAA,EACrD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AACR,GAEaC,IAAmD;AAAA,EAC9D,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,GAAK;AAAA,EACL,IAAM;AACR,GAEaC,IAAgD;AAAA,EAC3D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;"}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),j=require("react"),y=require("./heading.component-DeM4h5rY.js"),C=require("./icon.component-B1hr5lLa.js"),q=require("./text.component-D5GpbfNx.js"),g=require("./button.component-DjdgBXDC.js"),A=require("./flex-BOU6tYUd.js"),f=require("../cjs/shared/records/index.cjs"),N=require("./provider-NDo8kOkE.js"),S=require("./create-slot-recipe-context-HXE1VazG.js"),w=require("./factory-a2SJjEvR.js"),l=require("./icons-B6Nwr9di.js"),k=t=>t&&t.__esModule?t:{default:t},I=k(j),[B,W]=N.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:z,withContext:R,useStyles:$}=S.createSlotRecipeContext({key:"alert"}),F=z("div","root",{forwardAsChild:!0,wrapElement(t,s){return e.jsxRuntimeExports.jsx(B,{value:{status:s.status||"info"},children:t})}}),M=R("div","title"),D=R("div","description"),b=R("div","content"),H={info:l.InfoIcon,warning:l.WarningIcon,success:l.CheckCircleIcon,error:l.WarningIcon,neutral:l.InfoIcon},T=j.forwardRef(function(s,a){const i=W(),r=$(),x=typeof i.status=="string"?H[i.status]:j.Fragment,{children:u=e.jsxRuntimeExports.jsx(x,{}),...n}=s;return e.jsxRuntimeExports.jsx(w.chakra.span,{ref:a,...n,css:[r.indicator,s.css],children:u})}),p=({buttonPosition:t="topRight",buttonText:s,status:a,["data-testid"]:i="kibble-alert-button",...r})=>e.jsxRuntimeExports.jsx(A.Flex,{className:"Alert__Button","data-testid":i,...t!=="topRight"&&{pt:2,pb:1},...t==="bottomRight"&&{justifyContent:"flex-end"},children:e.jsxRuntimeExports.jsx(g.Button,{size:"xs",variant:a==="default"?"primary":"secondary",w:"max-content",...r,children:s})}),G=({buttonProps:t,description:s,descriptionProps:a,hideCloseButton:i=!1,hideIcon:r=!1,iconProps:x,onClose:u,onContrast:n=!1,status:o="success",title:d,titleProps:_,closeButtonIcon:E="close",["data-testid"]:c="kibble-alert",...v})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const m=t&&t.buttonPosition==="topRight",h=m?A.Flex:I.default.Fragment;return e.jsxRuntimeExports.jsxs(F,{className:"Alert","data-testid":c,...v,variant:o,hideIcon:r,onContrast:n,children:[!r&&e.jsxRuntimeExports.jsx(T,{className:"Alert__Icon","data-testid":`${c}-icon`,children:e.jsxRuntimeExports.jsx(C.Icon,{variant:n?"onContrast":f.StatusTypographyMap[o],name:x?.name||f.StatusIconMap[o],size:"lg",...x})}),e.jsxRuntimeExports.jsxs(b,{className:"Alert__Content","data-testid":`${c}-content`,children:[d&&e.jsxRuntimeExports.jsxs(h,{...m&&{justifyContent:"space-between",gap:2},children:[e.jsxRuntimeExports.jsx(M,{className:"Alert__Title","data-testid":`${c}-title`,children:e.jsxRuntimeExports.jsx(y.WrappedHeading,{size:"sm",variant:n?"onContrast":"default",..._,children:d})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),s&&e.jsxRuntimeExports.jsxs(h,{...m&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(D,{className:"Alert__Description","data-testid":`${c}-description`,children:typeof s=="string"?e.jsxRuntimeExports.jsx(q.WrappedText,{size:"md",variant:n?"onContrast":"default",...a,children:s}):s}),t&&t.buttonPosition==="topRight"&&!d&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),t&&t?.buttonPosition!=="topRight"&&e.jsxRuntimeExports.jsx(p,{status:o,onContrast:n,...t})]}),!i&&e.jsxRuntimeExports.jsx(g.Button,{className:"Alert__CloseTrigger","data-testid":`${c}-close-trigger`,iconName:E,size:"xs",variant:"ghostNeutral",onContrast:n,onClick:u})]})};exports.Alert=G;
|
|
2
|
-
//# sourceMappingURL=alert.component-B0gDwaKQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"alert.component-B0gDwaKQ.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n name: \"AlertStatusContext\",\n hookName: \"useAlertStatusContext\",\n providerName: \"<Alert />\"\n});\nconst {\n withProvider,\n withContext,\n useStyles: useAlertStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n \"div\",\n \"root\",\n {\n forwardAsChild: true,\n wrapElement(element, props) {\n return (\n // @ts-ignore fix later\n /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n );\n }\n }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n \"div\",\n \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n \"div\",\n \"content\"\n);\nconst iconMap = {\n info: InfoIcon,\n warning: WarningIcon,\n success: CheckCircleIcon,\n error: WarningIcon,\n neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n function AlertIndicator2(props, ref) {\n const api = useAlertStatusContext();\n const styles = useAlertStyles();\n const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n /** Position of the button.\n * @default topRight\n */\n buttonPosition?: AlertButtonPosition;\n /** Text to display in the button. */\n buttonText: string;\n /** Data test id for the button.\n * @default kibble-alert-button\n */\n 'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n /** Status of the alert.\n * @internal\n */\n status: Status;\n}\n\nexport const AlertButton = ({\n buttonPosition = 'topRight',\n buttonText,\n status,\n ['data-testid']: dataTestId = 'kibble-alert-button',\n ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n return (\n <Flex\n className=\"Alert__Button\"\n data-testid={dataTestId}\n {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n >\n <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n {buttonText}\n </Button>\n </Flex>\n );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n /** Props to customize the alert button. */\n buttonProps?: AlertButtonProps;\n /** The body of the alert */\n description?: React.ReactNode;\n /** Props to customize the description when passed as a string. */\n descriptionProps?: TextProps;\n /**\n * If true, the close button will not be displayed.\n * @default false\n */\n hideCloseButton?: boolean;\n /**\n * If true, the icon will not be displayed.\n * @default false\n */\n hideIcon?: boolean;\n /** Props to customize the icon. */\n iconProps?: IconProps;\n /** Callback function to be called when the close button is clicked. */\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * If true, the alert will use a contrasting variant according to the selected status.\n * @default false\n */\n onContrast?: boolean;\n /**\n * The status of the alert. Determines the color of the alert.\n * @default success\n */\n status?: Status;\n /** The title of the alert. */\n title?: React.ReactNode;\n /** Props to customize the title when passed as a string. */\n titleProps?: HeadingProps;\n /** The name of the icon to be used as the close button. */\n closeButtonIcon?: IconName;\n /** Data test id for the alert.\n * @default kibble-alert\n */\n 'data-testid'?: string;\n}\n\nexport const Alert = ({\n buttonProps,\n description,\n descriptionProps,\n hideCloseButton = false,\n hideIcon = false,\n iconProps,\n onClose,\n onContrast = false,\n status = 'success',\n title,\n titleProps,\n closeButtonIcon = 'close',\n ['data-testid']: dataTestId = 'kibble-alert',\n ...rest\n}: AlertProps): React.JSX.Element => {\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n return (\n <CAlert.Root\n className=\"Alert\"\n data-testid={dataTestId}\n {...rest}\n variant={status}\n hideIcon={hideIcon}\n onContrast={onContrast}\n >\n {!hideIcon && (\n <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n <Icon\n variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n name={iconProps?.name || StatusIconMap[status]}\n size=\"lg\"\n {...iconProps}\n />\n </CAlert.Indicator>\n )}\n <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n {title && (\n <WithButtonWrapper\n {...(isTopRightButton && {\n justifyContent: 'space-between',\n gap: 2,\n })}\n >\n <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n {title}\n </Heading>\n </CAlert.Title>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {description && (\n <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n {typeof description === 'string' ? (\n <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </CAlert.Description>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </CAlert.Content>\n {!hideCloseButton && (\n <Button\n className=\"Alert__CloseTrigger\"\n data-testid={`${dataTestId}-close-trigger`}\n iconName={closeButtonIcon}\n size=\"xs\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose}\n />\n )}\n </CAlert.Root>\n );\n};\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","closeButtonIcon","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import { j as e } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import y, { forwardRef as C, Fragment as N } from "react";
|
|
3
|
-
import { W as w } from "./heading.component-D8oRhIr6.js";
|
|
4
|
-
import { I as S } from "./icon.component-PV_nHBId.js";
|
|
5
|
-
import { W } from "./text.component-DbJw4Y9-.js";
|
|
6
|
-
import { B as j } from "./button.component-BO6oee_V.js";
|
|
7
|
-
import { F as A } from "./flex-CX-8gE9T.js";
|
|
8
|
-
import { StatusIconMap as k, StatusTypographyMap as B } from "../esm/shared/records/index.js";
|
|
9
|
-
import { c as I } from "./provider-ClCAdPxy.js";
|
|
10
|
-
import { c as z } from "./create-slot-recipe-context-D_FXDJGp.js";
|
|
11
|
-
import { c as $ } from "./factory-BQshv7_b.js";
|
|
12
|
-
import { I as u, W as g, C as F } from "./icons-CEVtpQAi.js";
|
|
13
|
-
const [M, D] = I({
|
|
14
|
-
name: "AlertStatusContext",
|
|
15
|
-
hookName: "useAlertStatusContext",
|
|
16
|
-
providerName: "<Alert />"
|
|
17
|
-
}), {
|
|
18
|
-
withProvider: E,
|
|
19
|
-
withContext: p,
|
|
20
|
-
useStyles: b
|
|
21
|
-
} = z({ key: "alert" }), H = E(
|
|
22
|
-
"div",
|
|
23
|
-
"root",
|
|
24
|
-
{
|
|
25
|
-
forwardAsChild: !0,
|
|
26
|
-
wrapElement(t, s) {
|
|
27
|
-
return (
|
|
28
|
-
// @ts-ignore fix later
|
|
29
|
-
/* @__PURE__ */ e.jsx(M, { value: { status: s.status || "info" }, children: t })
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
), T = p(
|
|
34
|
-
"div",
|
|
35
|
-
"title"
|
|
36
|
-
), q = p("div", "description"), G = p(
|
|
37
|
-
"div",
|
|
38
|
-
"content"
|
|
39
|
-
), J = {
|
|
40
|
-
info: u,
|
|
41
|
-
warning: g,
|
|
42
|
-
success: F,
|
|
43
|
-
error: g,
|
|
44
|
-
neutral: u
|
|
45
|
-
}, K = C(
|
|
46
|
-
function(s, c) {
|
|
47
|
-
const r = D(), a = b(), l = typeof r.status == "string" ? J[r.status] : N, { children: m = /* @__PURE__ */ e.jsx(l, {}), ...i } = s;
|
|
48
|
-
return /* @__PURE__ */ e.jsx($.span, { ref: c, ...i, css: [a.indicator, s.css], children: m });
|
|
49
|
-
}
|
|
50
|
-
), f = ({
|
|
51
|
-
buttonPosition: t = "topRight",
|
|
52
|
-
buttonText: s,
|
|
53
|
-
status: c,
|
|
54
|
-
["data-testid"]: r = "kibble-alert-button",
|
|
55
|
-
...a
|
|
56
|
-
}) => /* @__PURE__ */ e.jsx(
|
|
57
|
-
A,
|
|
58
|
-
{
|
|
59
|
-
className: "Alert__Button",
|
|
60
|
-
"data-testid": r,
|
|
61
|
-
...t !== "topRight" && { pt: 2, pb: 1 },
|
|
62
|
-
...t === "bottomRight" && { justifyContent: "flex-end" },
|
|
63
|
-
children: /* @__PURE__ */ e.jsx(j, { size: "xs", variant: c === "default" ? "primary" : "secondary", w: "max-content", ...a, children: s })
|
|
64
|
-
}
|
|
65
|
-
), it = ({
|
|
66
|
-
buttonProps: t,
|
|
67
|
-
description: s,
|
|
68
|
-
descriptionProps: c,
|
|
69
|
-
hideCloseButton: r = !1,
|
|
70
|
-
hideIcon: a = !1,
|
|
71
|
-
iconProps: l,
|
|
72
|
-
onClose: m,
|
|
73
|
-
onContrast: i = !1,
|
|
74
|
-
status: n = "success",
|
|
75
|
-
title: d,
|
|
76
|
-
titleProps: v,
|
|
77
|
-
closeButtonIcon: R = "close",
|
|
78
|
-
["data-testid"]: o = "kibble-alert",
|
|
79
|
-
..._
|
|
80
|
-
}) => {
|
|
81
|
-
t && !t.buttonPosition && (t.buttonPosition = "topRight");
|
|
82
|
-
const x = t && t.buttonPosition === "topRight", h = x ? A : y.Fragment;
|
|
83
|
-
return /* @__PURE__ */ e.jsxs(
|
|
84
|
-
H,
|
|
85
|
-
{
|
|
86
|
-
className: "Alert",
|
|
87
|
-
"data-testid": o,
|
|
88
|
-
..._,
|
|
89
|
-
variant: n,
|
|
90
|
-
hideIcon: a,
|
|
91
|
-
onContrast: i,
|
|
92
|
-
children: [
|
|
93
|
-
!a && /* @__PURE__ */ e.jsx(K, { className: "Alert__Icon", "data-testid": `${o}-icon`, children: /* @__PURE__ */ e.jsx(
|
|
94
|
-
S,
|
|
95
|
-
{
|
|
96
|
-
variant: i ? "onContrast" : B[n],
|
|
97
|
-
name: l?.name || k[n],
|
|
98
|
-
size: "lg",
|
|
99
|
-
...l
|
|
100
|
-
}
|
|
101
|
-
) }),
|
|
102
|
-
/* @__PURE__ */ e.jsxs(G, { className: "Alert__Content", "data-testid": `${o}-content`, children: [
|
|
103
|
-
d && /* @__PURE__ */ e.jsxs(
|
|
104
|
-
h,
|
|
105
|
-
{
|
|
106
|
-
...x && {
|
|
107
|
-
justifyContent: "space-between",
|
|
108
|
-
gap: 2
|
|
109
|
-
},
|
|
110
|
-
children: [
|
|
111
|
-
/* @__PURE__ */ e.jsx(T, { className: "Alert__Title", "data-testid": `${o}-title`, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: i ? "onContrast" : "default", ...v, children: d }) }),
|
|
112
|
-
t && t.buttonPosition === "topRight" && /* @__PURE__ */ e.jsx(f, { status: n, onContrast: i, ...t })
|
|
113
|
-
]
|
|
114
|
-
}
|
|
115
|
-
),
|
|
116
|
-
s && /* @__PURE__ */ e.jsxs(h, { ...x && { justifyContent: "space-between" }, children: [
|
|
117
|
-
/* @__PURE__ */ e.jsx(q, { className: "Alert__Description", "data-testid": `${o}-description`, children: typeof s == "string" ? /* @__PURE__ */ e.jsx(W, { size: "md", variant: i ? "onContrast" : "default", ...c, children: s }) : s }),
|
|
118
|
-
t && t.buttonPosition === "topRight" && !d && /* @__PURE__ */ e.jsx(f, { status: n, onContrast: i, ...t })
|
|
119
|
-
] }),
|
|
120
|
-
t && t?.buttonPosition !== "topRight" && /* @__PURE__ */ e.jsx(f, { status: n, onContrast: i, ...t })
|
|
121
|
-
] }),
|
|
122
|
-
!r && /* @__PURE__ */ e.jsx(
|
|
123
|
-
j,
|
|
124
|
-
{
|
|
125
|
-
className: "Alert__CloseTrigger",
|
|
126
|
-
"data-testid": `${o}-close-trigger`,
|
|
127
|
-
iconName: R,
|
|
128
|
-
size: "xs",
|
|
129
|
-
variant: "ghostNeutral",
|
|
130
|
-
onContrast: i,
|
|
131
|
-
onClick: m
|
|
132
|
-
}
|
|
133
|
-
)
|
|
134
|
-
]
|
|
135
|
-
}
|
|
136
|
-
);
|
|
137
|
-
};
|
|
138
|
-
export {
|
|
139
|
-
it as A
|
|
140
|
-
};
|
|
141
|
-
//# sourceMappingURL=alert.component-DjFZO6Ks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"alert.component-DjFZO6Ks.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n name: \"AlertStatusContext\",\n hookName: \"useAlertStatusContext\",\n providerName: \"<Alert />\"\n});\nconst {\n withProvider,\n withContext,\n useStyles: useAlertStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n \"div\",\n \"root\",\n {\n forwardAsChild: true,\n wrapElement(element, props) {\n return (\n // @ts-ignore fix later\n /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n );\n }\n }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n \"div\",\n \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n \"div\",\n \"content\"\n);\nconst iconMap = {\n info: InfoIcon,\n warning: WarningIcon,\n success: CheckCircleIcon,\n error: WarningIcon,\n neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n function AlertIndicator2(props, ref) {\n const api = useAlertStatusContext();\n const styles = useAlertStyles();\n const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n /** Position of the button.\n * @default topRight\n */\n buttonPosition?: AlertButtonPosition;\n /** Text to display in the button. */\n buttonText: string;\n /** Data test id for the button.\n * @default kibble-alert-button\n */\n 'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n /** Status of the alert.\n * @internal\n */\n status: Status;\n}\n\nexport const AlertButton = ({\n buttonPosition = 'topRight',\n buttonText,\n status,\n ['data-testid']: dataTestId = 'kibble-alert-button',\n ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n return (\n <Flex\n className=\"Alert__Button\"\n data-testid={dataTestId}\n {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n >\n <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n {buttonText}\n </Button>\n </Flex>\n );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n /** Props to customize the alert button. */\n buttonProps?: AlertButtonProps;\n /** The body of the alert */\n description?: React.ReactNode;\n /** Props to customize the description when passed as a string. */\n descriptionProps?: TextProps;\n /**\n * If true, the close button will not be displayed.\n * @default false\n */\n hideCloseButton?: boolean;\n /**\n * If true, the icon will not be displayed.\n * @default false\n */\n hideIcon?: boolean;\n /** Props to customize the icon. */\n iconProps?: IconProps;\n /** Callback function to be called when the close button is clicked. */\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * If true, the alert will use a contrasting variant according to the selected status.\n * @default false\n */\n onContrast?: boolean;\n /**\n * The status of the alert. Determines the color of the alert.\n * @default success\n */\n status?: Status;\n /** The title of the alert. */\n title?: React.ReactNode;\n /** Props to customize the title when passed as a string. */\n titleProps?: HeadingProps;\n /** The name of the icon to be used as the close button. */\n closeButtonIcon?: IconName;\n /** Data test id for the alert.\n * @default kibble-alert\n */\n 'data-testid'?: string;\n}\n\nexport const Alert = ({\n buttonProps,\n description,\n descriptionProps,\n hideCloseButton = false,\n hideIcon = false,\n iconProps,\n onClose,\n onContrast = false,\n status = 'success',\n title,\n titleProps,\n closeButtonIcon = 'close',\n ['data-testid']: dataTestId = 'kibble-alert',\n ...rest\n}: AlertProps): React.JSX.Element => {\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n return (\n <CAlert.Root\n className=\"Alert\"\n data-testid={dataTestId}\n {...rest}\n variant={status}\n hideIcon={hideIcon}\n onContrast={onContrast}\n >\n {!hideIcon && (\n <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n <Icon\n variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n name={iconProps?.name || StatusIconMap[status]}\n size=\"lg\"\n {...iconProps}\n />\n </CAlert.Indicator>\n )}\n <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n {title && (\n <WithButtonWrapper\n {...(isTopRightButton && {\n justifyContent: 'space-between',\n gap: 2,\n })}\n >\n <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n {title}\n </Heading>\n </CAlert.Title>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {description && (\n <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n {typeof description === 'string' ? (\n <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </CAlert.Description>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </CAlert.Content>\n {!hideCloseButton && (\n <Button\n className=\"Alert__CloseTrigger\"\n data-testid={`${dataTestId}-close-trigger`}\n iconName={closeButtonIcon}\n size=\"xs\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose}\n />\n )}\n </CAlert.Root>\n );\n};\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","closeButtonIcon","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notificationCounter.component-BUxWlpKh.js","sources":["../../src/components/NotificationCounter/notificationCounter.recipe.ts","../../src/components/NotificationCounter/notificationCounter.records.ts","../../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\n\nconst notificationCounterSlots = ['root', 'maxElement'] as const;\ntype NotificationCounterSlot = (typeof notificationCounterSlots)[number];\n\nconst notificationCounterVariantStyles: Record<\n NotificationCounterVariant,\n Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n blue: {\n root: {\n bgColor: 'background.accent',\n color: 'text.contrast',\n },\n maxElement: {\n bgColor: 'text.contrast',\n },\n },\n green: {\n root: {\n bgColor: 'background.success.contrast',\n color: 'text.contrast',\n },\n maxElement: {\n bgColor: 'text.contrast',\n },\n },\n neutral: {\n root: {\n bgColor: 'background.subtle.less',\n color: 'text',\n },\n maxElement: {\n bgColor: 'text',\n },\n },\n red: {\n root: {\n bgColor: 'background.danger.contrast',\n color: 'text.contrast',\n },\n maxElement: {\n bgColor: 'text.contrast',\n },\n },\n};\n\nconst notificationCounterSizeStyles: Record<\n NotificationCounterSize,\n Record<NotificationCounterSlot, SystemStyleObject>\n> = {\n xs: {\n root: {\n fontSize: '8px',\n height: 3,\n width: 3,\n },\n maxElement: {\n height: '1px',\n width: '1px',\n },\n },\n sm: {\n root: { fontSize: '10px', height: 4, width: 4 },\n maxElement: {\n height: '2px',\n width: '2px',\n },\n },\n md: {\n root: {\n fontSize: 'xs',\n height: 5,\n width: 5,\n },\n maxElement: {\n height: '3px',\n width: '3px',\n },\n },\n lg: {\n root: {\n fontSize: 'sm',\n height: 6,\n width: 6,\n },\n maxElement: {\n height: 1,\n width: 1,\n },\n },\n};\n\nexport const notificationCounterRecipe = defineSlotRecipe({\n slots: notificationCounterSlots,\n base: {\n root: {\n alignItems: 'center',\n border: '1px',\n borderColor: 'background',\n borderRadius: 'full',\n fontWeight: 'semibold',\n justifyContent: 'center',\n },\n maxElement: {\n borderRadius: 'full',\n },\n },\n variants: {\n size: notificationCounterSizeStyles,\n variant: notificationCounterVariantStyles,\n },\n defaultVariants: {\n size: 'md',\n variant: 'red',\n },\n});\n","import { SpinnerSize } from 'components/Spinner/spinner.types';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { TypographyVariant } from 'shared/types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSpinnerSize: Record<NotificationCounterSize, SpinnerSize | null> = {\n xs: null, // The xs size doesn't show a spinner\n sm: 'xs',\n md: 'xs',\n lg: 'sm',\n};\n\nexport const spinnerVariantToNotificationCounterVariant: Record<NotificationCounterVariant, TypographyVariant> = {\n red: 'dangerOnContrast',\n blue: 'interactiveOnContrast',\n green: 'brandOnContrast',\n neutral: 'subtleOnContrast',\n};\n","import React, { useMemo } from 'react';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { notificationCounterRecipe } from './notificationCounter.recipe';\nimport {\n MAX_COUNT,\n notificationCounterSpinnerSize,\n spinnerVariantToNotificationCounterVariant,\n} from './notificationCounter.records';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface NotificationCounterProps extends FlexProps {\n /** Value of the notification counter. If count is greater than 99, the count will be hidden and a special indicator will take its place. */\n count?: number;\n /** If true, the notification counter will show a spinner.\n * @default false\n */\n loading?: boolean;\n /** Whether or not to show the counter label. If the size is xs, by default the count label won't be shown.\n * @default true\n */\n showCount?: boolean;\n /** Size of the notification counter\n * @default md\n */\n size?: NotificationCounterSize;\n /** Color variant for the notification counter\n * @default red\n */\n variant?: NotificationCounterVariant;\n /** Data test id for the notification counter.\n * @default kibble-notification-counter\n */\n 'data-testid'?: string;\n}\n\nexport const NotificationCounter = ({\n count,\n loading = false,\n showCount = true,\n size = 'md',\n variant = 'red',\n ['data-testid']: dataTestId = 'kibble-notification-counter',\n ...rest\n}: NotificationCounterProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: notificationCounterRecipe });\n const styles = recipe({ size, variant });\n const shouldShowCount = size !== 'xs' && showCount;\n\n const counterContent = useMemo(() => {\n const _spinnerSize = notificationCounterSpinnerSize[size];\n const _spinnerVariant = spinnerVariantToNotificationCounterVariant[variant];\n\n if (loading && !!_spinnerSize) return <Spinner variant={_spinnerVariant} size={_spinnerSize} />;\n\n if (count == null) return null; // Handle undefined or null count\n\n if (count > MAX_COUNT) return <Box css={styles.maxElement} />;\n\n return count;\n }, [size, variant, loading, count, styles.maxElement]);\n\n return (\n <Flex className=\"NotificationCounter\" data-testid={dataTestId} css={styles.root} {...rest}>\n {shouldShowCount && counterContent}\n </Flex>\n );\n};\n"],"names":["notificationCounterSlots","notificationCounterVariantStyles","notificationCounterSizeStyles","notificationCounterRecipe","defineSlotRecipe","MAX_COUNT","notificationCounterSpinnerSize","spinnerVariantToNotificationCounterVariant","NotificationCounter","count","loading","showCount","size","variant","dataTestId","rest","styles","useSlotRecipe","shouldShowCount","counterContent","useMemo","_spinnerSize","_spinnerVariant","Spinner","Box","jsx","Flex"],"mappings":"mRAGMA,EAA2B,CAAC,OAAQ,YAAY,EAGhDC,EAGF,CACF,KAAM,CACJ,KAAM,CACJ,QAAS,oBACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CAEb,EACA,MAAO,CACL,KAAM,CACJ,QAAS,8BACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CAEb,EACA,QAAS,CACP,KAAM,CACJ,QAAS,yBACT,MAAO,MACT,EACA,WAAY,CACV,QAAS,MAAA,CAEb,EACA,IAAK,CACH,KAAM,CACJ,QAAS,6BACT,MAAO,eACT,EACA,WAAY,CACV,QAAS,eAAA,CACX,CAEJ,EAEMC,EAGF,CACF,GAAI,CACF,KAAM,CACJ,SAAU,MACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CAAE,SAAU,OAAQ,OAAQ,EAAG,MAAO,CAAE,EAC9C,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CACJ,SAAU,KACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,MACR,MAAO,KAAA,CAEX,EACA,GAAI,CACF,KAAM,CACJ,SAAU,KACV,OAAQ,EACR,MAAO,CACT,EACA,WAAY,CACV,OAAQ,EACR,MAAO,CAAA,CACT,CAEJ,EAEaC,EAA4BC,EAAAA,iBAAiB,CACxD,MAAOJ,EACP,KAAM,CACJ,KAAM,CACJ,WAAY,SACZ,OAAQ,MACR,YAAa,aACb,aAAc,OACd,WAAY,WACZ,eAAgB,QAClB,EACA,WAAY,CACV,aAAc,MAAA,CAElB,EACA,SAAU,CACR,KAAME,EACN,QAASD,CACX,EACA,gBAAiB,CACf,KAAM,KACN,QAAS,KAAA,CAEb,CAAC,ECjHYI,EAAY,GAEZC,EAAsF,CACjG,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEaC,EAAoG,CAC/G,IAAK,mBACL,KAAM,wBACN,MAAO,kBACP,QAAS,kBACX,ECoBaC,EAAsB,CAAC,CAClC,MAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,KAAAC,EAAO,KACP,QAAAC,EAAU,MACV,CAAC,eAAgBC,EAAa,8BAC9B,GAAGC,CACL,IAAmD,CAEjD,MAAMC,EADSC,EAAA,cAAc,CAAE,OAAQd,EAA2B,EAC5C,CAAE,KAAAS,EAAM,QAAAC,EAAS,EACjCK,EAAkBN,IAAS,MAAQD,EAEnCQ,EAAiBC,EAAAA,QAAQ,IAAM,CAC7B,MAAAC,EAAef,EAA+BM,CAAI,EAClDU,EAAkBf,EAA2CM,CAAO,EAEtE,OAAAH,GAAaW,0BAAsBE,UAAQ,CAAA,QAASD,EAAiB,KAAMD,CAAc,CAAA,EAEzFZ,GAAS,KAAa,KAEtBA,EAAQJ,0BAAmBmB,EAAI,IAAA,CAAA,IAAKR,EAAO,WAAY,EAEpDP,CAAA,EACN,CAACG,EAAMC,EAASH,EAASD,EAAOO,EAAO,UAAU,CAAC,EAErD,OACGS,EAAAA,kBAAAA,IAAAC,EAAAA,KAAA,CAAK,UAAU,sBAAsB,cAAaZ,EAAY,IAAKE,EAAO,KAAO,GAAGD,EAClF,SAAAG,GAAmBC,EACtB,CAEJ"}
|