@sankhyalabs/ez-design 5.10.0-dev.8 → 5.10.0-ms.1

package/.releaserc

@@ -3,6 +3,7 @@
   "branches": [
     "master",
     { "name": "develop", "channel": "dev", "prerelease": "dev" },
+    { "name": "milestone", "channel": "ms", "prerelease": "ms" },
     { "name": "release", "channel": "rc", "prerelease": "rc" }
   ],
   "plugins": [

package/dist/default/ez-themed.css

@@ -79,7 +79,7 @@
   --text--extra-large: 20px;
   --text-weight--extra-small: 200;
   --text-weight--medium: 400;
-  --text-weight--large: 600;
+  --text-weight--large: 500;
   --text--primary: #626e82;
   --text--secondary: #a2abb9;
   --text--disable: #afb6c0;
@@ -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;
@@ -489,7 +491,7 @@ body {
     color: #626e82;
     font-family: "Roboto";
     font-size: 14px;
-    font-weight: 600;
+    font-weight: 500;
     width: 100%;
     word-break: break-word;
     padding-bottom: 3px; }
@@ -499,7 +501,7 @@ body {
   font-family: "Roboto"; }
   .ez-label--title {
     font-size: 14px;
-    font-weight: 600;
+    font-weight: 500;
     margin-bottom: 3px;
     flex-grow: 1; }
   .ez-label--description {
@@ -870,7 +872,7 @@ body {
     color: #fff;
     text-shadow: 0 0 0 #fff, 0 0 1px transparent; }
   .ez-text--bold {
-    font-weight: 600;
+    font-weight: 500;
     color: var(--title--primary); }
   .ez-text--full {
     width: 100%; }
@@ -904,7 +906,7 @@ body {
   font-family: "Roboto";
   color: var(--title--primary);
   margin: 0;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1.3; }
   .ez-title--extra-small {
     font-size: 12px; }
@@ -1128,7 +1130,7 @@ body {
     color: #fff; }
   .ez-alert__title {
     font-size: 14px;
-    font-weight: 600;
+    font-weight: 500;
     width: 100%;
     margin: 0 0 6px 0; }
   .ez-alert__description {
@@ -1319,7 +1321,7 @@ body {
     font-family: "Roboto";
     padding: 12px;
     font-size: 14px;
-    font-weight: 600; }
+    font-weight: 500; }
 
 .ez-badge--primary-solid {
   --ez-badge--background-color: var(--color--primary);
@@ -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 {
@@ -1485,7 +1496,7 @@ body {
           font-size: 19px; } }
     .ez-breadcrumb__item--active {
       display: flex;
-      font-weight: 600;
+      font-weight: 500;
       font-size: 14px;
       color: #2b3a54; }
       .ez-breadcrumb__item--active a:hover {
@@ -1836,7 +1847,7 @@ body {
       .ez-flap__header-item svg {
         fill: #a7afbd; }
       .ez-flap__header-item--active {
-        font-weight: 600;
+        font-weight: 500;
         background-color: #fff;
         border-top-left-radius: 12px;
         border-top-right-radius: 12px;
@@ -1997,7 +2008,7 @@ body {
     text-shadow: 0 0 0 #353535, 0 0 1px transparent; }
   .ez-identifier__description {
     font-size: 14px;
-    font-weight: 600;
+    font-weight: 500;
     margin: 0;
     width: 100%; }
 
@@ -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;
@@ -2116,7 +2130,7 @@ body {
     text-decoration: underline; }
   .ez-link--primary {
     color: #00523c;
-    font-weight: 600; }
+    font-weight: 500; }
     .ez-link--primary svg {
       fill: #00523c;
       opacity: 0.7; }
@@ -2408,7 +2422,7 @@ body {
     min-width: 35px;
     color: #00523c;
     fill: #00523c;
-    font-weight: 600;
+    font-weight: 500;
     align-items: center;
     height: 36px;
     font-size: 14px;
@@ -2519,7 +2533,7 @@ body {
         font-size: 16px; }
       .ez-progress-indicator__item--active span {
         color: #626e82;
-        font-weight: 600;
+        font-weight: 500;
         font-size: 14px; }
     .ez-progress-indicator__item--done .ez-progress-indicator__numerator {
       background-color: #157A00; }
@@ -2535,7 +2549,7 @@ body {
     width: 32px;
     height: 32px;
     margin-right: 6px;
-    font-weight: 600;
+    font-weight: 500;
     color: #fff; }
   .ez-progress-indicator__container {
     display: flex;
@@ -2944,13 +2958,13 @@ body {
     .ez-toggle__item--active {
       background-color: #f2faf8;
       color: #008561;
-      font-weight: 600;
+      font-weight: 500;
       font-size: 14px;
       border: 1px #008561; }
     .ez-toggle__item--default {
       background-color: #f2faf8;
       color: #008561;
-      font-weight: 600;
+      font-weight: 500;
       font-size: 14px;
       border: 1px #008561;
       cursor: not-allowed; }
@@ -3004,7 +3018,7 @@ body {
     .ez-toggle-group__item--active {
       background-color: #f2faf8;
       color: #00523c;
-      font-weight: 600;
+      font-weight: 500;
       font-size: 14px;
       border: 1px #00523c; }
     .ez-toggle-group__item--disabled {
@@ -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);
@@ -7779,13 +7794,13 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
     border-top: solid 1px;
     border-top-color: #bfbfbf;
     border-top-color: var(--ag-border-color, #bfbfbf); }
-  .ez-grid .ag-ltr .ag-cell :not(.invalidValue) {
+  .ez-grid .ag-ltr .ag-cell {
     border-right: solid transparent; }
-  .ez-grid .ag-rtl .ag-cell :not(.invalidValue) {
+  .ez-grid .ag-rtl .ag-cell {
     border-left: solid transparent; }
-  .ez-grid .ag-ltr .ag-cell :not(.invalidValue) {
+  .ez-grid .ag-ltr .ag-cell {
     border-right-width: 1px; }
-  .ez-grid .ag-rtl .ag-cell :not(.invalidValue) {
+  .ez-grid .ag-rtl .ag-cell {
     border-left-width: 1px; }
   .ez-grid .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
     border-left: solid 1px;
@@ -8884,7 +8899,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
     font-family: var(--font-pattern);
     font-size: var(--text--medium);
     color: var(--text--primary); }
-    .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus) :not(.invalidValue), .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus) :not(.invalidValue), .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus) :not(.invalidValue) {
+    .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus):not(.invalidValue), .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus):not(.invalidValue), .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus):not(.invalidValue) {
       border-right-color: var(--color--strokes); }
     .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
       display: flex;
@@ -8893,7 +8908,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
       padding-left: 0;
       padding-right: 11px; }
     .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] {
-      border-right: none;
+      border: none;
       padding-left: 0;
       padding-right: 0; }
       .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-selection-checkbox {
@@ -8954,7 +8969,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
     border: 1px solid transparent;
     border-radius: 50%;
     margin: 0 auto; }
-  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus) :not(.invalidValue), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus) :not(.invalidValue), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus) :not(.invalidValue) {
+  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus):not(.invalidValue), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus):not(.invalidValue), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus):not(.invalidValue) {
     border-right-color: var(--color--strokes); }
   .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
     display: flex;
@@ -8963,7 +8978,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
     padding-left: 0;
     padding-right: 11px; }
   .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] {
-    border-right: none;
+    border: none;
     padding-left: 0;
     padding-right: 0; }
     .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-selection-checkbox {
@@ -9021,7 +9036,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   .ez-grid .ag-pinned-left-header .ez-grid__header-cell,
   .ez-grid .ag-pinned-right-header .ez-grid__header-cell {
     padding-right: var(--space--medium); }
-  .ez-grid .ag-horizontal-left-spacer:not(.ag-scroller-corner) :not(.invalidValue) {
+  .ez-grid .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
     border-right-color: var(--color--strokes); }
   .ez-grid .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
     border-left-color: var(--color--strokes); }
@@ -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; }
+    padding: 0 var(--space--medium) 0 var(--space--medium);
+    border: none;
+    background: transparent; }
   .ez-grid .ag-popup-child:not(.ag-tooltip-custom) {
     background: var(--background--xlight);
     padding: var(--space--small);
@@ -9108,7 +9130,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   .ez-grid .ag-menu-option-part.ag-menu-option-icon {
     font-size: var(--text--large);
     padding-right: 3px;
-    padding-left: 0; }
+    padding-left: 0;
+    color: var(--title--primary); }
   .ez-grid .ag-input-field-input.ag-text-field-input {
     height: 32px;
     padding-left: var(--space--medium); }
@@ -9160,10 +9183,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 {
@@ -9290,7 +9309,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
     --ez-check--hover--background-color: transparent; }
   .ez-grid .ag-header-row-column {
     display: flex; }
-  .ez-grid .invalidValue {
+  .ez-grid .ag-cell.invalidValue {
     border: 2px var(--color-alert--error-800) solid; }
 
 .grid_editor {
@@ -9304,6 +9323,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; }