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

Comparing version 1.0.12 to 1.0.13

build/index.d.ts

 import './tailwind.css';
 export * from './components/screen';
 export * from './components/container';
+export * from './components/input';
 export * from './util/classnames';

build/index.js

@@ -18,4 +18,4 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
       _props$bgColor = props.bgColor,
-      bgColor = _props$bgColor === void 0 ? 'bg-gray-700' : _props$bgColor;
-  var className = "Container flex xl:w-5/6 md:w-full h-full " + bgColor;
+      bgColor = _props$bgColor === void 0 ? 'bg-gray-800' : _props$bgColor;
+  var className = "Container flex xl:w-5/6 w-full h-full " + bgColor;
   return React.createElement("section", Object.assign({
@@ -26,2 +26,12 @@ className: className
 
+var Input = function Input(props) {
+  var _props$ringColor = props.ringColor,
+      ringColor = _props$ringColor === void 0 ? 'blue-300' : _props$ringColor;
+  var className = "w-full px-3 py-2 border rounded-md border-gray-300 placeholder-gray-300 text-gray-900 focus:outline-none focus:ring focus:border-" + ringColor;
+  return React.createElement("input", Object.assign({
+    type: "text",
+    className: className
+  }, props));
+};
+
 var classNames = function classNames() {
@@ -36,4 +46,5 @@ for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
 exports.Container = Container;
+exports.Input = Input;
 exports.Screen = Screen;
 exports.classNames = classNames;
 //# sourceMappingURL=index.js.map

build/index.modern.js

@@ -16,4 +16,4 @@ import React from 'react';
       _props$bgColor = props.bgColor,
-      bgColor = _props$bgColor === void 0 ? 'bg-gray-700' : _props$bgColor;
-  var className = "Container flex xl:w-5/6 md:w-full h-full " + bgColor;
+      bgColor = _props$bgColor === void 0 ? 'bg-gray-800' : _props$bgColor;
+  var className = "Container flex xl:w-5/6 w-full h-full " + bgColor;
   return React.createElement("section", Object.assign({
@@ -24,2 +24,12 @@ className: className
 
+var Input = function Input(props) {
+  var _props$ringColor = props.ringColor,
+      ringColor = _props$ringColor === void 0 ? 'blue-300' : _props$ringColor;
+  var className = "w-full px-3 py-2 border rounded-md border-gray-300 placeholder-gray-300 text-gray-900 focus:outline-none focus:ring focus:border-" + ringColor;
+  return React.createElement("input", Object.assign({
+    type: "text",
+    className: className
+  }, props));
+};
+
 var classNames = function classNames() {
@@ -33,3 +43,3 @@ for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
 
-export { Container, Screen, classNames };
+export { Container, Input, Screen, classNames };
 //# sourceMappingURL=index.modern.js.map

package.json

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

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

25119

increased by17.82%

Number of package files

11

increased by10%

Lines of code

707

increased by9.78%

No dependency changes