@sankhyalabs/ez-design 5.10.0-dev.24 → 5.10.0-dev.26

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.
@@ -1445,6 +1445,8 @@ body {
1445
1445
  outline: none; }
1446
1446
  .ez-box--no-border {
1447
1447
  border: none; }
1448
+ .ez-box--no-outline {
1449
+ outline: none; }
1448
1450
  .ez-box--info--success {
1449
1451
  background-color: var(--color-alert--success-50);
1450
1452
  color: var(--color-alert--success-800);
@@ -8969,6 +8971,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8969
8971
  border: 1px solid transparent;
8970
8972
  border-radius: 50%;
8971
8973
  margin: 0 auto; }
8974
+ .ez-grid__column-highlight-header {
8975
+ border: 2px solid var(--color--primary) !important;
8976
+ transition: outline 0.3s ease-in-out;
8977
+ background-color: var(--color--primary-300); }
8972
8978
  .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) {
8973
8979
  border-right-color: var(--color--strokes); }
8974
8980
  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
@@ -9172,17 +9178,19 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9172
9178
  background-color: var(--background--xlight);
9173
9179
  outline: none;
9174
9180
  height: 29px; }
9175
- .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"],
9181
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-1.ag-cell-focus[col-id="statusColumn"],
9176
9182
  .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-2.ag-cell-focus[col-id="statusColumn"],
9177
- .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-2.ag-cell-focus[col-id="checkBoxColumn"],
9178
9183
  .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-3.ag-cell-focus[col-id="statusColumn"],
9179
- .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-3.ag-cell-focus[col-id="checkBoxColumn"],
9180
- .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-4.ag-cell-focus[col-id="statusColumn"],
9181
- .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-4.ag-cell-focus[col-id="checkBoxColumn"] {
9184
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-4.ag-cell-focus[col-id="statusColumn"] {
9182
9185
  border-right: var(--border--small) transparent;
9183
9186
  border-left: var(--border--small) transparent;
9184
9187
  border-top: var(--border--small) transparent;
9185
9188
  border-bottom: var(--border--small) transparent; }
9189
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-1.ag-cell-focus[col-id="checkBoxColumn"],
9190
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-2.ag-cell-focus[col-id="checkBoxColumn"],
9191
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-3.ag-cell-focus[col-id="checkBoxColumn"],
9192
+ .ez-grid .ag-cell.ag-cell-range-selected.ag-cell-range-selected-4.ag-cell-focus[col-id="checkBoxColumn"] {
9193
+ border: var(--grid-cel-border-medium) var(--grid-cel-border-color-primary); }
9186
9194
  .ez-grid .ag-checkbox-input-wrapper::after {
9187
9195
  content: ""; }
9188
9196
  .ez-grid .ag-checkbox-input-wrapper.ag-checked::after {