@bi-digital/css 0.0.0-experimental-f4bb806 → 0.0.0-experimental-510f80a

package/dist/components/alert.css

@@ -38,9 +38,9 @@
 }
 
 .bi-alert > .bi-button {
-  margin-right: calc(var(--bic-alert-padding) * -1);
-  margin-top: calc(var(--bic-alert-padding) * -1);
+  margin: calc(var(--bic-alert-padding) * -1);
   grid-area: 1 / 3;
+  margin-left: 0;
 }
 
 .bi-alert[data-size="small"] {

package/dist/components/field.css

@@ -74,6 +74,10 @@
   --bic-field-toggle-background: var(--bic-field-disabled-color);
 }
 
+.bi-field[data-fullwidth="true"] {
+  width: 100%;
+}
+
 .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"])) {
   border-radius: var(--bi-radius-medium);
   grid-template-areas: "input content";

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

@@ -38,9 +38,9 @@
 }
 
 .bi-alert > .bi-button {
-  margin-right: calc(var(--bic-alert-padding) * -1);
-  margin-top: calc(var(--bic-alert-padding) * -1);
+  margin: calc(var(--bic-alert-padding) * -1);
   grid-area: 1 / 3;
+  margin-left: 0;
 }
 
 .bi-alert[data-size="small"] {
@@ -1430,6 +1430,10 @@ body:has(.bi-dialog:modal) {
   --bic-field-toggle-background: var(--bic-field-disabled-color);
 }
 
+.bi-field[data-fullwidth="true"] {
+  width: 100%;
+}
+
 .bi-field:has(.bi-input:-webkit-any([type="radio"], [type="checkbox"])) {
   border-radius: var(--bi-radius-medium);
   grid-template-areas: "input content";
@@ -1760,6 +1764,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;
 }
@@ -1793,7 +1799,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;
 }
@@ -1802,10 +1808,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 {
@@ -1905,6 +1915,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;
@@ -2389,6 +2405,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);
 }
@@ -2520,7 +2540,7 @@ body:has(.bi-dialog:modal) {
 }
 
 .bi-navbar[data-fixed="true"] > header {
-  z-index: 100;
+  z-index: 110;
   position: fixed;
   top: 0;
   left: 0;
@@ -2552,7 +2572,7 @@ body:has(.bi-dialog:modal) {
 }
 
 .bi-sub-navbar--wrapper .bi-sub-navbar[data-fixed="true"] {
-  z-index: 101;
+  z-index: 120;
   position: fixed;
 }
 
@@ -2784,7 +2804,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-f4bb806",
+  "version": "0.0.0-experimental-510f80a",
   "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-f4bb806"
+    "@bi-digital/tokens": "0.0.0-experimental-510f80a"
   },
   "scripts": {
     "build": "rimraf dist && node config.js",