@indico-data/design-system 2.60.1 → 2.60.3

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 (6) hide show
  1. package/lib/index.css +9 -5
  2. package/lib/index.esm.css +9 -5
  3. package/package.json +1 -1
  4. package/src/components/badge/styles/Badge.scss +5 -6
  5. package/src/components/tanstackTable/styles/_variables.scss +3 -1
  6. package/src/components/tanstackTable/styles/table.scss +1 -0
package/lib/index.css CHANGED
@@ -1945,19 +1945,19 @@ form {
1945
1945
  margin-bottom: 0;
1946
1946
  }
1947
1947
 
1948
- :root {
1949
- --pf-badge-rounded: var(--pf-rounded);
1950
- }
1951
-
1952
1948
  :root [data-theme=light] {
1953
1949
  --pf-badge-background-color: var(--pf-primary-color-950);
1954
1950
  --pf-badge-border-color: var(--pf-border-color);
1951
+ --pf-badge-font-color: var(--pf-font-color);
1952
+ --pf-badge-rounded: var(--pf-rounded);
1955
1953
  }
1956
1954
 
1957
1955
  :root [data-theme=dark],
1958
1956
  :root {
1957
+ --pf-badge-rounded: var(--pf-rounded);
1959
1958
  --pf-badge-background-color: var(--pf-primary-color-600);
1960
1959
  --pf-badge-border-color: var(--pf-border-color);
1960
+ --pf-badge-font-color: var(--pf-font-color);
1961
1961
  }
1962
1962
 
1963
1963
  .badge {
@@ -1968,6 +1968,7 @@ form {
1968
1968
  box-sizing: border-box;
1969
1969
  width: -moz-fit-content;
1970
1970
  width: fit-content;
1971
+ color: var(--pf-badge-font-color);
1971
1972
  }
1972
1973
  .badge--xs {
1973
1974
  padding: var(--pf-padding-1);
@@ -2126,7 +2127,8 @@ form {
2126
2127
  --pf-tanstack-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
2127
2128
  0 4px 8px rgba(0, 0, 0, 0.1);
2128
2129
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2129
- --pf-tanstack-table-pagination-background-color: var(--pf-gray-color-900);
2130
+ --pf-tanstack-table-pagination-background-color: var(--pf-tanstack-table-background-color);
2131
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2130
2132
  }
2131
2133
 
2132
2134
  :root [data-theme=dark],
@@ -2146,6 +2148,7 @@ form {
2146
2148
  0 8px 16px rgba(0, 0, 0, 0.3);
2147
2149
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2148
2150
  --pf-tanstack-table-pagination-background-color: var(--pf-primary-color-700);
2151
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2149
2152
  }
2150
2153
 
2151
2154
  .tanstack-table__action-bar-test {
@@ -2383,6 +2386,7 @@ form {
2383
2386
  .table__pagination {
2384
2387
  padding-bottom: var(--pf-padding-4);
2385
2388
  padding-top: var(--pf-padding-4);
2389
+ color: var(--pf-tanstack-table-pagination-font-color);
2386
2390
  background-color: var(--pf-tanstack-table-pagination-background-color);
2387
2391
  padding-left: var(--pf-padding-4);
2388
2392
  }
package/lib/index.esm.css CHANGED
@@ -1945,19 +1945,19 @@ form {
1945
1945
  margin-bottom: 0;
1946
1946
  }
1947
1947
 
1948
- :root {
1949
- --pf-badge-rounded: var(--pf-rounded);
1950
- }
1951
-
1952
1948
  :root [data-theme=light] {
1953
1949
  --pf-badge-background-color: var(--pf-primary-color-950);
1954
1950
  --pf-badge-border-color: var(--pf-border-color);
1951
+ --pf-badge-font-color: var(--pf-font-color);
1952
+ --pf-badge-rounded: var(--pf-rounded);
1955
1953
  }
1956
1954
 
1957
1955
  :root [data-theme=dark],
1958
1956
  :root {
1957
+ --pf-badge-rounded: var(--pf-rounded);
1959
1958
  --pf-badge-background-color: var(--pf-primary-color-600);
1960
1959
  --pf-badge-border-color: var(--pf-border-color);
1960
+ --pf-badge-font-color: var(--pf-font-color);
1961
1961
  }
1962
1962
 
1963
1963
  .badge {
@@ -1968,6 +1968,7 @@ form {
1968
1968
  box-sizing: border-box;
1969
1969
  width: -moz-fit-content;
1970
1970
  width: fit-content;
1971
+ color: var(--pf-badge-font-color);
1971
1972
  }
1972
1973
  .badge--xs {
1973
1974
  padding: var(--pf-padding-1);
@@ -2126,7 +2127,8 @@ form {
2126
2127
  --pf-tanstack-table-highlighted-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
2127
2128
  0 4px 8px rgba(0, 0, 0, 0.1);
2128
2129
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2129
- --pf-tanstack-table-pagination-background-color: var(--pf-gray-color-900);
2130
+ --pf-tanstack-table-pagination-background-color: var(--pf-tanstack-table-background-color);
2131
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2130
2132
  }
2131
2133
 
2132
2134
  :root [data-theme=dark],
@@ -2146,6 +2148,7 @@ form {
2146
2148
  0 8px 16px rgba(0, 0, 0, 0.3);
2147
2149
  --pf-tanstack-table-font-size: var(--pf-font-size-body2);
2148
2150
  --pf-tanstack-table-pagination-background-color: var(--pf-primary-color-700);
2151
+ --pf-tanstack-table-pagination-font-color: var(--pf-tanstack-table-font-color);
2149
2152
  }
2150
2153
 
2151
2154
  .tanstack-table__action-bar-test {
@@ -2383,6 +2386,7 @@ form {
2383
2386
  .table__pagination {
2384
2387
  padding-bottom: var(--pf-padding-4);
2385
2388
  padding-top: var(--pf-padding-4);
2389
+ color: var(--pf-tanstack-table-pagination-font-color);
2386
2390
  background-color: var(--pf-tanstack-table-pagination-background-color);
2387
2391
  padding-left: var(--pf-padding-4);
2388
2392
  }
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.3",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "main": "lib/index.js",
package/src/components/badge/styles/Badge.scss CHANGED
@@ -1,19 +1,18 @@
1
- // Common Variables
2
- :root {
3
- --pf-badge-rounded: var(--pf-rounded);
4
- }
5
-
6
1
  // Light Theme Specific Variables
7
2
  :root [data-theme='light'] {
8
3
  --pf-badge-background-color: var(--pf-primary-color-950);
9
4
  --pf-badge-border-color: var(--pf-border-color);
5
+ --pf-badge-font-color: var(--pf-font-color);
6
+ --pf-badge-rounded: var(--pf-rounded);
10
7
  }
11
8
 
12
9
  // Dark Theme Specific Variables
13
10
  :root [data-theme='dark'],
14
11
  :root {
12
+ --pf-badge-rounded: var(--pf-rounded);
15
13
  --pf-badge-background-color: var(--pf-primary-color-600);
16
14
  --pf-badge-border-color: var(--pf-border-color);
15
+ --pf-badge-font-color: var(--pf-font-color);
17
16
  }
18
17
 
19
18
  .badge {
@@ -23,7 +22,7 @@
23
22
  border: var(--pf-border-sm) solid var(--pf-badge-border-color);
24
23
  box-sizing: border-box;
25
24
  width: fit-content;
26
-
25
+ color: var(--pf-badge-font-color);
27
26
  &--xs {
28
27
  padding: var(--pf-padding-1);
29
28
  p {
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