@sankhyalabs/ez-design 0.0.0-bugfix-dev-KB-77675.0 → 0.0.0-bugfix-dev-KB-79202.0

package/dist/default/ez-themed.css

@@ -112,11 +112,13 @@
   --border--medium: 2px solid;
   --border--large: 3px solid;
   --border--xlarge: 5px solid;
-  --shadow: 0px 0px 16px 0px rgba(0, 38, 111, .12);
-  --shadow-focus: 0 0 0 2px;
-  --shadow--small: 0 0 16px rgba(0, 38, 111, 0.07);
-  --shadow--medium: 0px 8px 24px rgba(0, 38, 111, 0.1);
+  --shadow--xsmall: 0 0 3px 0 rgba(43, 58, 84, 0.20);
+  --shadow--small: 0 0 12px 0 rgba(43, 58, 84, 0.08);
+  --shadow: 0px 0px 16px 0px rgba(43, 58, 84, .12);
+  --shadow--medium: 0 0 24px 0 rgba(43, 58, 84, 0.10);
   --shadow--hard: 0 0 16px rgba(43, 58, 84, 0.24);
+  --shadow-focus: 0 0 0 2px;
+  --shadow--outline: 0px 0px 0px 1px;
   --transition: .2s linear;
   --space--extra-small: 3px;
   --space--small: 6px;
@@ -1432,6 +1434,15 @@ body {
       background-color: var(--background--xlight); }
       .ez-box--shadow-small .ez-box__container {
         box-shadow: none; }
+    .ez-box--shadow-xsmall {
+      box-shadow: var(--shadow--xsmall);
+      background-color: var(--background--xlight); }
+      .ez-box--shadow-xsmall .ez-box__container {
+        box-shadow: none; }
+  .ez-box--outline {
+    box-shadow: var(--shadow--outline) var(--color--strokes);
+    border: none;
+    outline: none; }
   .ez-box--no-border {
     border: none; }
   .ez-box--info--success {
@@ -2011,6 +2022,9 @@ body {
   --ez-date-input__input--border-color: var(--color--strokes, #DCE0E8);
   --ez-date-input__input--background-color: var(--background--xlight, #FFFFFF); }
 
+.ez-input__no-margin {
+  --ez-text-input__margin-bottom: 0; }
+
 .ez-lane {
   display: flex;
   flex-wrap: wrap;
@@ -5882,8 +5896,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 
 .ez-grid {
   --grid-row-default-bg: var(--background--xlight);
-  --grid-row-medium-bg: var(--background--medium);
-  --grid-row-strong-bg: var(--background--strong);
+  --grid-row-hover-bg: var(--background--strong);
+  --grid-row-selected-bg: var(--color--primary-300);
+  --grid-row-selected-border-color: var(--color--primary);
   --grid-cel-border-small: var(--border--small);
   --grid-cel-border-medium: var(--border--medium);
   --grid-cel-border-color-primary: var(--color--primary);
@@ -9041,15 +9056,22 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
     display: none; }
   .ez-grid .ag-row-no-focus {
     background-color: var(--grid-row-default-bg); }
+  .ez-grid .ag-row {
+    border-bottom: var(--border--small) var(--color--strokes); }
+  .ez-grid .row-striped {
+    background-color: var(--background--medium); }
   .ez-grid .ag-row-selected {
-    background-color: var(--grid-row-strong-bg); }
+    background-color: var(--grid-row-selected-bg);
+    border-top: var(--border--small) var(--grid-row-selected-border-color);
+    border-bottom: var(--border--small) var(--grid-row-selected-border-color); }
   .ez-grid .ag-row-hover {
-    background-color: var(--grid-row-medium-bg); }
+    background-color: var(--grid-row-hover-bg); }
   .ez-grid .ag-root-wrapper {
     border-bottom-right-radius: var(--border--radius-medium);
     border-bottom-left-radius: var(--border--radius-medium);
     padding: 0 var(--space--medium) var(--space--medium) var(--space--medium);
-    border: none; }
+    border: none;
+    background: transparent; }
   .ez-grid .ag-popup-child:not(.ag-tooltip-custom) {
     background: var(--background--xlight);
     padding: var(--space--small);
@@ -9160,10 +9182,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
       border-left: var(--border--small) transparent;
       border-top: var(--border--small) transparent;
       border-bottom: var(--border--small) transparent; }
-  .ez-grid .ag-row-odd {
-    border-bottom: var(--border--small) var(--color--strokes); }
-  .ez-grid .ag-row-even {
-    border-bottom: var(--border--small) var(--color--strokes); }
   .ez-grid .ag-checkbox-input-wrapper::after {
     content: ""; }
   .ez-grid .ag-checkbox-input-wrapper.ag-checked::after {
@@ -9304,6 +9322,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   --ez-text-input__icon--width: 32px;
   height: 100%; }
 
+.no-padding .ag-root-wrapper {
+  padding: 0; }
+
 .grid_height-0 {
   --snk-grid-min-height: 0;
   --ez-grid--min-height: 0; }