@goodhood-web/ui 3.0.0-development.35 → 3.0.0-development.36

package/index.mjs

@@ -7832,19 +7832,22 @@ const De = (t) => {
   );
 });
 Vt.displayName = "Button";
-const Gw = "_textButton_al11a_120", X1 = {
+const Gw = "_textButton_19zsp_120", X1 = {
   textButton: Gw,
-  "textButton--large": "_textButton--large_al11a_127",
-  "textButton--green": "_textButton--green_al11a_130",
-  "textButton--blue": "_textButton--blue_al11a_136",
-  "textButton--deepPurple": "_textButton--deepPurple_al11a_142",
-  "textButton--pinkLight": "_textButton--pinkLight_al11a_148",
-  "textButton--pinkDark": "_textButton--pinkDark_al11a_154"
+  "textButton--large": "_textButton--large_19zsp_132",
+  "textButton--medium": "_textButton--medium_19zsp_137",
+  "textButton--link": "_textButton--link_19zsp_142",
+  "textButton--green": "_textButton--green_19zsp_148",
+  "textButton--blue": "_textButton--blue_19zsp_154",
+  "textButton--deepPurple": "_textButton--deepPurple_19zsp_160",
+  "textButton--pinkLight": "_textButton--pinkLight_19zsp_166",
+  "textButton--pinkDark": "_textButton--pinkDark_19zsp_172"
 }, Yw = {
   large: "h5",
   link: "body-text-link",
   medium: "body-semibold",
-  small: "detail-bold"
+  small: "detail-bold",
+  tiny: "detail-medium"
 };
 function Ta({
   className: t,
@@ -12728,17 +12731,17 @@ const Rk = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
       }
     ) })
   ] }) : /* @__PURE__ */ R.jsx("div", { className: ra.container, children: t });
-}, Pk = "_primaryButton_zqo1o_120", Rl = {
+}, Pk = "_primaryButton_12hm0_120", Rl = {
   primaryButton: Pk,
-  "primaryButton--fullWidth": "_primaryButton--fullWidth_zqo1o_129",
-  "primaryButton--extraLarge": "_primaryButton--extraLarge_zqo1o_132",
-  "primaryButton--large": "_primaryButton--large_zqo1o_137",
-  "primaryButton--medium": "_primaryButton--medium_zqo1o_142",
-  "primaryButton--small": "_primaryButton--small_zqo1o_142",
-  "primaryButton--highlight": "_primaryButton--highlight_zqo1o_147",
-  "primaryButton--primary": "_primaryButton--primary_zqo1o_153",
-  "primaryButton--transparent": "_primaryButton--transparent_zqo1o_159",
-  "primaryButton--loading": "_primaryButton--loading_zqo1o_167"
+  "primaryButton--fullWidth": "_primaryButton--fullWidth_12hm0_129",
+  "primaryButton--large": "_primaryButton--large_12hm0_132",
+  "primaryButton--medium": "_primaryButton--medium_12hm0_137",
+  "primaryButton--small": "_primaryButton--small_12hm0_142",
+  "primaryButton--tiny": "_primaryButton--tiny_12hm0_142",
+  "primaryButton--highlight": "_primaryButton--highlight_12hm0_147",
+  "primaryButton--primary": "_primaryButton--primary_12hm0_153",
+  "primaryButton--transparent": "_primaryButton--transparent_12hm0_159",
+  "primaryButton--loading": "_primaryButton--loading_12hm0_167"
 }, Fk = ({
   children: t,
   className: e,
@@ -12748,15 +12751,15 @@ const Rk = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
   leftIcon: a,
   loading: l,
   rightIcon: h,
-  size: f = "extraLarge",
+  size: f = "large",
   text: p,
   ...v
 }) => {
   const y = Zr(a, [ut]), b = Zr(h, [ut]), S = Rl[`primaryButton--${n}`], L = Rl[`primaryButton--${f}`], D = {
-    extraLarge: "h5",
     large: "h5",
-    medium: "body-semibold",
-    small: "detail-medium"
+    medium: "h5",
+    small: "body-semibold",
+    tiny: "detail-medium"
   };
   return /* @__PURE__ */ R.jsxs(
     Vt,
@@ -12775,19 +12778,19 @@ const Rk = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
       ]
     }
   );
-}, Ak = "_secondaryButton_3hju7_120", Ml = {
+}, Ak = "_secondaryButton_1a87g_120", Ml = {
   secondaryButton: Ak,
-  "secondaryButton--fullWidth": "_secondaryButton--fullWidth_3hju7_132",
-  "secondaryButton--large": "_secondaryButton--large_3hju7_135",
-  "secondaryButton--medium": "_secondaryButton--medium_3hju7_140",
-  "secondaryButton--small": "_secondaryButton--small_3hju7_140",
-  "secondaryButton--green": "_secondaryButton--green_3hju7_145",
-  "secondaryButton--pink": "_secondaryButton--pink_3hju7_151",
-  "secondaryButton--grey": "_secondaryButton--grey_3hju7_159",
-  "secondaryButton--teal": "_secondaryButton--teal_3hju7_165",
-  "secondaryButton--lavender": "_secondaryButton--lavender_3hju7_171",
-  "secondaryButton--orange": "_secondaryButton--orange_3hju7_178",
-  "secondaryButton--loading": "_secondaryButton--loading_3hju7_184"
+  "secondaryButton--fullWidth": "_secondaryButton--fullWidth_1a87g_132",
+  "secondaryButton--medium": "_secondaryButton--medium_1a87g_135",
+  "secondaryButton--small": "_secondaryButton--small_1a87g_140",
+  "secondaryButton--tiny": "_secondaryButton--tiny_1a87g_140",
+  "secondaryButton--green": "_secondaryButton--green_1a87g_145",
+  "secondaryButton--pink": "_secondaryButton--pink_1a87g_151",
+  "secondaryButton--grey": "_secondaryButton--grey_1a87g_159",
+  "secondaryButton--teal": "_secondaryButton--teal_1a87g_165",
+  "secondaryButton--lavender": "_secondaryButton--lavender_1a87g_171",
+  "secondaryButton--orange": "_secondaryButton--orange_1a87g_178",
+  "secondaryButton--loading": "_secondaryButton--loading_1a87g_184"
 }, Rh = ({
   children: t,
   className: e,
@@ -12797,15 +12800,15 @@ const Rk = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
   leftIcon: a,
   loading: l,
   rightIcon: h,
-  size: f = "extraLarge",
+  size: f = "large",
   text: p,
   ...v
 }) => {
   const y = Zr(a, [ut]), b = Zr(h, [ut]), S = Ml[`secondaryButton--${n}`], L = Ml[`secondaryButton--${f}`], D = {
-    extraLarge: "h5",
     large: "h5",
-    medium: "body-semibold",
-    small: "detail-medium"
+    medium: "h5",
+    small: "body-semibold",
+    tiny: "detail-medium"
   };
   return /* @__PURE__ */ R.jsxs(
     Vt,
@@ -12824,17 +12827,17 @@ const Rk = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
       ]
     }
   );
-}, Ik = "_tertiaryButton_1spai_120", Ll = {
+}, Ik = "_tertiaryButton_1lpa7_120", Ll = {
   tertiaryButton: Ik,
-  "tertiaryButton--fullWidth": "_tertiaryButton--fullWidth_1spai_133",
-  "tertiaryButton--large": "_tertiaryButton--large_1spai_136",
-  "tertiaryButton--medium": "_tertiaryButton--medium_1spai_141",
-  "tertiaryButton--small": "_tertiaryButton--small_1spai_141",
-  "tertiaryButton--green": "_tertiaryButton--green_1spai_146",
-  "tertiaryButton--pink": "_tertiaryButton--pink_1spai_158",
-  "tertiaryButton--blue": "_tertiaryButton--blue_1spai_170",
-  "tertiaryButton--grey": "_tertiaryButton--grey_1spai_182",
-  "tertiaryButton--loading": "_tertiaryButton--loading_1spai_194"
+  "tertiaryButton--fullWidth": "_tertiaryButton--fullWidth_1lpa7_133",
+  "tertiaryButton--medium": "_tertiaryButton--medium_1lpa7_136",
+  "tertiaryButton--small": "_tertiaryButton--small_1lpa7_141",
+  "tertiaryButton--tiny": "_tertiaryButton--tiny_1lpa7_141",
+  "tertiaryButton--green": "_tertiaryButton--green_1lpa7_146",
+  "tertiaryButton--pink": "_tertiaryButton--pink_1lpa7_158",
+  "tertiaryButton--blue": "_tertiaryButton--blue_1lpa7_170",
+  "tertiaryButton--grey": "_tertiaryButton--grey_1lpa7_182",
+  "tertiaryButton--loading": "_tertiaryButton--loading_1lpa7_194"
 }, Mh = ({
   children: t,
   className: e,
@@ -12844,15 +12847,15 @@ const Rk = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
   leftIcon: a,
   loading: l,
   rightIcon: h,
-  size: f = "extraLarge",
+  size: f = "large",
   text: p,
   ...v
 }) => {
   const y = Zr(a, [ut]), b = Zr(h, [ut]), S = Ll[`tertiaryButton--${n}`], L = Ll[`tertiaryButton--${f}`], D = {
-    extraLarge: "h5",
     large: "h5",
-    medium: "body-semibold",
-    small: "detail-medium"
+    medium: "h5",
+    small: "body-semibold",
+    tiny: "detail-medium"
   };
   return /* @__PURE__ */ R.jsxs(
     Vt,

package/lib/Atoms/Buttons/Button/Button.types.d.ts

@@ -29,7 +29,7 @@ export interface ButtonVariationProps {
     leftIcon?: ReactElement<IconProps>;
     loading?: boolean;
     rightIcon?: ReactElement<IconProps>;
-    size?: 'small' | 'medium' | 'large' | 'extraLarge';
+    size?: 'tiny' | 'small' | 'medium' | 'large';
     target?: string;
     text?: string;
 }

package/lib/Atoms/Buttons/TextButton/TextButton.d.ts

@@ -4,6 +4,7 @@ export declare const typographyType: {
     link: string;
     medium: string;
     small: string;
+    tiny: string;
 };
 export declare function TextButton({ className, color, disabled, leftIcon, rightIcon, size, text, ...props }: TextButtonProps): import("react/jsx-runtime").JSX.Element;
 export default TextButton;

package/lib/Atoms/Buttons/TextButton/TextButton.types.d.ts

@@ -7,7 +7,7 @@ export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'>
     color: 'green' | 'blue' | 'deepPurple' | 'pinkLight' | 'pinkDark';
     leftIcon?: ReactElement<IconProps | NotificationBubbleProps>;
     rightIcon?: ReactElement<IconProps | NotificationBubbleProps>;
-    size: 'large' | 'medium' | 'small' | 'link';
+    size: 'large' | 'medium' | 'small' | 'link' | 'tiny';
     text: string;
     type?: 'button' | 'submit' | 'reset';
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.0.0-development.35",
+  "version": "3.0.0-development.36",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",