phoenix_duskmoon 4.3.2 → 4.4.1

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [4.4.1](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.4.0...v4.4.1) (2023-04-22)
+
+
+### Bug Fixes
+
+* Fix page header and page footer responsive design. ([5bb5ed6](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/5bb5ed6de68db74b586007359d91fd14a736ed0d))
+
+# [4.4.0](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.3.2...v4.4.0) (2023-04-20)
+
+
+### Features
+
+* Add responsive feature to table, fix let to :let, fix tab styles. ([037ca1b](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/037ca1bd87204b1b85a6fd98a6c7cf73cd2be679))
+* Rename table rows to data, change actionbar struct. ([9cb0c85](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/9cb0c858a6c322a4c82d1cd5c58ee7b2691e3fe1))
+
 ## [4.3.2](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v4.3.1...v4.3.2) (2023-04-17)
 
 

package/package.json

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

package/priv/static/phoenix_duskmoon.css

@@ -26,6 +26,11 @@
   position: relative;
 }
 
+.sticky {
+  position: -webkit-sticky;
+  position: sticky;
+}
+
 .top-14 {
   top: 3.5rem;
 }
@@ -38,6 +43,22 @@
   top: 0.5rem;
 }
 
+.top-12 {
+  top: 3rem;
+}
+
+.left-0 {
+  left: 0px;
+}
+
+.right-0 {
+  right: 0px;
+}
+
+.top-0 {
+  top: 0px;
+}
+
 .isolate {
   isolation: isolate;
 }
@@ -94,6 +115,10 @@
   display: table;
 }
 
+.grid {
+  display: grid;
+}
+
 .hidden {
   display: none;
 }
@@ -130,14 +155,6 @@
   height: 1.25rem;
 }
 
-.h-\[34px\] {
-  height: 34px;
-}
-
-.h-\[40px\] {
-  height: 40px;
-}
-
 .min-h-\[200px\] {
   min-height: 200px;
 }
@@ -217,6 +234,14 @@
           user-select: none;
 }
 
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-\[6em_auto\] {
+  grid-template-columns: 6em auto;
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -257,6 +282,15 @@
   gap: 0.5rem;
 }
 
+.gap-x-2 {
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
+
+.gap-y-4 {
+  row-gap: 1rem;
+}
+
 .-space-x-px > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-1px * var(--tw-space-x-reverse));
@@ -410,6 +444,16 @@
   padding-bottom: 5rem;
 }
 
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -424,10 +468,6 @@
   padding-top: 1rem;
 }
 
-.text-left {
-  text-align: left;
-}
-
 .text-center {
   text-align: center;
 }
@@ -510,6 +550,16 @@
   color: rgb(96 165 250 / var(--tw-text-opacity));
 }
 
+.text-teal-600 {
+  --tw-text-opacity: 1;
+  color: rgb(13 148 136 / var(--tw-text-opacity));
+}
+
+.text-teal-400 {
+  --tw-text-opacity: 1;
+  color: rgb(45 212 191 / var(--tw-text-opacity));
+}
+
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -729,6 +779,16 @@
   }
 }
 
+.before\:font-bold::before {
+  content: var(--tw-content);
+  font-weight: 700;
+}
+
+.before\:content-\[attr\(data-label\)\]::before {
+  --tw-content: attr(data-label);
+  content: var(--tw-content);
+}
+
 .after\:content-\[\'\:\'\]::after {
   --tw-content: ':';
   content: var(--tw-content);
@@ -752,6 +812,10 @@
   z-index: 20;
 }
 
+.peer:checked ~ .peer-checked\:flex {
+  display: flex;
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:bg-blue-900 {
     --tw-bg-opacity: 1;
@@ -778,13 +842,38 @@
     display: inline-flex;
   }
 
+  .md\:table-cell {
+    display: table-cell;
+  }
+
+  .md\:table-header-group {
+    display: table-header-group;
+  }
+
   .md\:hidden {
     display: none;
   }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:before\:hidden::before {
+    content: var(--tw-content);
+    display: none;
+  }
 }
 
 @media (min-width: 1024px) {
+  .lg\:flex {
+    display: flex;
+  }
+
   .lg\:inline-flex {
     display: inline-flex;
   }
+
+  .lg\:hidden {
+    display: none;
+  }
 }