@salt-ds/ag-grid-theme 2.4.4 → 2.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.
Files changed (2) hide show
  1. package/package.json +3 -3
  2. package/salt-ag-theme.css +28 -4
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@salt-ds/ag-grid-theme",
3
- "version": "2.4.4",
3
+ "version": "2.5.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
7
- "url": "https://github.com/jpmorganchase/salt-ds.git",
7
+ "url": "git+https://github.com/jpmorganchase/salt-ds.git",
8
8
  "directory": "packages/ag-grid-theme"
9
9
  },
10
10
  "bugs": "https://github.com/jpmorganchase/salt-ds/issues",
@@ -28,7 +28,7 @@
28
28
  "del": "^7.0.0"
29
29
  },
30
30
  "peerDependencies": {
31
- "@salt-ds/theme": "^1.31.0",
31
+ "@salt-ds/theme": "^1.32.0",
32
32
  "ag-grid-community": ">=28.0.0"
33
33
  }
34
34
  }
package/salt-ag-theme.css CHANGED
@@ -718,7 +718,11 @@
718
718
  .ag-theme-salt-light .ag-floating-filter input[class^=ag-][type=text],
719
719
  .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=text],
720
720
  .ag-theme-salt-compact-light .ag-floating-filter input[class^=ag-][type=text],
721
- .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=text] {
721
+ .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=text],
722
+ .ag-theme-salt-light .ag-floating-filter input[class^=ag-][type=date],
723
+ .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=date],
724
+ .ag-theme-salt-compact-light .ag-floating-filter input[class^=ag-][type=date],
725
+ .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=date] {
722
726
  height: calc(var(--salt-size-base) + var(--salt-spacing-100) - 6px);
723
727
  margin-inline: var(--salt-spacing-50);
724
728
  padding: 0 var(--salt-spacing-50);
@@ -730,7 +734,11 @@
730
734
  .ag-theme-salt-light .ag-floating-filter-input input[class^=ag-][type=number],
731
735
  .ag-theme-salt-dark .ag-floating-filter-input input[class^=ag-][type=number],
732
736
  .ag-theme-salt-compact-light .ag-floating-filter-input input[class^=ag-][type=number],
733
- .ag-theme-salt-compact-dark .ag-floating-filter-input input[class^=ag-][type=number] {
737
+ .ag-theme-salt-compact-dark .ag-floating-filter-input input[class^=ag-][type=number],
738
+ .ag-theme-salt-light .ag-floating-filter-input input[class^=ag-][type=date],
739
+ .ag-theme-salt-dark .ag-floating-filter-input input[class^=ag-][type=date],
740
+ .ag-theme-salt-compact-light .ag-floating-filter-input input[class^=ag-][type=date],
741
+ .ag-theme-salt-compact-dark .ag-floating-filter-input input[class^=ag-][type=date] {
734
742
  border: none;
735
743
  }
736
744
  .ag-theme-salt-light .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
@@ -790,6 +798,10 @@
790
798
  .ag-theme-salt-dark .ag-filter input[class^=ag-][type=number],
791
799
  .ag-theme-salt-compact-light .ag-filter input[class^=ag-][type=number],
792
800
  .ag-theme-salt-compact-dark .ag-filter input[class^=ag-][type=number],
801
+ .ag-theme-salt-light .ag-filter input[class^=ag-][type=date],
802
+ .ag-theme-salt-dark .ag-filter input[class^=ag-][type=date],
803
+ .ag-theme-salt-compact-light .ag-filter input[class^=ag-][type=date],
804
+ .ag-theme-salt-compact-dark .ag-filter input[class^=ag-][type=date],
793
805
  .ag-theme-salt-light .ag-column-select input[class^=ag-][type=text],
794
806
  .ag-theme-salt-dark .ag-column-select input[class^=ag-][type=text],
795
807
  .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=text],
@@ -797,7 +809,11 @@
797
809
  .ag-theme-salt-light .ag-column-select input[class^=ag-][type=number],
798
810
  .ag-theme-salt-dark .ag-column-select input[class^=ag-][type=number],
799
811
  .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=number],
800
- .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=number] {
812
+ .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=number],
813
+ .ag-theme-salt-light .ag-column-select input[class^=ag-][type=date],
814
+ .ag-theme-salt-dark .ag-column-select input[class^=ag-][type=date],
815
+ .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=date],
816
+ .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=date] {
801
817
  border: none;
802
818
  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
803
819
  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
@@ -830,6 +846,10 @@
830
846
  .ag-theme-salt-dark .ag-filter input[class^=ag-][type=number]:focus,
831
847
  .ag-theme-salt-compact-light .ag-filter input[class^=ag-][type=number]:focus,
832
848
  .ag-theme-salt-compact-dark .ag-filter input[class^=ag-][type=number]:focus,
849
+ .ag-theme-salt-light .ag-filter input[class^=ag-][type=date]:focus,
850
+ .ag-theme-salt-dark .ag-filter input[class^=ag-][type=date]:focus,
851
+ .ag-theme-salt-compact-light .ag-filter input[class^=ag-][type=date]:focus,
852
+ .ag-theme-salt-compact-dark .ag-filter input[class^=ag-][type=date]:focus,
833
853
  .ag-theme-salt-light .ag-column-select input[class^=ag-][type=text]:focus,
834
854
  .ag-theme-salt-dark .ag-column-select input[class^=ag-][type=text]:focus,
835
855
  .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=text]:focus,
@@ -837,7 +857,11 @@
837
857
  .ag-theme-salt-light .ag-column-select input[class^=ag-][type=number]:focus,
838
858
  .ag-theme-salt-dark .ag-column-select input[class^=ag-][type=number]:focus,
839
859
  .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=number]:focus,
840
- .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=number]:focus {
860
+ .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=number]:focus,
861
+ .ag-theme-salt-light .ag-column-select input[class^=ag-][type=date]:focus,
862
+ .ag-theme-salt-dark .ag-column-select input[class^=ag-][type=date]:focus,
863
+ .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=date]:focus,
864
+ .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=date]:focus {
841
865
  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
842
866
  outline-offset: -2px;
843
867
  }