hrm_ui_lib 2.2.0 → 2.2.1

package/components/BadgeV2/BadgeV2.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Text } from '../Text';
-import { BadgeSize, BadgeStyle, BadgeType, IconAlignment } from './types';
+import { BadgeSize } from './types';
 import classNames from 'classnames';
 export const BadgeV2 = (props) => {
-    const { type = BadgeType.blue, style = BadgeStyle.filled, size = BadgeSize.large, text, className = '', iconProps } = props;
-    const { size: iconSize = 'small', type: iconType, alignment: iconAlignment = IconAlignment.left, Component } = iconProps !== null && iconProps !== void 0 ? iconProps : {};
-    return (_jsxs("div", { className: classNames(`badge badge--${type} badge--${style} badge--${size}`, className), children: [iconProps && iconAlignment === IconAlignment.left && (_jsx(iconProps.Component, { size: iconSize, type: iconType })), text ? (_jsx(Text, { size: "xsmall", className: "badge__inner", children: _jsx(_Fragment, { children: text }) })) : null, iconProps && iconAlignment === IconAlignment.right && (_jsx(iconProps.Component, { size: iconSize, type: iconType }))] }));
+    const { type = 'blue', style = 'filled', size = BadgeSize.large, text, className = '', iconProps } = props;
+    const { size: iconSize = 'small', type: iconType, alignment: iconAlignment = 'left', Component } = iconProps !== null && iconProps !== void 0 ? iconProps : {};
+    return (_jsxs("div", { className: classNames(`badge badge--${type} badge--${style} badge--${size}`, className), children: [iconProps && iconAlignment === 'left' && (_jsx(iconProps.Component, { size: iconSize, type: iconType })), typeof text === 'string' || typeof text === 'number' ? (_jsx(Text, { size: "xsmall", className: "badge__inner", children: _jsx(_Fragment, { children: text }) })) : React.isValidElement(text) ? (text) : null, iconProps && iconAlignment === 'right' && (_jsx(iconProps.Component, { size: iconSize, type: iconType }))] }));
 };

package/components/BadgeV2/types.d.ts

@@ -1,35 +1,13 @@
+import { ReactNode } from 'react';
 import { TSVGIconType } from '../SVGIcons/types';
 export interface TBadgeProps extends IFormCompProps {
-    text?: number | string;
-    type?: BadgeType;
+    text?: number | string | ReactNode;
+    type?: 'gray' | 'blue' | 'orange' | 'red' | 'green' | 'yellow' | 'purple' | 'sky' | 'pink' | 'teal' | 'empty';
     size?: 'large' | 'small';
-    style?: BadgeStyle;
+    style?: 'filled' | 'light' | 'lighter' | 'stroke';
     iconProps?: TIconProps;
     className?: string;
 }
-export declare enum BadgeStyle {
-    filled = "filled",
-    light = "light",
-    lighter = "lighter",
-    stroke = "stroke"
-}
-export declare enum BadgeType {
-    gray = "gray",
-    blue = "blue",
-    orange = "orange",
-    red = "red",
-    green = "green",
-    yellow = "yellow",
-    purple = "purple",
-    sky = "sky",
-    pink = "pink",
-    teal = "teal",
-    empty = "empty"
-}
-export declare enum IconAlignment {
-    left = "left",
-    right = "right"
-}
 export declare enum BadgeSize {
     small = "small",
     large = "large"
@@ -37,6 +15,6 @@ export declare enum BadgeSize {
 export interface TIconProps {
     size?: TIconSize;
     type?: TSVGIconType;
-    alignment?: IconAlignment;
+    alignment?: 'left' | 'right';
     Component: TSVGIconComponent;
 }

package/components/BadgeV2/types.js

@@ -1,29 +1,3 @@
-export var BadgeStyle;
-(function (BadgeStyle) {
-    BadgeStyle["filled"] = "filled";
-    BadgeStyle["light"] = "light";
-    BadgeStyle["lighter"] = "lighter";
-    BadgeStyle["stroke"] = "stroke";
-})(BadgeStyle || (BadgeStyle = {}));
-export var BadgeType;
-(function (BadgeType) {
-    BadgeType["gray"] = "gray";
-    BadgeType["blue"] = "blue";
-    BadgeType["orange"] = "orange";
-    BadgeType["red"] = "red";
-    BadgeType["green"] = "green";
-    BadgeType["yellow"] = "yellow";
-    BadgeType["purple"] = "purple";
-    BadgeType["sky"] = "sky";
-    BadgeType["pink"] = "pink";
-    BadgeType["teal"] = "teal";
-    BadgeType["empty"] = "empty";
-})(BadgeType || (BadgeType = {}));
-export var IconAlignment;
-(function (IconAlignment) {
-    IconAlignment["left"] = "left";
-    IconAlignment["right"] = "right";
-})(IconAlignment || (IconAlignment = {}));
 export var BadgeSize;
 (function (BadgeSize) {
     BadgeSize["small"] = "small";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",