@daren/form-elements - npm Package Compare versions

Comparing version 1.12.4 to 1.12.5

dist/cjs/timepicker.js

@@ -56,3 +56,3 @@ "use strict";
   }, /*#__PURE__*/React.createElement("div", {
-    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-white"
+    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-black/10 dark:group-hover:bg-white/5"
   }), /*#__PURE__*/React.createElement("select", {
@@ -116,3 +116,3 @@ name: "hours",
   }, /*#__PURE__*/React.createElement("div", {
-    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-white"
+    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-black/10 dark:group-hover:bg-white/5"
   }), /*#__PURE__*/React.createElement("select", {
@@ -119,0 +119,0 @@ name: "minutes",

dist/cjs/utils.js

@@ -11,4 +11,4 @@ "use strict";
   return (0, _utils.cx)(className, 'w-full group font-bold placeholder:text-gray-500 disabled:text-gray-400 rounded-lg text-md focus-ring', {
-    'bg-primary-600 text-primary-500': !hasError,
-    '!text-red-500 bg-primary-700': hasError,
+    'bg-black/5 dark:bg-white/10 text-primary': !hasError,
+    'border border-red-100 bg-red-50 dark:border-red-200 dark:border-red-200/20 dark:bg-red-500/10': hasError,
     'py-1 px-2 text-sm': inputSize === 'sm',
@@ -15,0 +15,0 @@ 'py-3 px-4 text-base': inputSize === 'md',

dist/esm/timepicker.js

@@ -49,3 +49,3 @@ var _excluded = ["value", "defaultValue", "hasError", "inputSize", "icon"],
   }, /*#__PURE__*/React.createElement("div", {
-    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-white"
+    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-black/10 dark:group-hover:bg-white/5"
   }), /*#__PURE__*/React.createElement("select", {
@@ -109,3 +109,3 @@ name: "hours",
   }, /*#__PURE__*/React.createElement("div", {
-    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-white"
+    className: "absolute -inset-1 hidden rounded-md shadow-md group-hover:block group-hover:bg-black/10 dark:group-hover:bg-white/5"
   }), /*#__PURE__*/React.createElement("select", {
@@ -112,0 +112,0 @@ name: "minutes",

dist/esm/utils.js

@@ -7,4 +7,4 @@ import { cx } from '@daren/utils';
   return cx(className, 'w-full group font-bold placeholder:text-gray-500 disabled:text-gray-400 rounded-lg text-md focus-ring', {
-    'bg-primary-600 text-primary-500': !hasError,
-    '!text-red-500 bg-primary-700': hasError,
+    'bg-black/5 dark:bg-white/10 text-primary': !hasError,
+    'border border-red-100 bg-red-50 dark:border-red-200 dark:border-red-200/20 dark:bg-red-500/10': hasError,
     'py-1 px-2 text-sm': inputSize === 'sm',
@@ -11,0 +11,0 @@ 'py-3 px-4 text-base': inputSize === 'md',

dist/types/misc.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 declare function Label({ className, htmlFor, ...props }: JSX.IntrinsicElements['label']): JSX.Element;
@@ -3,0 +2,0 @@ declare function ButtonGroup({ className, ...props }: JSX.IntrinsicElements['div']): JSX.Element;

dist/types/multi-select.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import type { ExtractProps } from '@daren/utils';
@@ -3,0 +2,0 @@ import { SelectField, SelectItem } from './select';

dist/types/toggle.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 interface ToggleProps {
@@ -3,0 +2,0 @@ name: string;

package.json

 {
   "name": "@daren/form-elements",
-  "version": "1.12.4",
+  "version": "1.12.5",
   "repository": {
@@ -54,3 +54,3 @@ "type": "git",
   },
-  "gitHead": "25f1dce4adac2c6e35e138bffe3327692185ee35"
+  "gitHead": "875e344e60307a9787a89dc26efbb7ba496538b2"
 }

No alert changes

Improved metrics

Total package byte prevSize

363022

increased by0.24%

Worsened metrics

Lines of code

2037

decreased by-0.15%

No dependency changes