phoenix_duskmoon 6.1.2 → 6.2.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [6.2.0](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.1.3...v6.2.0) (2025-02-12)
+
+
+### Features
+
+* Add dm_navbar. ([a2f525d](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/a2f525dafafc9f9b0b0262ea2ade213c7307d0a7))
+
+## [6.1.3](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.1.2...v6.1.3) (2025-02-10)
+
+
+### Bug Fixes
+
+* Fix theme. ([259fbb4](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/259fbb4c7b24ce870f97053fd2234cd3f86df495))
+
 ## [6.1.2](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.1.1...v6.1.2) (2025-02-10)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_duskmoon",
-  "version": "6.1.2",
+  "version": "6.2.0",
   "type": "module",
   "exports": {
     ".": "./priv/static/phoenix_duskmoon.js",

package/priv/static/phoenix_duskmoon.css

@@ -2270,12 +2270,31 @@
     font-size: var(--cardtitle-fs, 1.125rem);
     font-weight: 600;
   }
+  .navbar {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    padding: 0.5rem;
+    min-height: 4rem;
+  }
   .card-actions {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     gap: calc(0.25rem * 2);
   }
+  .navbar-end {
+    display: inline-flex;
+    align-items: center;
+    width: 50%;
+    justify-content: flex-end;
+  }
+  .navbar-start {
+    display: inline-flex;
+    align-items: center;
+    width: 50%;
+    justify-content: flex-start;
+  }
   .tabs {
     display: flex;
     flex-wrap: wrap;
@@ -2284,6 +2303,11 @@
     height: var(--tabs-height);
     flex-direction: var(--tabs-direction);
   }
+  .navbar-center {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
   .block {
     display: block;
   }
@@ -2736,19 +2760,14 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
-  .btn-outline {
-    &:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
-      --btn-shadow: "";
-      --btn-bg: #0000;
-      --btn-fg: var(--btn-color);
-      --btn-border: var(--btn-color);
-      --btn-noise: none;
-    }
-  }
   .btn-primary {
     --btn-color: var(--color-primary);
     --btn-fg: var(--color-primary-content);
   }
+  .btn-secondary {
+    --btn-color: var(--color-secondary);
+    --btn-fg: var(--color-secondary-content);
+  }
   .input-error {
     &, &:focus, &:focus-within {
       --input-color: var(--color-error);