@bi-digital/css 0.10.0 → 0.11.0

package/dist/components/dialog.css

@@ -112,7 +112,7 @@
   }
 }
 
-.bi-dialog > button[command="close"]:first-child, .bi-dialog > form[method="dialog"]:first-child > button:only-child {
+.bi-dialog > button[command="close"]:first-child {
   top: var(--bic-dialog-icon-spacing);
   right: var(--bic-dialog-icon-spacing);
   position: absolute;
@@ -127,7 +127,7 @@
   display: flex;
 }
 
-.bi-dialog:has( > form[method="dialog"],  > button[command="close"]:first-child) .bi-dialog--header {
+.bi-dialog:has( > button[command="close"]:first-child) .bi-dialog--header {
   padding-right: var(--bi-scale-14x);
 }
 

package/dist/components.css

@@ -1341,7 +1341,7 @@ details.bi-details > *:not(summary) + * {
   }
 }
 
-.bi-dialog > button[command="close"]:first-child, .bi-dialog > form[method="dialog"]:first-child > button:only-child {
+.bi-dialog > button[command="close"]:first-child {
   top: var(--bic-dialog-icon-spacing);
   right: var(--bic-dialog-icon-spacing);
   position: absolute;
@@ -1356,7 +1356,7 @@ details.bi-details > *:not(summary) + * {
   display: flex;
 }
 
-.bi-dialog:has( > form[method="dialog"],  > button[command="close"]:first-child) .bi-dialog--header {
+.bi-dialog:has( > button[command="close"]:first-child) .bi-dialog--header {
   padding-right: var(--bi-scale-14x);
 }
 
@@ -1411,95 +1411,6 @@ body:has(.bi-dialog:modal) {
   }
 }
 
-.bi-dialog.bi-drawer {
-  --bic-dialog-max-height: unset;
-  --bic-drawer-closed-translate-x: 0;
-  --bic-drawer-closed-translate-y: 0;
-  --bic-drawer-min-width: 23.5rem;
-  --bic-drawer-max-width: 40rem;
-  --bic-drawer-min-height: 20rem;
-  --bic-drawer-border-radius: var(--bi-radius-medium);
-  transition: display var(--bic-dialog-animation-duration) allow-discrete,
-    overlay var(--bic-dialog-animation-duration) allow-discrete;
-  transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-  animation: bi-drawer-slide-out-animation var(--bic-dialog-animation-duration) ease-in-out forwards;
-}
-
-.bi-dialog.bi-drawer[open] {
-  animation: bi-drawer-slide-in-animation var(--bic-dialog-animation-duration) ease-in-out forwards;
-  transform: translate(0);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .bi-dialog.bi-drawer {
-    transition: none;
-  }
-
-  .bi-dialog.bi-drawer[open] {
-    animation: none;
-  }
-}
-
-.bi-dialog.bi-drawer[data-anchor="left"] {
-  --bic-drawer-closed-translate-x: -100%;
-  right: unset;
-  border-radius: 0 var(--bic-drawer-border-radius) var(--bic-drawer-border-radius) 0;
-}
-
-.bi-dialog.bi-drawer[data-anchor="right"] {
-  --bic-drawer-closed-translate-x: 100%;
-  left: unset;
-  border-radius: var(--bic-drawer-border-radius) 0 0 var(--bic-drawer-border-radius);
-}
-
-.bi-dialog.bi-drawer[data-anchor="top"] {
-  --bic-drawer-closed-translate-y: -100%;
-  bottom: unset;
-  border-radius: 0 0 var(--bic-drawer-border-radius) var(--bic-drawer-border-radius);
-}
-
-.bi-dialog.bi-drawer[data-anchor="bottom"] {
-  --bic-drawer-closed-translate-y: 100%;
-  top: unset;
-  border-radius: var(--bic-drawer-border-radius) var(--bic-drawer-border-radius) 0 0;
-}
-
-.bi-dialog.bi-drawer[data-anchor="left"], .bi-dialog.bi-drawer[data-anchor="right"] {
-  min-width: var(--bic-drawer-min-width);
-  max-width: var(--bic-drawer-max-width);
-  width: fit-content;
-  height: 100dvh;
-}
-
-.bi-dialog.bi-drawer[data-anchor="top"], .bi-dialog.bi-drawer[data-anchor="bottom"] {
-  min-height: var(--bic-drawer-min-height);
-  max-height: calc(100dvh - var(--bi-layout-navbar-height));
-  width: 100%;
-  max-width: 100dvw;
-}
-
-@keyframes bi-drawer-slide-in-animation {
-  from {
-    transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-  }
-
-  to {
-    transform: translate(0);
-  }
-}
-
-@keyframes bi-drawer-slide-out-animation {
-  from {
-    opacity: 1;
-    transform: translate(0);
-  }
-
-  to {
-    transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-    opacity: 0;
-  }
-}
-
 .bi-popover {
   --bic-popover-arrow-size: var(--bi-scale-3x);
   --bic-popover-background: var(--bi-basic-white);

package/dist/salesforce.css

@@ -1567,7 +1567,7 @@ details.bi-details > *:not(summary) + * {
   }
 }
 
-.bi-dialog > button[command="close"]:first-child, .bi-dialog > form[method="dialog"]:first-child > button:only-child {
+.bi-dialog > button[command="close"]:first-child {
   top: var(--bic-dialog-icon-spacing);
   right: var(--bic-dialog-icon-spacing);
   position: absolute;
@@ -1582,7 +1582,7 @@ details.bi-details > *:not(summary) + * {
   display: flex;
 }
 
-.bi-dialog:has( > form[method="dialog"],  > button[command="close"]:first-child) .bi-dialog--header {
+.bi-dialog:has( > button[command="close"]:first-child) .bi-dialog--header {
   padding-right: var(--bi-scale-14x);
 }
 
@@ -1637,95 +1637,6 @@ body:has(.bi-dialog:modal) {
   }
 }
 
-.bi-dialog.bi-drawer {
-  --bic-dialog-max-height: unset;
-  --bic-drawer-closed-translate-x: 0;
-  --bic-drawer-closed-translate-y: 0;
-  --bic-drawer-min-width: 23.5rem;
-  --bic-drawer-max-width: 40rem;
-  --bic-drawer-min-height: 20rem;
-  --bic-drawer-border-radius: var(--bi-radius-medium);
-  transition: display var(--bic-dialog-animation-duration) allow-discrete,
-    overlay var(--bic-dialog-animation-duration) allow-discrete;
-  transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-  animation: bi-drawer-slide-out-animation var(--bic-dialog-animation-duration) ease-in-out forwards;
-}
-
-.bi-dialog.bi-drawer[open] {
-  animation: bi-drawer-slide-in-animation var(--bic-dialog-animation-duration) ease-in-out forwards;
-  transform: translate(0);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .bi-dialog.bi-drawer {
-    transition: none;
-  }
-
-  .bi-dialog.bi-drawer[open] {
-    animation: none;
-  }
-}
-
-.bi-dialog.bi-drawer[data-anchor="left"] {
-  --bic-drawer-closed-translate-x: -100%;
-  right: unset;
-  border-radius: 0 var(--bic-drawer-border-radius) var(--bic-drawer-border-radius) 0;
-}
-
-.bi-dialog.bi-drawer[data-anchor="right"] {
-  --bic-drawer-closed-translate-x: 100%;
-  left: unset;
-  border-radius: var(--bic-drawer-border-radius) 0 0 var(--bic-drawer-border-radius);
-}
-
-.bi-dialog.bi-drawer[data-anchor="top"] {
-  --bic-drawer-closed-translate-y: -100%;
-  bottom: unset;
-  border-radius: 0 0 var(--bic-drawer-border-radius) var(--bic-drawer-border-radius);
-}
-
-.bi-dialog.bi-drawer[data-anchor="bottom"] {
-  --bic-drawer-closed-translate-y: 100%;
-  top: unset;
-  border-radius: var(--bic-drawer-border-radius) var(--bic-drawer-border-radius) 0 0;
-}
-
-.bi-dialog.bi-drawer[data-anchor="left"], .bi-dialog.bi-drawer[data-anchor="right"] {
-  min-width: var(--bic-drawer-min-width);
-  max-width: var(--bic-drawer-max-width);
-  width: fit-content;
-  height: 100dvh;
-}
-
-.bi-dialog.bi-drawer[data-anchor="top"], .bi-dialog.bi-drawer[data-anchor="bottom"] {
-  min-height: var(--bic-drawer-min-height);
-  max-height: calc(100dvh - var(--bi-layout-navbar-height));
-  width: 100%;
-  max-width: 100dvw;
-}
-
-@keyframes bi-drawer-slide-in-animation {
-  from {
-    transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-  }
-
-  to {
-    transform: translate(0);
-  }
-}
-
-@keyframes bi-drawer-slide-out-animation {
-  from {
-    opacity: 1;
-    transform: translate(0);
-  }
-
-  to {
-    transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-    opacity: 0;
-  }
-}
-
 .bi-popover {
   --bic-popover-arrow-size: var(--bi-scale-3x);
   --bic-popover-background: var(--bi-basic-white);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bi-digital/css",
   "type": "module",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "CSS for the BI Design System",
   "author": "BI Digital",
   "homepage": "https://designsystem.bi.no/",
@@ -28,14 +28,12 @@
   ],
   "devDependencies": {
     "browserslist": "^4.28.1",
-    "glob": "^13.0.6",
     "lightningcss": "^1.32.0",
     "modern-normalize": "^3.0.1",
-    "rimraf": "^6.1.2",
-    "@bi-digital/tokens": "0.10.0"
+    "@bi-digital/tokens": "0.11.0"
   },
   "scripts": {
-    "build": "rimraf dist && node config.js",
-    "dev": "rimraf dist && node --watch-path=./src config.js"
+    "build": "node config.js",
+    "dev": "node --watch-path=./src config.js"
   }
 }

package/dist/components/drawer.css

@@ -1,88 +0,0 @@
-.bi-dialog.bi-drawer {
-  --bic-dialog-max-height: unset;
-  --bic-drawer-closed-translate-x: 0;
-  --bic-drawer-closed-translate-y: 0;
-  --bic-drawer-min-width: 23.5rem;
-  --bic-drawer-max-width: 40rem;
-  --bic-drawer-min-height: 20rem;
-  --bic-drawer-border-radius: var(--bi-radius-medium);
-  transition: display var(--bic-dialog-animation-duration) allow-discrete,
-    overlay var(--bic-dialog-animation-duration) allow-discrete;
-  transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-  animation: bi-drawer-slide-out-animation var(--bic-dialog-animation-duration) ease-in-out forwards;
-}
-
-.bi-dialog.bi-drawer[open] {
-  animation: bi-drawer-slide-in-animation var(--bic-dialog-animation-duration) ease-in-out forwards;
-  transform: translate(0);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .bi-dialog.bi-drawer {
-    transition: none;
-  }
-
-  .bi-dialog.bi-drawer[open] {
-    animation: none;
-  }
-}
-
-.bi-dialog.bi-drawer[data-anchor="left"] {
-  --bic-drawer-closed-translate-x: -100%;
-  right: unset;
-  border-radius: 0 var(--bic-drawer-border-radius) var(--bic-drawer-border-radius) 0;
-}
-
-.bi-dialog.bi-drawer[data-anchor="right"] {
-  --bic-drawer-closed-translate-x: 100%;
-  left: unset;
-  border-radius: var(--bic-drawer-border-radius) 0 0 var(--bic-drawer-border-radius);
-}
-
-.bi-dialog.bi-drawer[data-anchor="top"] {
-  --bic-drawer-closed-translate-y: -100%;
-  bottom: unset;
-  border-radius: 0 0 var(--bic-drawer-border-radius) var(--bic-drawer-border-radius);
-}
-
-.bi-dialog.bi-drawer[data-anchor="bottom"] {
-  --bic-drawer-closed-translate-y: 100%;
-  top: unset;
-  border-radius: var(--bic-drawer-border-radius) var(--bic-drawer-border-radius) 0 0;
-}
-
-.bi-dialog.bi-drawer[data-anchor="left"], .bi-dialog.bi-drawer[data-anchor="right"] {
-  min-width: var(--bic-drawer-min-width);
-  max-width: var(--bic-drawer-max-width);
-  width: fit-content;
-  height: 100dvh;
-}
-
-.bi-dialog.bi-drawer[data-anchor="top"], .bi-dialog.bi-drawer[data-anchor="bottom"] {
-  min-height: var(--bic-drawer-min-height);
-  max-height: calc(100dvh - var(--bi-layout-navbar-height));
-  width: 100%;
-  max-width: 100dvw;
-}
-
-@keyframes bi-drawer-slide-in-animation {
-  from {
-    transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-  }
-
-  to {
-    transform: translate(0);
-  }
-}
-
-@keyframes bi-drawer-slide-out-animation {
-  from {
-    opacity: 1;
-    transform: translate(0);
-  }
-
-  to {
-    transform: translate(var(--bic-drawer-closed-translate-x), var(--bic-drawer-closed-translate-y));
-    opacity: 0;
-  }
-}