@televet/kibble-ui 4.0.0-beta.17 → 4.0.0-beta.18
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/index-BlB7iuVg.js +2 -0
- package/dist/chunks/index-BlB7iuVg.js.map +1 -0
- package/dist/chunks/index-CloRZB5L.js +38 -0
- package/dist/chunks/index-CloRZB5L.js.map +1 -0
- package/dist/cjs/cli/generate-theme-types.cjs +1 -1
- package/dist/cjs/cli/generate-theme-types.cjs.map +1 -1
- package/dist/cjs/hocs.cjs +1 -1
- package/dist/cjs/hocs.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/cli/generate-theme-types.js +1 -1
- package/dist/esm/cli/generate-theme-types.js.map +1 -1
- package/dist/esm/hocs.js +3 -35
- package/dist/esm/hocs.js.map +1 -1
- package/dist/esm/index.js +67 -48
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +3 -0
- package/package.json +13 -3
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const e=require("./vendor-D-x6W6ez.js"),s=require("react"),i=require("./chakra-DmF8Cxqs.js"),a=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{color:"fg",display:"contents",className:"chakra-theme dark","data-testid":"kibble-dark-mode",colorScheme:"dark",ref:o,...r})}),n=t=>e.jsxRuntimeExports.jsx(a,{children:t}),c=s.forwardRef(function(r,o){return e.jsxRuntimeExports.jsx(i.Box,{display:"contents",className:"chakra-theme light","data-testid":"kibble-light-mode",colorScheme:"light",ref:o,...r})}),d=t=>e.jsxRuntimeExports.jsx(c,{children:t});exports.withDarkMode=n;exports.withLightMode=d;
|
|
2
|
+
//# sourceMappingURL=index-BlB7iuVg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-BlB7iuVg.js","sources":["../../src/hocs/withDarkMode/index.tsx","../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n function DarkMode(props, ref) {\n return (\n <Box\n color=\"fg\"\n display=\"contents\"\n className=\"chakra-theme dark\"\n data-testid=\"kibble-dark-mode\"\n colorScheme=\"dark\"\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n function LightMode(props, ref) {\n return (\n <Box\n display=\"contents\"\n className=\"chakra-theme light\"\n data-testid=\"kibble-light-mode\"\n colorScheme=\"light\"\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":"0GAGMA,EAAWC,EAAM,WACrB,SAAkBC,EAAOC,EAAK,CAE1B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,MAAM,KACN,QAAQ,WACR,UAAU,oBACV,cAAY,mBACZ,YAAY,OACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaI,EAAgBC,GACpBH,wBAACJ,GAAU,SAAAO,EAAS,ECjBvBC,EAAYP,EAAM,WACtB,SAAmBC,EAAOC,EAAK,CAE3B,OAAAC,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,QAAQ,WACR,UAAU,qBACV,cAAY,oBACZ,YAAY,QACZ,IAAAF,EACC,GAAGD,CAAA,CACN,CAAA,CAGN,EAEaO,EAAiBF,GACrBH,wBAACI,GAAW,SAAAD,EAAS"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { x as e } from "./vendor-BBfll6i3.js";
|
|
2
|
+
import a from "react";
|
|
3
|
+
import { B as s } from "./chakra-BqBkjpvZ.js";
|
|
4
|
+
const d = a.forwardRef(
|
|
5
|
+
function(o, r) {
|
|
6
|
+
return /* @__PURE__ */ e.jsx(
|
|
7
|
+
s,
|
|
8
|
+
{
|
|
9
|
+
color: "fg",
|
|
10
|
+
display: "contents",
|
|
11
|
+
className: "chakra-theme dark",
|
|
12
|
+
"data-testid": "kibble-dark-mode",
|
|
13
|
+
colorScheme: "dark",
|
|
14
|
+
ref: r,
|
|
15
|
+
...o
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
), h = (t) => /* @__PURE__ */ e.jsx(d, { children: t }), i = a.forwardRef(
|
|
20
|
+
function(o, r) {
|
|
21
|
+
return /* @__PURE__ */ e.jsx(
|
|
22
|
+
s,
|
|
23
|
+
{
|
|
24
|
+
display: "contents",
|
|
25
|
+
className: "chakra-theme light",
|
|
26
|
+
"data-testid": "kibble-light-mode",
|
|
27
|
+
colorScheme: "light",
|
|
28
|
+
ref: r,
|
|
29
|
+
...o
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
), l = (t) => /* @__PURE__ */ e.jsx(i, { children: t });
|
|
34
|
+
export {
|
|
35
|
+
l as a,
|
|
36
|
+
h as w
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=index-CloRZB5L.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-CloRZB5L.js","sources":["../../src/hocs/withDarkMode/index.tsx","../../src/hocs/withLightMode/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst DarkMode = React.forwardRef<HTMLDivElement, BoxProps>(\n function DarkMode(props, ref) {\n return (\n <Box\n color=\"fg\"\n display=\"contents\"\n className=\"chakra-theme dark\"\n data-testid=\"kibble-dark-mode\"\n colorScheme=\"dark\"\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nexport const withDarkMode = (children: React.ReactNode): React.JSX.Element => {\n return <DarkMode>{children}</DarkMode>;\n};\n","import React from \"react\";\nimport { Box, BoxProps } from \"@chakra-ui/react/box\";\n\nconst LightMode = React.forwardRef<HTMLDivElement, BoxProps>(\n function LightMode(props, ref) {\n return (\n <Box\n display=\"contents\"\n className=\"chakra-theme light\"\n data-testid=\"kibble-light-mode\"\n colorScheme=\"light\"\n ref={ref}\n {...props}\n />\n );\n },\n);\n\nexport const withLightMode = (children: React.ReactNode): React.JSX.Element => {\n return <LightMode>{children}</LightMode>;\n};\n"],"names":["DarkMode","React","props","ref","jsx","Box","withDarkMode","children","LightMode","withLightMode"],"mappings":";;;AAGA,MAAMA,IAAWC,EAAM;AAAA,EACrB,SAAkBC,GAAOC,GAAK;AAE1B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaI,IAAe,CAACC,MACpBH,gBAAAA,MAACJ,KAAU,UAAAO,GAAS,GCjBvBC,IAAYP,EAAM;AAAA,EACtB,SAAmBC,GAAOC,GAAK;AAE3B,WAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,aAAY;AAAA,QACZ,KAAAF;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GAEaO,IAAgB,CAACF,MACrBH,gBAAAA,MAACI,KAAW,UAAAD,GAAS;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
2
|
"use strict";const n=require("node:child_process"),o=require("node:fs"),r=require("node:path"),s=()=>{const e=r.resolve(process.cwd(),".kibble-temp"),t=r.resolve(e,"theme.config.ts");return o.existsSync(e)||o.mkdirSync(e,{recursive:!0}),o.writeFileSync(t,`
|
|
3
|
-
import { system } from "@televet/kibble-ui
|
|
3
|
+
import { system } from "@televet/kibble-ui";
|
|
4
4
|
export default system;
|
|
5
5
|
`),t},c=e=>{const t=r.dirname(e);o.rmSync(t,{recursive:!0,force:!0})};try{console.log("🐕 Kibble UI: Creating temporary theme configuration...");const e=s();console.log("🐕 Kibble UI: Generating theme types..."),n.execSync(`npx @chakra-ui/cli typegen ${e}`,{stdio:"inherit"}),console.log("🐕 Kibble UI: Cleaning up..."),c(e),console.log("✨ Kibble UI: Theme types generated successfully!")}catch(e){console.error("❌ Kibble UI: Failed to generate theme types."),console.error(e),process.exit(1)}
|
|
6
6
|
//# sourceMappingURL=generate-theme-types.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate-theme-types.cjs","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { existsSync, mkdirSync, writeFileSync, rmSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n const tempDir = resolve(process.cwd(), \".kibble-temp\");\n const tempFile = resolve(tempDir, \"theme.config.ts\");\n\n if (!existsSync(tempDir)) {\n mkdirSync(tempDir, { recursive: true });\n }\n\n const configContent = `\nimport { system } from \"@televet/kibble-ui
|
|
1
|
+
{"version":3,"file":"generate-theme-types.cjs","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { existsSync, mkdirSync, writeFileSync, rmSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n const tempDir = resolve(process.cwd(), \".kibble-temp\");\n const tempFile = resolve(tempDir, \"theme.config.ts\");\n\n if (!existsSync(tempDir)) {\n mkdirSync(tempDir, { recursive: true });\n }\n\n const configContent = `\nimport { system } from \"@televet/kibble-ui\";\nexport default system;\n`;\n\n writeFileSync(tempFile, configContent);\n return tempFile;\n};\n\n// Clean up temporary files\nconst cleanup = (tempFile: string): void => {\n const tempDir = dirname(tempFile);\n rmSync(tempDir, { recursive: true, force: true });\n};\n\ntry {\n console.log(\"🐕 Kibble UI: Creating temporary theme configuration...\");\n const tempFile = createTempThemeConfig();\n\n console.log(\"🐕 Kibble UI: Generating theme types...\");\n execSync(`npx @chakra-ui/cli typegen ${tempFile}`, { stdio: \"inherit\" });\n\n console.log(\"🐕 Kibble UI: Cleaning up...\");\n cleanup(tempFile);\n\n console.log(\"✨ Kibble UI: Theme types generated successfully!\");\n} catch (error) {\n console.error(\"❌ Kibble UI: Failed to generate theme types.\");\n console.error(error);\n process.exit(1);\n}\n"],"names":["createTempThemeConfig","tempDir","resolve","tempFile","existsSync","mkdirSync","writeFileSync","cleanup","dirname","rmSync","execSync","error"],"mappings":";+FAOMA,EAAwB,IAAc,CAC1C,MAAMC,EAAUC,EAAA,QAAQ,QAAQ,IAAA,EAAO,cAAc,EAC/CC,EAAWD,EAAAA,QAAQD,EAAS,iBAAiB,EAE/C,OAACG,EAAAA,WAAWH,CAAO,GACrBI,EAAAA,UAAUJ,EAAS,CAAE,UAAW,EAAA,CAAM,EAQxCK,EAAA,cAAcH,EALQ;AAAA;AAAA;AAAA,CAKe,EAC9BA,CACT,EAGMI,EAAWJ,GAA2B,CACpC,MAAAF,EAAUO,UAAQL,CAAQ,EAChCM,EAAA,OAAOR,EAAS,CAAE,UAAW,GAAM,MAAO,GAAM,CAClD,EAEA,GAAI,CACF,QAAQ,IAAI,yDAAyD,EACrE,MAAME,EAAWH,EAAsB,EAEvC,QAAQ,IAAI,yCAAyC,EACrDU,EAAA,SAAS,8BAA8BP,CAAQ,GAAI,CAAE,MAAO,UAAW,EAEvE,QAAQ,IAAI,8BAA8B,EAC1CI,EAAQJ,CAAQ,EAEhB,QAAQ,IAAI,kDAAkD,CAChE,OAASQ,EAAO,CACd,QAAQ,MAAM,8CAA8C,EAC5D,QAAQ,MAAMA,CAAK,EACnB,QAAQ,KAAK,CAAC,CAChB"}
|
package/dist/cjs/hocs.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-BlB7iuVg.js");exports.withDarkMode=e.withDarkMode;exports.withLightMode=e.withLightMode;
|
|
2
2
|
//# sourceMappingURL=hocs.cjs.map
|
package/dist/cjs/hocs.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hocs.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"hocs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../chunks/alert.types-CiHDB6qK.js"),S=require("../chunks/avatar.component-B14bRpeL.js"),i=require("../chunks/avatar.types-Bmt5Uhfb.js"),g=require("../chunks/avatarGroup.component-4kVezqP-.js"),v=require("../chunks/button.component-DDjwI0xh.js"),e=require("../chunks/button.types-DsLMGraz.js"),b=require("../chunks/buttonGroup.component-DKnPmFIM.js"),h=require("../chunks/card.component-ZIoJIWVV.js"),C=require("./components/Card.cjs"),T=require("../chunks/characterCounter.component-BXxyn_IB.js"),y=require("../chunks/checkbox.component-BnNl7j1h.js"),P=require("../chunks/checkboxGroup.component-CMSLo_U5.js"),k=require("../chunks/heading.component-CExbjSBi.js"),z=require("../chunks/icon.component-CzjzLiO_.js"),x=require("../chunks/icon.types-2obj_NKG.js"),M=require("../chunks/link.component-Cmdnhc-F.js"),D=require("../chunks/menu.component-BCRZgrRr.js"),t=require("../chunks/modal.types-CELCFObr.js"),V=require("../chunks/notificationCounter.component-BH6anjzq.js"),a=require("./components/NotificationCounter.cjs"),f=require("./components/Picture.cjs"),B=require("../chunks/popover.component-CzKeBedr.js"),n=require("../chunks/popover.types-BF2KRf_I.js"),w=require("../chunks/radioGroup.component-DP9JgY1J.js"),A=require("../chunks/ratingDots.component-D5-xY2db.js"),G=require("../chunks/select.component-CQQ4z--7.js"),W=require("../chunks/sortableList.component-DcjKdsDK.js"),I=require("../chunks/spinner.component-CUuidnSK.js"),L=require("../chunks/spinner.types-BCLN5-H2.js"),s=require("./components/Swatch.cjs"),R=require("../chunks/switch.component-diomUHZW.js"),N=require("../chunks/tabs.component-D6QT597P.js"),F=require("../chunks/tag.component-BjOfy3Bw.js"),c=require("../chunks/tag.types-BnDFgTvb.js"),H=require("../chunks/text.component-CBa_saMP.js"),K=require("../chunks/textInput.component-BalBo9uP.js"),j=require("../chunks/textarea.component-8tjcO0T7.js"),p=require("../chunks/timePicker.component-BwYdnFmw.js"),O=require("../chunks/timeRange.component-BhDFpXK-.js"),E=require("../chunks/tooltip.component-qWFa28S5.js"),u=require("../chunks/datePicker.component-ZmMJoE3c.js"),m=require("../chunks/index-BlB7iuVg.js"),l=require("./hooks.cjs"),J=require("../chunks/conversationCard.component-D56k22in.js"),d=require("../chunks/styledAvatar.types-CpU5SOAS.js"),q=require("../chunks/tagBlock.component-BKnmbWil.js"),Q=require("../chunks/timestamp.component-CuqY4euh.js"),o=require("./shared/types.cjs"),_=require("./theme.cjs");exports.Alert=r.Alert;exports.alertButtonPositions=r.alertButtonPositions;exports.Avatar=S.Avatar;exports.avatarSizes=i.avatarSizes;exports.avatarVariants=i.avatarVariants;exports.AvatarGroup=g.AvatarGroup;exports.Button=v.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=h.Card;exports.cardSizes=C.cardSizes;exports.CharacterCounter=T.CharacterCounter;exports.Checkbox=y.WrappedCheckbox;exports.CheckboxGroup=P.WrappedCheckboxGroup;exports.Heading=k.WrappedHeading;exports.Icon=z.Icon;exports.iconSizes=x.iconSizes;exports.Link=M.Link;exports.Menu=D.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=a.notificationCounterSizes;exports.notificationCounterVariants=a.notificationCounterVariants;exports.Picture=f.Picture;exports.Popover=B.Popover;exports.popoverSizes=n.popoverSizes;exports.popoverTriggerTypes=n.popoverTriggerTypes;exports.popoverVariants=n.popoverVariants;exports.RadioGroup=w.WrappedRadioGroup;exports.RatingDots=A.RatingDots;exports.Select=G.WrappedSelect;exports.SortableList=W.SortableList;exports.Spinner=I.Spinner;exports.spinnerSizes=L.spinnerSizes;exports.Swatch=s.Swatch;exports.swatchSizes=s.swatchSizes;exports.Switch=R.WrappedSwitch;exports.Tabs=N.Tabs;exports.Tag=F.Tag;exports.closeButtonDisplays=c.closeButtonDisplays;exports.tagSizes=c.tagSizes;exports.Text=H.WrappedText;exports.TextInput=K.WrappedTextInput;exports.Textarea=j.WrappedTextArea;exports.Meridiem=p.Meridiem;exports.TimePicker=p.TimePicker;exports.TimeRange=O.TimeRange;exports.Tooltip=E.Tooltip;exports.DateFormats=u.DateFormats;exports.DatePicker=u.DatePicker;exports.withDarkMode=m.withDarkMode;exports.withLightMode=m.withLightMode;exports.useColorMode=l.useColorMode;exports.useColorModeValue=l.useColorModeValue;exports.ConversationCard=J.ConversationCard;exports.StyledAvatar=d.StyledAvatar;exports.styledAvatarTypes=d.styledAvatarTypes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Timestamp=Q.Timestamp;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.KibbleThemeProvider=_.KibbleThemeProvider;exports.system=_.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -5,7 +5,7 @@ import { resolve as o, dirname as l } from "node:path";
|
|
|
5
5
|
const m = () => {
|
|
6
6
|
const e = o(process.cwd(), ".kibble-temp"), t = o(e, "theme.config.ts");
|
|
7
7
|
return n(e) || i(e, { recursive: !0 }), c(t, `
|
|
8
|
-
import { system } from "@televet/kibble-ui
|
|
8
|
+
import { system } from "@televet/kibble-ui";
|
|
9
9
|
export default system;
|
|
10
10
|
`), t;
|
|
11
11
|
}, p = (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate-theme-types.js","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { existsSync, mkdirSync, writeFileSync, rmSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n const tempDir = resolve(process.cwd(), \".kibble-temp\");\n const tempFile = resolve(tempDir, \"theme.config.ts\");\n\n if (!existsSync(tempDir)) {\n mkdirSync(tempDir, { recursive: true });\n }\n\n const configContent = `\nimport { system } from \"@televet/kibble-ui
|
|
1
|
+
{"version":3,"file":"generate-theme-types.js","sources":["../../../src/cli/generate-theme-types.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport { execSync } from \"node:child_process\";\nimport { existsSync, mkdirSync, writeFileSync, rmSync } from \"node:fs\";\nimport { dirname, resolve } from \"node:path\";\n\n// Create a temporary theme config file that imports from kibble-ui\nconst createTempThemeConfig = (): string => {\n const tempDir = resolve(process.cwd(), \".kibble-temp\");\n const tempFile = resolve(tempDir, \"theme.config.ts\");\n\n if (!existsSync(tempDir)) {\n mkdirSync(tempDir, { recursive: true });\n }\n\n const configContent = `\nimport { system } from \"@televet/kibble-ui\";\nexport default system;\n`;\n\n writeFileSync(tempFile, configContent);\n return tempFile;\n};\n\n// Clean up temporary files\nconst cleanup = (tempFile: string): void => {\n const tempDir = dirname(tempFile);\n rmSync(tempDir, { recursive: true, force: true });\n};\n\ntry {\n console.log(\"🐕 Kibble UI: Creating temporary theme configuration...\");\n const tempFile = createTempThemeConfig();\n\n console.log(\"🐕 Kibble UI: Generating theme types...\");\n execSync(`npx @chakra-ui/cli typegen ${tempFile}`, { stdio: \"inherit\" });\n\n console.log(\"🐕 Kibble UI: Cleaning up...\");\n cleanup(tempFile);\n\n console.log(\"✨ Kibble UI: Theme types generated successfully!\");\n} catch (error) {\n console.error(\"❌ Kibble UI: Failed to generate theme types.\");\n console.error(error);\n process.exit(1);\n}\n"],"names":["createTempThemeConfig","tempDir","resolve","tempFile","existsSync","mkdirSync","writeFileSync","cleanup","dirname","rmSync","execSync","error"],"mappings":";;;;AAOA,MAAMA,IAAwB,MAAc;AAC1C,QAAMC,IAAUC,EAAQ,QAAQ,IAAA,GAAO,cAAc,GAC/CC,IAAWD,EAAQD,GAAS,iBAAiB;AAE/C,SAACG,EAAWH,CAAO,KACrBI,EAAUJ,GAAS,EAAE,WAAW,GAAA,CAAM,GAQxCK,EAAcH,GALQ;AAAA;AAAA;AAAA,CAKe,GAC9BA;AACT,GAGMI,IAAU,CAACJ,MAA2B;AACpC,QAAAF,IAAUO,EAAQL,CAAQ;AAChC,EAAAM,EAAOR,GAAS,EAAE,WAAW,IAAM,OAAO,IAAM;AAClD;AAEA,IAAI;AACF,UAAQ,IAAI,yDAAyD;AACrE,QAAME,IAAWH,EAAsB;AAEvC,UAAQ,IAAI,yCAAyC,GACrDU,EAAS,8BAA8BP,CAAQ,IAAI,EAAE,OAAO,WAAW,GAEvE,QAAQ,IAAI,8BAA8B,GAC1CI,EAAQJ,CAAQ,GAEhB,QAAQ,IAAI,kDAAkD;AAChE,SAASQ,GAAO;AACd,UAAQ,MAAM,8CAA8C,GAC5D,QAAQ,MAAMA,CAAK,GACnB,QAAQ,KAAK,CAAC;AAChB;"}
|
package/dist/esm/hocs.js
CHANGED
|
@@ -1,38 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import a from "react";
|
|
3
|
-
import { B as s } from "../chunks/chakra-BqBkjpvZ.js";
|
|
4
|
-
const d = a.forwardRef(
|
|
5
|
-
function(o, r) {
|
|
6
|
-
return /* @__PURE__ */ e.jsx(
|
|
7
|
-
s,
|
|
8
|
-
{
|
|
9
|
-
color: "fg",
|
|
10
|
-
display: "contents",
|
|
11
|
-
className: "chakra-theme dark",
|
|
12
|
-
"data-testid": "kibble-dark-mode",
|
|
13
|
-
colorScheme: "dark",
|
|
14
|
-
ref: r,
|
|
15
|
-
...o
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
}
|
|
19
|
-
), h = (t) => /* @__PURE__ */ e.jsx(d, { children: t }), i = a.forwardRef(
|
|
20
|
-
function(o, r) {
|
|
21
|
-
return /* @__PURE__ */ e.jsx(
|
|
22
|
-
s,
|
|
23
|
-
{
|
|
24
|
-
display: "contents",
|
|
25
|
-
className: "chakra-theme light",
|
|
26
|
-
"data-testid": "kibble-light-mode",
|
|
27
|
-
colorScheme: "light",
|
|
28
|
-
ref: r,
|
|
29
|
-
...o
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
), l = (t) => /* @__PURE__ */ e.jsx(i, { children: t });
|
|
1
|
+
import { w as t, a as e } from "../chunks/index-CloRZB5L.js";
|
|
34
2
|
export {
|
|
35
|
-
|
|
36
|
-
|
|
3
|
+
t as withDarkMode,
|
|
4
|
+
e as withLightMode
|
|
37
5
|
};
|
|
38
6
|
//# sourceMappingURL=hocs.js.map
|
package/dist/esm/hocs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hocs.js","sources":[
|
|
1
|
+
{"version":3,"file":"hocs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { A as a, a as
|
|
1
|
+
import { A as a, a as t } from "../chunks/alert.types-CvARYqVc.js";
|
|
2
2
|
import { A as s } from "../chunks/avatar.component-DLqm7tQt.js";
|
|
3
3
|
import { a as m, b as i } from "../chunks/avatar.types-LQ1Bn8a3.js";
|
|
4
4
|
import { A as f } from "../chunks/avatarGroup.component-DIDIECGK.js";
|
|
5
5
|
import { B as c } from "../chunks/button.component-CA9bIFbq.js";
|
|
6
|
-
import { b as
|
|
7
|
-
import { B as
|
|
8
|
-
import { C as
|
|
9
|
-
import { cardSizes as
|
|
10
|
-
import { C as
|
|
6
|
+
import { b as u, d as S, c as T, e as d, a as b } from "../chunks/button.types-CujqF5RD.js";
|
|
7
|
+
import { B as g } from "../chunks/buttonGroup.component-BLRJnRJW.js";
|
|
8
|
+
import { C as h } from "../chunks/card.component-HX-4Y0j7.js";
|
|
9
|
+
import { cardSizes as P } from "./components/Card.js";
|
|
10
|
+
import { C as W } from "../chunks/characterCounter.component-DhiMcztY.js";
|
|
11
11
|
import { W as A } from "../chunks/checkbox.component-BN9GeeiB.js";
|
|
12
|
-
import { W as
|
|
13
|
-
import { W as
|
|
14
|
-
import { I as
|
|
15
|
-
import { i as
|
|
12
|
+
import { W as D } from "../chunks/checkboxGroup.component-DNwf69Ss.js";
|
|
13
|
+
import { W as V } from "../chunks/heading.component-B8niLTxz.js";
|
|
14
|
+
import { I as G } from "../chunks/icon.component-w5bWbfVU.js";
|
|
15
|
+
import { i as L } from "../chunks/icon.types-DLbVfMjG.js";
|
|
16
16
|
import { L as N } from "../chunks/link.component-DGC1Xu5B.js";
|
|
17
17
|
import { M as H } from "../chunks/menu.component-Bscyjw7R.js";
|
|
18
18
|
import { M as j, c as q, a as E, b as J, m as O } from "../chunks/modal.types-BfXHtZ4i.js";
|
|
@@ -20,42 +20,49 @@ import { N as U } from "../chunks/notificationCounter.component-CSuqzMTF.js";
|
|
|
20
20
|
import { notificationCounterSizes as Y, notificationCounterVariants as Z } from "./components/NotificationCounter.js";
|
|
21
21
|
import { Picture as $ } from "./components/Picture.js";
|
|
22
22
|
import { P as ro } from "../chunks/popover.component-CW5KsTYh.js";
|
|
23
|
-
import { p as
|
|
23
|
+
import { p as to, b as eo, a as so } from "../chunks/popover.types-C-V7Diw4.js";
|
|
24
24
|
import { W as mo } from "../chunks/radioGroup.component-kn8czn3N.js";
|
|
25
25
|
import { R as xo } from "../chunks/ratingDots.component-D0FX80wA.js";
|
|
26
26
|
import { W as no } from "../chunks/select.component-CqvAx7vP.js";
|
|
27
|
-
import { S as
|
|
27
|
+
import { S as lo } from "../chunks/sortableList.component-_DXfCTac.js";
|
|
28
28
|
import { S as So } from "../chunks/spinner.component-D5tkelNc.js";
|
|
29
29
|
import { s as bo } from "../chunks/spinner.types-g7cTFJkb.js";
|
|
30
|
-
import { Swatch as
|
|
30
|
+
import { Swatch as go, swatchSizes as vo } from "./components/Swatch.js";
|
|
31
31
|
import { W as Mo } from "../chunks/switch.component-C9WMHurt.js";
|
|
32
|
-
import { T as
|
|
33
|
-
import { T as
|
|
34
|
-
import { c as
|
|
35
|
-
import { W as
|
|
36
|
-
import { W as
|
|
37
|
-
import { W as
|
|
32
|
+
import { T as zo } from "../chunks/tabs.component-Bp1Lu8Xb.js";
|
|
33
|
+
import { T as yo } from "../chunks/tag.component-A__B03TA.js";
|
|
34
|
+
import { c as Bo, t as Do } from "../chunks/tag.types-B-pzEt1I.js";
|
|
35
|
+
import { W as Vo } from "../chunks/text.component-XYjOAc2s.js";
|
|
36
|
+
import { W as Go } from "../chunks/textInput.component-K4f7h4pP.js";
|
|
37
|
+
import { W as Lo } from "../chunks/textarea.component-Cmbax8lT.js";
|
|
38
38
|
import { M as No, T as Fo } from "../chunks/timePicker.component-DGKUi5P9.js";
|
|
39
39
|
import { T as Ko } from "../chunks/timeRange.component-uYrO4YEs.js";
|
|
40
40
|
import { T as qo } from "../chunks/tooltip.component-C3v2m2T2.js";
|
|
41
41
|
import { a as Jo, D as Oo } from "../chunks/datePicker.component-D1WtrZJd.js";
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
42
|
+
import { w as Uo, a as Xo } from "../chunks/index-CloRZB5L.js";
|
|
43
|
+
import { useColorMode as Zo, useColorModeValue as _o } from "./hooks.js";
|
|
44
|
+
import { C as or } from "../chunks/conversationCard.component-CAKvEh_2.js";
|
|
45
|
+
import { S as ar, s as tr } from "../chunks/styledAvatar.types-ByQoyukM.js";
|
|
46
|
+
import { T as sr, a as pr } from "../chunks/tagBlock.component-B99Qzj2K.js";
|
|
47
|
+
import { T as ir } from "../chunks/timestamp.component-D764INLm.js";
|
|
48
|
+
import { alignments as fr, flexDirections as nr, placements as cr, statuses as lr, typographyVariants as ur } from "./shared/types.js";
|
|
49
|
+
import { KibbleThemeProvider as Tr, system as dr } from "./theme.js";
|
|
44
50
|
export {
|
|
45
51
|
a as Alert,
|
|
46
52
|
s as Avatar,
|
|
47
53
|
f as AvatarGroup,
|
|
48
54
|
c as Button,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
55
|
+
g as ButtonGroup,
|
|
56
|
+
h as Card,
|
|
57
|
+
W as CharacterCounter,
|
|
52
58
|
A as Checkbox,
|
|
53
|
-
|
|
59
|
+
D as CheckboxGroup,
|
|
60
|
+
or as ConversationCard,
|
|
54
61
|
Jo as DateFormats,
|
|
55
62
|
Oo as DatePicker,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
63
|
+
V as Heading,
|
|
64
|
+
G as Icon,
|
|
65
|
+
Tr as KibbleThemeProvider,
|
|
59
66
|
N as Link,
|
|
60
67
|
H as Menu,
|
|
61
68
|
No as Meridiem,
|
|
@@ -66,43 +73,55 @@ export {
|
|
|
66
73
|
mo as RadioGroup,
|
|
67
74
|
xo as RatingDots,
|
|
68
75
|
no as Select,
|
|
69
|
-
|
|
76
|
+
lo as SortableList,
|
|
70
77
|
So as Spinner,
|
|
71
|
-
|
|
78
|
+
ar as StyledAvatar,
|
|
79
|
+
go as Swatch,
|
|
72
80
|
Mo as Switch,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
81
|
+
zo as Tabs,
|
|
82
|
+
yo as Tag,
|
|
83
|
+
sr as TagBlock,
|
|
84
|
+
pr as TagDisabledState,
|
|
85
|
+
Vo as Text,
|
|
86
|
+
Go as TextInput,
|
|
87
|
+
Lo as Textarea,
|
|
78
88
|
Fo as TimePicker,
|
|
79
89
|
Ko as TimeRange,
|
|
90
|
+
ir as Timestamp,
|
|
80
91
|
qo as Tooltip,
|
|
81
|
-
|
|
92
|
+
t as alertButtonPositions,
|
|
93
|
+
fr as alignments,
|
|
82
94
|
m as avatarSizes,
|
|
83
95
|
i as avatarVariants,
|
|
84
|
-
|
|
96
|
+
u as buttonConfigVariants,
|
|
85
97
|
S as buttonIconPositions,
|
|
86
98
|
T as buttonSizes,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
99
|
+
d as buttonSpinnerPlacements,
|
|
100
|
+
b as buttonVariants,
|
|
101
|
+
P as cardSizes,
|
|
102
|
+
Bo as closeButtonDisplays,
|
|
103
|
+
nr as flexDirections,
|
|
104
|
+
L as iconSizes,
|
|
92
105
|
q as modalMotionPresets,
|
|
93
106
|
E as modalPlacements,
|
|
94
107
|
J as modalScrollBehaviors,
|
|
95
108
|
O as modalSizes,
|
|
96
109
|
Y as notificationCounterSizes,
|
|
97
110
|
Z as notificationCounterVariants,
|
|
98
|
-
|
|
99
|
-
to as
|
|
111
|
+
cr as placements,
|
|
112
|
+
to as popoverSizes,
|
|
113
|
+
eo as popoverTriggerTypes,
|
|
100
114
|
so as popoverVariants,
|
|
101
115
|
bo as spinnerSizes,
|
|
116
|
+
lr as statuses,
|
|
117
|
+
tr as styledAvatarTypes,
|
|
102
118
|
vo as swatchSizes,
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
119
|
+
dr as system,
|
|
120
|
+
Do as tagSizes,
|
|
121
|
+
ur as typographyVariants,
|
|
122
|
+
Zo as useColorMode,
|
|
123
|
+
_o as useColorModeValue,
|
|
124
|
+
Uo as withDarkMode,
|
|
125
|
+
Xo as withLightMode
|
|
107
126
|
};
|
|
108
127
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@televet/kibble-ui",
|
|
3
3
|
"description": "Kibble Design System by Otto",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
4
|
+
"version": "4.0.0-beta.18",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/cjs/index.cjs",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
@@ -28,14 +28,24 @@
|
|
|
28
28
|
},
|
|
29
29
|
"./theme": {
|
|
30
30
|
"import": {
|
|
31
|
-
"types": "./dist/types/theme/
|
|
31
|
+
"types": "./dist/types/theme/index.d.ts",
|
|
32
32
|
"default": "./dist/esm/theme/index.js"
|
|
33
33
|
},
|
|
34
34
|
"require": {
|
|
35
|
-
"types": "./dist/types/theme/
|
|
35
|
+
"types": "./dist/types/theme/index.d.ts",
|
|
36
36
|
"default": "./dist/cjs/theme/index.cjs"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
|
+
"./theme/*": {
|
|
40
|
+
"import": {
|
|
41
|
+
"types": "./dist/types/theme/*.d.ts",
|
|
42
|
+
"default": "./dist/esm/theme/*.js"
|
|
43
|
+
},
|
|
44
|
+
"require": {
|
|
45
|
+
"types": "./dist/types/theme/*.d.ts",
|
|
46
|
+
"default": "./dist/cjs/theme/*.cjs"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
39
49
|
"./*": {
|
|
40
50
|
"import": {
|
|
41
51
|
"types": "./dist/types/components/*/index.d.ts",
|