@televet/kibble-ui 4.0.0-beta.127 → 4.0.0-beta.128
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/logo.types-R7sXqcB4.js +2 -0
- package/dist/chunks/logo.types-R7sXqcB4.js.map +1 -0
- package/dist/chunks/{logo.types-CYh7XPT1.js → logo.types-jb-f-Z1C.js} +14 -11
- package/dist/chunks/logo.types-jb-f-Z1C.js.map +1 -0
- package/dist/cjs/components/Logo/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/Logo/index.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/types/components/Logo/logo.component.d.ts +2 -3
- package/dist/types/components/Logo/logo.recipe.d.ts +20 -1
- package/dist/types/components/Logo/logo.types.d.ts +2 -0
- package/package.json +1 -1
- package/dist/chunks/logo.types-CYh7XPT1.js.map +0 -1
- package/dist/chunks/logo.types-DySDOgO1.js +0 -2
- package/dist/chunks/logo.types-DySDOgO1.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),r=require("./IconLogo-C4aZqkn1.js"),s=require("./typography-CtiaGoJG.js"),l=require("./config-BFcXpdZo.js"),p=require("./use-recipe-DaPWl_pL.js"),u=require("./box-Baq7UBls.js"),g={full:{width:"200px"},icon:{width:"60px"}},y=l.defineRecipe({base:{},variants:{type:g,variant:{...s.typographyVariantStyles,primary:s.typographyVariantStyles.brand}},defaultVariants:{type:"full",variant:"default"}}),d=({onClick:e,type:o="full",variant:i="default",...n})=>{const c=o==="full"?r.ForwardRef:r.ForwardRef$1,a=p.useRecipe({recipe:y})({variant:i,type:o});return t.jsxRuntimeExports.jsx(u.Box,{className:"Logo","data-testid":"kibble-logo",...e&&{cursor:"pointer",onClick:e},css:a,...n,children:t.jsxRuntimeExports.jsx(c,{color:"currentColor",width:"100%",height:"100%"})})},f=["full","icon"];exports.Logo=d;exports.logoTypes=f;
|
|
2
|
+
//# sourceMappingURL=logo.types-R7sXqcB4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo.types-R7sXqcB4.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType } from './logo.types';\nimport { typographyVariantStyles } from 'shared/records/typography';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n full: {\n width: '200px',\n },\n icon: {\n width: '60px',\n },\n};\n\nexport const logoRecipe = defineRecipe({\n base: {},\n variants: {\n type: logoTypeStyles,\n variant: {\n ...typographyVariantStyles,\n primary: typographyVariantStyles.brand,\n },\n },\n defaultVariants: {\n type: 'full',\n variant: 'default',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType, LogoVariant } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n onClick?: () => void;\n type?: LogoType;\n variant?: LogoVariant;\n}\n\nexport const Logo = ({ onClick, type = 'full', variant = 'default', ...rest }: LogoProps): React.JSX.Element => {\n const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n const recipe = useRecipe({ recipe: logoRecipe });\n const styles = recipe({ variant, type });\n\n return (\n <Box\n className=\"Logo\"\n data-testid=\"kibble-logo\"\n {...(onClick && { cursor: 'pointer', onClick })}\n css={styles}\n {...rest}\n >\n <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n </Box>\n );\n};\n","import { TypographyVariant } from 'shared/types/typography';\n\nexport const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n\nexport type LogoVariant = TypographyVariant | 'primary';\n"],"names":["logoTypeStyles","logoRecipe","defineRecipe","typographyVariantStyles","Logo","onClick","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes"],"mappings":"2OAIMA,EAAsD,CAC1D,KAAM,CACJ,MAAO,OACT,EACA,KAAM,CACJ,MAAO,MAAA,CAEX,EAEaC,EAAaC,EAAAA,aAAa,CACrC,KAAM,CAAC,EACP,SAAU,CACR,KAAMF,EACN,QAAS,CACP,GAAGG,EAAA,wBACH,QAASA,EAAAA,wBAAwB,KAAA,CAErC,EACA,gBAAiB,CACf,KAAM,OACN,QAAS,SAAA,CAEb,CAAC,ECbYC,EAAO,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAO,OAAQ,QAAAC,EAAU,UAAW,GAAGC,KAAyC,CACxG,MAAAC,EAAgBH,IAAS,OAASI,EAAW,WAAAC,EAAA,aAE7CC,EADSC,EAAA,UAAU,CAAE,OAAQZ,EAAY,EACzB,CAAE,QAAAM,EAAS,KAAAD,EAAM,EAGrC,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,OACV,cAAY,cACX,GAAIV,GAAW,CAAE,OAAQ,UAAW,QAAAA,CAAQ,EAC7C,IAAKO,EACJ,GAAGJ,EAEJ,iCAACC,EAAc,CAAA,MAAM,eAAe,MAAM,OAAO,OAAO,MAAO,CAAA,CAAA,CACjE,CAEJ,EC3BaO,EAAY,CAAC,OAAQ,MAAM"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { F as
|
|
3
|
-
import { t as
|
|
1
|
+
import { j as r } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
+
import { F as p, a as n } from "./IconLogo-UpYiHEKq.js";
|
|
3
|
+
import { t as e } from "./typography-Cqrokog3.js";
|
|
4
4
|
import { b as c } from "./config-DlTdf-Yt.js";
|
|
5
5
|
import { u as f } from "./use-recipe-d63ABaZ3.js";
|
|
6
6
|
import { B as m } from "./box-Ck9I7FYv.js";
|
|
@@ -15,23 +15,26 @@ const u = {
|
|
|
15
15
|
base: {},
|
|
16
16
|
variants: {
|
|
17
17
|
type: u,
|
|
18
|
-
variant:
|
|
18
|
+
variant: {
|
|
19
|
+
...e,
|
|
20
|
+
primary: e.brand
|
|
21
|
+
}
|
|
19
22
|
},
|
|
20
23
|
defaultVariants: {
|
|
21
24
|
type: "full",
|
|
22
25
|
variant: "default"
|
|
23
26
|
}
|
|
24
|
-
}), j = ({ onClick: o, type: t = "full", variant:
|
|
25
|
-
const
|
|
26
|
-
return /* @__PURE__ */
|
|
27
|
+
}), j = ({ onClick: o, type: t = "full", variant: s = "default", ...a }) => {
|
|
28
|
+
const i = t === "full" ? p : n, l = f({ recipe: d })({ variant: s, type: t });
|
|
29
|
+
return /* @__PURE__ */ r.jsx(
|
|
27
30
|
m,
|
|
28
31
|
{
|
|
29
32
|
className: "Logo",
|
|
30
33
|
"data-testid": "kibble-logo",
|
|
31
34
|
...o && { cursor: "pointer", onClick: o },
|
|
32
|
-
css:
|
|
33
|
-
...
|
|
34
|
-
children: /* @__PURE__ */
|
|
35
|
+
css: l,
|
|
36
|
+
...a,
|
|
37
|
+
children: /* @__PURE__ */ r.jsx(i, { color: "currentColor", width: "100%", height: "100%" })
|
|
35
38
|
}
|
|
36
39
|
);
|
|
37
40
|
}, L = ["full", "icon"];
|
|
@@ -39,4 +42,4 @@ export {
|
|
|
39
42
|
j as L,
|
|
40
43
|
L as l
|
|
41
44
|
};
|
|
42
|
-
//# sourceMappingURL=logo.types-
|
|
45
|
+
//# sourceMappingURL=logo.types-jb-f-Z1C.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo.types-jb-f-Z1C.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType } from './logo.types';\nimport { typographyVariantStyles } from 'shared/records/typography';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n full: {\n width: '200px',\n },\n icon: {\n width: '60px',\n },\n};\n\nexport const logoRecipe = defineRecipe({\n base: {},\n variants: {\n type: logoTypeStyles,\n variant: {\n ...typographyVariantStyles,\n primary: typographyVariantStyles.brand,\n },\n },\n defaultVariants: {\n type: 'full',\n variant: 'default',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType, LogoVariant } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n onClick?: () => void;\n type?: LogoType;\n variant?: LogoVariant;\n}\n\nexport const Logo = ({ onClick, type = 'full', variant = 'default', ...rest }: LogoProps): React.JSX.Element => {\n const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n const recipe = useRecipe({ recipe: logoRecipe });\n const styles = recipe({ variant, type });\n\n return (\n <Box\n className=\"Logo\"\n data-testid=\"kibble-logo\"\n {...(onClick && { cursor: 'pointer', onClick })}\n css={styles}\n {...rest}\n >\n <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n </Box>\n );\n};\n","import { TypographyVariant } from 'shared/types/typography';\n\nexport const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n\nexport type LogoVariant = TypographyVariant | 'primary';\n"],"names":["logoTypeStyles","logoRecipe","defineRecipe","typographyVariantStyles","Logo","onClick","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes"],"mappings":";;;;;;AAIA,MAAMA,IAAsD;AAAA,EAC1D,MAAM;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAaC,EAAa;AAAA,EACrC,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,MAAMF;AAAA,IACN,SAAS;AAAA,MACP,GAAGG;AAAA,MACH,SAASA,EAAwB;AAAA,IAAA;AAAA,EAErC;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GCbYC,IAAO,CAAC,EAAE,SAAAC,GAAS,MAAAC,IAAO,QAAQ,SAAAC,IAAU,WAAW,GAAGC,QAAyC;AACxG,QAAAC,IAAgBH,MAAS,SAASI,IAAWC,GAE7CC,IADSC,EAAU,EAAE,QAAQZ,GAAY,EACzB,EAAE,SAAAM,GAAS,MAAAD,GAAM;AAGrC,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAIV,KAAW,EAAE,QAAQ,WAAW,SAAAA,EAAQ;AAAA,MAC7C,KAAKO;AAAA,MACJ,GAAGJ;AAAA,MAEJ,gCAACC,GAAc,EAAA,OAAM,gBAAe,OAAM,QAAO,QAAO,OAAO,CAAA;AAAA,IAAA;AAAA,EACjE;AAEJ,GC3BaO,IAAY,CAAC,QAAQ,MAAM;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../chunks/logo.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../chunks/logo.types-R7sXqcB4.js");exports.Logo=o.Logo;exports.logoTypes=o.logoTypes;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../chunks/alert.types-CEvBY7aM.js"),v=require("../../chunks/avatar.component-Dv96XFOF.js"),a=require("../../chunks/avatar.types-Bmt5Uhfb.js"),T=require("../../chunks/avatarGroup.component-CfSBCJKG.js"),y=require("../../chunks/button.component-CsJxgblU.js"),e=require("../../chunks/button.types-Bl1awbi0.js"),b=require("../../chunks/buttonGroup.component-B6Ebjoh6.js"),g=require("../../chunks/card.component-BTiT4hHy.js"),C=require("../../chunks/card.types-MvkQTTZF.js"),P=require("../../chunks/characterCounter.component-DXmly18j.js"),z=require("../../chunks/checkbox.component-u7MR3n4o.js"),h=require("../../chunks/checkboxGroup.component-CNnlDoOR.js"),k=require("../../chunks/conversationCard.component-D5UsucDp.js"),s=require("../../chunks/datePicker.component-CBYLerCE.js"),o=require("../../chunks/divider.types-CK5oFy-i.js"),x=require("../../chunks/heading.component-BMvc5kM8.js"),I=require("../../chunks/icon.component-B6R8-DRk.js"),B=require("../../chunks/icon.types-2obj_NKG.js"),D=require("../../chunks/link.component-BCY_f6zw.js"),c=require("../../chunks/logo.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../chunks/alert.types-CEvBY7aM.js"),v=require("../../chunks/avatar.component-Dv96XFOF.js"),a=require("../../chunks/avatar.types-Bmt5Uhfb.js"),T=require("../../chunks/avatarGroup.component-CfSBCJKG.js"),y=require("../../chunks/button.component-CsJxgblU.js"),e=require("../../chunks/button.types-Bl1awbi0.js"),b=require("../../chunks/buttonGroup.component-B6Ebjoh6.js"),g=require("../../chunks/card.component-BTiT4hHy.js"),C=require("../../chunks/card.types-MvkQTTZF.js"),P=require("../../chunks/characterCounter.component-DXmly18j.js"),z=require("../../chunks/checkbox.component-u7MR3n4o.js"),h=require("../../chunks/checkboxGroup.component-CNnlDoOR.js"),k=require("../../chunks/conversationCard.component-D5UsucDp.js"),s=require("../../chunks/datePicker.component-CBYLerCE.js"),o=require("../../chunks/divider.types-CK5oFy-i.js"),x=require("../../chunks/heading.component-BMvc5kM8.js"),I=require("../../chunks/icon.component-B6R8-DRk.js"),B=require("../../chunks/icon.types-2obj_NKG.js"),D=require("../../chunks/link.component-BCY_f6zw.js"),c=require("../../chunks/logo.types-R7sXqcB4.js"),G=require("../../chunks/menu.component-OwlCMqw2.js"),t=require("../../chunks/modal.types-BiEPKa2t.js"),V=require("../../chunks/notificationCounter.component-BhZcuBmr.js"),p=require("../../chunks/notificationCounter.types-B_-siNfi.js"),f=require("../../chunks/picture.component-C2C2r_BU.js"),u=require("../../chunks/pinInput.types-DoQJLvWY.js"),A=require("../../chunks/popover.component-B1NHpxuL.js"),n=require("../../chunks/popover.types-BF2KRf_I.js"),d=require("../../chunks/radioGroup.types-Bm6SHbbS.js"),W=require("../../chunks/ratingDots.component-TPth4wKQ.js"),M=require("../../chunks/select.component-91EorPLw.js"),w=require("../../chunks/sortableList.component-CPYA3KKy.js"),L=require("../../chunks/spinner.component-CzOv8dIY.js"),R=require("../../chunks/spinner.types-BCLN5-H2.js"),m=require("../../chunks/styledAvatar.types-9huVpPvU.js"),l=require("../../chunks/swatch.types-qncm_zG6.js"),O=require("../../chunks/switch.component-CJ3nDOQj.js"),r=require("../../chunks/tab.types-D2Y_KCOG.js"),F=require("../../chunks/tag.component-DcEASytC.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-lQeyNLgK.js"),H=require("../../chunks/text.component-waIIFgwB.js"),N=require("../../chunks/textInput.component-Bw1lEr8q.js"),j=require("../../chunks/textarea.component-DDYGwqlz.js"),S=require("../../chunks/timePicker.component-3lHlD-Sl.js"),E=require("../../chunks/timeRange.component-l8jhl4Vv.js"),J=require("../../chunks/timestamp.component-B1UUyLk6.js"),K=require("./Toast/index.cjs"),Q=require("../../chunks/tooltip.component-BlX3B2Di.js");exports.Alert=i.Alert;exports.alertButtonPositions=i.alertButtonPositions;exports.Avatar=v.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;exports.AvatarGroup=T.AvatarGroup;exports.Button=y.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Card=g.Card;exports.cardSizes=C.cardSizes;exports.CharacterCounter=P.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=h.WrappedCheckboxGroup;exports.ConversationCard=k.ConversationCard;exports.DateFormats=s.DateFormats;exports.DatePicker=s.DatePicker;exports.Divider=o.Divider;exports.dividerOrientations=o.dividerOrientations;exports.dividerSizes=o.dividerSizes;exports.dividerVariants=o.dividerVariants;exports.Heading=x.WrappedHeading;exports.Icon=I.Icon;exports.iconSizes=B.iconSizes;exports.Link=D.Link;exports.Logo=c.Logo;exports.logoTypes=c.logoTypes;exports.Menu=G.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=V.NotificationCounter;exports.notificationCounterSizes=p.notificationCounterSizes;exports.notificationCounterVariants=p.notificationCounterVariants;exports.Picture=f.Picture;exports.PinInput=u.WrappedPinInput;exports.pinInputTypes=u.pinInputTypes;exports.Popover=A.Popover;exports.popoverSizes=n.popoverSizes;exports.popoverTriggerTypes=n.popoverTriggerTypes;exports.popoverVariants=n.popoverVariants;exports.RadioGroup=d.WrappedRadioGroup;exports.radioTypes=d.radioTypes;exports.RatingDots=W.WrappedRatingDots;exports.Select=M.WrappedSelect;exports.SortableList=w.SortableList;exports.Spinner=L.Spinner;exports.spinnerSizes=R.spinnerSizes;exports.StyledAvatar=m.StyledAvatar;exports.styledAvatarTypes=m.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=O.WrappedSwitch;exports.Tabs=r.Tabs;exports.tabIconPositions=r.tabIconPositions;exports.tabSizes=r.tabSizes;exports.Tag=F.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=H.WrappedText;exports.TextInput=N.WrappedTextInput;exports.Textarea=j.WrappedTextarea;exports.Meridiem=S.Meridiem;exports.TimePicker=S.TimePicker;exports.TimeRange=E.TimeRange;exports.Timestamp=J.Timestamp;exports.useToast=K.useToast;exports.Tooltip=Q.Tooltip;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../chunks/alert.types-CEvBY7aM.js"),h=require("../chunks/avatar.component-Dv96XFOF.js"),c=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CfSBCJKG.js"),g=require("../chunks/button.component-CsJxgblU.js"),e=require("../chunks/button.types-Bl1awbi0.js"),b=require("../chunks/buttonGroup.component-B6Ebjoh6.js"),C=require("../chunks/card.component-BTiT4hHy.js"),k=require("../chunks/card.types-MvkQTTZF.js"),P=require("../chunks/characterCounter.component-DXmly18j.js"),z=require("../chunks/checkbox.component-u7MR3n4o.js"),x=require("../chunks/checkboxGroup.component-CNnlDoOR.js"),M=require("../chunks/conversationCard.component-D5UsucDp.js"),p=require("../chunks/datePicker.component-CBYLerCE.js"),r=require("../chunks/divider.types-CK5oFy-i.js"),D=require("../chunks/heading.component-BMvc5kM8.js"),V=require("../chunks/icon.component-B6R8-DRk.js"),B=require("../chunks/icon.types-2obj_NKG.js"),f=require("../chunks/link.component-BCY_f6zw.js"),u=require("../chunks/logo.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../chunks/alert.types-CEvBY7aM.js"),h=require("../chunks/avatar.component-Dv96XFOF.js"),c=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CfSBCJKG.js"),g=require("../chunks/button.component-CsJxgblU.js"),e=require("../chunks/button.types-Bl1awbi0.js"),b=require("../chunks/buttonGroup.component-B6Ebjoh6.js"),C=require("../chunks/card.component-BTiT4hHy.js"),k=require("../chunks/card.types-MvkQTTZF.js"),P=require("../chunks/characterCounter.component-DXmly18j.js"),z=require("../chunks/checkbox.component-u7MR3n4o.js"),x=require("../chunks/checkboxGroup.component-CNnlDoOR.js"),M=require("../chunks/conversationCard.component-D5UsucDp.js"),p=require("../chunks/datePicker.component-CBYLerCE.js"),r=require("../chunks/divider.types-CK5oFy-i.js"),D=require("../chunks/heading.component-BMvc5kM8.js"),V=require("../chunks/icon.component-B6R8-DRk.js"),B=require("../chunks/icon.types-2obj_NKG.js"),f=require("../chunks/link.component-BCY_f6zw.js"),u=require("../chunks/logo.types-R7sXqcB4.js"),w=require("../chunks/menu.component-OwlCMqw2.js"),t=require("../chunks/modal.types-BiEPKa2t.js"),I=require("../chunks/notificationCounter.component-BhZcuBmr.js"),d=require("../chunks/notificationCounter.types-B_-siNfi.js"),G=require("../chunks/picture.component-C2C2r_BU.js"),m=require("../chunks/pinInput.types-DoQJLvWY.js"),A=require("../chunks/popover.component-B1NHpxuL.js"),n=require("../chunks/popover.types-BF2KRf_I.js"),l=require("../chunks/radioGroup.types-Bm6SHbbS.js"),W=require("../chunks/ratingDots.component-TPth4wKQ.js"),L=require("../chunks/select.component-91EorPLw.js"),R=require("../chunks/sortableList.component-CPYA3KKy.js"),K=require("../chunks/spinner.component-CzOv8dIY.js"),O=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-9huVpPvU.js"),q=require("../chunks/swatch.types-qncm_zG6.js"),F=require("../chunks/switch.component-CJ3nDOQj.js"),i=require("../chunks/tab.types-D2Y_KCOG.js"),H=require("../chunks/tag.component-DcEASytC.js"),y=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-lQeyNLgK.js"),N=require("../chunks/text.component-waIIFgwB.js"),j=require("../chunks/textInput.component-Bw1lEr8q.js"),E=require("../chunks/textarea.component-DDYGwqlz.js"),T=require("../chunks/timePicker.component-3lHlD-Sl.js"),J=require("../chunks/timeRange.component-l8jhl4Vv.js"),Q=require("../chunks/timestamp.component-B1UUyLk6.js"),U=require("./components/Toast/index.cjs"),X=require("../chunks/tooltip.component-BlX3B2Di.js"),Y=require("../chunks/withDarkMode-B9LErG-p.js"),Z=require("../chunks/withLightMode-fys9Cbqw.js"),$=require("./hooks/useBreakpoint/index.cjs"),ee=require("./hooks/useColorMode/index.cjs"),te=require("./hooks/useColorModeValue/index.cjs"),oe=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),re=require("../chunks/theme-BFbOz0Jj.js"),s=require("../chunks/theme.provider-fEXubEDT.js");exports.Alert=a.Alert;exports.alertButtonPositions=a.alertButtonPositions;exports.Avatar=h.Avatar;exports.avatarSizes=c.avatarSizes;exports.avatarVariants=c.avatarVariants;exports.AvatarGroup=S.AvatarGroup;exports.Button=g.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=b.ButtonGroup;exports.Card=C.Card;exports.cardSizes=k.cardSizes;exports.CharacterCounter=P.CharacterCounter;exports.Checkbox=z.WrappedCheckbox;exports.CheckboxGroup=x.WrappedCheckboxGroup;exports.ConversationCard=M.ConversationCard;exports.DateFormats=p.DateFormats;exports.DatePicker=p.DatePicker;exports.Divider=r.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=D.WrappedHeading;exports.Icon=V.Icon;exports.iconSizes=B.iconSizes;exports.Link=f.Link;exports.Logo=u.Logo;exports.logoTypes=u.logoTypes;exports.Menu=w.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=I.NotificationCounter;exports.notificationCounterSizes=d.notificationCounterSizes;exports.notificationCounterVariants=d.notificationCounterVariants;exports.Picture=G.Picture;exports.PinInput=m.WrappedPinInput;exports.pinInputTypes=m.pinInputTypes;exports.Popover=A.Popover;exports.popoverSizes=n.popoverSizes;exports.popoverTriggerTypes=n.popoverTriggerTypes;exports.popoverVariants=n.popoverVariants;exports.RadioGroup=l.WrappedRadioGroup;exports.radioTypes=l.radioTypes;exports.RatingDots=W.WrappedRatingDots;exports.Select=L.WrappedSelect;exports.SortableList=R.SortableList;exports.Spinner=K.Spinner;exports.spinnerSizes=O.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=F.WrappedSwitch;exports.Tabs=i.Tabs;exports.tabIconPositions=i.tabIconPositions;exports.tabSizes=i.tabSizes;exports.Tag=H.Tag;exports.closeButtonDisplays=y.closeButtonDisplays;exports.tagSizes=y.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=N.WrappedText;exports.TextInput=j.WrappedTextInput;exports.Textarea=E.WrappedTextarea;exports.Meridiem=T.Meridiem;exports.TimePicker=T.TimePicker;exports.TimeRange=J.TimeRange;exports.Timestamp=Q.Timestamp;exports.useToast=U.useToast;exports.Tooltip=X.Tooltip;exports.withDarkMode=Y.withDarkMode;exports.withLightMode=Z.withLightMode;exports.useBreakpoint=$.useBreakpoint;exports.useColorMode=ee.useColorMode;exports.useColorModeValue=te.useColorModeValue;exports.useDeviceType=oe.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=re.colorModeThemeKey;exports.KibbleThemeProvider=s.KibbleThemeProvider;exports.kibbleThemeConfig=s.kibbleThemeConfig;exports.system=s.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -17,7 +17,7 @@ import { W as j } from "../../chunks/heading.component-D02MeQPl.js";
|
|
|
17
17
|
import { I as E } from "../../chunks/icon.component-S_qFWBRf.js";
|
|
18
18
|
import { i as K } from "../../chunks/icon.types-DLbVfMjG.js";
|
|
19
19
|
import { L as U } from "../../chunks/link.component--UJiv0xU.js";
|
|
20
|
-
import { L as Y, l as Z } from "../../chunks/logo.types-
|
|
20
|
+
import { L as Y, l as Z } from "../../chunks/logo.types-jb-f-Z1C.js";
|
|
21
21
|
import { M as $ } from "../../chunks/menu.component-fFdY9cMO.js";
|
|
22
22
|
import { M as ao, c as ro, a as to, b as so, m as eo } from "../../chunks/modal.types-DxZhJFBH.js";
|
|
23
23
|
import { N as io } from "../../chunks/notificationCounter.component-BzhAKrKR.js";
|
package/dist/esm/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import { W as O } from "../chunks/heading.component-D02MeQPl.js";
|
|
|
17
17
|
import { I as q } from "../chunks/icon.component-S_qFWBRf.js";
|
|
18
18
|
import { i as J } from "../chunks/icon.types-DLbVfMjG.js";
|
|
19
19
|
import { L as U } from "../chunks/link.component--UJiv0xU.js";
|
|
20
|
-
import { L as Y, l as Z } from "../chunks/logo.types-
|
|
20
|
+
import { L as Y, l as Z } from "../chunks/logo.types-jb-f-Z1C.js";
|
|
21
21
|
import { M as $ } from "../chunks/menu.component-fFdY9cMO.js";
|
|
22
22
|
import { M as ro, c as ao, a as eo, b as to, m as so } from "../chunks/modal.types-DxZhJFBH.js";
|
|
23
23
|
import { N as io } from "../chunks/notificationCounter.component-BzhAKrKR.js";
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { BoxProps } from '@chakra-ui/react/box';
|
|
3
|
-
import { LogoType } from './logo.types';
|
|
4
|
-
import { TypographyVariant } from '../../shared/types/typography';
|
|
3
|
+
import { LogoType, LogoVariant } from './logo.types';
|
|
5
4
|
export interface LogoProps extends Omit<BoxProps, 'color'> {
|
|
6
5
|
onClick?: () => void;
|
|
7
6
|
type?: LogoType;
|
|
8
|
-
variant?:
|
|
7
|
+
variant?: LogoVariant;
|
|
9
8
|
}
|
|
10
9
|
export declare const Logo: ({ onClick, type, variant, ...rest }: LogoProps) => React.JSX.Element;
|
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
import { SystemStyleObject } from '@chakra-ui/react/styled-system';
|
|
2
2
|
export declare const logoRecipe: import('@chakra-ui/react').RecipeDefinition<{
|
|
3
3
|
type: Record<"full" | "icon", SystemStyleObject>;
|
|
4
|
-
variant:
|
|
4
|
+
variant: {
|
|
5
|
+
primary: SystemStyleObject;
|
|
6
|
+
accent: SystemStyleObject;
|
|
7
|
+
accentSubtle: SystemStyleObject;
|
|
8
|
+
brand: SystemStyleObject;
|
|
9
|
+
brandOnContrast: SystemStyleObject;
|
|
10
|
+
danger: SystemStyleObject;
|
|
11
|
+
dangerOnContrast: SystemStyleObject;
|
|
12
|
+
default: SystemStyleObject;
|
|
13
|
+
info: SystemStyleObject;
|
|
14
|
+
interactive: SystemStyleObject;
|
|
15
|
+
interactiveOnContrast: SystemStyleObject;
|
|
16
|
+
onContrast: SystemStyleObject;
|
|
17
|
+
placeholder: SystemStyleObject;
|
|
18
|
+
placeholderOnContrast: SystemStyleObject;
|
|
19
|
+
subtle: SystemStyleObject;
|
|
20
|
+
subtleOnContrast: SystemStyleObject;
|
|
21
|
+
success: SystemStyleObject;
|
|
22
|
+
warning: SystemStyleObject;
|
|
23
|
+
};
|
|
5
24
|
}>;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"logo.types-CYh7XPT1.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType } from './logo.types';\nimport { typographyVariantStyles } from 'shared/records/typography';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n full: {\n width: '200px',\n },\n icon: {\n width: '60px',\n },\n};\n\nexport const logoRecipe = defineRecipe({\n base: {},\n variants: {\n type: logoTypeStyles,\n variant: typographyVariantStyles,\n },\n defaultVariants: {\n type: 'full',\n variant: 'default',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n onClick?: () => void;\n type?: LogoType;\n variant?: TypographyVariant;\n}\n\nexport const Logo = ({ onClick, type = 'full', variant = 'default', ...rest }: LogoProps): React.JSX.Element => {\n const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n const recipe = useRecipe({ recipe: logoRecipe });\n const styles = recipe({ variant, type });\n\n return (\n <Box\n className=\"Logo\"\n data-testid=\"kibble-logo\"\n {...(onClick && { cursor: 'pointer', onClick })}\n css={styles}\n {...rest}\n >\n <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n </Box>\n );\n};\n","export const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n"],"names":["logoTypeStyles","logoRecipe","defineRecipe","typographyVariantStyles","Logo","onClick","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes"],"mappings":";;;;;;AAIA,MAAMA,IAAsD;AAAA,EAC1D,MAAM;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAaC,EAAa;AAAA,EACrC,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,MAAMF;AAAA,IACN,SAASG;AAAA,EACX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC,GCTYC,IAAO,CAAC,EAAE,SAAAC,GAAS,MAAAC,IAAO,QAAQ,SAAAC,IAAU,WAAW,GAAGC,QAAyC;AACxG,QAAAC,IAAgBH,MAAS,SAASI,IAAWC,GAE7CC,IADSC,EAAU,EAAE,QAAQZ,GAAY,EACzB,EAAE,SAAAM,GAAS,MAAAD,GAAM;AAGrC,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACX,GAAIV,KAAW,EAAE,QAAQ,WAAW,SAAAA,EAAQ;AAAA,MAC7C,KAAKO;AAAA,MACJ,GAAGJ;AAAA,MAEJ,gCAACC,GAAc,EAAA,OAAM,gBAAe,OAAM,QAAO,QAAO,OAAO,CAAA;AAAA,IAAA;AAAA,EACjE;AAEJ,GC9BaO,IAAY,CAAC,QAAQ,MAAM;"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),r=require("./IconLogo-C4aZqkn1.js"),l=require("./typography-CtiaGoJG.js"),u=require("./config-BFcXpdZo.js"),a=require("./use-recipe-DaPWl_pL.js"),p=require("./box-Baq7UBls.js"),g={full:{width:"200px"},icon:{width:"60px"}},d=u.defineRecipe({base:{},variants:{type:g,variant:l.typographyVariantStyles},defaultVariants:{type:"full",variant:"default"}}),f=({onClick:e,type:o="full",variant:s="default",...i})=>{const n=o==="full"?r.ForwardRef:r.ForwardRef$1,c=a.useRecipe({recipe:d})({variant:s,type:o});return t.jsxRuntimeExports.jsx(p.Box,{className:"Logo","data-testid":"kibble-logo",...e&&{cursor:"pointer",onClick:e},css:c,...i,children:t.jsxRuntimeExports.jsx(n,{color:"currentColor",width:"100%",height:"100%"})})},x=["full","icon"];exports.Logo=f;exports.logoTypes=x;
|
|
2
|
-
//# sourceMappingURL=logo.types-DySDOgO1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"logo.types-DySDOgO1.js","sources":["../../src/components/Logo/logo.recipe.ts","../../src/components/Logo/logo.component.tsx","../../src/components/Logo/logo.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { LogoType } from './logo.types';\nimport { typographyVariantStyles } from 'shared/records/typography';\n\nconst logoTypeStyles: Record<LogoType, SystemStyleObject> = {\n full: {\n width: '200px',\n },\n icon: {\n width: '60px',\n },\n};\n\nexport const logoRecipe = defineRecipe({\n base: {},\n variants: {\n type: logoTypeStyles,\n variant: typographyVariantStyles,\n },\n defaultVariants: {\n type: 'full',\n variant: 'default',\n },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { LogoType } from './logo.types';\nimport { FullLogo, IconLogo } from './generated';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { logoRecipe } from './logo.recipe';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface LogoProps extends Omit<BoxProps, 'color'> {\n onClick?: () => void;\n type?: LogoType;\n variant?: TypographyVariant;\n}\n\nexport const Logo = ({ onClick, type = 'full', variant = 'default', ...rest }: LogoProps): React.JSX.Element => {\n const LogoComponent = type === 'full' ? FullLogo : IconLogo;\n const recipe = useRecipe({ recipe: logoRecipe });\n const styles = recipe({ variant, type });\n\n return (\n <Box\n className=\"Logo\"\n data-testid=\"kibble-logo\"\n {...(onClick && { cursor: 'pointer', onClick })}\n css={styles}\n {...rest}\n >\n <LogoComponent color=\"currentColor\" width=\"100%\" height=\"100%\" />\n </Box>\n );\n};\n","export const logoTypes = ['full', 'icon'] as const;\nexport type LogoType = (typeof logoTypes)[number];\n"],"names":["logoTypeStyles","logoRecipe","defineRecipe","typographyVariantStyles","Logo","onClick","type","variant","rest","LogoComponent","FullLogo","IconLogo","styles","useRecipe","jsx","Box","logoTypes"],"mappings":"2OAIMA,EAAsD,CAC1D,KAAM,CACJ,MAAO,OACT,EACA,KAAM,CACJ,MAAO,MAAA,CAEX,EAEaC,EAAaC,EAAAA,aAAa,CACrC,KAAM,CAAC,EACP,SAAU,CACR,KAAMF,EACN,QAASG,EAAAA,uBACX,EACA,gBAAiB,CACf,KAAM,OACN,QAAS,SAAA,CAEb,CAAC,ECTYC,EAAO,CAAC,CAAE,QAAAC,EAAS,KAAAC,EAAO,OAAQ,QAAAC,EAAU,UAAW,GAAGC,KAAyC,CACxG,MAAAC,EAAgBH,IAAS,OAASI,EAAW,WAAAC,EAAA,aAE7CC,EADSC,EAAA,UAAU,CAAE,OAAQZ,EAAY,EACzB,CAAE,QAAAM,EAAS,KAAAD,EAAM,EAGrC,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,OACV,cAAY,cACX,GAAIV,GAAW,CAAE,OAAQ,UAAW,QAAAA,CAAQ,EAC7C,IAAKO,EACJ,GAAGJ,EAEJ,iCAACC,EAAc,CAAA,MAAM,eAAe,MAAM,OAAO,OAAO,MAAO,CAAA,CAAA,CACjE,CAEJ,EC9BaO,EAAY,CAAC,OAAQ,MAAM"}
|