Icons sizes

Author: philwareham

dist/textpattern/jquery-ui.css

@@ -298,6 +298,18 @@ a.ui-state-default:focus {
     text-indent: -9999px;
   }
 
+  .ui-icon-medium {
+    width: 24px;
+    height: 24px;
+    background-size: 24px 24px;
+  }
+
+  .ui-icon-large {
+    width: 32px;
+    height: 32px;
+    background-size: 32px 32px;
+  }
+
   body.darkmode .ui-icon,
 body.darkmode .no-ui-button .ui-button .ui-icon {
     filter: brightness(3) sepia(1) hue-rotate(168deg) saturate(33%);

package.json

@@ -33,9 +33,6 @@
     "webpack": "5.9.0",
     "webpack-cli": "4.2.0"
   },
-  "optionalDependencies": {
-    "fibers": "5.0.0"
-  },
   "browserslist": [
     "> 0.5%",
     "Firefox ESR",

scss/modules/jquery-ui/_icons.scss

@@ -27,6 +27,18 @@
     text-indent: -9999px;
 }
 
+.ui-icon-medium {
+    width: 24px;
+    height: 24px;
+    background-size: 24px 24px;
+}
+
+.ui-icon-large {
+    width: 32px;
+    height: 32px;
+    background-size: 32px 32px;
+}
+
 @include setup.dark-mode {
     .ui-icon,
     .no-ui-button .ui-button .ui-icon {