phoenix_duskmoon 4.6.3 → 4.6.5

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [4.6.5](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.6.4...v4.6.5) (2024-08-01)
+
+
+### Bug Fixes
+
+* Add dm_pagination_thin with loading and jumper. ([d1c013a](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/d1c013ad2908746c514bb82e6bdaf3a2bbc1500d))
+* Add flash. ([2c1594c](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/2c1594c5b307c0ce09fbc6654efcb905d536a6d8))
+* Fix style. ([2e44767](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/2e44767209047eea69324f47dacc81341a4f6bed))
+* Fix style. ([a9f8b9c](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/a9f8b9c5f1c2404ec9212eea5d686a647e8929ca))
+* Fix. ([a1bb3d0](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/a1bb3d03739819b25b9c2f94cb32f596ed07f714))
+
+## [4.6.4](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.6.3...v4.6.4) (2024-07-10)
+
+
+### Bug Fixes
+
+* Fix table border. ([55d0596](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/55d0596e20372fedc7bf0d82f87694b9dc74d030))
+
 ## [4.6.3](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.6.2...v4.6.3) (2024-07-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_duskmoon",
-  "version": "4.6.3",
+  "version": "4.6.5",
   "main": "./priv/static/phoenix_duskmoon.js",
   "exports": {
     ".": "./priv/static/phoenix_duskmoon.js",

package/priv/static/phoenix_duskmoon.css

@@ -70,6 +70,10 @@
   z-index: 50;
 }
 
+.z-\[1000\] {
+  z-index: 1000;
+}
+
 .mx-12 {
   margin-left: 3rem;
   margin-right: 3rem;
@@ -90,6 +94,10 @@
   margin-bottom: 0.5rem;
 }
 
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -110,6 +118,14 @@
   margin-top: 0.75rem;
 }
 
+.block {
+  display: block;
+}
+
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }
@@ -150,6 +166,10 @@
   height: 4rem;
 }
 
+.h-3 {
+  height: 0.75rem;
+}
+
 .h-4 {
   height: 1rem;
 }
@@ -183,6 +203,10 @@
   width: 4rem;
 }
 
+.w-3 {
+  width: 0.75rem;
+}
+
 .w-4 {
   width: 1rem;
 }
@@ -195,10 +219,18 @@
   width: 2rem;
 }
 
+.w-80 {
+  width: 20rem;
+}
+
 .w-\[200px\] {
   width: 200px;
 }
 
+.w-auto {
+  width: auto;
+}
+
 .w-full {
   width: 100%;
 }
@@ -233,10 +265,24 @@
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
 
+.cursor-wait {
+  cursor: wait;
+}
+
 .select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -255,6 +301,14 @@
   flex-direction: column;
 }
 
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+
 .items-start {
   align-items: flex-start;
 }
@@ -279,6 +333,14 @@
   justify-content: space-between;
 }
 
+.gap-1 {
+  gap: 0.25rem;
+}
+
+.gap-1\.5 {
+  gap: 0.375rem;
+}
+
 .gap-2 {
   gap: 0.5rem;
 }
@@ -305,6 +367,10 @@
   align-self: center;
 }
 
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
 .rounded-lg {
   border-radius: 0.5rem;
 }
@@ -400,6 +466,11 @@
   background-color: rgb(238 242 255 / var(--tw-bg-opacity));
 }
 
+.bg-primary {
+  --tw-bg-opacity: 1;
+  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
+}
+
 .bg-slate-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
@@ -472,6 +543,10 @@
   text-align: center;
 }
 
+.text-right {
+  text-align: right;
+}
+
 .indent-2 {
   text-indent: 0.5rem;
 }
@@ -504,6 +579,11 @@
   line-height: 1.75rem;
 }
 
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -516,6 +596,10 @@
   font-weight: 600;
 }
 
+.leading-5 {
+  line-height: 1.25rem;
+}
+
 .leading-6 {
   line-height: 1.5rem;
 }
@@ -555,6 +639,11 @@
   color: rgb(79 70 229 / var(--tw-text-opacity));
 }
 
+.text-primary-content {
+  --tw-text-opacity: 1;
+  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
+}
+
 .text-teal-400 {
   --tw-text-opacity: 1;
   color: rgb(45 212 191 / var(--tw-text-opacity));
@@ -732,6 +821,12 @@
   display: flex;
 }
 
+@media (min-width: 640px) {
+  .sm\:w-96 {
+    width: 24rem;
+  }
+}
+
 @media (min-width: 768px) {
   .md\:flex {
     display: flex;