@sankhyalabs/ez-design 5.1.0 → 5.2.0

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.
@@ -5678,6 +5678,13 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
5678
5678
  content: "\f128"; }
5679
5679
 
5680
5680
  .ez-grid {
5681
+ --grid-row-default-bg: var(--background--xlight);
5682
+ --grid-row-medium-bg: var(--background--medium);
5683
+ --grid-row-strong-bg: var(--background--strong);
5684
+ --grid-cel-border-small: var(--border--small);
5685
+ --grid-cel-border-medium: var(--border--medium);
5686
+ --grid-cel-border-color-primary: var(--color--primary-600);
5687
+ --grid-cel-primary-bg: var(--color--primary-300);
5681
5688
  -webkit-font-smoothing: antialiased;
5682
5689
  color: #000;
5683
5690
  color: var(--ag-foreground-color, #000);
@@ -8828,12 +8835,12 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8828
8835
  display: none; }
8829
8836
  .ez-grid .ag-tabs-header.ag-menu-header {
8830
8837
  display: none; }
8838
+ .ez-grid .ag-row-no-focus {
8839
+ background-color: var(--grid-row-default-bg); }
8831
8840
  .ez-grid .ag-row-selected {
8832
- background-color: var(--background--strong); }
8841
+ background-color: var(--grid-row-strong-bg); }
8833
8842
  .ez-grid .ag-row-hover {
8834
- background-color: var(--background--medium); }
8835
- .ez-grid .ag-row-hover {
8836
- background-color: var(--background--strong); }
8843
+ background-color: var(--grid-row-medium-bg); }
8837
8844
  .ez-grid .ag-root-wrapper {
8838
8845
  border-bottom-right-radius: var(--border--radius-medium);
8839
8846
  border-bottom-left-radius: var(--border--radius-medium);
@@ -8913,13 +8920,22 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8913
8920
  border-radius: var(--border--radius-medium);
8914
8921
  border: none;
8915
8922
  background-color: var(--background--medium); }
8916
- .ez-grid .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
8917
- border-right: var(--border--small) var(--color--primary-600);
8918
- border-left: var(--border--small) var(--color--primary-600);
8919
- border-top: var(--border--small) var(--color--primary-600);
8920
- border-bottom: var(--border--small) var(--color--primary-600);
8923
+ .ez-grid .ag-ltr .ag-cell-range-single-cell {
8924
+ border: var(--grid-cel-border-medium) var(--grid-cel-border-color-primary); }
8925
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport .ag-cell-range-selected-1:not(.ag-cell-inline-editing),
8926
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
8927
+ background-color: var(--grid-cel-primary-bg); }
8928
+ .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell),
8929
+ .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top,
8930
+ .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right,
8931
+ .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom,
8932
+ .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
8933
+ border: var(--grid-cel-border-small) var(--grid-cel-border-color-primary); }
8934
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-1.ag-cell-focus {
8935
+ border: var(--grid-cel-border-medium) var(--grid-cel-border-color-primary);
8936
+ background-color: var(--grid-cel-primary-bg);
8921
8937
  outline: none; }
8922
- .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"] {
8938
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-1.ag-cell-focus[col-id="statusColumn"], .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-1.ag-cell-focus[col-id="checkBoxColumn"] {
8923
8939
  border-right: var(--border--small) transparent;
8924
8940
  border-left: var(--border--small) transparent;
8925
8941
  border-top: var(--border--small) transparent;