@scaleflex/ui-tw 0.0.25 → 0.0.26

package/form/components/form-switch-field.component.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Label } from '@scaleflex/ui-tw/label';
 import { Switch } from '@scaleflex/ui-tw/switch';
 import { FormSize } from '@scaleflex/ui-tw/types/form-size';
 import { cn } from '@scaleflex/ui-tw/utils/cn';
 import { cva } from 'class-variance-authority';
 import React from 'react';
-import { FormControl, FormDescription, FormField, FormItem, FormMessage } from '../form.component';
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../form.component';
 import { SwitchLayout, formSwitchFieldSizeOptions } from '../form.constants';
 var formSwitchFieldVariants = cva('', {
   variants: {
@@ -32,6 +31,7 @@ function FormSwitchField(_ref) {
     control: control,
     name: name,
     render: function render(_ref2) {
+      var _switchProps$id, _switchProps$id2;
       var field = _ref2.field;
       return /*#__PURE__*/React.createElement(FormItem, null, /*#__PURE__*/React.createElement("div", {
         className: cn('group flex items-center', isInlineLayout ? formSwitchFieldVariants({
@@ -44,14 +44,14 @@ function FormSwitchField(_ref) {
         onCheckedChange: field.onChange,
         disabled: disabled,
         size: size
-      }, switchProps))), /*#__PURE__*/React.createElement(Label, {
+      }, switchProps))), /*#__PURE__*/React.createElement(FormLabel, {
         className: "text-foreground",
-        htmlFor: field.name,
+        htmlFor: (_switchProps$id = switchProps === null || switchProps === void 0 ? void 0 : switchProps.id) !== null && _switchProps$id !== void 0 ? _switchProps$id : field.name,
         tooltip: tooltip,
         size: size
-      }, label)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, {
+      }, label)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormLabel, {
         className: "text-foreground",
-        htmlFor: field.name,
+        htmlFor: (_switchProps$id2 = switchProps === null || switchProps === void 0 ? void 0 : switchProps.id) !== null && _switchProps$id2 !== void 0 ? _switchProps$id2 : field.name,
         tooltip: tooltip,
         size: size
       }, label), /*#__PURE__*/React.createElement(FormControl, null, /*#__PURE__*/React.createElement(Switch, _extends({

package/form/form.component.js

@@ -75,7 +75,7 @@ function FormLabel(_ref3) {
   return /*#__PURE__*/React.createElement(Label, _extends({
     "data-slot": "form-label",
     "data-error": !!error,
-    className: cn('truncate', 'data-[error=true]:text-destructive-foreground', className),
+    className: cn('data-[error=true]:text-destructive-foreground truncate', className),
     htmlFor: formItemId
   }, props));
 }

package/label/label.component.js

@@ -26,7 +26,7 @@ function Label(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(LabelPrimitive.Root, _extends({
     "data-slot": "label",
-    className: cn('text-secondary-foreground flex items-center leading-none font-normal select-none', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-50', 'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50', 'group-data-[highlight=true]:text-warning-foreground', labelVariants({
+    className: cn('text-secondary-foreground flex cursor-pointer items-center leading-none font-normal select-none', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-50', 'group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50', 'group-data-[highlight=true]:text-warning-foreground', labelVariants({
       size: size,
       className: className
     }))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -18,7 +18,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.25",
+    "@scaleflex/icons-tw": "^0.0.26",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",
     "lodash.merge": "^4.6.2",