@aquera/nile-elements 0.0.3-2 → 0.0.3-3

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.3-2",
+  "version": "0.0.3-3",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-input/nile-input.css.ts

@@ -44,7 +44,7 @@ export const styles = css`
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
-    color: undefined;
+    color: #A4121C;
   }
 
   /* Help text */
@@ -81,16 +81,19 @@ export const styles = css`
     justify-content: start;
     position: relative;
     width: 100%;
-    font-family: inherit;
     font-weight: 400;
-    letter-spacing: normal;
     vertical-align: middle;
     overflow: hidden;
     cursor: text;
     transition: 150ms color, 150ms border, 150ms box-shadow,
       150ms background-color;
     box-sizing: border-box;
-  }
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    line-height: 14px;
+    letter-spacing: 0.2px;  }
 
   /* Standard inputs */
   .input--standard {
@@ -164,12 +167,8 @@ export const styles = css`
 
   .input__control {
     flex: 1 1 auto;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
     min-width: 0;
     height: 100%;
-    color: hsl(240 5.3% 26.1%);
     border: none;
     background: none;
     box-shadow: none;
@@ -177,6 +176,13 @@ export const styles = css`
     margin: 0;
     cursor: inherit;
     -webkit-appearance: none;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
 
   .input__control::-webkit-search-decoration,

package/src/nile-select/nile-select.css.ts

@@ -346,8 +346,6 @@ export const styles = css`
   }
 
   .select__options {
-    padding: 5px;
-    margin: 4px;
     font-size: 14px;
     color: rgb(133, 129, 129);
   }

package/src/nile-textarea/nile-textarea.css.ts

@@ -39,7 +39,7 @@ export const styles = css`
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
-    color: red;
+    color: #A4121C;
   }
 
   /* Help text */
@@ -75,9 +75,6 @@ export const styles = css`
     align-items: center;
     position: relative;
     width: 100%;
-    font-family: Arial, sans-serif;
-    font-weight: 400;
-    line-height: 1.5;
     letter-spacing: 0.5px;
     vertical-align: middle;
     border-radius: var(--nile-radius-base-standard);
@@ -145,10 +142,12 @@ export const styles = css`
   /* Textarea control styles */
   .textarea__control {
     flex: 1 1 auto;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
-    line-height: 1.4;
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px; /* 100% */
+    letter-spacing: 0.2px;
     color: var(--nile-colors-dark-900);
     border: none;
     background: none;