fomantic-ui 2.10.0-beta.12 → 2.10.0-beta.120

package/.eslintrc.js

@@ -9,7 +9,7 @@ module.exports = {
         'plugin:@internal/eslint-plugin/recommended',
     ],
     parserOptions: {
-        ecmaVersion: '2020',
+        ecmaVersion: '2021',
         sourceType: 'module',
     },
     ignorePatterns: [
@@ -31,8 +31,8 @@ module.exports = {
         }],
         'consistent-return': 'off',
         curly: ['error', 'all'],
-        'default-case': 'off',
         'func-names': 'off',
+        'import/no-extraneous-dependencies': ['error', {}],
         'import/no-unresolved': 'off',
         'import/prefer-default-export': 'off',
         indent: ['error', 4, {
@@ -41,13 +41,10 @@ module.exports = {
         'linebreak-style': ['error', 'unix'],
         'max-len': 'off',
         'no-console': 'off',
-        'no-continue': 'off',
-        'no-lonely-if': 'off',
         'no-nested-ternary': 'off',
         'no-param-reassign': 'off',
         'no-plusplus': 'off',
         'no-restricted-syntax': 'off',
-        'no-underscore-dangle': 'off',
         'no-unused-vars': 'off',
         'object-shorthand': ['error', 'never'],
         'padding-line-between-statements': ['error', {
@@ -69,38 +66,25 @@ module.exports = {
             },
         }],
         strict: 'off',
-        'unicorn/catch-error-name': 'off',
+        'unicorn/no-anonymous-default-export': 'off',
         'unicorn/no-array-callback-reference': 'off',
-        'unicorn/no-lonely-if': 'off',
         'unicorn/no-negated-condition': 'off',
         'unicorn/no-null': 'off',
         'unicorn/no-this-assignment': 'off',
-        'unicorn/numeric-separators-style': 'off',
         'unicorn/prefer-array-find': 'off',
         'unicorn/prefer-array-some': 'off', // https://github.com/sindresorhus/eslint-plugin-unicorn/issues/2007
+        'unicorn/prefer-at': 'off',
+        'unicorn/prefer-global-this': 'off',
         'unicorn/prefer-module': 'off',
+        'unicorn/prefer-string-raw': 'off',
+        'unicorn/prefer-string-replace-all': 'off',
         'unicorn/prevent-abbreviations': 'off',
         'wrap-iife': ['error', 'inside'],
 
         // TODO rules to be removed/fixed in v2.10.0 as fixes are not compatible with IE11
-        'guard-for-in': 'off', // refactor to "for of"
-        'no-restricted-globals': 'off',
         'no-restricted-properties': 'off',
-        'prefer-const': 'off',
-        'prefer-exponentiation-operator': 'off',
-        'prefer-rest-params': 'off',
-        'prefer-spread': 'off',
-        'unicorn/no-array-for-each': 'off',
-        'unicorn/no-for-loop': 'off', // autofixes to "for of"
-        'unicorn/prefer-code-point': 'off',
-        'unicorn/prefer-includes': 'off',
-        'unicorn/prefer-number-properties': 'off',
-        'unicorn/prefer-optional-catch-binding': 'off',
-        'unicorn/prefer-prototype-methods': 'off',
         'unicorn/prefer-reflect-apply': 'off',
-        'unicorn/prefer-spread': 'off',
         'unicorn/prefer-top-level-await': 'off', // needs Node 14+
-        'vars-on-top': 'off',
 
         // TODO rules with a lot of errors to be fixed manually, fix in a separate PR
         eqeqeq: 'off', // about 20 errors to be fixed manually

package/.github/ISSUE_TEMPLATE/bug.yaml

@@ -0,0 +1,95 @@
+name: Bug Report
+title: "[scope] summary of your bug"
+description: Use this if something isn't working how you think it should or you think you've found a bug
+projects: []
+labels:
+  - state/awaiting-investigation
+  - state/awaiting-triage
+  - type/bug
+body:
+  - type: textarea
+    id: describe
+    attributes:
+      label: Bug Report
+      description: Describe what's wrong in great detail
+      placeholder: Describe what's wrong in great detail.
+    validations:
+      required: true
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: Steps to reproduce
+      description: Tell us how to reproduce your issue
+      placeholder: |
+        1.
+        2.
+        3.
+      value: |
+        1.
+        2.
+        3.
+    validations:
+      required: true
+  - type: textarea
+    id: expected-result
+    attributes:
+      label: Expected result
+      placeholder: Tell us what result you were expecting
+      description: Tell us what result you were expecting
+    validations:
+      required: true
+  - type: textarea
+    id: actual-result
+    attributes:
+      label: Actual result
+      description: Tell us what the actual result was
+    validations:
+      required: true
+  - type: textarea
+    id: testcase
+    attributes:
+      label: Testcase
+      placeholder: |
+        If possible create an example of your issue via a JSFiddle. 
+        
+        How to create an example  
+        1. Open the following JSFiddle - https://jsfiddle.net/31d6y7mn
+        2. Click "Fork" at the top
+        3. Add the minimum required HTML, CSS and JavaScript which reproduces your issue
+        4. Click "Save" at the top
+        5. Copy the URL of your fiddle and link it here
+      description: |
+        If possible create an example of your issue via a JSFiddle. 
+        
+        How to create an example  
+        1. Open the following JSFiddle - https://jsfiddle.net/31d6y7mn
+        2. Click "Fork" at the top
+        3. Add the minimum required HTML, CSS and JavaScript which reproduces your issue
+        4. Click "Save" at the top
+        5. Copy the URL of your fiddle and link it here
+    validations:
+      required: false
+  - type: textarea
+    id: screenshot
+    attributes:
+      label: Screenshot
+      placeholder: |
+        - If possible include images or gifs of your issue.
+        - E.g. Incorrect component CSS should include an image of what the component looks like.
+        - If your looking for a tool we recommend ShareX - https://github.com/ShareX/ShareX 
+      description: |
+        - If possible include images or gifs of your issue.
+        - E.g. Incorrect component CSS should include an image of what the component looks like.
+        - If your looking for a tool we recommend ShareX - https://github.com/ShareX/ShareX 
+        
+    validations:
+      required: false
+  - type: input
+    id: version
+    attributes:
+      label: Version
+      description: Include the version of the library you are using
+      placeholder: 2.x.x
+      value: 2.x.x
+    validations:
+      required: true

package/.github/ISSUE_TEMPLATE/feature.yaml

@@ -0,0 +1,45 @@
+name: Feature Request
+title: "[scope] summary of your request"
+description: Use this to suggest new feature/enhancements
+projects: []
+labels:
+  - state/awaiting-triage
+  - type/feat
+body:
+  - type: textarea
+    id: detail
+    attributes:
+      label: Explain your request in great detail.
+      description: |
+        Things to consider:
+        - Why should we add this feature/enhancement
+        - What problem(s) does it solve
+        - Complexity
+        - How we should implement it
+    validations:
+      required: true
+
+  - type: textarea
+    id: example
+    attributes:
+      label: Example (Optional)
+      description: |
+        If possible demonstrate your request via a JSFiddle. How to create an example:
+        1. Open the following JSFiddle - https://jsfiddle.net/31d6y7mn
+        2. Click Fork at the top
+        3. Add the HTML, CSS and JavaScript which shows your request
+        4. Click Save at the top
+        5. Copy the URL of your fiddle and link it here
+    validations:
+      required: false
+
+  - type: textarea
+    id: screenshot
+    attributes:
+      label: ScreenShot (Optional)
+      description: |
+        - If possible include images or gifs of your issue.
+        - E.g. Incorrect component CSS should include an image of what the component looks like.
+        - If your looking for a tool we recommend ShareX - https://github.com/ShareX/ShareX
+    validations:
+      required: false

package/.github/workflows/ci.yml

@@ -8,8 +8,8 @@ jobs:
     name: Lint
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
+    - uses: actions/checkout@v7
+    - uses: actions/setup-node@v7
     - name: Install dependencies
       run: yarn
     - name: Lint JS and LESS files
@@ -26,11 +26,11 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        node-version: [18, 20, 22]
+        node-version: [18, 20, 22, 24]
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v7
     - name: Setup Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@v7
       with:
         node-version: ${{ matrix.node-version }}
     - name: pre-install
@@ -47,12 +47,12 @@ jobs:
       contents: read
       security-events: write
     steps:
-    - uses: actions/checkout@v4
-    - uses: github/codeql-action/init@v3
+    - uses: actions/checkout@v7
+    - uses: github/codeql-action/init@v4.37.7
       with:
         languages: 'javascript'
         config-file: ./.github/codeql/codeql-config.yml
     - name: Autobuild
-      uses: github/codeql-action/autobuild@v3
+      uses: github/codeql-action/autobuild@v4.37.7
     - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v3
+      uses: github/codeql-action/analyze@v4.37.7

package/.github/workflows/depsreview.yml

@@ -9,6 +9,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: 'Checkout Repository'
-        uses: actions/checkout@v4
+        uses: actions/checkout@v7
       - name: 'Dependency Review'
-        uses: actions/dependency-review-action@v4
+        uses: actions/dependency-review-action@v5

package/.github/workflows/nightly.yml

@@ -3,6 +3,7 @@ on:
   schedule:
   - cron: 00 23 * * *
 permissions:
+  id-token: write  # Required for OIDC
   contents: read
 
 jobs:
@@ -13,13 +14,15 @@ jobs:
     outputs:
       shouldPublish: ${{ steps.nightly-version.outputs.shouldPublish }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v7
       with:
         ref: develop
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v7
       with:
-        node-version: 18
-        registry-url: https://registry.npmjs.org/
+        node-version: 24
+    # Ensure npm 11.5.1 or later is installed
+    - name: Update npm
+      run: npm install -g npm@latest
     - name: pre-setup
       run: sh ./scripts/preinstall.sh
     - name: install dependencies
@@ -34,7 +37,5 @@ jobs:
       if: ${{ steps.nightly-version.outputs.shouldPublish == 'yes' }}
       env:
         CI: true
-        NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTOMATION }}
       run: |
-        npm config set //registry.npmjs.org/:_authToken=$NODE_AUTH_TOKEN
         npm publish --tag nightly

package/.github/workflows/release.yml

@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     if: github.repository == 'fomantic/Fomantic-UI'
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v7
       with:
         ref: master
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v7
       with:
         node-version: 18
         registry-url: https://registry.npmjs.org/

package/.stylelintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
     extends: [
-        'stylelint-config-standard',
+        'stylelint-config-standard-less',
     ],
     customSyntax: 'postcss-less',
     ignoreFiles: [
@@ -9,40 +9,25 @@ module.exports = {
     ],
     rules: {
         'at-rule-empty-line-before': null,
-        'at-rule-name-case': null,
-        'at-rule-no-unknown': null,
         'block-no-empty': null,
-        'color-function-notation': 'legacy',
-        'color-hex-case': 'lower',
-        'declaration-colon-newline-after': null, // handled by Prettier
         'font-family-no-missing-generic-family-keyword': null,
-        'function-no-unknown': null,
         'import-notation': null,
-        indentation: null, // handled by Prettier
         'keyframes-name-pattern': null,
-        linebreaks: 'unix',
-        'max-line-length': null,
         'no-descending-specificity': null,
-        'no-extra-semicolons': null, // handled by Prettier
         'no-duplicate-selectors': null,
         'number-max-precision': 5,
-        'property-case': null,
         'property-no-vendor-prefix': [true, {
             ignoreProperties: [
                 'background-clip', // https://caniuse.com/background-clip-text
-                'appearance', // https://caniuse.com/css-appearance
                 'backdrop-filter', // https://caniuse.com/css-backdrop-filter
                 'text-size-adjust', // https://caniuse.com/text-size-adjust
             ],
         }],
         'rule-empty-line-before': null,
-        'string-quotes': 'double',
         'value-keyword-case': null,
 
         // TODO rules to be removed/fixed in v2.10.0 as fixes are not compatible with IE11
         'alpha-value-notation': 'number', // https://caniuse.com/mdn-css_properties_opacity_percentages
-        'selector-not-notation': null, // https://caniuse.com/css-not-sel-list
-        'selector-no-vendor-prefix': null,
     },
     reportNeedlessDisables: true,
 };

package/README.md

@@ -27,10 +27,12 @@ The official community fork of the popular Semantic-UI framework.
 
 ---
 
-> *NOTE:* Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues https://github.com/Semantic-Org/Semantic-UI/issues/6109 https://github.com/Semantic-Org/Semantic-UI/issues/6413
->
-> *EDIT:* Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the v3 proposals [here](https://github.com/fomantic/Fomantic-UI/issues/319).
->
+> [!NOTE]
+> Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart.
+> For more info please read the following issues Semantic-Org/Semantic-UI#6109 Semantic-Org/Semantic-UI#6413
+
+> *EDIT:* Lots has changed since we started this project and we are now starting the development of FUI v3.
+> You can read more about the v3 proposals [here](https://github.com/fomantic/Fomantic-UI/issues/319).
 > To be clear merging back into SUI is still our intention, read [this comment](https://github.com/fomantic/Fomantic-UI/issues/319#issuecomment-461736399) for more info
 
 ---
@@ -40,12 +42,12 @@ Fomantic allows developers to build beautiful websites fast, with **concise HTML
 ## 📡 Installation
 
 ```bash
-$ npm install fomantic-ui
+npm install fomantic-ui
 ```
 
 Living on the edge? Try our nightly build and test new features and bug fixes early!
 ```bash
-$ npm install fomantic-ui@nightly
+npm install fomantic-ui@nightly
 ```
 
 Fomantic includes an interactive installer to help setup your project.
@@ -55,10 +57,14 @@ Fomantic includes an interactive installer to help setup your project.
 
 ### 💻 Browser Support
 
-* Last 2 Versions of Firefox, Chrome, Safari Mac, Edge
-* Last 4 Versions of Android, Chrome for Android, iOS Safari[^1]
-
-[^1]: Fomantic-UI should basically still work in iOS Safari 11+, Android 7+, but, starting from v2.9.0, we won't support them anymore if anything works different than in recent versions.
+* [![Chrome](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/75.0.1/chrome/chrome_16x16.png)]() Chrome >= 88
+* [![Edge](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/75.0.1/edge/edge_16x16.png)]() Edge >= 88
+* [![Safari](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/75.0.1/archive/safari-ios_1-6/safari-ios_1-6_16x16.png)]() Safari >= 14.1
+* [![Firefox](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/75.0.1/firefox/firefox_16x16.png)]() Firefox >= 82
+* [![Opera](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/75.0.1/opera/opera_16x16.png)]() Opera >= 75
+* [![Saumsung Internet](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/75.0.1/samsung-internet/samsung-internet_16x16.png)]() Samsung Internet >= 15
+* [![iOS](https://img.shields.io/badge/-ffffff?logo=apple&logoColor=black)]() iOS >= 14.1
+* [![Android](https://img.shields.io/badge/-ffffff?logo=android&logoColor=43dd88)]() Android >= 8
 
 ---
 
@@ -89,6 +95,8 @@ or you can ask in our community [Discord](https://discord.gg/YChxjJ3) server.
 
 Before creating a pull request be sure to read the [Contributing Guide](CONTRIBUTING.md) and our [Code of Conduct](CODE_OF_CONDUCT.md), this is where we explain everything you need to know about contributing to Fomantic.
 
+---
+
 ## Sponsors
 
 ### Cross-browser testing provided by [BrowserStack](https://www.browserstack.com)
@@ -96,5 +104,3 @@ Before creating a pull request be sure to read the [Contributing Guide](CONTRIBU
 
 ### IDE's provided by [JetBrains](https://www.jetbrains.com?from=Fomantic-UI)
 [![JetBrains logo.](https://resources.jetbrains.com/storage/products/company/brand/logos/jetbrains.svg)](https://jb.gg/OpenSourceSupport?from=Fomantic-UI)
-
----

package/changelog-setup.js

@@ -1,4 +1,4 @@
-const semver = require('semver'); // eslint-disable-line import/no-extraneous-dependencies
+const semver = require('semver');
 
 let changelogDeps = {};
 let loopVersion = '';
@@ -9,7 +9,7 @@ const issueLinks = function (item) {
     if (typeof loopVersion !== 'string') {
         return item;
     }
-    let repository = semver.gte(loopVersion, '2.4.0') ? 'fomantic/Fomantic-UI' : 'Semantic-Org/Semantic-UI';
+    const repository = semver.gte(loopVersion, '2.4.0') ? 'fomantic/Fomantic-UI' : 'Semantic-Org/Semantic-UI';
     item.subject = item.subject.replace(/#(\d+)([ ,]|$)/, '[`#$1`](https://github.com/' + repository + '/issues/$1) ');
 
     return item;
@@ -18,7 +18,7 @@ const issueLinks = function (item) {
 module.exports = function (Handlebars) {
     Handlebars.registerHelper('commit-collector', (merges, commits, major, minor, options) => {
         const commitsFromMerges = merges.map((merge) => merge.commit);
-        const result = commits.concat(commitsFromMerges);
+        const result = [...commits, ...commitsFromMerges];
         isMajor = major;
         isMinor = minor;
 
@@ -96,7 +96,7 @@ module.exports = function (Handlebars) {
         if (!(typeof text === 'string')) {
             return '';
         }
-        let result = text.replace(/^(\w+(\([^()]+\))?:|\[[\w ]+]) */, '');
+        const result = text.replace(/^(\w+(\([^()]+\))?:|\[[\w ]+]) */, '');
 
         return new Handlebars.SafeString(result);
     });
@@ -105,7 +105,7 @@ module.exports = function (Handlebars) {
         if (!(typeof text === 'string')) {
             return '';
         }
-        let result = text.replace(/add ([\dA-Za-z-]+) as a contributor/, '[`$1`](https://github.com/$1)');
+        const result = text.replace(/add ([\dA-Za-z-]+) as a contributor/, '[`$1`](https://github.com/$1)');
 
         return Handlebars.helpers.noprefix(result);
     });
@@ -127,14 +127,14 @@ module.exports = function (Handlebars) {
         changelogDeps = {};
         const depsRegex = /(?:build\(deps[A-Za-z-]*\):|\[Snyk]) (?:\[?[Ss]ecurity]? )?(?:bump|upgrade) ([\w./@-]+) from (\d+\.\d+\.\d+) to (\d+\.\d+\.\d+)/;
         const detectVersionRange = function (item) {
-            let subjectDetails = item.subject.match(depsRegex);
+            const subjectDetails = item.subject.match(depsRegex);
             if (!subjectDetails) {
                 return true;
             }
 
-            let depPackage = subjectDetails[1];
-            let depVersionFrom = subjectDetails[2];
-            let depVersionTo = subjectDetails[3];
+            const depPackage = subjectDetails[1];
+            const depVersionFrom = subjectDetails[2];
+            const depVersionTo = subjectDetails[3];
             if (!changelogDeps[depPackage]) {
                 changelogDeps[depPackage] = {
                     from: '999.999.999',
@@ -188,12 +188,12 @@ module.exports = function (Handlebars) {
             .filter(detectVersionRange)
             // adjust from version to create the whole range in one line (linked to the latest commit)
             .map((item) => {
-                let subjectDetails = item.subject.match(depsRegex);
+                const subjectDetails = item.subject.match(depsRegex);
                 if (!subjectDetails) {
                     return item;
                 }
-                let depPackage = subjectDetails[1];
-                let depVersionFrom = subjectDetails[2];
+                const depPackage = subjectDetails[1];
+                const depVersionFrom = subjectDetails[2];
                 item.subject = item.subject.replace(depVersionFrom, changelogDeps[depPackage].from);
 
                 return item;

package/dist/components/accordion.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.10.0-beta.12+66ebec1 - Accordion
+ * # Fomantic-UI 2.10.0-beta.120+46a9032 - Accordion
  * https://github.com/fomantic/Fomantic-UI/
  *
  *