@indico-data/design-system 2.60.2 → 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 (4) hide show
  1. package/lib/index.css +5 -4
  2. package/lib/index.esm.css +5 -4
  3. package/package.json +1 -1
  4. package/src/components/badge/styles/Badge.scss +5 -6
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);
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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indico-data/design-system",
3
- "version": "2.60.2",
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 {