@bi-digital/css 0.0.0-experimental-2254dfa → 0.0.0-experimental-7efd75c

package/dist/components/chip.css

@@ -174,7 +174,7 @@
   --bic-chip-text-color: var(--bi-success-90);
 }
 
-.bi-chip .bi-chip--start-icon {
+.bi-chip > [data-bi-icon="true"] {
   display: inherit;
   font-size: var(--bic-chip-icon-size);
 }

package/dist/components/dialog.css

@@ -65,7 +65,6 @@
 
 .bi-dialog .bi-dialog--header {
   padding: var(--bic-dialog-padding);
-  padding-right: var(--bi-scale-14x);
   min-height: var(--bi-scale-16x);
   align-items: center;
   margin: 0;
@@ -75,6 +74,10 @@
   display: flex;
 }
 
+.bi-dialog:has( > form[method="dialog"]) .bi-dialog--header {
+  padding-right: var(--bi-scale-14x);
+}
+
 .bi-dialog .bi-dialog--content {
   padding: var(--bic-dialog-padding);
   overflow-behavior: contain;
@@ -90,15 +93,15 @@
   display: flex;
 }
 
-.bi-dialog .bi-dialog--header:not(:first-child) {
+.bi-dialog .bi-dialog--header:not([data-no-border="true"]):not(:first-child) {
   border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
 }
 
-.bi-dialog .bi-dialog--content:not(:first-child) {
+.bi-dialog .bi-dialog--content:not([data-no-border="true"]):not(:first-child) {
   border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
 }
 
-.bi-dialog .bi-dialog--footer:not(:first-child) {
+.bi-dialog .bi-dialog--footer:not([data-no-border="true"]):not(:first-child) {
   border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
 }
 

package/dist/components/dropdown.css

@@ -60,10 +60,6 @@
   margin-left: auto;
 }
 
-.bi-button[popovertarget]:has( + :popover-open) {
-  box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
-}
-
-.bi-button[popovertarget]:has( + .\:popover-open) {
+.bi-button[aria-expanded="true"] {
   box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
 }

package/dist/components/navbar.css

@@ -1,6 +1,6 @@
 .bi-navbar {
   --bic-navbar-background-color: var(--bi-basic-white);
-  --bic-navbar-color: var(--bi-basic-black);
+  --bic-navbar-color: var(--bi-basic-key);
   height: var(--bi-layout-navbar-height);
   background-color: var(--bic-navbar-background-color);
   width: 100%;

package/dist/components/popover.css

@@ -28,6 +28,8 @@
   color: var(--bic-popover-color);
   max-width: var(--bic-popover-max-width);
   padding: var(--bic-popover-padding);
+  z-index: 100000;
+  display: none;
   position: fixed;
   top: 0;
   bottom: auto;
@@ -36,6 +38,10 @@
   overflow: visible;
 }
 
+.bi-popover[aria-hidden="false"] {
+  display: block;
+}
+
 [data-popover="inline"] {
   all: unset;
   cursor: pointer;

package/dist/components.css

@@ -970,7 +970,7 @@
   --bic-chip-text-color: var(--bi-success-90);
 }
 
-.bi-chip .bi-chip--start-icon {
+.bi-chip > [data-bi-icon="true"] {
   display: inherit;
   font-size: var(--bic-chip-icon-size);
 }
@@ -1042,7 +1042,6 @@
 
 .bi-dialog .bi-dialog--header {
   padding: var(--bic-dialog-padding);
-  padding-right: var(--bi-scale-14x);
   min-height: var(--bi-scale-16x);
   align-items: center;
   margin: 0;
@@ -1052,6 +1051,10 @@
   display: flex;
 }
 
+.bi-dialog:has( > form[method="dialog"]) .bi-dialog--header {
+  padding-right: var(--bi-scale-14x);
+}
+
 .bi-dialog .bi-dialog--content {
   padding: var(--bic-dialog-padding);
   overflow-behavior: contain;
@@ -1067,15 +1070,15 @@
   display: flex;
 }
 
-.bi-dialog .bi-dialog--header:not(:first-child) {
+.bi-dialog .bi-dialog--header:not([data-no-border="true"]):not(:first-child) {
   border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
 }
 
-.bi-dialog .bi-dialog--content:not(:first-child) {
+.bi-dialog .bi-dialog--content:not([data-no-border="true"]):not(:first-child) {
   border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
 }
 
-.bi-dialog .bi-dialog--footer:not(:first-child) {
+.bi-dialog .bi-dialog--footer:not([data-no-border="true"]):not(:first-child) {
   border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
 }
 
@@ -1261,11 +1264,7 @@ body:has(.bi-dialog:modal) {
   margin-left: auto;
 }
 
-.bi-button[popovertarget]:has( + :popover-open) {
-  box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
-}
-
-.bi-button[popovertarget]:has( + .\:popover-open) {
+.bi-button[aria-expanded="true"] {
   box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
 }
 
@@ -2307,7 +2306,7 @@ body:has(.bi-dialog:modal) {
 
 .bi-navbar {
   --bic-navbar-background-color: var(--bi-basic-white);
-  --bic-navbar-color: var(--bi-basic-black);
+  --bic-navbar-color: var(--bi-basic-key);
   height: var(--bi-layout-navbar-height);
   background-color: var(--bic-navbar-background-color);
   width: 100%;
@@ -2464,6 +2463,8 @@ body:has(.bi-dialog:modal) {
   color: var(--bic-popover-color);
   max-width: var(--bic-popover-max-width);
   padding: var(--bic-popover-padding);
+  z-index: 100000;
+  display: none;
   position: fixed;
   top: 0;
   bottom: auto;
@@ -2472,6 +2473,10 @@ body:has(.bi-dialog:modal) {
   overflow: visible;
 }
 
+.bi-popover[aria-hidden="false"] {
+  display: block;
+}
+
 [data-popover="inline"] {
   all: unset;
   cursor: pointer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bi-digital/css",
-  "version": "0.0.0-experimental-2254dfa",
+  "version": "0.0.0-experimental-7efd75c",
   "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-2254dfa"
+    "@bi-digital/tokens": "0.0.0-experimental-7efd75c"
   },
   "scripts": {
     "build": "rimraf dist && node config.js",