@planningcenter/tapestry 4.6.0-rc.2 → 4.6.0-rc.4

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 (28) hide show
  1. package/dist/components/DataTable/ActiveFilters.d.ts +6 -2
  2. package/dist/components/DataTable/ActiveFilters.d.ts.map +1 -1
  3. package/dist/components/DataTable/ActiveFilters.js +22 -13
  4. package/dist/components/DataTable/ActiveFilters.js.map +1 -1
  5. package/dist/components/DataTable/DataTable.d.ts +8 -5
  6. package/dist/components/DataTable/DataTable.d.ts.map +1 -1
  7. package/dist/components/DataTable/DataTable.js +54 -49
  8. package/dist/components/DataTable/DataTable.js.map +1 -1
  9. package/dist/components/DataTable/FilterContext.d.ts +16 -0
  10. package/dist/components/DataTable/FilterContext.d.ts.map +1 -0
  11. package/dist/components/DataTable/FilterContext.js +32 -0
  12. package/dist/components/DataTable/FilterContext.js.map +1 -0
  13. package/dist/components/DataTable/FilterControls.d.ts +11 -0
  14. package/dist/components/DataTable/FilterControls.d.ts.map +1 -0
  15. package/dist/components/DataTable/FilterControls.js +57 -0
  16. package/dist/components/DataTable/FilterControls.js.map +1 -0
  17. package/dist/components/DataTable/FilterTypes.d.ts +2 -2
  18. package/dist/components/DataTable/FilterTypes.d.ts.map +1 -1
  19. package/dist/components/DataTable/ViewSettingsToggle.d.ts.map +1 -1
  20. package/dist/components/DataTable/ViewSettingsToggle.js +5 -6
  21. package/dist/components/DataTable/ViewSettingsToggle.js.map +1 -1
  22. package/dist/reactRender.css +1090 -1034
  23. package/dist/reactRender.css.map +1 -1
  24. package/dist/reactRenderLegacy.css +1090 -1034
  25. package/dist/reactRenderLegacy.css.map +1 -1
  26. package/dist/unstable.css +61 -5
  27. package/dist/unstable.css.map +1 -1
  28. package/package.json +2 -2
package/dist/unstable.css CHANGED
@@ -670,10 +670,6 @@
670
670
  padding-inline:var(--tds-data-table-cell-padding-inline);
671
671
  border-top:1px solid var(--tds-data-table-border-color);
672
672
  }
673
-
674
- .tds-data-table-view-settings-toggle{
675
- margin-inline-start:auto;
676
- }
677
673
  .tds-data-table-select-all-banner{
678
674
  display:flex;
679
675
  flex-wrap:wrap;
@@ -694,6 +690,7 @@
694
690
  color:var(--t-text-color-secondary);
695
691
  }
696
692
 
693
+
697
694
  .tds-data-table-results-count{
698
695
  margin:0;
699
696
  font-size:var(--t-font-size-md);
@@ -847,7 +844,8 @@
847
844
 
848
845
  .tds-data-table-column-label--hidden,
849
846
  .tds-data-table-cell-label--hidden,
850
- .tds-data-table-results-count-label--hidden{
847
+ .tds-data-table-results-count-label--hidden,
848
+ .tds-data-table-filter-controls-label--hidden{
851
849
  position:absolute;
852
850
  width:1px;
853
851
  height:1px;
@@ -1066,6 +1064,64 @@
1066
1064
  max-block-size:inherit;
1067
1065
  }
1068
1066
 
1067
+ .tds-data-table-filter-controls{
1068
+ margin-inline-start:auto;
1069
+ }
1070
+
1071
+ .tds-data-table-filter-controls-search-input{
1072
+ inline-size:100%;
1073
+ min-block-size:var(--t-container-size-md);
1074
+ padding-inline:var(--t-spacing-1);
1075
+ font-size:var(--t-font-size-md);
1076
+ background-color:var(--t-form-background-color);
1077
+ border:var(--t-form-border-width) solid var(--t-form-border-color);
1078
+ border-radius:var(--t-form-border-radius);
1079
+ }
1080
+
1081
+ .tds-data-table-filter-controls-search-input::-moz-placeholder{
1082
+ color:var(--t-form-placeholder-color);
1083
+ }
1084
+
1085
+ .tds-data-table-filter-controls-search-input::placeholder{
1086
+ color:var(--t-form-placeholder-color);
1087
+ }
1088
+
1089
+ .tds-data-table-filter-controls-list{
1090
+ margin-block-start:var(--t-spacing-1);
1091
+ }
1092
+
1093
+ .tds-data-table-filter-controls-submenu-trigger[data-open]{
1094
+ background:var(--t-fill-color-neutral-070);
1095
+ }
1096
+
1097
+ .tds-dropdown-popover.tds-data-table-filter-controls-submenu-popover{
1098
+ inline-size:16rem;
1099
+ }
1100
+
1101
+ .tds-dropdown-popover.tds-data-table-filter-controls-submenu-popover .tds-data-table-filter-controls-submenu-list{
1102
+ max-block-size:20rem;
1103
+ overflow-y:auto;
1104
+ }
1105
+
1106
+ .tds-data-table-filter-controls-submenu-chevron{
1107
+ --tds-data-table-filter-controls-submenu-chevron-color:var(--t-icon-color-dim);
1108
+
1109
+ color:var(--tds-data-table-filter-controls-submenu-chevron-color);
1110
+ }
1111
+
1112
+ [data-open] .tds-data-table-filter-controls-submenu-chevron{
1113
+ --tds-data-table-filter-controls-submenu-chevron-color:var(--t-icon-color);
1114
+ }
1115
+
1116
+ @media (prefers-reduced-motion: no-preference){
1117
+
1118
+ .tds-data-table-filter-controls-submenu-chevron{
1119
+ transition-timing-function:var(--t-ease-in-out);
1120
+ transition-duration:var(--t-duration-200);
1121
+ transition-property:color;
1122
+ }
1123
+ }
1124
+
1069
1125
  .tds-pagination{
1070
1126
  --tds-pagination-background-color:var(--t-surface-color-canvas);
1071
1127
  --tds-pagination-page-background-color-hover:var(--t-fill-color-neutral-100);