@youngonesworks/ui 0.1.33 → 0.1.34

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.
@@ -1,5 +1,5 @@
1
- import { type JSX, type ReactNode } from 'react';
2
- interface IFavouriteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
1
+ import { type ButtonHTMLAttributes, type JSX, type ReactNode, type Ref } from 'react';
2
+ interface IFavouriteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
3
3
  onClick: () => void;
4
4
  favourite: boolean;
5
5
  iconOutline?: ReactNode;
@@ -11,9 +11,9 @@ interface IFavouriteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButt
11
11
  iconColor?: string;
12
12
  iconColorSelected?: string;
13
13
  styleVariant?: 'transparent' | 'small' | 'default' | 'round' | undefined;
14
- children?: React.ReactNode;
14
+ children?: ReactNode;
15
15
  }
16
16
  export declare const FavouriteButton: (props: IFavouriteButtonProps & {
17
- ref?: React.Ref<HTMLButtonElement>;
17
+ ref?: Ref<HTMLButtonElement>;
18
18
  }) => JSX.Element;
19
19
  export {};
@@ -1,2 +1,3 @@
1
1
  export * from './Tab';
2
+ export * from './TabsBadge';
2
3
  export * from './TabsWrapper';
package/dist/index.cjs CHANGED
@@ -115934,6 +115934,21 @@ const Tab = (0, react.forwardRef)(({ tabId, activeTab, tabContent, clickFnc, rig
115934
115934
  })]
115935
115935
  }));
115936
115936
 
115937
+ //#endregion
115938
+ //#region src/components/tabs/TabsBadge.tsx
115939
+ const TabsBadge = ({ children }) => {
115940
+ const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
115941
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
115942
+ "data-testid": "tabs-badge",
115943
+ className: clsx_default("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
115944
+ "w-5 text-center": isCircular,
115945
+ "px-2": !isCircular
115946
+ }),
115947
+ children
115948
+ });
115949
+ };
115950
+ TabsBadge.displayName = "TabsBadge";
115951
+
115937
115952
  //#endregion
115938
115953
  //#region src/components/tabs/TabsWrapper.tsx
115939
115954
  const TabsWrapper = ({ setActiveTab, activeTab, tabs }) => {
@@ -115999,21 +116014,6 @@ const TabContent = (0, react.forwardRef)(({ tab, setActiveTab, activeTab }, ref)
115999
116014
  }));
116000
116015
  TabContent.displayName = "TabContent";
116001
116016
 
116002
- //#endregion
116003
- //#region src/components/tabs/TabsBadge.tsx
116004
- const TabsBadge = ({ children }) => {
116005
- const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
116006
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
116007
- "data-testid": "tabs-badge",
116008
- className: clsx_default("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
116009
- "w-5 text-center": isCircular,
116010
- "px-2": !isCircular
116011
- }),
116012
- children
116013
- });
116014
- };
116015
- TabsBadge.displayName = "TabsBadge";
116016
-
116017
116017
  //#endregion
116018
116018
  //#region src/components/textArea/index.tsx
116019
116019
  const Textarea = (0, react.forwardRef)(({ className, label, error: error$1, rows = 8,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {