phoenix_duskmoon 4.3.2 → 4.4.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [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.0",
   "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,10 @@
   top: 0.5rem;
 }
 
+.top-0 {
+  top: 0px;
+}
+
 .isolate {
   isolation: isolate;
 }
@@ -94,6 +103,10 @@
   display: table;
 }
 
+.grid {
+  display: grid;
+}
+
 .hidden {
   display: none;
 }
@@ -130,14 +143,6 @@
   height: 1.25rem;
 }
 
-.h-\[34px\] {
-  height: 34px;
-}
-
-.h-\[40px\] {
-  height: 40px;
-}
-
 .min-h-\[200px\] {
   min-height: 200px;
 }
@@ -217,6 +222,10 @@
           user-select: none;
 }
 
+.grid-cols-\[6em_auto\] {
+  grid-template-columns: 6em auto;
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -257,6 +266,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));
@@ -424,10 +442,6 @@
   padding-top: 1rem;
 }
 
-.text-left {
-  text-align: left;
-}
-
 .text-center {
   text-align: center;
 }
@@ -510,6 +524,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 +753,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);
@@ -778,9 +812,22 @@
     display: inline-flex;
   }
 
+  .md\:table-cell {
+    display: table-cell;
+  }
+
+  .md\:table-header-group {
+    display: table-header-group;
+  }
+
   .md\:hidden {
     display: none;
   }
+
+  .md\:before\:hidden::before {
+    content: var(--tw-content);
+    display: none;
+  }
 }
 
 @media (min-width: 1024px) {