@indico-data/design-system 2.60.1 → 2.60.2

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 (5) hide show
  1. package/lib/index.css +4 -1
  2. package/lib/index.esm.css +4 -1
  3. package/package.json +1 -1
  4. package/src/components/tanstackTable/styles/_variables.scss +3 -1
  5. package/src/components/tanstackTable/styles/table.scss +1 -0
package/lib/index.css CHANGED
@@ -2126,7 +2126,8 @@ form {
2126
2126
  --pf-tanstack-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
2127
2127
  0 4px 8px rgba(0, 0, 0, 0.1);
2128
2128
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2129
- --pf-tanstack-table-pagination-background-color: var(--pf-gray-color-900);
2129
+ --pf-tanstack-table-pagination-background-color: var(--pf-tanstack-table-background-color);
2130
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2130
2131
  }
2131
2132
 
2132
2133
  :root [data-theme=dark],
@@ -2146,6 +2147,7 @@ form {
2146
2147
  0 8px 16px rgba(0, 0, 0, 0.3);
2147
2148
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2148
2149
  --pf-tanstack-table-pagination-background-color: var(--pf-primary-color-700);
2150
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2149
2151
  }
2150
2152
 
2151
2153
  .tanstack-table__action-bar-test {
@@ -2383,6 +2385,7 @@ form {
2383
2385
  .table__pagination {
2384
2386
  padding-bottom: var(--pf-padding-4);
2385
2387
  padding-top: var(--pf-padding-4);
2388
+ color: var(--pf-tanstack-table-pagination-font-color);
2386
2389
  background-color: var(--pf-tanstack-table-pagination-background-color);
2387
2390
  padding-left: var(--pf-padding-4);
2388
2391
  }
package/lib/index.esm.css CHANGED
@@ -2126,7 +2126,8 @@ form {
2126
2126
  --pf-tanstack-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
2127
2127
  0 4px 8px rgba(0, 0, 0, 0.1);
2128
2128
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2129
- --pf-tanstack-table-pagination-background-color: var(--pf-gray-color-900);
2129
+ --pf-tanstack-table-pagination-background-color: var(--pf-tanstack-table-background-color);
2130
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2130
2131
  }
2131
2132
 
2132
2133
  :root [data-theme=dark],
@@ -2146,6 +2147,7 @@ form {
2146
2147
  0 8px 16px rgba(0, 0, 0, 0.3);
2147
2148
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2148
2149
  --pf-tanstack-table-pagination-background-color: var(--pf-primary-color-700);
2150
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2149
2151
  }
2150
2152
 
2151
2153
  .tanstack-table__action-bar-test {
@@ -2383,6 +2385,7 @@ form {
2383
2385
  .table__pagination {
2384
2386
  padding-bottom: var(--pf-padding-4);
2385
2387
  padding-top: var(--pf-padding-4);
2388
+ color: var(--pf-tanstack-table-pagination-font-color);
2386
2389
  background-color: var(--pf-tanstack-table-pagination-background-color);
2387
2390
  padding-left: var(--pf-padding-4);
2388
2391
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indico-data/design-system",
3
- "version": "2.60.1",
3
+ "version": "2.60.2",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "main": "lib/index.js",
package/src/components/tanstackTable/styles/_variables.scss CHANGED
@@ -15,7 +15,8 @@
15
15
  --pf-tanstack-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
16
16
  0 4px 8px rgba(0, 0, 0, 0.1);
17
17
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
18
- --pf-tanstack-table-pagination-background-color: var(--pf-gray-color-900);
18
+ --pf-tanstack-table-pagination-background-color: var(--pf-tanstack-table-background-color);
19
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
19
20
  }
20
21
 
21
22
  // Dark Theme Specific Variables
@@ -37,4 +38,5 @@
37
38
  0 8px 16px rgba(0, 0, 0, 0.3);
38
39
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
39
40
  --pf-tanstack-table-pagination-background-color: var(--pf-primary-color-700);
41
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
40
42
  }
package/src/components/tanstackTable/styles/table.scss CHANGED
@@ -230,6 +230,7 @@
230
230
  .table__pagination {
231
231
  padding-bottom: var(--pf-padding-4);
232
232
  padding-top: var(--pf-padding-4);
233
+ color: var(--pf-tanstack-table-pagination-font-color);
233
234
  background-color: var(--pf-tanstack-table-pagination-background-color);
234
235
  padding-left: var(
235
236
  --pf-padding-4