@sankhyalabs/ez-design 5.4.0 → 5.5.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.
@@ -5683,7 +5683,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
5683
5683
  --grid-row-strong-bg: var(--background--strong);
5684
5684
  --grid-cel-border-small: var(--border--small);
5685
5685
  --grid-cel-border-medium: var(--border--medium);
5686
- --grid-cel-border-color-primary: var(--color--primary-600);
5686
+ --grid-cel-border-color-primary: var(--color--primary);
5687
5687
  --grid-cel-primary-bg: var(--color--primary-300);
5688
5688
  -webkit-font-smoothing: antialiased;
5689
5689
  color: #000;
@@ -7690,7 +7690,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
7690
7690
  .ez-grid .ag-range-handle {
7691
7691
  cursor: nwse-resize; }
7692
7692
  .ez-grid .ag-cell-inline-editing {
7693
- border-color: var(--ag-input-focus-border-color) !important; }
7693
+ border-color: var(--color--primary) !important;
7694
+ border-color: var(--ag-input-focus-border-color-editing, var(--color--primary)) !important; }
7694
7695
  .ez-grid .ag-menu {
7695
7696
  border: solid 1px;
7696
7697
  border-color: #bfbfbf;
@@ -8923,7 +8924,13 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8923
8924
  .ez-grid .ag-ltr .ag-cell-range-single-cell {
8924
8925
  border: var(--grid-cel-border-medium) var(--grid-cel-border-color-primary); }
8925
8926
  .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
+ .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),
8928
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport .ag-cell-range-selected-2:not(.ag-cell-inline-editing),
8929
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2:not(.ag-cell-inline-editing),
8930
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport .ag-cell-range-selected-3:not(.ag-cell-inline-editing),
8931
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3:not(.ag-cell-inline-editing),
8932
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport .ag-cell-range-selected-4:not(.ag-cell-inline-editing),
8933
+ .ez-grid .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4:not(.ag-cell-inline-editing) {
8927
8934
  background-color: var(--grid-cel-primary-bg); }
8928
8935
  .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell),
8929
8936
  .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top,
@@ -8931,11 +8938,21 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8931
8938
  .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom,
8932
8939
  .ez-grid .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
8933
8940
  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 {
8941
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-1.ag-cell-focus,
8942
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-2.ag-cell-focus,
8943
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-3.ag-cell-focus,
8944
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-4.ag-cell-focus {
8935
8945
  border: var(--grid-cel-border-medium) var(--grid-cel-border-color-primary);
8936
- background-color: var(--grid-cel-primary-bg);
8937
- outline: none; }
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"] {
8946
+ background-color: var(--background--xlight);
8947
+ outline: none;
8948
+ height: 29px; }
8949
+ .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"],
8950
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-2.ag-cell-focus[col-id="statusColumn"],
8951
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-2.ag-cell-focus[col-id="checkBoxColumn"],
8952
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-3.ag-cell-focus[col-id="statusColumn"],
8953
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-3.ag-cell-focus[col-id="checkBoxColumn"],
8954
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-4.ag-cell-focus[col-id="statusColumn"],
8955
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-4.ag-cell-focus[col-id="checkBoxColumn"] {
8939
8956
  border-right: var(--border--small) transparent;
8940
8957
  border-left: var(--border--small) transparent;
8941
8958
  border-top: var(--border--small) transparent;