@tabula/ui-button - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

lib/index.js

 import "./index.css";
 
-// src/UiButton20.css.ts
-var variants = { contract: "ui_button__1vh2z6i1 ui_button__174234z0 ui_button__1vh2z6i0 ui_theme__3ifh804" };
+// src/UiButton20/UiButton20.css.ts
+var variants = { contract: "ui_button__1vt0we21 ui_button__174234z0 ui_button__1vt0we20 ui_theme__3ifh804" };
 
-// src/UiButton.tsx
+// src/Button.tsx
 import clsx from "clsx";
@@ -27,5 +27,5 @@
 
-// src/UiButton.tsx
+// src/Button.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var UiButton = ({
+var Button = ({
   children,
@@ -126,36 +126,48 @@ className,
 
-// src/UiButton20.tsx
+// src/UiButton20/UiButton20.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var UiButton20 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx2(UiButton, { leftIcon: icon3, variantClassName: variants[variant], ...props, children });
+var UiButton20 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx2(Button, { leftIcon: icon3, variantClassName: variants[variant], ...props, children });
+if (import.meta.env.DEV) {
+  UiButton20.displayName = "ui-button(UiButton20)";
+}
 
-// src/UiButton24.css.ts
-var variants2 = { primary: "ui_button__1wro85m1 ui_button__174234z0 ui_button__1wro85m0 ui_theme__3ifh804", secondary: "ui_button__1wro85m2 ui_button__174234z0 ui_button__1wro85m0 ui_theme__3ifh80a", cancel: "ui_button__1wro85m3 ui_button__174234z0 ui_button__1wro85m0 ui_theme__3ifh80a", cancelFilled: "ui_button__1wro85m4 ui_button__174234z0 ui_button__1wro85m0 ui_theme__3ifh80a", edit: "ui_button__1wro85m5 ui_button__174234z0 ui_button__1wro85m0 ui_theme__3ifh80a", test: "ui_button__1wro85m6 ui_button__174234z0 ui_button__1wro85m0 ui_theme__3ifh804", ai: "ui_button__1wro85m7 ui_button__174234z0 ui_button__1wro85m0 ui_theme__3ifh804" };
+// src/UiButton24/UiButton24.css.ts
+var variants2 = { primary: "ui_button__656w1y1 ui_button__174234z0 ui_button__656w1y0 ui_theme__3ifh804", secondary: "ui_button__656w1y2 ui_button__174234z0 ui_button__656w1y0 ui_theme__3ifh80a", cancel: "ui_button__656w1y3 ui_button__174234z0 ui_button__656w1y0 ui_theme__3ifh80a", cancelFilled: "ui_button__656w1y4 ui_button__174234z0 ui_button__656w1y0 ui_theme__3ifh80a", edit: "ui_button__656w1y5 ui_button__174234z0 ui_button__656w1y0 ui_theme__3ifh80a", test: "ui_button__656w1y6 ui_button__174234z0 ui_button__656w1y0 ui_theme__3ifh804", ai: "ui_button__656w1y7 ui_button__174234z0 ui_button__656w1y0 ui_theme__3ifh804" };
 
-// src/UiButton24.tsx
+// src/UiButton24/UiButton24.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var UiButton24 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx3(UiButton, { leftIcon: icon3, variantClassName: variants2[variant], ...props, children });
+var UiButton24 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx3(Button, { leftIcon: icon3, variantClassName: variants2[variant], ...props, children });
+if (import.meta.env.DEV) {
+  UiButton24.displayName = "ui-button(UiButton24)";
+}
 
-// src/UiButton32.css.ts
-var variants3 = { primaryDesign: "ui_button__14k4yyo1 ui_button__174234z0 ui_button__14k4yyo0 ui_theme__3ifh804", secondaryDesign: "ui_button__14k4yyo2 ui_button__174234z0 ui_button__14k4yyo0 ui_theme__3ifh80a", primaryList: "ui_button__14k4yyo3 ui_button__174234z0 ui_button__14k4yyo0 ui_theme__3ifh804", secondaryList: "ui_button__14k4yyo4 ui_button__174234z0 ui_button__14k4yyo0 ui_theme__3ifh80a", dangerousList: "ui_button__14k4yyo5 ui_button__174234z0 ui_button__14k4yyo0 ui_theme__3ifh804", shadowList: "ui_button__14k4yyo6 ui_button__174234z0 ui_button__14k4yyo0 ui_theme__3ifh80a" };
+// src/UiButton32/UiButton32.css.ts
+var variants3 = { primaryDesign: "ui_button__f4628g1 ui_button__174234z0 ui_button__f4628g0 ui_theme__3ifh804", secondaryDesign: "ui_button__f4628g2 ui_button__174234z0 ui_button__f4628g0 ui_theme__3ifh80a", primaryList: "ui_button__f4628g3 ui_button__174234z0 ui_button__f4628g0 ui_theme__3ifh804", secondaryList: "ui_button__f4628g4 ui_button__174234z0 ui_button__f4628g0 ui_theme__3ifh80a", dangerousList: "ui_button__f4628g5 ui_button__174234z0 ui_button__f4628g0 ui_theme__3ifh804", shadowList: "ui_button__f4628g6 ui_button__174234z0 ui_button__f4628g0 ui_theme__3ifh80a" };
 
-// src/UiButton32.tsx
+// src/UiButton32/UiButton32.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var UiButton32 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx4(UiButton, { leftIcon: icon3, variantClassName: variants3[variant], ...props, children });
+var UiButton32 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx4(Button, { leftIcon: icon3, variantClassName: variants3[variant], ...props, children });
+if (import.meta.env.DEV) {
+  UiButton32.displayName = "ui-button(UiButton32)";
+}
 
-// src/UiButton40.css.ts
-var variants4 = { primary: "ui_button__16pqd2b1 ui_button__174234z0 ui_button__16pqd2b0 ui_theme__3ifh803", secondary: "ui_button__16pqd2b2 ui_button__174234z0 ui_button__16pqd2b0 ui_theme__3ifh809", secondaryBlue: "ui_button__16pqd2b3 ui_button__174234z0 ui_button__16pqd2b0 ui_theme__3ifh809", secondaryFilled: "ui_button__16pqd2b4 ui_button__174234z0 ui_button__16pqd2b0 ui_theme__3ifh809" };
+// src/UiButton40/UiButton40.css.ts
+var variants4 = { primary: "ui_button__b9qazs1 ui_button__174234z0 ui_button__b9qazs0 ui_theme__3ifh803", secondary: "ui_button__b9qazs2 ui_button__174234z0 ui_button__b9qazs0 ui_theme__3ifh809", secondaryBlue: "ui_button__b9qazs3 ui_button__174234z0 ui_button__b9qazs0 ui_theme__3ifh809", secondaryFilled: "ui_button__b9qazs4 ui_button__174234z0 ui_button__b9qazs0 ui_theme__3ifh809" };
 
-// src/UiButton40.tsx
+// src/UiButton40/UiButton40.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
-var UiButton40 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx5(UiButton, { leftIcon: icon3, variantClassName: variants4[variant], ...props, children });
+var UiButton40 = ({ children, icon: icon3, variant, ...props }) => /* @__PURE__ */ jsx5(Button, { leftIcon: icon3, variantClassName: variants4[variant], ...props, children });
+if (import.meta.env.DEV) {
+  UiButton40.displayName = "ui-button(UiButton40)";
+}
 
-// src/UiButton48.css.ts
-var icon2 = "ui_button__4k24rm3";
-var variants5 = { primary: "ui_button__4k24rm1 ui_button__174234z0 ui_button__4k24rm0 ui_theme__3ifh808", secondary: "ui_button__4k24rm2 ui_button__174234z0 ui_button__4k24rm0 ui_theme__3ifh80d" };
+// src/UiButton48/UiButton48.css.ts
+var icon2 = "ui_button__1nd2erp3";
+var variants5 = { primary: "ui_button__1nd2erp1 ui_button__174234z0 ui_button__1nd2erp0 ui_theme__3ifh808", secondary: "ui_button__1nd2erp2 ui_button__174234z0 ui_button__1nd2erp0 ui_theme__3ifh80d" };
 
-// src/UiButton48.tsx
+// src/UiButton48/UiButton48.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var UiButton48 = ({ children, icon: icon3, variant, ...props }) => {
   return /* @__PURE__ */ jsx6(
-    UiButton,
+    Button,
     {
@@ -170,2 +182,5 @@ iconClassName: icon2,
 };
+if (import.meta.env.DEV) {
+  UiButton48.displayName = "ui-button(UiButton48)";
+}
 export {
@@ -172,0 +187,0 @@ UiButton20,

package.json

 {
   "name": "@tabula/ui-button",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Button components which are used to initialize an action",
@@ -41,6 +41,6 @@ "type": "module",
     "react": "^18.2.0",
-    "@tabula/ui-theme": "^2.0.3"
+    "@tabula/ui-theme": "^2.0.4"
   },
   "devDependencies": {
-    "@tabula/ui-theme": "^2.0.3"
+    "@tabula/ui-theme": "^2.0.4"
   },
@@ -47,0 +47,0 @@ "dependencies": {

typings/index.d.ts

@@ -7,6 +7,6 @@ export { UiButton20 } from './UiButton20';
 export type { Element as UiButtonElement, IconComponentProps as UiButtonIconComponentProps, IconComponentType as UiButtonIconComponentType, LinkComponentProps as UiButtonLinkComponentProps, LinkComponentType as UiButtonLinkComponentType, } from './types';
-export type { Props as UiButton20Props, Variant as UiButton20Variant } from './UiButton20';
-export type { Props as UiButton24Props, Variant as UiButton24Variant } from './UiButton24';
-export type { Props as UiButton32Props, Variant as UiButton32Variant } from './UiButton32';
-export type { Props as UiButton40Props, Variant as UiButton40Variant } from './UiButton40';
-export type { Props as UiButton48Props, Variant as UiButton48Variant } from './UiButton48';
+export type { UiButton20Props, UiButton20Variant } from './UiButton20';
+export type { UiButton24Props, UiButton24Variant } from './UiButton24';
+export type { UiButton32Props, UiButton32Variant } from './UiButton32';
+export type { UiButton40Props, UiButton40Variant } from './UiButton40';
+export type { UiButton48Props, UiButton48Variant } from './UiButton48';

No alert changes

Improved metrics

Total package byte prevSize

87749

2.32%

Number of package files

29

20.83%

Lines of code

792

4.9%

No dependency changes