fomantic-ui 2.9.1-beta.8 → 2.9.1

package/examples/components/card.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-  <title>Theming - Semantic</title>
+  <title>Theming - Fomantic</title>
 
   <!--- Site CSS -->
   <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">
@@ -49,7 +49,7 @@
       $('.special.card .image').dimmer({
         on: 'hover'
       });
-      $('.star.rating')
+      $('.rating')
         .rating()
       ;
       $('.card .dimmer')
@@ -280,7 +280,7 @@
       <img src="../assets/images/wireframe/image.png">
     </div>
     <div class="extra center aligned">
-      <div data-rating="4" class="ui star rating"></div>
+      <div data-rating="4" data-icon="star" class="ui yellow rating"></div>
     </div>
   </div>
   <div class="card">
@@ -288,7 +288,7 @@
       <img src="../assets/images/wireframe/image.png">
     </div>
     <div class="extra center aligned">
-      <div data-rating="2" class="ui star rating"></div>
+      <div data-rating="2" data-icon="star" class="ui yellow rating"></div>
     </div>
   </div>
   <div class="card">
@@ -296,7 +296,7 @@
       <img src="../assets/images/wireframe/image.png">
     </div>
     <div class="extra center aligned">
-      <div data-rating="3" class="ui star rating"></div>
+      <div data-rating="3" data-icon="star" class="ui yellow rating"></div>
     </div>
   </div>
   <div class="card">
@@ -304,7 +304,7 @@
       <img src="../assets/images/wireframe/image.png">
     </div>
     <div class="extra center aligned">
-      <div data-rating="4" class="ui star rating"></div>
+      <div data-rating="4" data-icon="star" class="ui yellow rating"></div>
     </div>
   </div>
 </div>

package/examples/components/input.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-  <title>Theming - Semantic</title>
+  <title>Theming - Fomantic</title>
 
   <!--- Site CSS -->
   <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">

package/examples/components/menu.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-  <title>Theming - Semantic</title>
+  <title>Theming - Fomantic</title>
 
   <!--- Site CSS -->
   <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">

package/examples/components/site.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Theming - Semantic</title>
+  <title>Theming - Fomantic</title>
   <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">
   <link rel="stylesheet" type="text/css" href="../../dist/components/site.css">
   <link rel="stylesheet" type="text/css" href="../../dist/components/grid.css">

package/examples/components/sticky-context.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Sticky Context - Semantic</title>
+  <title>Sticky Context - Fomantic</title>
 
   <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">
   <link rel="stylesheet" type="text/css" href="../../dist/components/site.css">
@@ -66,7 +66,7 @@
   <style type="text/css">
 
   body {
-    background-color: #FFFFFF;
+    background-color: #fff;
   }
   .text.container {
     position: relative;

package/examples/components/table.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-  <title>Theming - Semantic</title>
+  <title>Theming - Fomantic</title>
 
   <!--- Site CSS -->
   <link rel="stylesheet" type="text/css" href="../../dist/components/reset.css">

package/examples/fixed.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Fixed Menu Example - Semantic</title>
+  <title>Fixed Menu Example - Fomantic</title>
 
   <link rel="stylesheet" type="text/css" href="../dist/components/reset.css">
   <link rel="stylesheet" type="text/css" href="../dist/components/site.css">
@@ -26,7 +26,7 @@
 
   <style type="text/css">
   body {
-    background-color: #FFFFFF;
+    background-color: #fff;
   }
   .ui.menu .item img.logo {
     margin-right: 1.5em;
@@ -75,7 +75,7 @@
   </div>
 
   <div class="ui main text container">
-    <h1 class="ui header">Semantic UI Fixed Template</h1>
+    <h1 class="ui header">Fomantic UI Fixed Template</h1>
     <p>This is a basic fixed menu template using fixed size containers.</p>
     <p>A text container is used for the main container, which is useful for single column layouts</p>
     <img class="wireframe" src="assets/images/wireframe/media-paragraph.png">

package/examples/grid.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Grid Example - Semantic</title>
+  <title>Grid Example - Fomantic</title>
 
   <link rel="stylesheet" type="text/css" href="../dist/components/reset.css">
   <link rel="stylesheet" type="text/css" href="../dist/components/site.css">
@@ -197,7 +197,7 @@
       </div>
 
       <h3>Floating Rows</h3>
-      <p>Since Semantic UI's grid is based on flex box, a <code>left floated</code> item should come first, and a <code>right floated</code> item last in its row.</p>
+      <p>Since Fomantic UI's grid is based on flex box, a <code>left floated</code> item should come first, and a <code>right floated</code> item last in its row.</p>
 
       <div class="ui grid">
         <div class="left floated six wide column">
@@ -337,7 +337,7 @@
 
 /* Some basic formatting */
 code {
-  background-color: #E0E0E0;
+  background-color: #e0e0e0;
   padding: 0.25em 0.3em;
   font-family: 'Lato';
   font-weight: bold;
@@ -375,11 +375,11 @@ img + img {
   position: absolute;
   top: 1rem;
   left: 1rem;
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
   content: '';
   width: calc(100% - 2rem);
   height: calc(100% - 2rem);
-  box-shadow: 0px 0px 0px 1px #DDDDDD inset;
+  box-shadow: 0px 0px 0px 1px #ddd inset;
 }
 .ui.divided.grid:before,
 .celled.grid:before {

package/examples/homepage.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Homepage - Semantic</title>
+  <title>Homepage - Fomantic</title>
   <link rel="stylesheet" type="text/css" href="../dist/components/reset.css">
   <link rel="stylesheet" type="text/css" href="../dist/components/site.css">
 

package/examples/login.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Login Example - Semantic</title>
+  <title>Login Example - Fomantic</title>
   <link rel="stylesheet" type="text/css" href="../dist/components/reset.css">
   <link rel="stylesheet" type="text/css" href="../dist/components/site.css">
 
@@ -32,7 +32,7 @@
 
   <style type="text/css">
     body {
-      background-color: #DADADA;
+      background-color: #dadada;
     }
     body > .grid {
       height: 100%;

package/examples/responsive.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Responsive Elements - Semantic</title>
+  <title>Responsive Elements - Fomantic</title>
   <link rel="stylesheet" type="text/css" href="../dist/semantic.css">
 
   <script src="assets/library/jquery.min.js"></script>
@@ -642,7 +642,7 @@
 <script type="text/javascript">
 $(document).ready(function() {
 
-  var
+  let
     $headers     = $('body > h3'),
     $header      = $headers.first(),
     ignoreScroll = false,

package/examples/sticky.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Sticky Example - Semantic</title>
+  <title>Sticky Example - Fomantic</title>
 
   <link rel="stylesheet" type="text/css" href="../dist/components/reset.css">
   <link rel="stylesheet" type="text/css" href="../dist/components/site.css">
@@ -60,7 +60,7 @@
   <style type="text/css">
 
   body {
-    background-color: #FFFFFF;
+    background-color: #fff;
   }
   .main.container {
     margin-top: 2em;
@@ -91,8 +91,8 @@
   }
 
   .main.menu.fixed {
-    background-color: #FFFFFF;
-    border: 1px solid #DDD;
+    background-color: #fff;
+    border: 1px solid #ddd;
     box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
   }
   .overlay.fixed .menu {

package/examples/theming.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
 
   <!-- Site Properties -->
-  <title>Theming - Semantic</title>
+  <title>Theming - Fomantic</title>
   <link rel="stylesheet" type="text/css" href="../dist/semantic.css">
 
   <script src="assets/library/jquery.min.js"></script>

package/gulpfile.js

@@ -2,13 +2,15 @@
  *           Set-up
  *******************************/
 
-var
-  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
+    config = require('./tasks/config/user'),
 
+    admin = require('./tasks/collections/admin'),
+    rtl = require('./tasks/collections/rtl')
+;
 
 /*******************************
  *            Tasks
@@ -20,21 +22,21 @@ require('./tasks/collections/install')(gulp);
 
 gulp.task('default', gulp.series('check-install'));
 
-/*--------------
+/* --------------
       Docs
----------------*/
+--------------- */
 
 require('./tasks/collections/docs')(gulp);
 
-/*--------------
+/* --------------
       RTL
----------------*/
+--------------- */
 
 if (config.rtl) {
-  require('./tasks/collections/rtl')(gulp);
+    rtl(gulp);
 }
 
 /* Admin Tasks */
 if (config.admin) {
-  require('./tasks/collections/admin')(gulp);
+    admin(gulp);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fomantic-ui",
-  "version": "2.9.1-beta.8+edc5e7e",
+  "version": "2.9.1",
   "description": "Fomantic empowers designers and developers by creating a shared vocabulary for UI.",
   "keywords": [
     "fomantic-ui",
@@ -25,18 +25,20 @@
   },
   "scripts": {
     "build": "gulp build",
-    "changelog": "auto-changelog -p"
+    "changelog": "auto-changelog -p",
+    "lint": "eslint --ext .js . && stylelint \"**/*.{css,less,overrides,variables}\"",
+    "lint-fix": "eslint --ext .js . --fix && stylelint \"**/*.{css,less,overrides,variables}\" --fix"
   },
   "dependencies": {
     "@actions/core": "^1.6.0",
     "@octokit/core": "^3.6.0",
     "@octokit/rest": "^16.16.0",
-    "better-console": "1.0.1",
-    "browserslist": "^4.19.1",
+    "better-console": "^1.0.1",
+    "browserslist": "^4.21.4",
     "del": "^6.1.1",
     "extend": "^3.0.2",
     "gulp": "^4.0.0",
-    "gulp-autoprefixer": "^6.0.0",
+    "gulp-autoprefixer": "^8.0.0",
     "gulp-chmod": "^2.0.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-clone": "^2.0.1",
@@ -44,7 +46,7 @@
     "gulp-concat-css": "^3.1.0",
     "gulp-concat-filenames": "^1.2.0",
     "gulp-copy": "^4.0.0",
-    "gulp-dedupe": "0.0.2",
+    "gulp-dedupe": "^0.0.2",
     "gulp-flatten": "^0.4.0",
     "gulp-git": "^2.9.0",
     "gulp-header": "^2.0.5",
@@ -71,10 +73,17 @@
     "yamljs": "^0.3.0"
   },
   "devDependencies": {
+    "@internal/eslint-plugin": "file:.eslint",
     "all-contributors-cli": "^6.7.0",
     "auto-changelog": "^2.4.0",
+    "eslint": "^8.29.0",
+    "eslint-plugin-import": "^2.26.0",
     "node-fetch": "^2.6.0",
-    "semver": "^7.3.5"
+    "postcss": "^8.4.19",
+    "postcss-less": "^6.0.0",
+    "semver": "^7.3.5",
+    "stylelint": "^14.16.0",
+    "stylelint-config-standard": "^29.0.0"
   },
   "engines": {
     "node": ">=12",
@@ -82,4 +91,4 @@
   },
   "title": "Fomantic UI",
   "style": "dist/semantic.css"
-}
+}

package/scripts/nightly-version.js

@@ -1,91 +1,99 @@
 // node
-const fs = require('fs')
-const path = require('path')
-const childProcess = require('child_process')
+const fs = require('fs');
+const path = require('path');
+const childProcess = require('child_process');
 
 // npm
-const fetch = require('node-fetch')
-const semver = require('semver')
-const actions = require('@actions/core')
+const fetch = require('node-fetch'); // eslint-disable-line import/no-extraneous-dependencies
+const semver = require('semver'); // eslint-disable-line import/no-extraneous-dependencies
+const actions = require('@actions/core');
 
 // pkg
-const pkg = require('../package.json')
-const process = require('process')
+const process = require('process');
+const pkg = require('../package.json');
 
-const ghBase = 'https://api.github.com'
-const repoUrlPath = 'fomantic/Fomantic-UI'
-const npmBase = 'https://registry.npmjs.org'
-const npmPackage = 'fomantic-ui'
+const ghBase = 'https://api.github.com';
+const repoUrlPath = 'fomantic/Fomantic-UI';
+const npmBase = 'https://registry.npmjs.org';
+const npmPackage = 'fomantic-ui';
 const currentRev = childProcess // get the current rev from the repo
-  .execSync('git rev-parse HEAD')
-  .toString()
-  .trim()
-  .slice(0, 7)
+    .execSync('git rev-parse HEAD')
+    .toString()
+    .trim()
+    .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))
+    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))
+    ;
 
-  // Return first entry aka the smallest version in milestones which would therefore
-  // be the next version
-  return semver.parse(versions[0])
-}
+    // Return first entry aka the smallest version in milestones which would therefore
+    // be the next version
+    return semver.parse(versions[0]);
+};
 
 const getPublishedVersion = async function () {
-  // get the latest published nightly tagged version
-  return semver.parse(
-    await fetch(`${npmBase}/${npmPackage}`)
-      .then(r => r.json())
-      .then(p => {
-        let nightly = p['dist-tags'].nightly ?? '';
-        let versionInfo = p.versions[nightly] ?? {};
-        let buildCommit = nightly.indexOf('+')===-1 && versionInfo.gitHead ? '+'+(versionInfo.gitHead ?? '').slice(0,7) : '';
-        return nightly+buildCommit;
-      })
-  )
-}
+    // get the latest published nightly tagged version
+    return semver.parse(
+        await fetch(`${npmBase}/${npmPackage}`)
+            .then((r) => r.json())
+            .then((p) => {
+                let nightly = p['dist-tags'].nightly ?? '';
+                let versionInfo = p.versions[nightly] ?? {};
+                let buildCommit = nightly.indexOf('+') === -1 && versionInfo.gitHead
+                    ? '+' + (versionInfo.gitHead ?? '').slice(0, 7)
+                    : '';
+
+                return nightly + buildCommit;
+            })
+    );
+};
 
 const getNightlyVersion = async function () {
-  const next = semver.parse(await getNextVersion())
-  const current = semver.parse(await getPublishedVersion())
-
-  if (current.build[0] === currentRev) {
-    actions.setOutput('shouldPublish', false)
-
-    console.log('No new commits since last publish. Exiting.')
-    process.exit(0)
-    return
-  }
-
-  let nightlyVersion = `${next.version}-beta.0`
-
-  // Check if published version is the same version as next version.
-  // Only check major, minor and patch as previously published nightly
-  // versions would include prerelease tag and build metadata
-  if (semver.eq(`${next.major}.${next.minor}.${next.patch}`, `${current.major}.${current.minor}.${current.patch}`)) {
-    // If they match then a nightly version has already been published, so we need to increment
-    // the prerelease and add the new rev as build metadata
-    nightlyVersion = semver.inc(
-    `${next.version}-beta.${current.prerelease[1]}`,
-    'prerelease'
-    )
-  }
-
-  actions.setOutput('shouldPublish', 'yes')
-  return `${nightlyVersion}+${currentRev}`
-}
+    const next = semver.parse(await getNextVersion());
+    const current = semver.parse(await getPublishedVersion());
+
+    if (current.build[0] === currentRev) {
+        actions.setOutput('shouldPublish', false);
+
+        console.log('No new commits since last publish. Exiting.');
+        process.exit(0); // eslint-disable-line unicorn/no-process-exit
+
+        return;
+    }
+
+    let nightlyVersion = `${next.version}-beta.0`;
+
+    // Check if published version is the same version as next version.
+    // Only check major, minor and patch as previously published nightly
+    // versions would include prerelease tag and build metadata
+    if (semver.eq(`${next.major}.${next.minor}.${next.patch}`, `${current.major}.${current.minor}.${current.patch}`)) {
+        // If they match then a nightly version has already been published, so we need to increment
+        // the prerelease and add the new rev as build metadata
+        nightlyVersion = semver.inc(
+            `${next.version}-beta.${current.prerelease[1]}`,
+            'prerelease'
+        );
+    }
+
+    actions.setOutput('shouldPublish', 'yes');
+
+    return `${nightlyVersion}+${currentRev}`;
+};
 
 getNightlyVersion()
-  .then(nightlyVersion => {
-    pkg.version = nightlyVersion
-  })
-  .then(() => {
-    fs.writeFileSync(
-      path.resolve(__dirname, '../package.json'),
-      JSON.stringify(pkg, null, 2)
-    )
-  })
-  .then(() => console.log(`Done (${pkg.version})`))
+    .then((nightlyVersion) => {
+        pkg.version = nightlyVersion;
+    })
+    .then(() => {
+        fs.writeFileSync(
+            path.resolve(__dirname, '../package.json'),
+            JSON.stringify(pkg, null, 2)
+        );
+    })
+    .then(() => console.log(`Done (${pkg.version})`))
+;

package/src/_site/collections/menu.overrides

@@ -1,3 +1,3 @@
 /*******************************
          Site Overrides
-*******************************/
+*******************************/

package/src/_site/elements/flag.variables

@@ -1,3 +1,3 @@
-/*-------------------
+/* -------------------
    Flag Variables
---------------------*/
+-------------------- */

package/src/_site/globals/site.variables

@@ -1,3 +1,3 @@
 /*******************************
      User Global Variables
-*******************************/
+*******************************/

package/src/_site/modules/embed.variables

@@ -0,0 +1,3 @@
+/*******************************
+    User Variable Overrides
+*******************************/