@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.
Files changed (53) hide show
  1. package/AGENTS.md +4 -1
  2. package/dist/chunks/alert.component-1-RhljlT.js +2 -0
  3. package/dist/chunks/alert.component-1-RhljlT.js.map +1 -0
  4. package/dist/chunks/alert.component-ByJCotaH.js +149 -0
  5. package/dist/chunks/alert.component-ByJCotaH.js.map +1 -0
  6. package/dist/chunks/{conversationCard.component-CXEHIrKJ.js → conversationCard.component-BM1FexSR.js} +2 -2
  7. package/dist/chunks/{conversationCard.component-CXEHIrKJ.js.map → conversationCard.component-BM1FexSR.js.map} +1 -1
  8. package/dist/chunks/{conversationCard.component-sKlfIP1V.js → conversationCard.component-Dg3RtQE8.js} +2 -2
  9. package/dist/chunks/{conversationCard.component-sKlfIP1V.js.map → conversationCard.component-Dg3RtQE8.js.map} +1 -1
  10. package/dist/chunks/{maintenanceBanner.types-CfHYj6Nu.js → maintenanceBanner.types-CPr8G6Hj.js} +2 -2
  11. package/dist/chunks/{maintenanceBanner.types-CfHYj6Nu.js.map → maintenanceBanner.types-CPr8G6Hj.js.map} +1 -1
  12. package/dist/chunks/{maintenanceBanner.types-Bey20P0-.js → maintenanceBanner.types-bwnay-jL.js} +2 -2
  13. package/dist/chunks/{maintenanceBanner.types-Bey20P0-.js.map → maintenanceBanner.types-bwnay-jL.js.map} +1 -1
  14. package/dist/chunks/{notificationCounter.component-BUxWlpKh.js → notificationCounter.component-Cmpqouio.js} +2 -2
  15. package/dist/chunks/notificationCounter.component-Cmpqouio.js.map +1 -0
  16. package/dist/chunks/{notificationCounter.component-DikPb9gS.js → notificationCounter.component-kKVMY1AR.js} +9 -7
  17. package/dist/chunks/notificationCounter.component-kKVMY1AR.js.map +1 -0
  18. package/dist/chunks/{tab.types-CxSmEPw0.js → tab.types-C3Si454B.js} +2 -2
  19. package/dist/chunks/{tab.types-CxSmEPw0.js.map → tab.types-C3Si454B.js.map} +1 -1
  20. package/dist/chunks/{tab.types-C33sw4x5.js → tab.types-CBEczQus.js} +2 -2
  21. package/dist/chunks/{tab.types-C33sw4x5.js.map → tab.types-CBEczQus.js.map} +1 -1
  22. package/dist/chunks/{theme.provider-D_0Xfv0Z.js → theme.provider-CO6PM6Lp.js} +54 -14
  23. package/dist/chunks/{theme.provider-D_0Xfv0Z.js.map → theme.provider-CO6PM6Lp.js.map} +1 -1
  24. package/dist/chunks/{theme.provider-BX40Kz1f.js → theme.provider-CnANijP7.js} +388 -348
  25. package/dist/chunks/{theme.provider-BX40Kz1f.js.map → theme.provider-CnANijP7.js.map} +1 -1
  26. package/dist/cjs/components/Alert/index.cjs +1 -1
  27. package/dist/cjs/components/ConversationCard/index.cjs +1 -1
  28. package/dist/cjs/components/MaintenanceBanner/index.cjs +1 -1
  29. package/dist/cjs/components/NotificationCounter/index.cjs +1 -1
  30. package/dist/cjs/components/Tabs/index.cjs +1 -1
  31. package/dist/cjs/components/index.cjs +1 -1
  32. package/dist/cjs/index.cjs +1 -1
  33. package/dist/cjs/theme/index.cjs +1 -1
  34. package/dist/cjs/theme/tokens/typography/index.cjs +1 -1
  35. package/dist/cjs/theme/tokens/typography/index.cjs.map +1 -1
  36. package/dist/components.json +2 -2
  37. package/dist/esm/components/Alert/index.js +1 -1
  38. package/dist/esm/components/ConversationCard/index.js +1 -1
  39. package/dist/esm/components/MaintenanceBanner/index.js +1 -1
  40. package/dist/esm/components/NotificationCounter/index.js +1 -1
  41. package/dist/esm/components/Tabs/index.js +1 -1
  42. package/dist/esm/components/index.js +5 -5
  43. package/dist/esm/index.js +6 -6
  44. package/dist/esm/theme/index.js +1 -1
  45. package/dist/esm/theme/tokens/typography/index.js +6 -6
  46. package/dist/esm/theme/tokens/typography/index.js.map +1 -1
  47. package/package.json +1 -1
  48. package/dist/chunks/alert.component-B0gDwaKQ.js +0 -2
  49. package/dist/chunks/alert.component-B0gDwaKQ.js.map +0 -1
  50. package/dist/chunks/alert.component-DjFZO6Ks.js +0 -141
  51. package/dist/chunks/alert.component-DjFZO6Ks.js.map +0 -1
  52. package/dist/chunks/notificationCounter.component-BUxWlpKh.js.map +0 -1
  53. 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-B0gDwaKQ.js"),e=require("../../../chunks/alert.types-8mtsdXr4.js");exports.Alert=t.Alert;exports.alertButtonPositions=e.alertButtonPositions;
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-CXEHIrKJ.js");exports.ConversationCard=e.ConversationCard;
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-CfHYj6Nu.js");exports.MaintenanceBanner=n.MaintenanceBanner;exports.maintenanceBannerEnvKeys=n.maintenanceBannerEnvKeys;
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-BUxWlpKh.js"),t=require("../../../chunks/notificationCounter.types-B_-siNfi.js");exports.NotificationCounter=i.NotificationCounter;exports.notificationCounterSizes=t.notificationCounterSizes;exports.notificationCounterVariants=t.notificationCounterVariants;
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-CxSmEPw0.js");exports.Tabs=t.Tabs;exports.tabIconPositions=t.tabIconPositions;exports.tabSizes=t.tabSizes;
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-B0gDwaKQ.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-CXEHIrKJ.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-CfHYj6Nu.js"),M=require("../../chunks/menu.component-B_rE1WZ2.js"),t=require("../../chunks/modal.types-CfN8ElV6.js"),w=require("../../chunks/notificationCounter.component-BUxWlpKh.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-CxSmEPw0.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;
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
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../chunks/alert.component-B0gDwaKQ.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-CXEHIrKJ.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-CfHYj6Nu.js"),L=require("../chunks/menu.component-B_rE1WZ2.js"),t=require("../chunks/modal.types-CfN8ElV6.js"),K=require("../chunks/notificationCounter.component-BUxWlpKh.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-CxSmEPw0.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-D_0Xfv0Z.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;
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
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/theme.provider-D_0Xfv0Z.js");exports.KibbleThemeProvider=e.KibbleThemeProvider;exports.kibbleThemeConfig=e.kibbleThemeConfig;exports.system=e.system;
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:"'aktiv-grotesk', sans-serif",body:"'aktiv-grotesk', sans-serif",mono:"LinearSans, Noto Sans, Arial, Helvetica, sans-serif"},r={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"},t={normal:400,semibold:600,bold:600},s={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"},m={tight:"-0.025em",tighter:"-0.05em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"};exports.fontSizes=r;exports.fontWeights=t;exports.fonts=e;exports.letterSpacings=m;exports.lineHeights=s;
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: \"'aktiv-grotesk', sans-serif\",\n body: \"'aktiv-grotesk', 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,8BACT,KAAM,8BACN,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"}
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"}
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "kibbleVersion": "5.1.1",
4
- "generatedAt": "2026-10-02T15:31:25.165Z",
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 { A as r } from "../../../chunks/alert.component-DjFZO6Ks.js";
1
+ import { A as r } from "../../../chunks/alert.component-ByJCotaH.js";
2
2
  import { a as e } from "../../../chunks/alert.types-CPfg5SeM.js";
3
3
  export {
4
4
  r as Alert,
@@ -1,4 +1,4 @@
1
- import { C as a } from "../../../chunks/conversationCard.component-sKlfIP1V.js";
1
+ import { C as a } from "../../../chunks/conversationCard.component-Dg3RtQE8.js";
2
2
  export {
3
3
  a as ConversationCard
4
4
  };
@@ -1,4 +1,4 @@
1
- import { M as e, m as r } from "../../../chunks/maintenanceBanner.types-Bey20P0-.js";
1
+ import { M as e, m as r } from "../../../chunks/maintenanceBanner.types-bwnay-jL.js";
2
2
  export {
3
3
  e as MaintenanceBanner,
4
4
  r as maintenanceBannerEnvKeys
@@ -1,4 +1,4 @@
1
- import { N as i } from "../../../chunks/notificationCounter.component-DikPb9gS.js";
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 { T as o, a as t, t as b } from "../../../chunks/tab.types-C33sw4x5.js";
1
+ import { T as o, a as t, t as b } from "../../../chunks/tab.types-CBEczQus.js";
2
2
  export {
3
3
  o as Tabs,
4
4
  t as tabIconPositions,
@@ -1,4 +1,4 @@
1
- import { A as r } from "../../chunks/alert.component-DjFZO6Ks.js";
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-sKlfIP1V.js";
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-Bey20P0-.js";
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-DikPb9gS.js";
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-C33sw4x5.js";
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-DjFZO6Ks.js";
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-sKlfIP1V.js";
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-Bey20P0-.js";
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-DikPb9gS.js";
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-C33sw4x5.js";
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-BX40Kz1f.js";
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,
@@ -1,4 +1,4 @@
1
- import { K as b, k as i, s as m } from "../../chunks/theme.provider-BX40Kz1f.js";
1
+ import { K as b, k as i, s as m } from "../../chunks/theme.provider-CnANijP7.js";
2
2
  export {
3
3
  b as KibbleThemeProvider,
4
4
  i as kibbleThemeConfig,
@@ -1,6 +1,6 @@
1
1
  const e = {
2
- heading: "'aktiv-grotesk', sans-serif",
3
- body: "'aktiv-grotesk', sans-serif",
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
- }, s = {
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
- }, t = {
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
- t as letterSpacings,
52
- s as lineHeights
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: \"'aktiv-grotesk', sans-serif\",\n body: \"'aktiv-grotesk', 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;"}
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
@@ -4,7 +4,7 @@
4
4
  "packages/*"
5
5
  ],
6
6
  "description": "Kibble Design System by Otto",
7
- "version": "5.1.1",
7
+ "version": "5.2.0",
8
8
  "type": "module",
9
9
  "main": "./dist/cjs/index.cjs",
10
10
  "module": "./dist/esm/index.js",
@@ -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":";;;;;;;;;;;;AASA,MAAM,CAACA,GAAqBC,CAAqB,IAAIC,EAAc;AAAA,EACjE,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAChB,CAAC,GACK;AAAA,EACJ,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAWC;AAEb,IAAIC,EAAwB,EAAE,KAAK,QAAO,CAAE,GACtCC,IAAYJ;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,IACE,gBAAgB;AAAA,IAChB,YAAYK,GAASC,GAAO;AAC1B;AAAA;AAAA,QAEkBC,gBAAAA,EAAAA,IAAIV,GAAqB,EAAE,OAAO,EAAE,QAAQS,EAAM,UAAU,OAAM,GAAI,UAAUD,EAAS,CAAA;AAAA;AAAA,IAEjH;AAAA,EACA;AACA,GAEMG,IAAaP;AAAA,EACjB;AAAA,EACA;AACF,GACMQ,IAAmBR,EAAY,OAAO,aAAa,GACnDS,IAAeT;AAAA,EACnB;AAAA,EACA;AACF,GACMU,IAAU;AAAA,EACd,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,SAASC;AAAA,EACT,OAAOD;AAAA,EACP,SAASD;AACX,GACMG,IAAiBC;AAAA,EACrB,SAAyBV,GAAOW,GAAK;AACnC,UAAMC,IAAMpB,EAAuB,GAC7BqB,IAASjB,EAAgB,GACzBkB,IAAO,OAAOF,EAAI,UAAW,WAAWP,EAAQO,EAAI,MAAM,IAAIG,GAC9D,EAAE,UAAAC,IAA2Bf,gBAAAA,MAAIa,GAAM,CAAA,CAAE,GAAG,GAAGG,EAAI,IAAKjB;AAC9D,WAAuBC,gBAAAA,EAAG,IAACiB,EAAO,MAAM,EAAE,KAAAP,GAAK,GAAGM,GAAM,KAAK,CAACJ,EAAO,WAAWb,EAAM,GAAG,GAAG,UAAAgB,EAAQ,CAAE;AAAA,EAC1G;AACA,GChCaG,IAAc,CAAC;AAAA,EAC1B,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGN;AACL,MAEIhB,gBAAAA,EAAA;AAAA,EAACuB;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAaD;AAAA,IACZ,GAAIH,MAAmB,cAAc,EAAE,IAAI,GAAG,IAAI,EAAE;AAAA,IACpD,GAAIA,MAAmB,iBAAiB,EAAE,gBAAgB,WAAW;AAAA,IAEtE,UAACnB,gBAAAA,EAAA,IAAAwB,GAAA,EAAO,MAAK,MAAK,SAASH,MAAW,YAAY,YAAY,aAAa,GAAE,eAAe,GAAGL,GAC5F,UACHI,EAAA,CAAA;AAAA,EAAA;AACF,GCYSK,KAAQ,CAAC;AAAA,EACpB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAZ,IAAS;AAAA,EACT,OAAAa;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,CAAC,gBAAgBd,IAAa;AAAA,EAC9B,GAAGN;AACL,MAAqC;AAC/B,EAAAU,KAAe,CAACA,EAAY,mBAC9BA,EAAY,iBAAiB;AAEzB,QAAAW,IAAmBX,KAAeA,EAAY,mBAAmB,YACjEY,IAAoBD,IAAmBd,IAAOgB,EAAM;AAGxD,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAanB;AAAA,MACZ,GAAGN;AAAA,MACJ,SAASK;AAAA,MACT,UAAAS;AAAA,MACA,YAAAG;AAAA,MAEC,UAAA;AAAA,QAAC,CAAAH,KACC9B,gBAAAA,EAAAA,IAAA0C,GAAA,EAAiB,WAAU,eAAc,eAAa,GAAGpB,CAAU,SAClE,UAAAtB,gBAAAA,EAAA;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,SAASoB,IAAa,eAAeU,EAAoBtB,CAAM;AAAA,YAC/D,MAAMU,GAAW,QAAQa,EAAcvB,CAAM;AAAA,YAC7C,MAAK;AAAA,YACJ,GAAGU;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QAEFS,gBAAAA,OAACK,GAAA,EAAe,WAAU,kBAAiB,eAAa,GAAGvB,CAAU,YAClE,UAAA;AAAA,UACCY,KAAAM,gBAAAA,EAAA;AAAA,YAACF;AAAA,YAAA;AAAA,cACE,GAAID,KAAoB;AAAA,gBACvB,gBAAgB;AAAA,gBAChB,KAAK;AAAA,cACP;AAAA,cAEA,UAAA;AAAA,gBAACrC,gBAAAA,EAAAA,IAAA8C,GAAA,EAAa,WAAU,gBAAe,eAAa,GAAGxB,CAAU,UAC/D,UAAAtB,gBAAAA,EAAAA,IAAC+C,KAAQ,MAAK,MAAK,SAASd,IAAa,eAAe,WAAY,GAAGE,GACpE,aACH,EACF,CAAA;AAAA,gBACCT,KAAeA,EAAY,mBAAmB,oCAC5CR,GAAY,EAAA,QAAAG,GAAgB,YAAAY,GAAyB,GAAGP,EAAa,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAE1E;AAAA,UAEDC,4BACEW,GAAmB,EAAA,GAAID,KAAoB,EAAE,gBAAgB,gBAC5D,GAAA,UAAA;AAAA,YAACrC,gBAAAA,EAAAA,IAAAgD,GAAA,EAAmB,WAAU,sBAAqB,eAAa,GAAG1B,CAAU,gBAC1E,UAAA,OAAOK,KAAgB,iCACrBsB,GAAK,EAAA,MAAK,MAAK,SAAShB,IAAa,eAAe,WAAY,GAAGL,GACjE,UACHD,EAAA,CAAA,IAEAA,EAEJ,CAAA;AAAA,YACCD,KAAeA,EAAY,mBAAmB,cAAc,CAACQ,KAC5DlC,gBAAAA,MAACkB,GAAY,EAAA,QAAAG,GAAgB,YAAAY,GAAyB,GAAGP,EAAa,CAAA;AAAA,UAAA,GAE1E;AAAA,UAEDA,KAAeA,GAAa,mBAAmB,oCAC7CR,GAAY,EAAA,QAAAG,GAAgB,YAAAY,GAAyB,GAAGP,EAAa,CAAA;AAAA,QAAA,GAE1E;AAAA,QACC,CAACG,KACA7B,gBAAAA,EAAA;AAAA,UAACwB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAa,GAAGF,CAAU;AAAA,YAC1B,UAAUc;AAAA,YACV,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,YAAAH;AAAA,YACA,SAASD;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAEJ;AAEJ;","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"}