@sankhyalabs/ez-design 5.10.0-dev.2 → 5.10.0-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1383,6 +1383,14 @@ body {
1383
1383
  width: 100%;
1384
1384
  border-radius: var(--border--radius-medium);
1385
1385
  box-shadow: var(--shadow); }
1386
+ .ez-box__container--padding-small {
1387
+ padding: var(--space--sm);
1388
+ display: flex;
1389
+ flex-wrap: wrap;
1390
+ background-color: var(--background--xlight);
1391
+ width: 100%;
1392
+ border-radius: var(--border--radius-medium);
1393
+ box-shadow: var(--shadow); }
1386
1394
  .ez-box__container--inverted {
1387
1395
  background-color: var(--background--xlight);
1388
1396
  border-radius: var(--border--radius-medium); }
@@ -8823,7 +8831,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8823
8831
  font-family: var(--font-pattern);
8824
8832
  font-size: var(--text--medium);
8825
8833
  color: var(--text--primary); }
8826
- .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus), .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus), .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell):not(.ag-cell-focus) {
8834
+ .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) {
8827
8835
  border-right-color: var(--color--strokes); }
8828
8836
  .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
8829
8837
  display: flex;
@@ -8893,7 +8901,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8893
8901
  border: 1px solid transparent;
8894
8902
  border-radius: 50%;
8895
8903
  margin: 0 auto; }
8896
- .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), .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), .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) {
8904
+ .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) {
8897
8905
  border-right-color: var(--color--strokes); }
8898
8906
  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
8899
8907
  display: flex;
@@ -8960,7 +8968,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8960
8968
  .ez-grid .ag-pinned-left-header .ez-grid__header-cell,
8961
8969
  .ez-grid .ag-pinned-right-header .ez-grid__header-cell {
8962
8970
  padding-right: var(--space--medium); }
8963
- .ez-grid .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
8971
+ .ez-grid .ag-horizontal-left-spacer:not(.ag-scroller-corner) :not(.invalidValue) {
8964
8972
  border-right-color: var(--color--strokes); }
8965
8973
  .ez-grid .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
8966
8974
  border-left-color: var(--color--strokes); }
@@ -9229,6 +9237,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9229
9237
  --ez-check--hover--background-color: transparent; }
9230
9238
  .ez-grid .ag-header-row-column {
9231
9239
  display: flex; }
9240
+ .ez-grid .invalidValue {
9241
+ border: 2px var(--color-alert--error-800) solid; }
9232
9242
 
9233
9243
  .grid_editor {
9234
9244
  --ez-text-input--height--slim: 25px;