@bi-digital/css 0.0.0-experimental-160e3ca → 0.0.0-experimental-822fd72

package/dist/components/field.css

@@ -89,6 +89,10 @@
   display: grid;
 }
 
+.bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
+  width: 100%;
+}
+
 .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"])) > * {
   grid-column: content;
   margin-top: 0;
@@ -160,6 +164,10 @@
   display: grid;
 }
 
+.bi-field:has(.bi-input:is([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
+  width: 100%;
+}
+
 .bi-field:has(.bi-input:is([type="radio"], [type="checkbox"])) > * {
   grid-column: content;
   margin-top: 0;

package/dist/components/filter-group.css

@@ -31,6 +31,8 @@
   background: var(--bic-filter-group-background-color);
   cursor: pointer;
   border-radius: var(--bi-radius-small) var(--bi-radius-small) 0 0;
+  -webkit-user-select: none;
+  user-select: none;
   flex-direction: row;
   display: flex;
 }
@@ -64,7 +66,7 @@
 
 .bi-filter-group > div {
   gap: var(--bi-scale-2x);
-  padding: var(--bi-scale-3x) 0 var(--bi-scale-8x);
+  padding: var(--bi-scale-2x) 0 var(--bi-scale-8x);
   flex-direction: column;
   display: none;
 }
@@ -73,10 +75,14 @@
   width: 100%;
 }
 
+.bi-filter-group:last-of-type > div {
+  padding: var(--bi-scale-2x) 0;
+}
+
 .bi-filter-group[data-expanded="true"] > button {
   --bic-filter-group-background-color: var(--bic-filter-group-background-color-expanded);
   border-radius: var(--bi-radius-small);
-  border-bottom: none;
+  border-bottom-color: #0000;
 }
 
 .bi-filter-group[data-expanded="true"] > div {

package/dist/components/footer.css

@@ -91,6 +91,12 @@
   display: flex;
 }
 
+@media not (min-width: 600px) {
+  .bi-footer .bi-footer--accreditations {
+    gap: var(--bi-scale-1x);
+  }
+}
+
 .bi-footer .bi-footer--accreditations .bi-footer--aacsb {
   background-position: center;
   background-repeat: no-repeat;

package/dist/components/link.css

@@ -44,6 +44,10 @@
   --bic-link-color: var(--bi-neutral-5);
 }
 
+.bi-link[data-underline="hover"]:not(:hover) {
+  text-decoration: none;
+}
+
 .bi-link:visited {
   color: var(--bic-link-color);
 }

package/dist/components/navbar.css

@@ -35,7 +35,7 @@
 }
 
 .bi-navbar[data-fixed="true"] > header {
-  z-index: 100;
+  z-index: 110;
   position: fixed;
   top: 0;
   left: 0;

package/dist/components/sticky-header.css

@@ -1,5 +1,5 @@
 .bi-sticky-header {
-  z-index: 101;
+  z-index: 100;
   position: -webkit-sticky;
   position: sticky;
 }

package/dist/components/sub-navbar.css

@@ -23,7 +23,7 @@
 }
 
 .bi-sub-navbar--wrapper .bi-sub-navbar[data-fixed="true"] {
-  z-index: 101;
+  z-index: 120;
   position: fixed;
 }
 

package/dist/components.css

@@ -1445,6 +1445,10 @@ body:has(.bi-dialog:modal) {
   display: grid;
 }
 
+.bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
+  width: 100%;
+}
+
 .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"])) > * {
   grid-column: content;
   margin-top: 0;
@@ -1516,6 +1520,10 @@ body:has(.bi-dialog:modal) {
   display: grid;
 }
 
+.bi-field:has(.bi-input:is([type="radio"], [type="checkbox"]))[data-fullwidth="true"] {
+  width: 100%;
+}
+
 .bi-field:has(.bi-input:is([type="radio"], [type="checkbox"])) > * {
   grid-column: content;
   margin-top: 0;
@@ -1752,6 +1760,8 @@ body:has(.bi-dialog:modal) {
   background: var(--bic-filter-group-background-color);
   cursor: pointer;
   border-radius: var(--bi-radius-small) var(--bi-radius-small) 0 0;
+  -webkit-user-select: none;
+  user-select: none;
   flex-direction: row;
   display: flex;
 }
@@ -1785,7 +1795,7 @@ body:has(.bi-dialog:modal) {
 
 .bi-filter-group > div {
   gap: var(--bi-scale-2x);
-  padding: var(--bi-scale-3x) 0 var(--bi-scale-8x);
+  padding: var(--bi-scale-2x) 0 var(--bi-scale-8x);
   flex-direction: column;
   display: none;
 }
@@ -1794,10 +1804,14 @@ body:has(.bi-dialog:modal) {
   width: 100%;
 }
 
+.bi-filter-group:last-of-type > div {
+  padding: var(--bi-scale-2x) 0;
+}
+
 .bi-filter-group[data-expanded="true"] > button {
   --bic-filter-group-background-color: var(--bic-filter-group-background-color-expanded);
   border-radius: var(--bi-radius-small);
-  border-bottom: none;
+  border-bottom-color: #0000;
 }
 
 .bi-filter-group[data-expanded="true"] > div {
@@ -1897,6 +1911,12 @@ body:has(.bi-dialog:modal) {
   display: flex;
 }
 
+@media not (min-width: 600px) {
+  .bi-footer .bi-footer--accreditations {
+    gap: var(--bi-scale-1x);
+  }
+}
+
 .bi-footer .bi-footer--accreditations .bi-footer--aacsb {
   background-position: center;
   background-repeat: no-repeat;
@@ -2381,6 +2401,10 @@ body:has(.bi-dialog:modal) {
   --bic-link-color: var(--bi-neutral-5);
 }
 
+.bi-link[data-underline="hover"]:not(:hover) {
+  text-decoration: none;
+}
+
 .bi-link:visited {
   color: var(--bic-link-color);
 }
@@ -2512,7 +2536,7 @@ body:has(.bi-dialog:modal) {
 }
 
 .bi-navbar[data-fixed="true"] > header {
-  z-index: 100;
+  z-index: 110;
   position: fixed;
   top: 0;
   left: 0;
@@ -2544,7 +2568,7 @@ body:has(.bi-dialog:modal) {
 }
 
 .bi-sub-navbar--wrapper .bi-sub-navbar[data-fixed="true"] {
-  z-index: 101;
+  z-index: 120;
   position: fixed;
 }
 
@@ -2776,7 +2800,7 @@ body:has(.bi-dialog:modal) {
 }
 
 .bi-sticky-header {
-  z-index: 101;
+  z-index: 100;
   position: -webkit-sticky;
   position: sticky;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bi-digital/css",
-  "version": "0.0.0-experimental-160e3ca",
+  "version": "0.0.0-experimental-822fd72",
   "description": "CSS for the BI Design System",
   "author": "BI Digital",
   "license": "ISC",
@@ -23,7 +23,7 @@
     "lightningcss": "^1.30.1",
     "modern-normalize": "^3.0.1",
     "rimraf": "^6.0.1",
-    "@bi-digital/tokens": "0.0.0-experimental-160e3ca"
+    "@bi-digital/tokens": "0.0.0-experimental-822fd72"
   },
   "scripts": {
     "build": "rimraf dist && node config.js",