fomantic-ui 2.9.1-beta.25 → 2.9.1-beta.27

package/src/themes/material/elements/icon.variables

@@ -1,9 +1,9 @@
-@fontPath : '../../themes/material/assets/fonts';
+@fontPath: "../../themes/material/assets/fonts";
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff2") format('woff2')
-            if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff'));
+        src: url("@{fontPath}/@{fontName}.woff2") format("woff2")
+            if(@supportIE, e(",") url("@{fontPath}/@{fontName}.woff") format("woff"));
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;
@@ -11,11 +11,16 @@
         text-transform: none;
     };
 };
-@icon-deprecated-map: {};
-@icon-outline-map: {};
-@icon-outline-aliases-map: {};
-@icon-brand-map: {};
-@icon-brand-aliases-map: {};
+@icon-deprecated-map: {
+};
+@icon-outline-map: {
+};
+@icon-outline-aliases-map: {
+};
+@icon-brand-map: {
+};
+@icon-brand-aliases-map: {
+};
 
 @width: 1em;
 @height: 1em;
@@ -23,6 +28,6 @@
 @small: 13px;
 @medium: 16px;
 @large: 18px;
-@big : 20px;
+@big: 20px;
 @huge: 28px;
 @massive: 32px;

package/src/themes/material/globals/site.overrides

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

package/src/themes/material/globals/site.variables

@@ -6,43 +6,43 @@
        Fonts
 -------------------- */
 
-@headerFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@pageFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@googleFontName : 'Roboto';
+@headerFont: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@pageFont: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@googleFontName: "Roboto";
 
 /* -------------------
       Base Sizes
 -------------------- */
 
-@emSize : 14px;
-@fontSize : 13px;
+@emSize: 14px;
+@fontSize: 13px;
 
 /* --------------
       Page
 --------------- */
 
-@pageBackground : #F9F9F9;
-@lineHeight : 1.33;
-@textColor : #212121;
+@pageBackground: #f9f9f9;
+@lineHeight: 1.33;
+@textColor: #212121;
 
 /* --------------
   Page Heading
 --------------- */
 
-@headerLineHeight : 1.33em;
-@headerFontWeight : 400;
+@headerLineHeight: 1.33em;
+@headerFontWeight: 400;
 
-@h1 : 2.25rem;
-@h2 : 2rem;
-@h3 : 1.75rem;
-@h4 : 1.5rem;
-@h5 : 1.25rem;
+@h1: 2.25rem;
+@h2: 2rem;
+@h3: 1.75rem;
+@h4: 1.5rem;
+@h5: 1.25rem;
 
 /* -------------------
         Paths
 -------------------- */
 
-@imagePath : '../../themes/material/assets/images';
+@imagePath: "../../themes/material/assets/images";
 
 /* --------------
    Paragraphs
@@ -55,67 +55,67 @@
 -------------------- */
 
 /* ---  Colors  --- */
-@black : #1B1C1D;
-@blue : #2196F3;
-@green : #4CAF50;
-@grey : #9E9E9E;
-@orange : #FF9800;
-@pink : #E91E63;
-@purple : #9C27B0;
-@red : #F44336;
-@teal : #1de9b6;
-@yellow : #FFEB3B;
+@black: #1b1c1d;
+@blue: #2196f3;
+@green: #4caf50;
+@grey: #9e9e9e;
+@orange: #ff9800;
+@pink: #e91e63;
+@purple: #9c27b0;
+@red: #f44336;
+@teal: #1de9b6;
+@yellow: #ffeb3b;
 
 /* ---  Light Colors  --- */
-@lightBlack : #333333;
-@lightBlue : #2979FF;
-@lightGreen : #00E676;
-@lightOrange : #FF9100;
-@lightPink : #F50057;
-@lightPurple : #D500F9;
-@lightRed : #FF1744;
-@lightTeal : #1DE9B6;
-@lightYellow : #FFEA00;
+@lightBlack: #333;
+@lightBlue: #2979ff;
+@lightGreen: #00e676;
+@lightOrange: #ff9100;
+@lightPink: #f50057;
+@lightPurple: #d500f9;
+@lightRed: #ff1744;
+@lightTeal: #1de9b6;
+@lightYellow: #ffea00;
 
 /* ---   Neutrals  --- */
-@fullBlack : #000000;
-@darkGrey : #AAAAAA;
-@lightGrey : #DCDDDE;
-@offWhite : #FAFAFA;
-@darkWhite : #F0F0F0;
-@white : #FFFFFF;
+@fullBlack: #000;
+@darkGrey: #aaa;
+@lightGrey: #dcddde;
+@offWhite: #fafafa;
+@darkWhite: #f0f0f0;
+@white: #fff;
 
 /* -------------------
     Brand Colors
 -------------------- */
 
-@primaryColor : @blue;
-@secondaryColor : @grey;
+@primaryColor: @blue;
+@secondaryColor: @grey;
 
-@lightPrimaryColor : @lightBlue;
-@lightSecondaryColor : @lightGrey;
+@lightPrimaryColor: @lightBlue;
+@lightSecondaryColor: @lightGrey;
 
 /* -------------------
       Paragraph
 -------------------- */
 
-@paragraphMargin : 0em 0em 1.53em;
+@paragraphMargin: 0 0 1.53em;
 
 /* -------------------
        Links
 -------------------- */
 
-@linkColor : #009FDA;
-@linkUnderline : none;
-@linkHoverColor : lighten(@linkColor, 5);
-@linkHoverUnderline : @linkUnderline;
+@linkColor: #009fda;
+@linkUnderline: none;
+@linkHoverColor: lighten(@linkColor, 5);
+@linkHoverUnderline: @linkUnderline;
 
 /* -------------------
   Highlighted Text
 -------------------- */
 
-@highlightBackground : #009FDA;
-@highlightColor : @white;
+@highlightBackground: #009fda;
+@highlightColor: @white;
 
 /* -------------------
        Accents

package/src/themes/material/modules/dropdown.overrides

@@ -1,5 +1,5 @@
-@import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
+@import (css) url("https://fonts.googleapis.com/css2?family=Roboto");
 
 .ui.dropdown {
-    font-family: 'Roboto';
+    font-family: Roboto;
 }

package/src/themes/material/modules/dropdown.variables

@@ -3,10 +3,10 @@
 *******************************/
 
 @menuBorderRadius: @borderRadius;
-@menuBorderColor: #DADADA;
-@menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+@menuBorderColor: #dadada;
+@menuBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 
-@menuPadding: @relative8px 0em;
+@menuPadding: @relative8px 0;
 @itemVerticalPadding: 1em;
 @itemHorizontalPadding: 1.5em;
 
@@ -14,7 +14,7 @@
 @menuHeaderFontWeight: bold;
 @menuHeaderTextTransform: none;
 
-@selectionBorderEmWidth: 0em;
+@selectionBorderEmWidth: 0;
 @selectionItemDivider: none;
 
 @labelBoxShadow: none;

package/src/themes/material/modules/modal.overrides

@@ -1,6 +1,6 @@
-@import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
+@import (css) url("https://fonts.googleapis.com/css2?family=Roboto");
 
 .ui.modal .header {
-    font-family: "Roboto", Arial, Sans-serif !important;
+    font-family: Roboto, Arial, sans-serif !important;
     font-weight: 400 !important;
 }

package/src/themes/material/modules/modal.variables

@@ -1,11 +1,11 @@
-@boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22);
-@borderRadius: 0em;
+@boxShadow: 0 10px 18px rgba(0, 0, 0, 0.22);
+@borderRadius: 0;
 
 @headerBackground: @white;
 @headerVerticalPadding: 1.7142rem;
 @headerHorizontalPadding: 1.7142rem;
 @headerFontWeight: 400;
-@headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif;
+@headerFontFamily: "Roboto", "Helvetica Neue", Arial, sans-serif;
 @headerBorder: none;
 
 @contentPadding: 1rem 2rem 2rem;

package/src/themes/pulsar/elements/loader.overrides

@@ -9,8 +9,8 @@
 
 @-webkit-keyframes loader-pulsar {
     0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
         opacity: 0;
     }
     20% {
@@ -40,8 +40,8 @@
 
 @keyframes loader-pulsar {
     0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
         opacity: 0;
     }
     20% {

package/src/themes/raised/elements/button.variables

@@ -6,7 +6,7 @@
        Element
 -------------------- */
 
-@backgroundColor: #F8F8F8;
+@backgroundColor: #f8f8f8;
 @backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
 @verticalAlign: middle;
 @borderRadius: 0.4em;

package/src/themes/resetcss/globals/reset.overrides

@@ -125,7 +125,7 @@ blockquote::before,
 blockquote::after,
 q::before,
 q::after {
-    content: '';
+    content: "";
     content: none;
 }
 table {

package/src/themes/round/elements/button.overrides

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

package/src/themes/round/elements/button.variables

@@ -7,12 +7,12 @@
 -------------------- */
 @borderRadius: @circularRadius;
 @textTransform: uppercase;
-@backgroundColor: #FFFFFF;
+@backgroundColor: #fff;
 @backgroundImage: none;
 @fontWeight: bold;
 @textColor: rgba(0, 0, 0, 0.6);
 @boxShadow:
-    0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset
+    0 0 0 2px rgba(0, 0, 0, 0.2) inset
 ;
 
 /* Padding */
@@ -23,32 +23,32 @@
 @iconOpacity: 0.8;
 @iconDistance: 0.4em;
 @iconTransition: opacity @defaultDuration @defaultEasing;
-@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
+@iconMargin: 0 @iconDistance 0 -(@iconDistance / 2);
 @iconVerticalAlign: top;
 
 /* -------------------
         Group
 -------------------- */
 
-@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
+@verticalBoxShadow: 0 0 0 1px @borderColor inset;
 
 /* -------------------
         States
 -------------------- */
 
-@hoverBackgroundColor: #FAFAFA;
+@hoverBackgroundColor: #fafafa;
 @hoverBackgroundImage: none;
-@hoverBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
+@hoverBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset;
 
-@downBackgroundColor: #F0F0F0;
+@downBackgroundColor: #f0f0f0;
 @downBackgroundImage: none;
-@downBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.35) inset !important;
+@downBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.35) inset !important;
 
-@activeBackgroundColor: #DDDDDD;
+@activeBackgroundColor: #ddd;
 @activeBackgroundImage: none;
-@activeBoxShadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.3) inset !important;
+@activeBoxShadow: 0 0 0 2px rgba(0, 0, 0, 0.3) inset !important;
 
-@loadingBackgroundColor: #FFFFFF;
+@loadingBackgroundColor: #fff;
 
 /* -------------------
         Types
@@ -59,21 +59,21 @@
 @labeledIconBackgroundColor: transparent;
 @labeledIconPadding: (@horizontalPadding + 1em);
 @labeledIconBorder: rgba(0, 0, 0, 0.05);
-@labeledIconColor: '';
+@labeledIconColor: "";
 
 @labeledIconLeftShadow: none;
 @labeledIconRightShadow: none;
 
 /* Basic */
-@basicBoxShadow: 0px 0px 0px 1px @borderColor;
+@basicBoxShadow: 0 0 0 1px @borderColor;
 @iconOffset: 0.05em;
-@basicLoadingColor: #FFFFFF;
+@basicLoadingColor: #fff;
 
-@basicHoverBackground: #FAFAFA;
-@basicHoverBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
+@basicHoverBackground: #fafafa;
+@basicHoverBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
 
 @basicDownBackground: rgba(0, 0, 0, 0.02);
-@basicDownBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+@basicDownBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
 
 @basicActiveBackground: @transparentBlack;
 @basicActiveColor: @selectedTextColor;
@@ -84,10 +84,10 @@
 @basicInvertedDownBackground: @transparentWhite;
 @basicInvertedActiveBackground: @transparentWhite;
 
-@basicInvertedBoxShadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
-@basicInvertedHoverBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
-@basicInvertedDownBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
-@basicInvertedActiveBoxShadow: 0px 0px 0px 2px @selectedWhiteBorderColor;
+@basicInvertedBoxShadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
+@basicInvertedHoverBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
+@basicInvertedDownBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
+@basicInvertedActiveBoxShadow: 0 0 0 2px @selectedWhiteBorderColor;
 
 @basicInvertedColor: @darkWhite;
 @basicInvertedHoverColor: @darkWhiteHover;
@@ -96,7 +96,7 @@
 
 /* Basic Group */
 @basicGroupBorder: 1px solid @borderColor;
-@basicGroupBoxShadow: 0px 0px 0px 1px @borderColor;
+@basicGroupBoxShadow: 0 0 0 1px @borderColor;
 
 /* -------------------
       Variations
@@ -112,7 +112,7 @@
 
 /* Attached */
 @attachedOffset: -1px;
-@attachedBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+@attachedBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 @attachedHorizontalPadding: 0.75em;
 
 /* Floated */

package/src/themes/rtl/globals/site.overrides

@@ -3,4 +3,4 @@
 *******************************/
 
 /* Import Droid Arabic Kufi */
-@import (css) url('https://fonts.googleapis.com/css2?family=Droid+Arabic+Kufi');
+@import (css) url("https://fonts.googleapis.com/css2?family=Droid+Arabic+Kufi");

package/src/themes/rtl/globals/site.variables

@@ -6,8 +6,8 @@
        Fonts
 -------------------- */
 
-@googleFontName : 'Droid Sans';
+@googleFontName: "Droid Sans";
 
 /* Kufi imported in site.overrides */
-@headerFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@pageFont : 'Droid Arabic Kufi', 'Droid Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@headerFont: "Droid Arabic Kufi", "Droid Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@pageFont: "Droid Arabic Kufi", "Droid Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;

package/src/themes/striped/modules/progress.overrides

@@ -25,7 +25,7 @@
 }
 @keyframes progress-striped {
     0% {
-        background-position: 0px 0;
+        background-position: 0 0;
     }
     100% {
         background-position: 60px 0;

package/src/themes/systemfont/globals/site.variables

@@ -2,9 +2,9 @@
      User Global Variables
 *******************************/
 
-@fontName : '';
-@headerFont : @fallbackFonts;
-@pageFont : @fallbackFonts;
-@importGoogleFonts : false;
-@importFonts : false;
-@bold : 600;
+@fontName: "";
+@headerFont: @fallbackFonts;
+@pageFont: @fallbackFonts;
+@importGoogleFonts: false;
+@importFonts: false;
+@bold: 600;

package/src/themes/timeline/views/feed.variables

@@ -6,15 +6,15 @@
       Elements
 -------------------- */
 
-@eventMargin: 0em;
+@eventMargin: 0;
 @eventDivider: none;
-@eventPadding: 0em;
+@eventPadding: 0;
 
 /* Event Label */
 @labelWidth: 3em;
 @labelHeight: auto;
 
-@labeledContentMargin: 0.75em 0em 2em 0.75em;
+@labeledContentMargin: 0.75em 0 2em 0.75em;
 
 /* Icon */
 @iconLabelBackground: @primaryColor;
@@ -23,7 +23,7 @@
 
 /* Metadata Group */
 @metadataDisplay: inline-block;
-@metadataMargin: 1em 0em 0em;
+@metadataMargin: 1em 0 0;
 @metadataBackground: @white @subtleGradient;
 @metadataBorder: 1px solid @solidBorderColor;
 @metadataBorderRadius: 0.25em;

package/src/themes/twitter/elements/button.overrides

@@ -4,7 +4,7 @@
 
 .ui.primary.button {
     box-shadow:
-        0px 0px 0px 1px #3b88c3 inset,
+        0 0 0 1px #3b88c3 inset,
         0 2px 0 rgba(255, 255, 255, 0.15) inset;
 }
 .ui.primary.button > .icon {

package/src/themes/twitter/elements/button.variables

@@ -3,21 +3,21 @@
 -------------------- */
 
 @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
-@textColor: #66757F;
-@blue: #55ACEE;
+@textColor: #66757f;
+@blue: #55acee;
 
 /* -------------------
    Button Variables
 -------------------- */
 
-@backgroundColor: #F5F8FA;
+@backgroundColor: #f5f8fa;
 @backgroundImage: linear-gradient(@white, @backgroundColor);
-@color: #66757F;
-@borderBoxShadowColor: #E1E8ED;
+@color: #66757f;
+@borderBoxShadowColor: #e1e8ed;
 
 @textTransform: none;
 @fontWeight: bold;
-@textColor: #333333;
+@textColor: #333;
 
 @horizontalPadding: 1.284em;
 @verticalPadding: 0.8571em;
@@ -31,13 +31,13 @@
         States
 -------------------- */
 
-@hoverBackgroundColor: #E1E8ED;
+@hoverBackgroundColor: #e1e8ed;
 @hoverBackgroundImage: linear-gradient(@white, @hoverBackgroundColor);
-@hoverColor: #292F33;
+@hoverColor: #292f33;
 
-@downBackgroundColor: #E1E8ED;
-@downColor: #292F33;
-@downPressedShadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;
+@downBackgroundColor: #e1e8ed;
+@downColor: #292f33;
+@downPressedShadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
 
 @labeledIconBackgroundColor: rgba(85, 172, 238, 0.05);
 @labeledIconBorder: rgba(0, 0, 0, 0.1);

package/tasks/install.js

@@ -338,7 +338,7 @@ module.exports = function (callback) {
                 // determine path to site theme folder from theme config
                 // force CSS path variable to use forward slashes for paths
                 pathToSite   = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g, '/'),
-                siteVariable = "@siteFolder   : '" + pathToSite + "/';"
+                siteVariable = "@siteFolder: '" + pathToSite + "/';"
             ;
 
             // rewrite site variable in theme.less

package/.github/workflows/codeql.yml

@@ -1,68 +0,0 @@
-# For most projects, this workflow file will not need changing; you simply need
-# to commit it to your repository.
-#
-# You may wish to alter this file to override the set of languages analyzed,
-# or to provide custom queries or build logic.
-#
-# ******** NOTE ********
-# We have attempted to detect the languages in your repository. Please check
-# the `language` matrix defined below to confirm you have the correct set of
-# supported CodeQL languages.
-#
-name: "CodeQL"
-
-on:
-  push:
-    branches: [ develop ]
-  pull_request:
-    branches: [ develop ]
-
-jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
-    permissions:
-      actions: read
-      contents: read
-      security-events: write
-
-    strategy:
-      fail-fast: false
-      matrix:
-        language: [ 'javascript' ]
-        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
-        # Learn more about CodeQL language support at https://aka.ms/codeql-docs/language-support
-
-    steps:
-    - name: Checkout repository
-      uses: actions/checkout@v3
-
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
-      with:
-        languages: ${{ matrix.language }}
-        config-file: ./.github/codeql/codeql-config.yml
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
-
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
-
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 See https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#jobsjob_idstepsrun
-
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
-
-    #- run: |
-    #   make bootstrap
-    #   make release
-
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2