@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.
- package/dist/components/favouriteButton/index.d.ts +4 -4
- package/dist/components/tabs/index.d.ts +1 -0
- package/dist/index.cjs +15 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +15 -15
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type JSX, type ReactNode } from 'react';
|
|
2
|
-
interface IFavouriteButtonProps extends Omit<
|
|
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?:
|
|
14
|
+
children?: ReactNode;
|
|
15
15
|
}
|
|
16
16
|
export declare const FavouriteButton: (props: IFavouriteButtonProps & {
|
|
17
|
-
ref?:
|
|
17
|
+
ref?: Ref<HTMLButtonElement>;
|
|
18
18
|
}) => JSX.Element;
|
|
19
19
|
export {};
|
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", {
|