@indice/ng-components 0.3.2-beta.0 → 0.3.2-beta.1

package/_styles.scss

@@ -279,7 +279,7 @@
     }
 
     .tab-active {
-        @apply border-blue-500 text-blue-600 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
+        @apply border-gray-500 text-gray-900 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
     }
 
     .tab {
@@ -533,7 +533,7 @@
   }
 
   .card {
-    @apply relative h-full border border-gray-200 bg-white shadow-sm rounded-sm overflow-hidden;
+    @apply relative h-full border border-gray-200 bg-gray-50 shadow-sm rounded-lg sm:rounded-3xl overflow-hidden;;
   }
 
   .card-body {
@@ -545,11 +545,11 @@
   }
 
   .card-header {
-    @apply inset-x-0 bg-gray-50 px-4 py-4 sm:px-6 border-b border-gray-200;
+    @apply inset-x-0 px-4 py-6 sm:py-4 sm:px-6 border-b bg-white border-gray-200;
   }
 
   .card-footer {
-    @apply absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6 border-t border-gray-200;
+    @apply absolute bottom-0 inset-x-0 bg-white px-4 py-4 sm:px-6 border-t border-gray-200;
   }
 
   .kpi-tile-title-container {
@@ -699,7 +699,7 @@
         @apply flex flex-wrap -mx-1 items-center;
     }
     .datepicker-year {
-        @apply cursor-pointer text-center hover:text-white text-sm rounded-sm leading-loose transition ease-in-out duration-100;
+        @apply cursor-pointer text-center hover:text-white text-sm rounded-md leading-loose transition ease-in-out duration-100;
     }
     .datepicker-year.selected {
         @apply bg-gray-700 text-white font-medium;
@@ -713,7 +713,7 @@
     }
 
     .datepicker-days {
-        @apply cursor-pointer text-center hover:text-white text-sm rounded-sm leading-loose transition ease-in-out duration-100;
+        @apply cursor-pointer text-center hover:text-white text-sm rounded-md leading-loose transition ease-in-out duration-100;
     }
 
     .datepicker-days.selected {
@@ -779,11 +779,11 @@
 
 
   .form-layout-container {
-    @apply bg-white shadow-sm border border-gray-200 rounded-sm;
+    @apply bg-white shadow-sm border border-gray-200 rounded-xl;
   }
 
   .form-header {
-    @apply px-4 py-5 sm:px-6 bg-gray-50 sm:flex sm:items-center sm:justify-between;
+    @apply px-4 py-4 bg-gray-50 rounded-t-xl h-24 sm:flex sm:items-center sm:justify-between;
   }
 
   .form-header-inner {
@@ -827,7 +827,7 @@
   }
 
   .form-actions {
-    @apply px-4 py-3 bg-gray-100 text-gray-700 text-right sm:px-6 flex justify-end;
+    @apply px-4 py-3 bg-gray-100 text-gray-700 text-right sm:px-6 flex justify-end rounded-b-xl;
   }
 
 /*
@@ -3199,15 +3199,15 @@
   }
 
   .model-view-aside-header-container {
-    @apply bg-white shadow rounded-sm;
+    @apply bg-white shadow-sm border border-gray-200 rounded-xl;
   }
 
   .model-view-aside-header-container-inner {
-    @apply flex flex-col justify-self-stretch bg-gray-50 border-b;
+    @apply flex flex-col bg-gray-50 justify-self-stretch rounded-t-xl h-24;
   }
 
   .model-view-menu-container {
-    @apply mt-2 px-4 py-4 flow-root hidden sm:block;
+    @apply bg-white px-4 py-4 flow-root hidden sm:block rounded-b-xl;
   }
 
   .model-view-menu-container-mobile {
@@ -3960,7 +3960,7 @@
     }
 
     .tab-active {
-        @apply border-blue-500 text-blue-600 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
+        @apply border-gray-500 text-gray-900 whitespace-nowrap py-4 px-1 border-b-2 font-medium text-sm;
     }
 
     .tab {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indice/ng-components",
-  "version": "0.3.2-beta.0",
+  "version": "0.3.2-beta.1",
   "description": "Indice common components for Angular v12",
   "repository": {
     "type": "git",