@oliasoft-open-source/react-ui-library 5.20.0 → 5.21.0

package/dist/index.d.ts

@@ -122,7 +122,7 @@ export declare enum ElementType {
 
 export declare const Empty: ({ width, height, text, children, testId, }: IEmptyProps) => JSX_2.Element;
 
-export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, textTransform, }: IFieldProps) => JSX_2.Element;
+export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, small, testId, textTransform, }: IFieldProps) => JSX_2.Element;
 
 export declare const FileButton: ({ file, accept, multi, name, disabled, onChange, ...buttonProps }: IFileButtonProps) => JSX_2.Element;
 
@@ -512,6 +512,7 @@ export declare interface IFieldProps {
     lock?: ILabelLockProps;
     info?: string;
     libraryIcon?: ILabelIcon;
+    small?: boolean;
     testId?: string;
     textTransform?: TTextTransform;
 }
@@ -698,6 +699,7 @@ export declare interface ILabelProps {
     lock?: ILabelLockProps;
     libraryIcon?: ILabelIcon;
     labelLeft?: boolean;
+    small?: boolean;
     textTransform?: TTextTransform;
 }
 
@@ -1676,6 +1678,7 @@ export declare interface ITextAreaProps {
     maxTooltipWidth?: TStringOrNumber;
     resize?: Property.Resize;
     monospace?: boolean;
+    small?: boolean;
     testId?: string;
 }
 
@@ -1939,7 +1942,7 @@ export declare interface IUsageTrackerProps {
 
 declare type JsonDelta = Record<string, any>;
 
-export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, textTransform, }: ILabelProps) => JSX_2.Element;
+export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, small, textTransform, }: ILabelProps) => JSX_2.Element;
 
 export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => JSX_2.Element;
 
@@ -2106,7 +2109,7 @@ export declare type TExportData = {
 declare const Text_2: ({ children, bold, center, error, faint, link, muted, onClick, small, success, warning, }: ITextProps) => JSX_2.Element;
 export { Text_2 as Text }
 
-export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => JSX_2.Element;
+export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, small, testId, }: ITextAreaProps) => JSX_2.Element;
 
 export declare const TextLink: ({ children, href, target, testId, onClick, component: Component, }: ITextLinkProps) => JSX_2.Element;
 

package/dist/index.js

@@ -609,34 +609,35 @@ var mr = /* @__PURE__ */ function(e) {
 	actionComponentContainer: "_actionComponentContainer_1t7vd_14",
 	active: "_active_1t7vd_36"
 }, K = {
-	wrapper: "_wrapper_4ezl2_1",
-	layer: "_layer_4ezl2_5",
-	layerContainer: "_layerContainer_4ezl2_8",
-	enter: "_enter_4ezl2_24",
-	enterActive: "_enterActive_4ezl2_28",
-	nested: "_nested_4ezl2_33",
-	fileInput: "_fileInput_4ezl2_54",
-	trigger: "_trigger_4ezl2_59",
-	heading: "_heading_4ezl2_68",
-	headingIcon: "_headingIcon_4ezl2_74",
-	clickable: "_clickable_4ezl2_81",
-	option: "_option_4ezl2_85",
-	active: "_active_4ezl2_104",
-	disabled: "_disabled_4ezl2_109",
-	selected: "_selected_4ezl2_113",
-	optionContent: "_optionContent_4ezl2_120",
-	inline: "_inline_4ezl2_124",
-	icon: "_icon_4ezl2_129",
-	check: "_check_4ezl2_130",
-	text: "_text_4ezl2_156",
-	label: "_label_4ezl2_161",
-	description: "_description_4ezl2_172",
-	arrow: "_arrow_4ezl2_176",
-	divider: "_divider_4ezl2_180",
-	deprecatedSemanticIcon: "_deprecatedSemanticIcon_4ezl2_184",
-	component: "_component_4ezl2_192",
-	right: "_right_4ezl2_198",
-	actions: "_actions_4ezl2_203"
+	wrapper: "_wrapper_17ntv_1",
+	layer: "_layer_17ntv_5",
+	layerContainer: "_layerContainer_17ntv_8",
+	enter: "_enter_17ntv_24",
+	enterActive: "_enterActive_17ntv_28",
+	nested: "_nested_17ntv_33",
+	fileInput: "_fileInput_17ntv_54",
+	trigger: "_trigger_17ntv_59",
+	heading: "_heading_17ntv_68",
+	headingIcon: "_headingIcon_17ntv_74",
+	clickable: "_clickable_17ntv_81",
+	option: "_option_17ntv_85",
+	active: "_active_17ntv_104",
+	disabled: "_disabled_17ntv_109",
+	selected: "_selected_17ntv_113",
+	optionContent: "_optionContent_17ntv_120",
+	inline: "_inline_17ntv_124",
+	icon: "_icon_17ntv_129",
+	check: "_check_17ntv_130",
+	text: "_text_17ntv_156",
+	label: "_label_17ntv_161",
+	description: "_description_17ntv_172",
+	arrow: "_arrow_17ntv_176",
+	divider: "_divider_17ntv_180",
+	deprecatedSemanticIcon: "_deprecatedSemanticIcon_17ntv_184",
+	buttonLabel: "_buttonLabel_17ntv_192",
+	component: "_component_17ntv_199",
+	right: "_right_17ntv_205",
+	actions: "_actions_17ntv_210"
 }, ti = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__ */ z("div", {
 	onClick: (e) => e.stopPropagation(),
 	className: K.heading,
@@ -838,8 +839,8 @@ var mr = /* @__PURE__ */ function(e) {
 		className: g(K.trigger, a || p ? K.disabled : null),
 		style: { width: i },
 		children: /* @__PURE__ */ R(G, {
-			label: /* @__PURE__ */ R("div", {
-				className: K.label,
+			label: /* @__PURE__ */ R("span", {
+				className: K.buttonLabel,
 				children: t
 			}),
 			colored: n,
@@ -3334,13 +3335,13 @@ var mr = /* @__PURE__ */ function(e) {
 	tabIndex: e.disabled ? -1 : 0,
 	indeterminate: e.indeterminate
 }), Ts = {
-	container: "_container_1bhdk_1",
-	small: "_small_1bhdk_7",
-	vertical: "_vertical_1bhdk_10",
-	hasArrows: "_hasArrows_1bhdk_14",
-	button: "_button_1bhdk_18",
-	label: "_label_1bhdk_21",
-	dot: "_dot_1bhdk_29"
+	container: "_container_1vgw8_1",
+	small: "_small_1vgw8_7",
+	vertical: "_vertical_1vgw8_10",
+	hasArrows: "_hasArrows_1vgw8_14",
+	button: "_button_1vgw8_18",
+	label: "_label_1vgw8_21",
+	dot: "_dot_1vgw8_32"
 }, Es = Wn((e) => e.reduce((e, { label: t, tooltip: n, value: r }) => (e[r] = /* @__PURE__ */ R(W, {
 	text: /* @__PURE__ */ z(L, { children: [
 		n,
@@ -5239,22 +5240,23 @@ var mr = /* @__PURE__ */ function(e) {
 		onChange: d
 	})] });
 }, rl = {
-	label: "_label_18pfe_1",
-	labelLeft: "_labelLeft_18pfe_5",
-	icons: "_icons_18pfe_13"
+	label: "_label_uxk69_1",
+	labelLeft: "_labelLeft_uxk69_5",
+	icons: "_icons_uxk69_13",
+	small: "_small_uxk69_27"
 }, il = ({ label: e = null, width: t = "auto", helpText: n = "", helpTextMaxWidth: r = "300px", onClickHelp: i = void 0, lock: a = {
 	visible: !1,
 	active: !1,
 	onClick: () => {},
 	tooltip: "",
 	testId: void 0
-}, info: o, libraryIcon: s, labelLeft: c = !1, textTransform: l = vr.CAPITALIZE }) => {
-	var u;
+}, info: o, libraryIcon: s, labelLeft: c = !1, small: l = !1, textTransform: u = vr.CAPITALIZE }) => {
+	var d;
 	return /* @__PURE__ */ R("div", {
-		className: g(rl.label, c ? rl.labelLeft : ""),
+		className: g(rl.label, c ? rl.labelLeft : "", l ? rl.small : ""),
 		children: /* @__PURE__ */ z("label", {
 			style: {
-				textTransform: l,
+				textTransform: u,
 				width: t || ""
 			},
 			children: [e, /* @__PURE__ */ z("div", {
@@ -5276,7 +5278,7 @@ var mr = /* @__PURE__ */ function(e) {
 						testId: a.testId
 					}),
 					s && /* @__PURE__ */ R(Ur, {
-						text: (u = s == null ? void 0 : s.tooltip) == null ? "" : u,
+						text: (d = s == null ? void 0 : s.tooltip) == null ? "" : d,
 						onClick: s.onClick,
 						icon: V.LIBRARY
 					})
@@ -5297,9 +5299,9 @@ var mr = /* @__PURE__ */ function(e) {
 	onClick: () => {},
 	tooltip: "",
 	testId: void 0
-}, info: c, libraryIcon: l, testId: u, textTransform: d = vr.CAPITALIZE }) => /* @__PURE__ */ z("div", {
+}, info: c, libraryIcon: l, small: u = !1, testId: d, textTransform: f = vr.CAPITALIZE }) => /* @__PURE__ */ z("div", {
 	className: g(ul.field, t ? ul.labelLeft : ""),
-	"data-testid": u,
+	"data-testid": d,
 	children: [(e || t) && /* @__PURE__ */ R(il, {
 		label: e,
 		width: n,
@@ -5310,7 +5312,8 @@ var mr = /* @__PURE__ */ function(e) {
 		info: c,
 		libraryIcon: l,
 		labelLeft: t,
-		textTransform: d
+		small: u,
+		textTransform: f
 	}), /* @__PURE__ */ R("div", {
 		className: ul.fieldInput,
 		children: r
@@ -6221,16 +6224,16 @@ var mr = /* @__PURE__ */ function(e) {
 	textarea: "_textarea_q0tl0_77",
 	small: "_small_q0tl0_116",
 	monospace: "_monospace_q0tl0_155"
-}, du = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = tn, onKeyPress: c = tn, onFocus: l = tn, onBlur: u = tn, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: _, monospace: v = !1, testId: y }) => {
-	let b = s(H), x = /* @__PURE__ */ R("textarea", {
-		className: g(uu.textarea, f ? uu.error : "", p ? uu.warning : "", v ? uu.monospace : ""),
+}, du = ({ name: e, value: t = "", placeholder: n = "", cols: r, rows: i, disabled: a = !1, onChange: o = tn, onKeyPress: c = tn, onFocus: l = tn, onBlur: u = tn, tabIndex: d = 0, error: f = null, warning: p = null, tooltip: m = null, maxTooltipWidth: h, resize: _, monospace: v = !1, small: y = !1, testId: b }) => {
+	let x = s(H), S = /* @__PURE__ */ R("textarea", {
+		className: g(uu.textarea, f ? uu.error : "", p ? uu.warning : "", v ? uu.monospace : "", y ? uu.small : ""),
 		name: e,
 		value: t,
 		placeholder: n,
 		cols: r,
 		rows: i,
 		onChange: o,
-		disabled: a || b,
+		disabled: a || x,
 		onKeyPress: c,
 		onFocus: l,
 		onBlur: u,
@@ -6238,7 +6241,7 @@ var mr = /* @__PURE__ */ function(e) {
 		style: { resize: _ },
 		"data-error": f || null,
 		"data-warning": p || null,
-		"data-testid": y
+		"data-testid": b
 	});
 	return /* @__PURE__ */ R(W, {
 		error: !!f,
@@ -6246,7 +6249,7 @@ var mr = /* @__PURE__ */ function(e) {
 		text: m || f || p,
 		enabled: m && q(m) || f && q(f) || p && q(p) || !1,
 		maxWidth: h,
-		children: x
+		children: S
 	});
 }, Q = {
 	topbar: "_topbar_oyr59_11",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.20.0",
+  "version": "5.21.0",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {