@bi-digital/css 0.0.0-experimental-4935b5c → 0.0.0-experimental-160e3ca

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/dist/components/card.css +8 -2
  2. package/dist/components/filter-group.css +8 -4
  3. package/dist/components/tabs.css +2 -0
  4. package/dist/components.css +18 -6
  5. package/package.json +2 -2
package/dist/components/card.css CHANGED
@@ -49,12 +49,18 @@
49
49
  }
50
50
 
51
51
  .bi-card[data-orientation="horizontal"] {
52
- --bic-card-media-width: 252px;
52
+ --bic-card-media-width: 15.75rem;
53
53
  }
54
54
 
55
55
  @media not (min-width: 1024px) {
56
56
  .bi-card[data-orientation="horizontal"] {
57
- --bic-card-media-width: 232px;
57
+ --bic-card-media-width: 14.5rem;
58
+ }
59
+ }
60
+
61
+ @media not (min-width: 600px) {
62
+ .bi-card[data-orientation="horizontal"] {
63
+ --bic-card-media-width: 8.4375rem;
58
64
  }
59
65
  }
60
66
 
package/dist/components/filter-group.css CHANGED
@@ -20,7 +20,8 @@
20
20
  }
21
21
 
22
22
  .bi-filter-group > button {
23
- box-shadow: 0 var(--bi-scale-0-25x) 0 0 var(--bic-filter-group-border-color);
23
+ border: none;
24
+ border-bottom: var(--bi-scale-0-25x) solid var(--bic-filter-group-border-color);
24
25
  height: var(--bi-scale-12x);
25
26
  color: var(--bic-filter-group-text-color);
26
27
  align-items: center;
@@ -30,9 +31,7 @@
30
31
  background: var(--bic-filter-group-background-color);
31
32
  cursor: pointer;
32
33
  border-radius: var(--bi-radius-small) var(--bi-radius-small) 0 0;
33
- border: none;
34
34
  flex-direction: row;
35
- font-size: 1rem;
36
35
  display: flex;
37
36
  }
38
37
 
@@ -58,6 +57,7 @@
58
57
  flex: 1;
59
58
  margin: 0;
60
59
  font-family: museo-sans, Arial, sans-serif;
60
+ font-size: 1rem;
61
61
  font-weight: 700;
62
62
  line-height: 1.5;
63
63
  }
@@ -69,10 +69,14 @@
69
69
  display: none;
70
70
  }
71
71
 
72
+ .bi-filter-group > div > .bi-field:has(.bi-input[type="checkbox"]) {
73
+ width: 100%;
74
+ }
75
+
72
76
  .bi-filter-group[data-expanded="true"] > button {
73
- box-shadow: none;
74
77
  --bic-filter-group-background-color: var(--bic-filter-group-background-color-expanded);
75
78
  border-radius: var(--bi-radius-small);
79
+ border-bottom: none;
76
80
  }
77
81
 
78
82
  .bi-filter-group[data-expanded="true"] > div {
package/dist/components/tabs.css CHANGED
@@ -25,6 +25,8 @@
25
25
  overflow-y: auto;
26
26
  overflow-x: unset;
27
27
  flex-direction: column;
28
+ width: -webkit-fit-content;
29
+ width: fit-content;
28
30
  }
29
31
 
30
32
  .bi-tabs .bi-tabs--list .bi-tabs--tab {
package/dist/components.css CHANGED
@@ -507,12 +507,18 @@
507
507
  }
508
508
 
509
509
  .bi-card[data-orientation="horizontal"] {
510
- --bic-card-media-width: 252px;
510
+ --bic-card-media-width: 15.75rem;
511
511
  }
512
512
 
513
513
  @media not (min-width: 1024px) {
514
514
  .bi-card[data-orientation="horizontal"] {
515
- --bic-card-media-width: 232px;
515
+ --bic-card-media-width: 14.5rem;
516
+ }
517
+ }
518
+
519
+ @media not (min-width: 600px) {
520
+ .bi-card[data-orientation="horizontal"] {
521
+ --bic-card-media-width: 8.4375rem;
516
522
  }
517
523
  }
518
524
 
@@ -1735,7 +1741,8 @@ body:has(.bi-dialog:modal) {
1735
1741
  }
1736
1742
 
1737
1743
  .bi-filter-group > button {
1738
- box-shadow: 0 var(--bi-scale-0-25x) 0 0 var(--bic-filter-group-border-color);
1744
+ border: none;
1745
+ border-bottom: var(--bi-scale-0-25x) solid var(--bic-filter-group-border-color);
1739
1746
  height: var(--bi-scale-12x);
1740
1747
  color: var(--bic-filter-group-text-color);
1741
1748
  align-items: center;
@@ -1745,9 +1752,7 @@ body:has(.bi-dialog:modal) {
1745
1752
  background: var(--bic-filter-group-background-color);
1746
1753
  cursor: pointer;
1747
1754
  border-radius: var(--bi-radius-small) var(--bi-radius-small) 0 0;
1748
- border: none;
1749
1755
  flex-direction: row;
1750
- font-size: 1rem;
1751
1756
  display: flex;
1752
1757
  }
1753
1758
 
@@ -1773,6 +1778,7 @@ body:has(.bi-dialog:modal) {
1773
1778
  flex: 1;
1774
1779
  margin: 0;
1775
1780
  font-family: museo-sans, Arial, sans-serif;
1781
+ font-size: 1rem;
1776
1782
  font-weight: 700;
1777
1783
  line-height: 1.5;
1778
1784
  }
@@ -1784,10 +1790,14 @@ body:has(.bi-dialog:modal) {
1784
1790
  display: none;
1785
1791
  }
1786
1792
 
1793
+ .bi-filter-group > div > .bi-field:has(.bi-input[type="checkbox"]) {
1794
+ width: 100%;
1795
+ }
1796
+
1787
1797
  .bi-filter-group[data-expanded="true"] > button {
1788
- box-shadow: none;
1789
1798
  --bic-filter-group-background-color: var(--bic-filter-group-background-color-expanded);
1790
1799
  border-radius: var(--bi-radius-small);
1800
+ border-bottom: none;
1791
1801
  }
1792
1802
 
1793
1803
  .bi-filter-group[data-expanded="true"] > div {
@@ -2804,6 +2814,8 @@ body:has(.bi-dialog:modal) {
2804
2814
  overflow-y: auto;
2805
2815
  overflow-x: unset;
2806
2816
  flex-direction: column;
2817
+ width: -webkit-fit-content;
2818
+ width: fit-content;
2807
2819
  }
2808
2820
 
2809
2821
  .bi-tabs .bi-tabs--list .bi-tabs--tab {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
- "version": "0.0.0-experimental-4935b5c",
3
+ "version": "0.0.0-experimental-160e3ca",
4
4
  "description": "CSS for the BI Design System",
5
5
  "author": "BI Digital",
6
6
  "license": "ISC",
@@ -23,7 +23,7 @@
23
23
  "lightningcss": "^1.30.1",
24
24
  "modern-normalize": "^3.0.1",
25
25
  "rimraf": "^6.0.1",
26
- "@bi-digital/tokens": "0.0.0-experimental-4935b5c"
26
+ "@bi-digital/tokens": "0.0.0-experimental-160e3ca"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",