bianic-ui 2.0.0 → 2.1.0-beta.0

package/dist/cjs/types/components/Forms/{FormLabel.d.ts → Label/FormLabel.d.ts}

@@ -1,5 +1,7 @@
 import React from 'react';
-interface FormLabelProps {
+export interface FormLabelProps {
+    size?: 'sm' | 'md';
+    fontWeight?: 'normal' | 'semibold';
     children: React.ReactNode;
     className?: string;
     htmlFor?: string;
@@ -7,12 +9,14 @@ interface FormLabelProps {
     required?: boolean;
 }
 declare const FormLabel: {
-    ({ children, className, htmlFor, readOnly, required, }: FormLabelProps): React.JSX.Element;
+    ({ children, className, htmlFor, readOnly, required, size, fontWeight, }: FormLabelProps): React.JSX.Element;
     defaultProps: {
         className: string;
         htmlFor: undefined;
         required: boolean;
         readOnly: boolean;
+        size: string;
+        fontWeight: string;
     };
 };
 export default FormLabel;

package/dist/cjs/types/components/Forms/Label/FormLabelSimulation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormLabelProps } from './FormLabel';
+declare const FormLabelSimulation: ({ className, children, htmlFor, required, readOnly, fontWeight, size, }: FormLabelProps) => React.JSX.Element;
+export default FormLabelSimulation;

package/dist/cjs/types/components/Forms/index.d.ts

@@ -9,3 +9,4 @@ export { SegmentButtonItem, SegmentButtonGroup } from './SegmentButton';
 export { FormGroup, FormGroupButton, FormGroupLabel } from './Group';
 export { DropdownContainer, DropdownItem } from './Dropdown';
 export { DatePicker, PickerCalendar } from './DatePicker';
+export { default as FormLabel } from './Label/FormLabel';

package/dist/cjs/types/components/index.d.ts

@@ -10,7 +10,7 @@ export { default as Color } from './Color';
 export { default as Divider } from './Divider/Divider';
 export { default as FileTree } from './FileTree';
 export { MenuContainer, MenuItem } from './Menu';
-export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, DatePicker, PickerCalendar, } from './Forms';
+export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormLabel, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, DatePicker, PickerCalendar, } from './Forms';
 export * from './Icons';
 export { default as InfoPanel } from './InfoPanel';
 export { default as Modal } from './Modal/Modal';

package/dist/cjs/types/stories/Form/Label/FormLabel.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ className, children, htmlFor, required, readOnly, fontWeight, size, }: import("../../../components/Forms/Label/FormLabel").FormLabelProps) => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simulation: Story;

package/dist/cjs/types/stories/Form/Label/Label.stories.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: {
+        ({ children, className, htmlFor, readOnly, required, size, fontWeight, }: import("../../../components/Forms/Label/FormLabel").FormLabelProps): import("react").JSX.Element;
+        defaultProps: {
+            className: string;
+            htmlFor: undefined;
+            required: boolean;
+            readOnly: boolean;
+            size: string;
+            fontWeight: string;
+        };
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Demo: Story;

package/dist/esm/index.js

@@ -2009,18 +2009,25 @@ Tooltip.defaultProps = {
 Tooltip.defaultProps = {};
 
 var FormLabel = function (_a) {
-    var children = _a.children, className = _a.className, htmlFor = _a.htmlFor, readOnly = _a.readOnly, required = _a.required;
-    var labelClass = readOnly ? 'pointer-events-none' : '';
-    return (React.createElement(Tooltip, { content: "Required", delay: 2000, direction: "right" },
-        React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel text-xs font-semibold ".concat(labelClass, " ").concat(className) },
-            children,
-            required && (React.createElement("span", { className: "p-1 text-bia-coolgrey group-hover/form:text-bia-red group-hover/formlabel:text-bia-red" }, "*")))));
+    var children = _a.children, className = _a.className, htmlFor = _a.htmlFor, readOnly = _a.readOnly, required = _a.required, _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.fontWeight, fontWeight = _c === void 0 ? 'semibold' : _c;
+    var labelpointer = readOnly ? 'pointer-events-none' : '';
+    var labelSize = size === 'sm' ? 'text-size-sm' : 'text-size-md';
+    var labelFontWeight = fontWeight === 'semibold' ? 'font-semibold' : 'font-normal';
+    var labelClass = "".concat(labelpointer, " ").concat(labelSize, " ").concat(labelFontWeight);
+    var labelContent = (React.createElement("label", { htmlFor: htmlFor, className: "bianic-form-label group/formlabel ".concat(labelClass, " ").concat(className) },
+        children,
+        required && (React.createElement("span", { className: "p-1 text-bia-coolgrey group-hover/form:text-bia-red group-hover/formlabel:text-bia-red" }, "*"))));
+    if (required)
+        return (React.createElement(Tooltip, { content: "Required", delay: 2000, direction: "right" }, labelContent));
+    return labelContent;
 };
 FormLabel.defaultProps = {
     className: '',
     htmlFor: undefined,
     required: false,
     readOnly: false,
+    size: 'sm',
+    fontWeight: 'semibold',
 };
 
 function PasswordIcon(_a) {
@@ -4216,4 +4223,4 @@ function Window(_a) {
         React.createElement("div", { className: "bianic-window-content flex w-full flex-col items-start gap-[20px] px-[20px] pb-[20px] text-primary-black" }, rest.children)));
 }
 
-export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };
+export { Accordions, Alert, Avatar, AlertRoundedSquare as BCAlertRoundedSquare, CubeHeader as BCCubeHeader, Discrepancy as BCDiscrepancy, ExposedPort as BCExposedPort, FQAnalytical as BCFQAnalytical, FQGetaway as BCFQGetaway, FQModeler as BCFQModeler, FQOperation as BCFQOperation, FQWelldone as BCFQWelldone, Flowqount as BCFlowqount, Inlet as BCInlet, Legend as BCLegend, ModalBalance as BCModalBalance, Neutral as BCNeutral, Node as BCNode, Outlet as BCOutlet, Port as BCPort, SelectAllAdd as BCSelectAllAdd, SelectAllRemove as BCSelectAllRemove, Spinner$1 as BCSpinner, Stack as BCStack, VirtualPort as BCVirtualPort, Badge, Banner, Brand, Breadcrumb, Button, ButtonApp, Checkbox, Color, ContextualButton, DatePicker, Display, Divider, DropdownContainer, DropdownItem, FileTree, FormGroup, FormGroupButton, FormGroupLabel, FormLabel, Heading, InfoPanel, Link, LiveSearch, MenuContainer, MenuItem, Modal, P, PaginationBar, PickerCalendar, Pills, Popover, ProgressBar, ProgressCircle, Radio, ResizeableDiv, SegmentButtonGroup, SegmentButtonItem, SelectInput, Slider, Spinner, Tab, TabMenu, TableCell, TagLabel, Text, TextArea, TextInput, Toaster, Toggle, Tooltip, Window };