fomantic-ui 2.10.0-beta.0 → 2.10.0-beta.10

package/examples/assets/show-examples.js

@@ -8,8 +8,6 @@ $(document)
                     variation: 'small inverted',
                     exclusive: true,
                     content: $(this).attr('class'),
-                })
-            ;
+                });
         });
-    })
-;
+    });

package/gulpfile.js

@@ -2,15 +2,13 @@
  *           Set-up
  *******************************/
 
-const
-    gulp   = require('gulp'),
+const gulp = require('gulp');
 
-    // read user config to know what task to load
-    config = require('./tasks/config/user'),
+// read user config to know what task to load
+const config = require('./tasks/config/user');
 
-    admin = require('./tasks/collections/admin'),
-    rtl = require('./tasks/collections/rtl')
-;
+const admin = require('./tasks/collections/admin');
+const rtl = require('./tasks/collections/rtl');
 
 /*******************************
  *            Tasks

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.10.0-beta.0+f24b47e",
+  "version": "2.10.0-beta.10+3ca268e",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",
@@ -32,28 +32,28 @@
   },
   "dependencies": {
     "@actions/core": "^1.6.0",
-    "@octokit/core": "^3.6.0",
-    "@octokit/rest": "^18.12.0",
     "@fomantic/better-console": "^1.0.2",
+    "@fomantic/gulp-concat-css": "^4.0.0",
+    "@fomantic/gulp-concat-filenames": "^2.0.0",
+    "@fomantic/gulp-dedupe": "^0.0.3",
+    "@fomantic/gulp-git": "^3.0.0",
+    "@fomantic/gulp-header": "^2.1.1",
+    "@fomantic/gulp-plumber": "^1.2.2",
+    "@octokit/core": "^6.1.4",
+    "@octokit/rest": "^21.1.1",
     "browserslist": "^4.21.4",
-    "del": "^6.1.1",
     "extend": "^3.0.2",
+    "fs-extra": "^11.3.0",
     "gulp": "^5.0.0",
     "gulp-autoprefixer": "^8.0.0",
     "gulp-chmod": "^3.0.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-clone": "^2.0.1",
     "gulp-concat": "^2.6.1",
-    "@fomantic/gulp-concat-css": "^3.3.0",
-    "@fomantic/gulp-concat-filenames": "^1.2.1",
-    "@fomantic/gulp-dedupe": "^0.0.3",
     "gulp-flatten": "^0.4.0",
-    "@fomantic/gulp-git": "^2.11.1",
-    "@fomantic/gulp-header": "^2.1.1",
     "gulp-if": "^3.0.0",
     "gulp-json-editor": "^2.4.3",
     "gulp-less": "^5.0.0",
-    "@fomantic/gulp-plumber": "^1.2.2",
     "gulp-print": "^5.0.0",
     "gulp-rename": "^1.4.0",
     "gulp-replace": "^1.0.0",
@@ -65,30 +65,34 @@
     "less": "^3.12.0 || ^4.0.0",
     "map-stream": "^0.1.0",
     "merge-stream": "^2.0.0",
-    "mkdirp": "^1.0.4",
     "normalize-path": "^3.0.0",
     "ordered-read-streams": "^1.0.1",
     "replace-ext": "^1.0.0",
     "require-dot-file": "^0.4.0",
-    "wrench-sui": "^0.0.3",
-    "yamljs": "^0.3.0"
+    "js-yaml": "^4.1.0"
   },
   "devDependencies": {
     "@internal/eslint-plugin": "file:.eslint",
+    "@typescript-eslint/eslint-plugin": "^8.25.0",
+    "@typescript-eslint/parser": "^8.25.0",
     "all-contributors-cli": "^6.7.0",
     "auto-changelog": "^2.4.0",
     "eslint": "^8.29.0",
+    "eslint-config-airbnb-base": "15",
     "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "26.9.0",
+    "eslint-plugin-unicorn": "46",
     "node-fetch": "^2.6.0",
     "postcss": "^8.4.19",
     "postcss-less": "^6.0.0",
     "semver": "^7.3.5",
     "stylelint": "^14.16.0",
-    "stylelint-config-standard": "^29.0.0"
+    "stylelint-config-standard": "^29.0.0",
+    "typescript": "~5.7.3"
   },
   "engines": {
-    "node": ">=12",
-    "npm": ">=6.14.8"
+    "node": ">=18.18",
+    "npm": ">=10"
   },
   "title": "Fomantic UI",
   "style": "dist/semantic.css"

package/scripts/nightly-version.js

@@ -1,9 +1,9 @@
 // node
-const fs = require('fs');
-const path = require('path');
-const childProcess = require('child_process');
+const fs = require('node:fs');
+const path = require('node:path');
+const childProcess = require('node:child_process');
 
-const process = require('process');
+const process = require('node:process');
 
 // npm
 const fetch = require('node-fetch'); // eslint-disable-line import/no-extraneous-dependencies
@@ -20,16 +20,14 @@ const currentRev = childProcess // get the current rev from the repo
     .execSync('git rev-parse HEAD')
     .toString()
     .trim()
-    .slice(0, 7)
-;
+    .slice(0, 7);
 
 const getNextVersion = async function () {
     const versions = await fetch(`${ghBase}/repos/${repoUrlPath}/milestones`)
         .then((r) => r.json())
         .then((milestones) => milestones.filter((m) => m.title.indexOf('x') === -1)) // remove all versions with `x` in it
         .then((versions) => versions.map((m) => m.title)) // create array of versions
-        .then((versions) => semver.sort(versions))
-    ;
+        .then((versions) => semver.sort(versions));
 
     // Return first entry aka the smallest version in milestones which would therefore
     // be the next version
@@ -95,5 +93,4 @@ getNightlyVersion()
             JSON.stringify(pkg, null, 2)
         );
     })
-    .then(() => console.log(`Done (${pkg.version})`))
-;
+    .then(() => console.log(`Done (${pkg.version})`));

package/src/README.md

@@ -2,7 +2,7 @@
 
 ### Built-In Tools
 
-From the Fomantic directory you can setup gulp to build Fomantic by running.
+From the Fomantic directory you can set up gulp to build Fomantic by running.
 
 ```bash
 npm install
@@ -68,7 +68,7 @@ filename | usage | Initial Name
 
 You will only need to use Fomantic's build tools while refining your UI. When designing pages, you can rely on the compiled css packages in  `dist/`.
 
-When creating your UI you can try <a href="http://www.learnsemantic.com/themes/creating.html">downloading different themes</a>, adjusting your <a href="http://www.learnsemantic.com/developing/customizing.html#setting-global-variables">site-wide settings</a> (font-family, colors, etc) and tweaking components in your site's <a href="http://www.learnsemantic.com/developing/customizing.html#designing-for-the-long-now">component overrides</a>.
+When creating your UI you can try <a href="http://www.learnsemantic.com/themes/creating.html">downloading different themes</a>, adjusting your <a href="http://www.learnsemantic.com/developing/customizing.html#setting-global-variables">site-wide settings</a> (font-family, colors, etc.) and tweaking components in your site's <a href="http://www.learnsemantic.com/developing/customizing.html#designing-for-the-long-now">component overrides</a>.
 
 Files in the  `examples/` folder of your project can be useful for testing out changes in your UI. For example, you might run  `gulp watch` download a new theme to  `src/site/themes/` then adjust your  `theme.config` file with the name of the new theme and refresh  `examples/kitchensink.html` to inspect changes in the theme.
 
@@ -120,7 +120,7 @@ You may also specify your own custom LESS in `site/elements/button.overrides`. T
 
 You can modify `theme.config` to use any prepackaged theme available in `src/themes/`.
 
-For example you can modify `theme.config` to use a `github` button theme by changing
+For example, you can modify `theme.config` to use a `github` button theme by changing
 
 ```less
 @button: 'github';