@owlui/textfield - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/index.js

@@ -39,13 +39,22 @@ import "./owl.textfield.css";
 
-var $33a850e467147f84$exports = {};
+var $f7ffbd0ae10a7e56$exports = {};
 
-$parcel$export($33a850e467147f84$exports, "textfield", () => $33a850e467147f84$export$a0baff9279ccf6a1, (v) => $33a850e467147f84$export$a0baff9279ccf6a1 = v);
-$parcel$export($33a850e467147f84$exports, "textfield_primary", () => $33a850e467147f84$export$4eec2552491e2cc9, (v) => $33a850e467147f84$export$4eec2552491e2cc9 = v);
-$parcel$export($33a850e467147f84$exports, "textfield--large", () => $33a850e467147f84$export$611ecd8ca9df3fcd, (v) => $33a850e467147f84$export$611ecd8ca9df3fcd = v);
-var $33a850e467147f84$export$a0baff9279ccf6a1;
-var $33a850e467147f84$export$4eec2552491e2cc9;
-var $33a850e467147f84$export$611ecd8ca9df3fcd;
-$33a850e467147f84$export$a0baff9279ccf6a1 = "_textfield_a3ba55";
-$33a850e467147f84$export$4eec2552491e2cc9 = "_textfield_primary_a3ba55";
-$33a850e467147f84$export$611ecd8ca9df3fcd = "_textfield--large_a3ba55";
+$parcel$export($f7ffbd0ae10a7e56$exports, "textfield", () => $f7ffbd0ae10a7e56$export$a0baff9279ccf6a1, (v) => $f7ffbd0ae10a7e56$export$a0baff9279ccf6a1 = v);
+$parcel$export($f7ffbd0ae10a7e56$exports, "textfield_primary", () => $f7ffbd0ae10a7e56$export$4eec2552491e2cc9, (v) => $f7ffbd0ae10a7e56$export$4eec2552491e2cc9 = v);
+$parcel$export($f7ffbd0ae10a7e56$exports, "textfield_primary--dark", () => $f7ffbd0ae10a7e56$export$594218c5d4ee39b9, (v) => $f7ffbd0ae10a7e56$export$594218c5d4ee39b9 = v);
+$parcel$export($f7ffbd0ae10a7e56$exports, "textfield--large", () => $f7ffbd0ae10a7e56$export$611ecd8ca9df3fcd, (v) => $f7ffbd0ae10a7e56$export$611ecd8ca9df3fcd = v);
+$parcel$export($f7ffbd0ae10a7e56$exports, "textfield--medium", () => $f7ffbd0ae10a7e56$export$49d1a5e828d3114b, (v) => $f7ffbd0ae10a7e56$export$49d1a5e828d3114b = v);
+$parcel$export($f7ffbd0ae10a7e56$exports, "textfield--small", () => $f7ffbd0ae10a7e56$export$c0f64c9a85e26929, (v) => $f7ffbd0ae10a7e56$export$c0f64c9a85e26929 = v);
+var $f7ffbd0ae10a7e56$export$a0baff9279ccf6a1;
+var $f7ffbd0ae10a7e56$export$4eec2552491e2cc9;
+var $f7ffbd0ae10a7e56$export$594218c5d4ee39b9;
+var $f7ffbd0ae10a7e56$export$611ecd8ca9df3fcd;
+var $f7ffbd0ae10a7e56$export$49d1a5e828d3114b;
+var $f7ffbd0ae10a7e56$export$c0f64c9a85e26929;
+$f7ffbd0ae10a7e56$export$a0baff9279ccf6a1 = "owlui-textfield__3VQAec_";
+$f7ffbd0ae10a7e56$export$4eec2552491e2cc9 = "owlui-textfield_primary__q3jahXd";
+$f7ffbd0ae10a7e56$export$594218c5d4ee39b9 = "owlui-textfield_primary--dark__1wsUulI";
+$f7ffbd0ae10a7e56$export$611ecd8ca9df3fcd = "owlui-textfield--large__hz1LSKN";
+$f7ffbd0ae10a7e56$export$49d1a5e828d3114b = "owlui-textfield--medium__31ggPua";
+$f7ffbd0ae10a7e56$export$c0f64c9a85e26929 = "owlui-textfield--small__XlapDfy";
 
@@ -55,7 +64,12 @@
     const { children: children  } = props;
+    let appearance = props.appearance;
+    let size = props.size;
+    if (appearance === undefined) appearance = 'primary';
+    if (size === undefined) size = 'medium';
     return(/*#__PURE__*/ $aDJiQ$jsx("input", {
+        type: "text",
         className: [
-            (/*@__PURE__*/$parcel$interopDefault($33a850e467147f84$exports)).button,
-            (/*@__PURE__*/$parcel$interopDefault($33a850e467147f84$exports))[`textfield_${props.appearance}`],
-            (/*@__PURE__*/$parcel$interopDefault($33a850e467147f84$exports))[`textfield--${props.size}`]
+            (/*@__PURE__*/$parcel$interopDefault($f7ffbd0ae10a7e56$exports)).textfield,
+            (/*@__PURE__*/$parcel$interopDefault($f7ffbd0ae10a7e56$exports))[`textfield_${props.theme ? appearance + '--' + props.theme : appearance}`],
+            (/*@__PURE__*/$parcel$interopDefault($f7ffbd0ae10a7e56$exports))[`textfield--${size}`]
         ].join(' ')
@@ -62,0 +76,0 @@ }));

dist/owl.textfield.js

@@ -39,13 +39,22 @@ require("./owl.textfield.css");
 
-var $f6e5d65772661e3a$exports = {};
+var $8ad4c4a63312c234$exports = {};
 
-$parcel$export($f6e5d65772661e3a$exports, "textfield", () => $f6e5d65772661e3a$export$a0baff9279ccf6a1, (v) => $f6e5d65772661e3a$export$a0baff9279ccf6a1 = v);
-$parcel$export($f6e5d65772661e3a$exports, "textfield_primary", () => $f6e5d65772661e3a$export$4eec2552491e2cc9, (v) => $f6e5d65772661e3a$export$4eec2552491e2cc9 = v);
-$parcel$export($f6e5d65772661e3a$exports, "textfield--large", () => $f6e5d65772661e3a$export$611ecd8ca9df3fcd, (v) => $f6e5d65772661e3a$export$611ecd8ca9df3fcd = v);
-var $f6e5d65772661e3a$export$a0baff9279ccf6a1;
-var $f6e5d65772661e3a$export$4eec2552491e2cc9;
-var $f6e5d65772661e3a$export$611ecd8ca9df3fcd;
-$f6e5d65772661e3a$export$a0baff9279ccf6a1 = "_textfield_a3ba55";
-$f6e5d65772661e3a$export$4eec2552491e2cc9 = "_textfield_primary_a3ba55";
-$f6e5d65772661e3a$export$611ecd8ca9df3fcd = "_textfield--large_a3ba55";
+$parcel$export($8ad4c4a63312c234$exports, "textfield", () => $8ad4c4a63312c234$export$a0baff9279ccf6a1, (v) => $8ad4c4a63312c234$export$a0baff9279ccf6a1 = v);
+$parcel$export($8ad4c4a63312c234$exports, "textfield_primary", () => $8ad4c4a63312c234$export$4eec2552491e2cc9, (v) => $8ad4c4a63312c234$export$4eec2552491e2cc9 = v);
+$parcel$export($8ad4c4a63312c234$exports, "textfield_primary--dark", () => $8ad4c4a63312c234$export$594218c5d4ee39b9, (v) => $8ad4c4a63312c234$export$594218c5d4ee39b9 = v);
+$parcel$export($8ad4c4a63312c234$exports, "textfield--large", () => $8ad4c4a63312c234$export$611ecd8ca9df3fcd, (v) => $8ad4c4a63312c234$export$611ecd8ca9df3fcd = v);
+$parcel$export($8ad4c4a63312c234$exports, "textfield--medium", () => $8ad4c4a63312c234$export$49d1a5e828d3114b, (v) => $8ad4c4a63312c234$export$49d1a5e828d3114b = v);
+$parcel$export($8ad4c4a63312c234$exports, "textfield--small", () => $8ad4c4a63312c234$export$c0f64c9a85e26929, (v) => $8ad4c4a63312c234$export$c0f64c9a85e26929 = v);
+var $8ad4c4a63312c234$export$a0baff9279ccf6a1;
+var $8ad4c4a63312c234$export$4eec2552491e2cc9;
+var $8ad4c4a63312c234$export$594218c5d4ee39b9;
+var $8ad4c4a63312c234$export$611ecd8ca9df3fcd;
+var $8ad4c4a63312c234$export$49d1a5e828d3114b;
+var $8ad4c4a63312c234$export$c0f64c9a85e26929;
+$8ad4c4a63312c234$export$a0baff9279ccf6a1 = "owlui-textfield__3VQAec_";
+$8ad4c4a63312c234$export$4eec2552491e2cc9 = "owlui-textfield_primary__q3jahXd";
+$8ad4c4a63312c234$export$594218c5d4ee39b9 = "owlui-textfield_primary--dark__1wsUulI";
+$8ad4c4a63312c234$export$611ecd8ca9df3fcd = "owlui-textfield--large__hz1LSKN";
+$8ad4c4a63312c234$export$49d1a5e828d3114b = "owlui-textfield--medium__31ggPua";
+$8ad4c4a63312c234$export$c0f64c9a85e26929 = "owlui-textfield--small__XlapDfy";
 
@@ -55,7 +64,12 @@
     const { children: children  } = props;
+    let appearance = props.appearance;
+    let size = props.size;
+    if (appearance === undefined) appearance = 'primary';
+    if (size === undefined) size = 'medium';
     return(/*#__PURE__*/ $eo4Iy$reactjsxruntime.jsx("input", {
+        type: "text",
         className: [
-            (/*@__PURE__*/$parcel$interopDefault($f6e5d65772661e3a$exports)).button,
-            (/*@__PURE__*/$parcel$interopDefault($f6e5d65772661e3a$exports))[`textfield_${props.appearance}`],
-            (/*@__PURE__*/$parcel$interopDefault($f6e5d65772661e3a$exports))[`textfield--${props.size}`]
+            (/*@__PURE__*/$parcel$interopDefault($8ad4c4a63312c234$exports)).textfield,
+            (/*@__PURE__*/$parcel$interopDefault($8ad4c4a63312c234$exports))[`textfield_${props.theme ? appearance + '--' + props.theme : appearance}`],
+            (/*@__PURE__*/$parcel$interopDefault($8ad4c4a63312c234$exports))[`textfield--${size}`]
         ].join(' ')
@@ -62,0 +76,0 @@ }));

dist/types.d.ts

 type TextfieldCommons = {
     appearance?: 'primary' | 'outline';
+    theme?: 'dark';
     size: 'small' | 'medium' | 'large';
@@ -4,0 +5,0 @@ children: any;

package.json

 {
     "name": "@owlui/textfield",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "",
@@ -11,2 +11,4 @@ "homepage": "https://github.com/EEBOS/owl-ui/tree/main/packages/textfield#readme",
     "types": "dist/types.d.ts",
+    "sass": "src/index.scss",
+    "style": "dist/index.css",
     "files": [
@@ -33,5 +35,6 @@ "dist",
     "dependencies": {
-        "@owlui/typings": "^0.0.2"
+        "@owlui/theme": "^0.0.3",
+        "@owlui/typings": "^0.0.3"
     },
-    "gitHead": "e2ea2e5c36a8b718509474206a3e0be826281b19"
+    "gitHead": "a0c6999ae7fe0614916479e7ad5d806c14f8b56b"
 }

src/Textfield/Textfield.types.ts

 export type TextfieldCommons = {
     appearance?: 'primary' | 'outline'
+    theme?: 'dark'
     size: 'small' | 'medium' | 'large'
@@ -4,0 +5,0 @@ children: any

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

21231

increased by39.9%

Number of package files

23

increased by21.05%

Lines of code

295

increased by55.26%

Worsened metrics

Dependency count

3

increased by50%

Dependency changes

• + Added@owlui/theme@^0.0.3

• + Added@owlui/theme@0.0.3(transitive)

• + Added@owlui/typings@0.0.10.0.3(transitive)

• - Removed@owlui/typings@0.0.2(transitive)

• Updated@owlui/typings@^0.0.3