valtech-components 4.0.964 → 4.0.965

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
  *   [props]="{
  *     companyName: 'My Company',
  *     rightsText: 'All rights reserved.',
- *     color: 'dark',
+ *     color: 'medium',
  *     align: 'left'
  *   }"
  * ></val-rights-footer>

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.964";
+export declare const VERSION = "4.0.965";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.964",
+  "version": "4.0.965",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/src/lib/components/styles/overrides.scss

@@ -55,7 +55,7 @@ input {
     padding: pxToRem(8) pxToRem(16) !important;
     border-radius: pxToRem($border-radius-large) !important;
 
-    border: pxToRem(1) solid var(--ion-color-dark) !important;
+    border: pxToRem(1) solid var(--ion-color-medium) !important;
 
     &:focus {
       border: pxToRem(2) solid var(--ion-color-primary) !important;
@@ -77,7 +77,7 @@ textarea {
     font-family: var(--ion-default-font), Arial, sans-serif;
     padding: pxToRem(12) pxToRem(16) !important;
     border-radius: pxToRem($border-radius-large) !important;
-    border: pxToRem(1) solid var(--ion-color-dark) !important;
+    border: pxToRem(1) solid var(--ion-color-medium) !important;
     background: var(--ion-background-color, #fff) !important;
     color: var(--ion-text-color, #000) !important;
     resize: vertical;
@@ -99,7 +99,7 @@ ion-searchbar div input {
 
   padding: pxToRem(8) pxToRem(32) !important;
 
-  border: pxToRem(1) solid var(--ion-color-dark) !important;
+  border: pxToRem(1) solid var(--ion-color-medium) !important;
   border-radius: pxToRem($border-radius-large) !important;
 
   &:focus {
@@ -117,7 +117,7 @@ ion-datetime,
 ion-select {
   // margin-top: pxToRem(8);
   // padding-left: pxToRem(10) !important;
-  // border: pxToRem(1) solid var(--ion-color-dark) !important;
+  // border: pxToRem(1) solid var(--ion-color-medium) !important;
   // border-radius: pxToRem($border-radius-large) !important;
 
   // &:focus {

package/src/lib/components/styles/variables.scss

@@ -132,12 +132,12 @@ $color-default-placeholder: #afbacc;
   --ion-color-darki-shade: #080d18;
   --ion-color-darki-tint: #222732;
 
-  --ion-color-dark: #9e9e9e;
-  --ion-color-dark-rgb: 158, 158, 158;
-  --ion-color-dark-contrast: #000000;
-  --ion-color-dark-contrast-rgb: 0, 0, 0;
-  --ion-color-dark-shade: #8b8b8b;
-  --ion-color-dark-tint: #a8a8a8;
+  --ion-color-medium: #9e9e9e;
+  --ion-color-medium-rgb: 158, 158, 158;
+  --ion-color-medium-contrast: #000000;
+  --ion-color-medium-contrast-rgb: 0, 0, 0;
+  --ion-color-medium-shade: #8b8b8b;
+  --ion-color-medium-tint: #a8a8a8;
 
   /* warning — default de la lib, no el naranja de Ionic sin marcar. Amarillo
      con contraste negro: se lee como aviso sin leer como error (ese rol es de