@aleodoni-common/tailwind-components - npm Package Compare versions

Comparing version 1.0.149 to 1.0.150

build/index.js

@@ -15,3 +15,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
   input: {
-    backgroundColor: 'aleodoni-50',
+    backgroundColor: 'bg-aleodoni-50',
     ringColor: 'aleodoni-200',
@@ -74,3 +74,3 @@ placeholderColor: 'aleodoni-300',
 var inputDefaults = {
-  ringcolor: defaultTheme.input.ringColor,
+  ringcolor: 'focus:ring-aleodoni-200',
   outlineicon: 'false'
@@ -91,3 +91,3 @@ };
 var getInputClassName = function getInputClassName(paddingHorizontal, ringColor, hasError) {
-  return "\n    w-full\n    " + paddingHorizontal + "\n    py-2\n    border\n    rounded-md\n    bg-" + defaultTheme.input.backgroundColor + "\n    border-" + (hasError ? defaultTheme.errorColor : defaultTheme.input.borderColor) + "\n    placeholder-" + defaultTheme.input.placeholderColor + "\n    text-" + defaultTheme.input.textColor + "\n    focus:outline-none\n    focus:ring-2\n    focus:ring-" + ringColor + "\n  ";
+  return "\n    w-full\n    " + paddingHorizontal + "\n    py-2\n    border\n    rounded-md\n    " + defaultTheme.input.backgroundColor + "\n    " + (hasError ? 'border-aleodoni-700' : 'border-aleodoni-300') + "\n    placeholder-aleodoni-300\n    text-aleodoni-60\n    focus:outline-none\n    focus:ring-2\n    " + ringColor + "\n  ";
 };
@@ -98,6 +98,6 @@ var getIconClassName = function getIconClassName() {
 var getDivInputClassName = function getDivInputClassName() {
-  return "\n    flex\n    flex-col\n    justify-center\n    text-" + defaultTheme.input.borderColor + "\n    focus-within:text-" + defaultTheme.focusWithin + "\n  ";
+  return "\n    flex\n    flex-col\n    justify-center\n    text-aleodoni-300\n    focus-within:text-aleodoni-900\n  ";
 };
 var getErrorTextClassName = function getErrorTextClassName() {
-  return "\n    text-xs\n    text-" + defaultTheme.errorColor + "\n  ";
+  return "\n    text-xs\n    text-aleodoni-700\n  ";
 };
@@ -181,3 +181,3 @@ var getMainDivClassName = function getMainDivClassName() {
 
-  var className = "\n    inline-flex\n    items-center\n    justify-between\n    px3\n    py-2\n    border\n    rounded-md\n    " + defaultTheme.button["default"].borderColor + "\n    focus:outline-none\n    focus:ring-2\n    " + aleodoni_ringcolor + "\n    " + aleodoni_bgcolor + "\n    " + aleodoni_textcolor + "\n    opacity-50\n    transition-opacity\n    duration-200\n    hover:opacity-100\n  ";
+  var className = "\n    inline-flex\n    items-center\n    justify-between\n    px-3\n    py-2\n    border\n    rounded-md\n    " + defaultTheme.button["default"].borderColor + "\n    focus:outline-none\n    focus:ring-2\n    " + aleodoni_ringcolor + "\n    " + aleodoni_bgcolor + "\n    " + aleodoni_textcolor + "\n    opacity-50\n    transition-opacity\n    duration-200\n    hover:opacity-100\n  ";
   var classNameIcon = "\n    pointer-events-none\n    w-5\n    h-5\n  ";
@@ -184,0 +184,0 @@ return React__default.createElement("button", Object.assign({

build/index.modern.js

@@ -13,3 +13,3 @@ import React, { useState } from 'react';
   input: {
-    backgroundColor: 'aleodoni-50',
+    backgroundColor: 'bg-aleodoni-50',
     ringColor: 'aleodoni-200',
@@ -72,3 +72,3 @@ placeholderColor: 'aleodoni-300',
 var inputDefaults = {
-  ringcolor: defaultTheme.input.ringColor,
+  ringcolor: 'focus:ring-aleodoni-200',
   outlineicon: 'false'
@@ -89,3 +89,3 @@ };
 var getInputClassName = function getInputClassName(paddingHorizontal, ringColor, hasError) {
-  return "\n    w-full\n    " + paddingHorizontal + "\n    py-2\n    border\n    rounded-md\n    bg-" + defaultTheme.input.backgroundColor + "\n    border-" + (hasError ? defaultTheme.errorColor : defaultTheme.input.borderColor) + "\n    placeholder-" + defaultTheme.input.placeholderColor + "\n    text-" + defaultTheme.input.textColor + "\n    focus:outline-none\n    focus:ring-2\n    focus:ring-" + ringColor + "\n  ";
+  return "\n    w-full\n    " + paddingHorizontal + "\n    py-2\n    border\n    rounded-md\n    " + defaultTheme.input.backgroundColor + "\n    " + (hasError ? 'border-aleodoni-700' : 'border-aleodoni-300') + "\n    placeholder-aleodoni-300\n    text-aleodoni-60\n    focus:outline-none\n    focus:ring-2\n    " + ringColor + "\n  ";
 };
@@ -96,6 +96,6 @@ var getIconClassName = function getIconClassName() {
 var getDivInputClassName = function getDivInputClassName() {
-  return "\n    flex\n    flex-col\n    justify-center\n    text-" + defaultTheme.input.borderColor + "\n    focus-within:text-" + defaultTheme.focusWithin + "\n  ";
+  return "\n    flex\n    flex-col\n    justify-center\n    text-aleodoni-300\n    focus-within:text-aleodoni-900\n  ";
 };
 var getErrorTextClassName = function getErrorTextClassName() {
-  return "\n    text-xs\n    text-" + defaultTheme.errorColor + "\n  ";
+  return "\n    text-xs\n    text-aleodoni-700\n  ";
 };
@@ -179,3 +179,3 @@ var getMainDivClassName = function getMainDivClassName() {
 
-  var className = "\n    inline-flex\n    items-center\n    justify-between\n    px3\n    py-2\n    border\n    rounded-md\n    " + defaultTheme.button["default"].borderColor + "\n    focus:outline-none\n    focus:ring-2\n    " + aleodoni_ringcolor + "\n    " + aleodoni_bgcolor + "\n    " + aleodoni_textcolor + "\n    opacity-50\n    transition-opacity\n    duration-200\n    hover:opacity-100\n  ";
+  var className = "\n    inline-flex\n    items-center\n    justify-between\n    px-3\n    py-2\n    border\n    rounded-md\n    " + defaultTheme.button["default"].borderColor + "\n    focus:outline-none\n    focus:ring-2\n    " + aleodoni_ringcolor + "\n    " + aleodoni_bgcolor + "\n    " + aleodoni_textcolor + "\n    opacity-50\n    transition-opacity\n    duration-200\n    hover:opacity-100\n  ";
   var classNameIcon = "\n    pointer-events-none\n    w-5\n    h-5\n  ";
@@ -182,0 +182,0 @@ return React.createElement("button", Object.assign({

package.json

 {
   "name": "@aleodoni-common/tailwind-components",
-  "version": "1.0.149",
+  "version": "1.0.150",
   "main": "./build/index.js",
@@ -5,0 +5,0 @@ "module": "build/index.modern.js",

No alert changes

Improved metrics

Lines of code

1824

increased by1.5%

Worsened metrics

Total package byte prevSize

138015

decreased by-0.27%

No dependency changes