@useblu/ocean-components - npm Package Compare versions

Comparing version 0.1.0-beta.7 to 0.1.0-beta.8

dist/index.d.ts

@@ -7,1 +7,3 @@ export { default as Typography } from './Typography';
 export * from './Button';
+export { default as Input } from './Input';
+export * from './Input';

dist/index.es.js

@@ -185,3 +185,11 @@ import React from 'react';
 
-export { Button, Col, Container, index as Grid, Row, Typography };
+var Input = React.forwardRef(function Input(_a, ref) {
+    var type = _a.type, className = _a.className, label = _a.label, helperText = _a.helperText, blocked = _a.blocked, error = _a.error, id = _a.id, rest = __rest(_a, ["type", "className", "label", "helperText", "blocked", "error", "id"]);
+    return (React.createElement("div", { className: "ods-input__root" },
+        label && (React.createElement("label", { className: "ods-input__label", htmlFor: id }, label)),
+        React.createElement("input", __assign({ ref: ref, type: type || 'text', id: id, className: classnames('ods-input', blocked && 'ods-input--blocked', error && 'ods-input--error', className) }, rest)),
+        helperText && (React.createElement("p", { className: classnames('ods-input__helper-text', error && 'ods-input__helper-text--error') }, helperText))));
+});
+
+export { Button, Col, Container, index as Grid, Input, Row, Typography };
 //# sourceMappingURL=index.es.js.map

dist/index.js

@@ -191,2 +191,10 @@ 'use strict';
 
+var Input = React.forwardRef(function Input(_a, ref) {
+    var type = _a.type, className = _a.className, label = _a.label, helperText = _a.helperText, blocked = _a.blocked, error = _a.error, id = _a.id, rest = __rest(_a, ["type", "className", "label", "helperText", "blocked", "error", "id"]);
+    return (React.createElement("div", { className: "ods-input__root" },
+        label && (React.createElement("label", { className: "ods-input__label", htmlFor: id }, label)),
+        React.createElement("input", __assign({ ref: ref, type: type || 'text', id: id, className: classnames('ods-input', blocked && 'ods-input--blocked', error && 'ods-input--error', className) }, rest)),
+        helperText && (React.createElement("p", { className: classnames('ods-input__helper-text', error && 'ods-input__helper-text--error') }, helperText))));
+});
+
 exports.Button = Button;
@@ -196,4 +204,5 @@ exports.Col = Col;
 exports.Grid = index;
+exports.Input = Input;
 exports.Row = Row;
 exports.Typography = Typography;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@useblu/ocean-components",
-  "version": "0.1.0-beta.7",
+  "version": "0.1.0-beta.8",
   "description": "React components that implement Ocean's Design System.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

177071

7.99%

Number of package files

20

11.11%

Lines of code

700

9.89%

No dependency changes