mf-styling 1.7.0 → 1.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mf-styling",
-  "version": "1.7.0",
+  "version": "1.7.3",
   "files": [
     "src/button.css",
     "src/card.css",

package/src/dropdown.css

@@ -236,4 +236,4 @@
 .dropdown-trigger {
   background-image: url("images/down.svg");
 }
-*/
+*/

package/src/images/sort-ascending.svg

@@ -1,39 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="12"
-   height="18"
-   viewBox="0 0 16.000002 22.5"
-   version="1.1"
-   id="svg4"
-   sodipodi:docname="sort-ascending.svg"
-   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs8" />
-  <sodipodi:namedview
-     id="namedview6"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="false"
-     inkscape:zoom="64.1875"
-     inkscape:cx="9.2619279"
-     inkscape:cy="11.232717"
-     inkscape:window-width="1607"
-     inkscape:window-height="1914"
-     inkscape:window-x="1633"
-     inkscape:window-y="218"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg4"
-     showborder="false" />
-  <path
-     d="m 2.0175268,9.2729633 6,-6 6.0000002,6 2,-2 L 8.0175268,-0.72703673 0.01752678,7.2729633 Z"
-     id="path2" />
-</svg>
+<svg width="12" height="18" viewBox="0 0 16 22" xmlns="http://www.w3.org/2000/svg"><path d="m2 9 6-6 6 6 2-2-8-8-8 8z"/></svg>

package/src/images/sort-descending.svg

@@ -1,38 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="12"
-   height="18"
-   viewBox="0 0 16.000002 22.5"
-   version="1.1"
-   id="svg174"
-   sodipodi:docname="sort-descending.svg"
-   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs178" />
-  <sodipodi:namedview
-     id="namedview176"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="false"
-     inkscape:zoom="64.1875"
-     inkscape:cx="4.7906524"
-     inkscape:cy="8.895813"
-     inkscape:window-width="1749"
-     inkscape:window-height="1494"
-     inkscape:window-x="412"
-     inkscape:window-y="415"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg174" />
-  <path
-     d="m 1.9974044,13.215272 5.9999998,5.999998 5.9999998,-5.999998 2,1.999999 -7.9999998,8 -7.99999976,-8 z"
-     id="path2" />
-</svg>
+<svg width="12" height="18" viewBox="0 0 16 22" xmlns="http://www.w3.org/2000/svg"><path d="m2 13 6 6 6-6 2 2-8 8-8-8z"/></svg>

package/src/images/sort-none.svg

@@ -1,41 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   width="12"
-   height="18"
-   viewBox="0 0 16.000002 22.5"
-   version="1.1"
-   id="svg208"
-   sodipodi:docname="sort-none.svg"
-   inkscape:version="1.2 (dc2aeda, 2022-05-15)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs212" />
-  <sodipodi:namedview
-     id="namedview210"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="false"
-     inkscape:zoom="64.1875"
-     inkscape:cx="9.0827653"
-     inkscape:cy="11.256086"
-     inkscape:window-width="1594"
-     inkscape:window-height="1683"
-     inkscape:window-x="1413"
-     inkscape:window-y="277"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg208" />
-  <path
-     d="m 2.0181771,13.236045 5.9999998,5.999998 6.0000001,-5.999998 2,1.999999 -8.0000001,8 -7.99999979,-8 z"
-     id="path2" />
-  <path
-     d="m 1.9974043,9.256166 6,-6 6.0000007,6 1.999999,-2 -7.9999997,-8.0000001 -7.99999997,8.0000001 z"
-     id="path2-4" />
-</svg>
+<svg width="12" height="18" viewBox="0 0 16 22" xmlns="http://www.w3.org/2000/svg"><path d="m2 13 6 6 6-6 2 2-8 8-8-8zM2 9l6-6 6 6 2-2-8-8-8 8z"/></svg>

package/src/table-sort.css

@@ -1,4 +1,3 @@
-
 [aria-sort]:hover {
   background-color: var(--color-primary-300);
 }
@@ -7,16 +6,6 @@ th > button {
   cursor: pointer;
   background: transparent;
   border: 1px solid transparent;
-
-  /*
-  color: inherit;
-  padding: 0.25em 0.5em 0.25em 1em;
-  width: 100%;
-  min-width: 4.5em;
-  display: grid;
-  grid-template-columns: minmax(2em, max-content) .65em auto;
-  grid-template-areas: "t a x" "t d x";
-  */
 }
 
 th > button:hover {
@@ -24,13 +13,13 @@ th > button:hover {
 }
 
 [aria-sort="descending"] > button img {
-   content: url(images/sort-descending.svg)
+  content: url("images/sort-descending.svg");
 }
 
 [aria-sort="ascending"] > button img {
-  content: url(images/sort-ascending.svg)
+  content: url("images/sort-ascending.svg");
 }
 
 [aria-sort="none"] > button img {
-  content: url(images/sort-none.svg)
+  content: url("images/sort-none.svg");
 }

package/src/table.css

@@ -42,4 +42,8 @@ td {
 .sticky tfoot {
   position: sticky;
   inset-block-end: 0;
-}
+}
+
+th input:focus {
+  min-width: 200px;
+}