@bi-digital/css 0.0.0-experimental-4935b5c → 0.0.0-experimental-f4bb806

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/dist/components/card.css +8 -2
  2. package/dist/components/field.css +8 -0
  3. package/dist/components/filter-group.css +8 -4
  4. package/dist/components/tabs.css +2 -0
  5. package/dist/components.css +26 -6
  6. 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/field.css CHANGED
@@ -89,6 +89,10 @@
89
89
  display: grid;
90
90
  }
91
91
 
92
+ .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
93
+ width: 100%;
94
+ }
95
+
92
96
  .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"])) > * {
93
97
  grid-column: content;
94
98
  margin-top: 0;
@@ -160,6 +164,10 @@
160
164
  display: grid;
161
165
  }
162
166
 
167
+ .bi-field:has(.bi-input:is([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
168
+ width: 100%;
169
+ }
170
+
163
171
  .bi-field:has(.bi-input:is([type="radio"], [type="checkbox"])) > * {
164
172
  grid-column: content;
165
173
  margin-top: 0;
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
 
@@ -1439,6 +1445,10 @@ body:has(.bi-dialog:modal) {
1439
1445
  display: grid;
1440
1446
  }
1441
1447
 
1448
+ .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
1449
+ width: 100%;
1450
+ }
1451
+
1442
1452
  .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"])) > * {
1443
1453
  grid-column: content;
1444
1454
  margin-top: 0;
@@ -1510,6 +1520,10 @@ body:has(.bi-dialog:modal) {
1510
1520
  display: grid;
1511
1521
  }
1512
1522
 
1523
+ .bi-field:has(.bi-input:is([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
1524
+ width: 100%;
1525
+ }
1526
+
1513
1527
  .bi-field:has(.bi-input:is([type="radio"], [type="checkbox"])) > * {
1514
1528
  grid-column: content;
1515
1529
  margin-top: 0;
@@ -1735,7 +1749,8 @@ body:has(.bi-dialog:modal) {
1735
1749
  }
1736
1750
 
1737
1751
  .bi-filter-group > button {
1738
- box-shadow: 0 var(--bi-scale-0-25x) 0 0 var(--bic-filter-group-border-color);
1752
+ border: none;
1753
+ border-bottom: var(--bi-scale-0-25x) solid var(--bic-filter-group-border-color);
1739
1754
  height: var(--bi-scale-12x);
1740
1755
  color: var(--bic-filter-group-text-color);
1741
1756
  align-items: center;
@@ -1745,9 +1760,7 @@ body:has(.bi-dialog:modal) {
1745
1760
  background: var(--bic-filter-group-background-color);
1746
1761
  cursor: pointer;
1747
1762
  border-radius: var(--bi-radius-small) var(--bi-radius-small) 0 0;
1748
- border: none;
1749
1763
  flex-direction: row;
1750
- font-size: 1rem;
1751
1764
  display: flex;
1752
1765
  }
1753
1766
 
@@ -1773,6 +1786,7 @@ body:has(.bi-dialog:modal) {
1773
1786
  flex: 1;
1774
1787
  margin: 0;
1775
1788
  font-family: museo-sans, Arial, sans-serif;
1789
+ font-size: 1rem;
1776
1790
  font-weight: 700;
1777
1791
  line-height: 1.5;
1778
1792
  }
@@ -1784,10 +1798,14 @@ body:has(.bi-dialog:modal) {
1784
1798
  display: none;
1785
1799
  }
1786
1800
 
1801
+ .bi-filter-group > div > .bi-field:has(.bi-input[type="checkbox"]) {
1802
+ width: 100%;
1803
+ }
1804
+
1787
1805
  .bi-filter-group[data-expanded="true"] > button {
1788
- box-shadow: none;
1789
1806
  --bic-filter-group-background-color: var(--bic-filter-group-background-color-expanded);
1790
1807
  border-radius: var(--bi-radius-small);
1808
+ border-bottom: none;
1791
1809
  }
1792
1810
 
1793
1811
  .bi-filter-group[data-expanded="true"] > div {
@@ -2804,6 +2822,8 @@ body:has(.bi-dialog:modal) {
2804
2822
  overflow-y: auto;
2805
2823
  overflow-x: unset;
2806
2824
  flex-direction: column;
2825
+ width: -webkit-fit-content;
2826
+ width: fit-content;
2807
2827
  }
2808
2828
 
2809
2829
  .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-f4bb806",
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-f4bb806"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",