@8thday/react - npm Package Compare versions

Comparing version 0.3.5 to 0.3.6

esm/index.js

@@ -1,4 +0,4 @@
-import {jsxs as $gnZH4$jsxs, jsx as $gnZH4$jsx, Fragment as $gnZH4$Fragment} from "react/jsx-runtime";
+import {jsxs as $gnZH4$jsxs, jsx as $gnZH4$jsx} from "react/jsx-runtime";
 import $gnZH4$clsx from "clsx";
-import {forwardRef as $gnZH4$forwardRef, useState as $gnZH4$useState} from "react";
+import {forwardRef as $gnZH4$forwardRef, useState as $gnZH4$useState, Fragment as $gnZH4$Fragment} from "react";
 import {ExclamationCircleIcon as $gnZH4$ExclamationCircleIcon, InformationCircleIcon as $gnZH4$InformationCircleIcon, CheckCircleIcon as $gnZH4$CheckCircleIcon, ExclamationTriangleIcon as $gnZH4$ExclamationTriangleIcon, XMarkIcon as $gnZH4$XMarkIcon} from "@heroicons/react/24/outline";
@@ -102,3 +102,3 @@ import {Switch as $gnZH4$Switch, Transition as $gnZH4$Transition} from "@headlessui/react";
                 htmlFor: id,
-                className: (0, $gnZH4$clsx)("block text-sm font-medium text-gray-700", labelClass, {
+                className: (0, $gnZH4$clsx)("block text-base font-medium text-gray-700", labelClass, {
                     "sr-only": hideLabel
@@ -127,3 +127,3 @@ }),
                         className: "invisible min-h-16 px-3 py-2 border border-transparent",
-                        children: value?.split("\n").map((s)=>/*#__PURE__*/ (0, $gnZH4$jsxs)((0, $gnZH4$Fragment), {
+                        children: value?.split("\n").map((s, i)=>/*#__PURE__*/ (0, $gnZH4$jsxs)((0, $gnZH4$Fragment), {
                                 children: [
@@ -133,3 +133,3 @@ s,
                                 ]
-                            }))
+                            }, i))
                     }),
@@ -192,3 +192,3 @@ /*#__PURE__*/ (0, $gnZH4$jsx)("textarea", {
                 htmlFor: id,
-                className: (0, $gnZH4$clsx)("block text-sm font-medium text-gray-700", labelClass, {
+                className: (0, $gnZH4$clsx)("block text-base font-medium text-gray-700", labelClass, {
                     "sr-only": hideLabel
@@ -289,3 +289,3 @@ }),
                 className: (0, $gnZH4$clsx)("flex flex-grow flex-col text-right opacity-100 transition-all duration-300", {
-                    "opacity-50": checked,
+                    "opacity-50": !!rightLabel && checked,
                     "cursor-pointer": !disabled
@@ -327,3 +327,3 @@ }),
                 className: (0, $gnZH4$clsx)("flex flex-grow flex-col text-left opacity-100 transition-all duration-300", {
-                    "opacity-50": !checked,
+                    "opacity-50": !!leftLabel && !checked,
                     "cursor-pointer": !disabled
@@ -330,0 +330,0 @@ }),

lib/index.js

@@ -121,3 +121,3 @@ var $988mA$reactjsxruntime = require("react/jsx-runtime");
                 htmlFor: id,
-                className: (0, ($parcel$interopDefault($988mA$clsx)))("block text-sm font-medium text-gray-700", labelClass, {
+                className: (0, ($parcel$interopDefault($988mA$clsx)))("block text-base font-medium text-gray-700", labelClass, {
                     "sr-only": hideLabel
@@ -146,3 +146,3 @@ }),
                         className: "invisible min-h-16 px-3 py-2 border border-transparent",
-                        children: value?.split("\n").map((s)=>/*#__PURE__*/ (0, $988mA$reactjsxruntime.jsxs)((0, $988mA$reactjsxruntime.Fragment), {
+                        children: value?.split("\n").map((s, i)=>/*#__PURE__*/ (0, $988mA$reactjsxruntime.jsxs)((0, $988mA$react.Fragment), {
                                 children: [
@@ -152,3 +152,3 @@ s,
                                 ]
-                            }))
+                            }, i))
                     }),
@@ -211,3 +211,3 @@ /*#__PURE__*/ (0, $988mA$reactjsxruntime.jsx)("textarea", {
                 htmlFor: id,
-                className: (0, ($parcel$interopDefault($988mA$clsx)))("block text-sm font-medium text-gray-700", labelClass, {
+                className: (0, ($parcel$interopDefault($988mA$clsx)))("block text-base font-medium text-gray-700", labelClass, {
                     "sr-only": hideLabel
@@ -308,3 +308,3 @@ }),
                 className: (0, ($parcel$interopDefault($988mA$clsx)))("flex flex-grow flex-col text-right opacity-100 transition-all duration-300", {
-                    "opacity-50": checked,
+                    "opacity-50": !!rightLabel && checked,
                     "cursor-pointer": !disabled
@@ -346,3 +346,3 @@ }),
                 className: (0, ($parcel$interopDefault($988mA$clsx)))("flex flex-grow flex-col text-left opacity-100 transition-all duration-300", {
-                    "opacity-50": !checked,
+                    "opacity-50": !!leftLabel && !checked,
                     "cursor-pointer": !disabled
@@ -349,0 +349,0 @@ }),

package.json

 {
   "name": "@8thday/react",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "source": "src/index.ts",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

108983

increased by0.32%

No dependency changes