@sankhyalabs/ez-design 1.2.0 → 1.2.2

package/dist/default/ez-themed.css

@@ -52,7 +52,7 @@
   --color--disable-primary: #e5eaf0;
   --color--disable-secondary: #f2f5f8;
   --color--inverted: #fff;
-  --font-pattern: 'Sora', 'Algerian';
+  --font-pattern: Roboto;
   --text--extra-small: 10px;
   --text--small: 12px;
   --text--medium: 14px;
@@ -401,14 +401,14 @@ body {
   .ez-info__title {
     display: flex;
     color: #a2abb9;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     font-size: 12px;
     text-shadow: 0 0 0 #353535, 0 0 1px transparent;
     text-transform: uppercase; }
   .ez-info__text {
     display: flex;
     color: #626e82;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     font-size: 14px;
     font-weight: 600;
     width: 100%;
@@ -417,7 +417,7 @@ body {
 
 .ez-label {
   color: #626e82;
-  font-family: "Sora", "Algerian"; }
+  font-family: "Roboto"; }
   .ez-label--title {
     font-size: 14px;
     font-weight: 600;
@@ -721,7 +721,7 @@ body {
   height: auto; }
 
 .ez-text {
-  font-family: "Sora", "Algerian";
+  font-family: "Roboto";
   text-shadow: 0 0 0 #353535, 0 0 1px transparent; }
   .ez-text--xsmall {
     font-size: 10px; }
@@ -772,7 +772,7 @@ body {
 
 .ez-title {
   display: flex;
-  font-family: "Sora", "Algerian";
+  font-family: "Roboto";
   margin: 0;
   font-weight: 600;
   line-height: 1.3; }
@@ -812,7 +812,7 @@ body {
     display: flex;
     flex-wrap: wrap;
     width: 95%;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     margin-left: 12px;
     color: #fff; }
   .ez-alert__title {
@@ -1005,7 +1005,7 @@ body {
     align-self: center;
     align-items: center;
     color: #626e82;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     padding: 12px;
     font-size: 14px;
     font-weight: 600; }
@@ -1090,7 +1090,7 @@ body {
   .ez-breadcrumb__item {
     display: none;
     font-size: 12px;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     color: #626e82;
     text-shadow: 0 0 0 #353535, 0 0 1px transparent; }
     @media only screen and (min-width: 768px) {
@@ -1417,7 +1417,7 @@ body {
       justify-content: center;
       margin: 6px 6px -2px 0;
       list-style: none;
-      font-family: "Sora", "Algerian";
+      font-family: "Roboto";
       font-size: 12px;
       min-width: 50px;
       color: #a2abb9;
@@ -1586,7 +1586,7 @@ body {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     margin: 12px; }
   .ez-identifier__title {
     font-size: 12px;
@@ -1706,7 +1706,7 @@ body {
 
 .ez-link {
   cursor: pointer;
-  font-family: "Sora", "Algerian";
+  font-family: "Roboto";
   text-decoration: none;
   display: flex;
   align-items: center;
@@ -1738,7 +1738,7 @@ body {
   align-items: center;
   height: 20px;
   font-size: 14px;
-  font-family: "Sora", "Algerian";
+  font-family: "Roboto";
   padding: 6px 12px;
   border-radius: 12px;
   border: 0;
@@ -1904,7 +1904,7 @@ body {
   .ez-navigation__title {
     display: none;
     width: 100%;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     font-size: 12px;
     color: #fff;
     text-align: center;
@@ -1967,7 +1967,7 @@ body {
         top: 40px;
         right: 10px; } }
   .ez-navigation__version {
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     font-size: 10px;
     color: #85ffde;
     text-decoration: none; }
@@ -2011,7 +2011,7 @@ body {
     align-items: center;
     height: 36px;
     font-size: 14px;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     padding: 6px 12px;
     border-radius: 12px;
     cursor: pointer;
@@ -2099,7 +2099,7 @@ body {
   .ez-progress-indicator__item {
     display: none;
     align-items: center;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     font-size: 12px;
     margin: 12px;
     padding: 0;
@@ -2325,7 +2325,7 @@ body {
   justify-content: center;
   border-radius: 12px;
   font-size: 14px;
-  font-family: "Sora", "Algerian";
+  font-family: "Roboto";
   padding: 3px 12px; }
   .ez-status-field--cold {
     background-color: #E1E9FF;
@@ -2383,7 +2383,7 @@ body {
 .ez-tab__badge {
   background-color: #008561;
   color: #f2faf8;
-  font-family: "Sora", "Algerian";
+  font-family: "Roboto";
   font-size: 12px;
   font-weight: 600;
   border-radius: 12px;
@@ -2467,7 +2467,7 @@ body {
     height: 36px;
     font-weight: 400;
     font-size: 12px;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     margin-bottom: 6px;
     justify-content: center;
     cursor: pointer;
@@ -2529,7 +2529,7 @@ body {
     height: 36px;
     font-weight: 400;
     font-size: 12px;
-    font-family: "Sora", "Algerian";
+    font-family: "Roboto";
     padding: 6px 12px;
     border-radius: 12px;
     margin-bottom: 6px;
@@ -8421,7 +8421,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
         .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"] {
           position: relative;
           cursor: pointer;
-          display: inline-block; }
+          display: inline-block;
+          background-color: transparent; }
         .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:before {
           content: "";
           display: block;
@@ -8434,13 +8435,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
           border: 2px solid var(--title--primary);
           border-radius: var(--border--radius-small);
           background-color: #ffffff; }
+        .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:before {
+          border-color: var(--color--primary);
+          background-color: var(--color--primary-200); }
         .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:after {
           content: "";
           display: block;
           width: 5px;
           height: 8px;
           border: solid var(--color--primary);
-          border-width: 0 2px 2px 0;
+          border-width: 0 2.5px 2.5px 0;
           -webkit-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
           transform: rotate(45deg);
@@ -8453,7 +8457,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
           width: 6px;
           height: 8px;
           border: solid var(--title--primary);
-          border-width: 0 0 2px 0;
+          border-width: 0 0 2.5px 0;
           position: absolute;
           top: 2px;
           left: 6px; }
@@ -8487,7 +8491,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
       .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"] {
         position: relative;
         cursor: pointer;
-        display: inline-block; }
+        display: inline-block;
+        background-color: transparent; }
       .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:before {
         content: "";
         display: block;
@@ -8500,13 +8505,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
         border: 2px solid var(--title--primary);
         border-radius: var(--border--radius-small);
         background-color: #ffffff; }
+      .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:before {
+        border-color: var(--color--primary);
+        background-color: var(--color--primary-200); }
       .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 8px;
         border: solid var(--color--primary);
-        border-width: 0 2px 2px 0;
+        border-width: 0 2.5px 2.5px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
@@ -8519,7 +8527,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
         width: 6px;
         height: 8px;
         border: solid var(--title--primary);
-        border-width: 0 0 2px 0;
+        border-width: 0 0 2.5px 0;
         position: absolute;
         top: 2px;
         left: 6px; }