@sankhyalabs/ez-design 2.0.0 → 2.0.2

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.
@@ -8401,7 +8401,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8401
8401
  font-family: var(--font-pattern);
8402
8402
  font-size: var(--text--medium);
8403
8403
  color: var(--text--primary); }
8404
- .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
8404
+ .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) {
8405
8405
  border-right-color: var(--color--strokes); }
8406
8406
  .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
8407
8407
  display: flex;
@@ -8471,7 +8471,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8471
8471
  border: 1px solid transparent;
8472
8472
  border-radius: 50%;
8473
8473
  margin: 0 auto; }
8474
- .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
8474
+ .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) {
8475
8475
  border-right-color: var(--color--strokes); }
8476
8476
  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
8477
8477
  display: flex;
@@ -8637,11 +8637,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8637
8637
  border: none;
8638
8638
  background-color: var(--background--medium); }
8639
8639
  .ez-grid .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
8640
- border-right: var(--border--small) transparent;
8641
- border-left: var(--border--small) transparent;
8642
- border-top: var(--border--small) transparent;
8643
- border-bottom: var(--border--small) transparent;
8640
+ border-right: var(--border--small) var(--color--primary-600);
8641
+ border-left: var(--border--small) var(--color--primary-600);
8642
+ border-top: var(--border--small) var(--color--primary-600);
8643
+ border-bottom: var(--border--small) var(--color--primary-600);
8644
8644
  outline: none; }
8645
+ .ez-grid .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected)[col-id="statusColumn"], .ez-grid .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected)[col-id="checkBoxColumn"] {
8646
+ border-right: var(--border--small) transparent;
8647
+ border-left: var(--border--small) transparent;
8648
+ border-top: var(--border--small) transparent;
8649
+ border-bottom: var(--border--small) transparent; }
8645
8650
  .ez-grid .ag-row-odd {
8646
8651
  border-bottom: var(--border--small) var(--color--strokes); }
8647
8652
  .ez-grid .ag-row-even {
@@ -8740,3 +8745,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8740
8745
  border-radius: var(--border--radius-small); }
8741
8746
  .ez-grid .ag-checkbox-input-wrapper.ag-checked > input[type="checkbox"]:before {
8742
8747
  border: var(--border--medium) var(--color--primary); }
8748
+ .ez-grid .ag-header__selection-checkbox {
8749
+ padding-left: 2px;
8750
+ --ez-check--outter-gap: 0px;
8751
+ --ez-check--focus--background-color: transparent;
8752
+ --ez-check--hover--background-color: transparent; }
8753
+ .ez-grid .ag-header-row-column {
8754
+ display: flex; }