@sankhyalabs/ez-design 5.0.1 → 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.
@@ -780,12 +780,18 @@ body {
780
780
  .ez-size-width--auto {
781
781
  width: auto; }
782
782
 
783
+ .ez-size-width--fit-content {
784
+ width: fit-content; }
785
+
783
786
  .ez-size-height--full {
784
787
  height: 100%; }
785
788
 
786
789
  .ez-size-height--auto {
787
790
  height: auto; }
788
791
 
792
+ .ez-size-height--fit-content {
793
+ height: fit-content; }
794
+
789
795
  .ez-text {
790
796
  font-family: "Roboto";
791
797
  text-shadow: 0 0 0 #353535, 0 0 1px transparent; }
@@ -5672,6 +5678,13 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
5672
5678
  content: "\f128"; }
5673
5679
 
5674
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);
5675
5688
  -webkit-font-smoothing: antialiased;
5676
5689
  color: #000;
5677
5690
  color: var(--ag-foreground-color, #000);
@@ -8822,12 +8835,12 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8822
8835
  display: none; }
8823
8836
  .ez-grid .ag-tabs-header.ag-menu-header {
8824
8837
  display: none; }
8838
+ .ez-grid .ag-row-no-focus {
8839
+ background-color: var(--grid-row-default-bg); }
8825
8840
  .ez-grid .ag-row-selected {
8826
- background-color: var(--background--strong); }
8827
- .ez-grid .ag-row-hover {
8828
- background-color: var(--background--medium); }
8841
+ background-color: var(--grid-row-strong-bg); }
8829
8842
  .ez-grid .ag-row-hover {
8830
- background-color: var(--background--strong); }
8843
+ background-color: var(--grid-row-medium-bg); }
8831
8844
  .ez-grid .ag-root-wrapper {
8832
8845
  border-bottom-right-radius: var(--border--radius-medium);
8833
8846
  border-bottom-left-radius: var(--border--radius-medium);
@@ -8907,13 +8920,22 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8907
8920
  border-radius: var(--border--radius-medium);
8908
8921
  border: none;
8909
8922
  background-color: var(--background--medium); }
8910
- .ez-grid .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
8911
- border-right: var(--border--small) var(--color--primary-600);
8912
- border-left: var(--border--small) var(--color--primary-600);
8913
- border-top: var(--border--small) var(--color--primary-600);
8914
- 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);
8915
8937
  outline: none; }
8916
- .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"] {
8917
8939
  border-right: var(--border--small) transparent;
8918
8940
  border-left: var(--border--small) transparent;
8919
8941
  border-top: var(--border--small) transparent;