Merge pull request #585 from plone/upgrade-less-semantic

Upgrade less and semantic ui to latests versions

CHANGELOG.md

@@ -13,6 +13,7 @@
 - Fix HMR missbehaving on both server and client @sneridagh
 - Upgrade to Node 8.14.0 @timo
 - Relaxed node runtime constraints @sneridagh
+- Update to latest LESS and Semantic UI version @sneridagh
 
 ## Added
 

package.json

@@ -98,7 +98,7 @@
     "jest-file": "1.0.0",
     "jsonwebtoken": "8.3.0",
     "jwt-decode": "2.2.0",
-    "less": "2.7.3",
+    "less": "3.9.0",
     "less-loader": "4.1.0",
     "locale": "0.1.0",
     "lodash": "4.17.11",
@@ -129,14 +129,14 @@
     "react-share": "2.3.1",
     "react-side-effect": "1.1.5",
     "react-test-renderer": "16.5.2",
-    "redux-mock-store": "1.5.3",
     "redraft": "0.10.1",
     "redux": "4.0.0",
     "redux-connect": "8.0.0",
     "redux-devtools-extension": "2.13.5",
+    "redux-mock-store": "1.5.3",
     "redux-thunk": "2.3.0",
-    "semantic-ui-less": "2.3.1",
-    "semantic-ui-react": "0.82.5",
+    "semantic-ui-less": "2.4.1",
+    "semantic-ui-react": "0.84.0",
     "serialize-javascript": "1.5.0",
     "style-loader": "0.23.0",
     "superagent": "4.0.0-beta.5",

theme/theme.config

@@ -18,66 +18,67 @@
 */
 
 /* Global */
-@site       : 'pastanaga';
-@reset      : 'pastanaga';
+@site        : 'pastanaga';
+@reset       : 'pastanaga';
 
 /* Elements */
-@button     : 'pastanaga';
-@container  : 'pastanaga';
-@divider    : 'pastanaga';
-@flag       : 'pastanaga';
-@header     : 'pastanaga';
-@icon       : 'pastanaga';
-@image      : 'pastanaga';
-@input      : 'pastanaga';
-@label      : 'pastanaga';
-@list       : 'pastanaga';
-@loader     : 'pastanaga';
-@rail       : 'pastanaga';
-@reveal     : 'pastanaga';
-@segment    : 'pastanaga';
-@step       : 'pastanaga';
+@button      : 'pastanaga';
+@container   : 'pastanaga';
+@divider     : 'pastanaga';
+@flag        : 'pastanaga';
+@header      : 'pastanaga';
+@icon        : 'pastanaga';
+@image       : 'pastanaga';
+@input       : 'pastanaga';
+@label       : 'pastanaga';
+@list        : 'pastanaga';
+@loader      : 'pastanaga';
+@placeholder : 'pastanaga';
+@rail        : 'pastanaga';
+@reveal      : 'pastanaga';
+@segment     : 'pastanaga';
+@step        : 'pastanaga';
 
 /* Collections */
-@breadcrumb : 'pastanaga';
-@form       : 'pastanaga';
-@grid       : 'pastanaga';
-@menu       : 'pastanaga';
-@message    : 'pastanaga';
-@table      : 'pastanaga';
+@breadcrumb  : 'pastanaga';
+@form        : 'pastanaga';
+@grid        : 'pastanaga';
+@menu        : 'pastanaga';
+@message     : 'pastanaga';
+@table       : 'pastanaga';
 
 /* Modules */
-@accordion  : 'pastanaga';
-@checkbox   : 'pastanaga';
-@dimmer     : 'pastanaga';
-@dropdown   : 'pastanaga';
-@embed      : 'pastanaga';
-@modal      : 'pastanaga';
-@nag        : 'pastanaga';
-@popup      : 'pastanaga';
-@progress   : 'pastanaga';
-@rating     : 'pastanaga';
-@search     : 'pastanaga';
-@shape      : 'pastanaga';
-@sidebar    : 'pastanaga';
-@sticky     : 'pastanaga';
-@tab        : 'pastanaga';
-@transition : 'pastanaga';
+@accordion   : 'pastanaga';
+@checkbox    : 'pastanaga';
+@dimmer      : 'pastanaga';
+@dropdown    : 'pastanaga';
+@embed       : 'pastanaga';
+@modal       : 'pastanaga';
+@nag         : 'pastanaga';
+@popup       : 'pastanaga';
+@progress    : 'pastanaga';
+@rating      : 'pastanaga';
+@search      : 'pastanaga';
+@shape       : 'pastanaga';
+@sidebar     : 'pastanaga';
+@sticky      : 'pastanaga';
+@tab         : 'pastanaga';
+@transition  : 'pastanaga';
 
 /* Views */
-@ad         : 'pastanaga';
-@card       : 'pastanaga';
-@comment    : 'pastanaga';
-@feed       : 'pastanaga';
-@item       : 'pastanaga';
-@statistic  : 'pastanaga';
+@ad          : 'pastanaga';
+@card        : 'pastanaga';
+@comment     : 'pastanaga';
+@feed        : 'pastanaga';
+@item        : 'pastanaga';
+@statistic   : 'pastanaga';
 
 /*******************************
             Folders
 *******************************/
 
 /* Path to theme packages */
-@themesFolder : '../../theme/themes';
+@themesFolder  : '../../theme/themes';
 
 /* Path to site override folder */
 @siteFolder  : "../../theme";
@@ -87,7 +88,7 @@
          Import Theme
 *******************************/
 
-@import "~semantic-ui-less/theme.less";
+@import (multiple) "~semantic-ui-less/theme.less";
 @fontPath : "../../@{theme}/assets/fonts";
 
 /* End Config */

theme/themes/default/collections/menu.variables

@@ -321,7 +321,7 @@
 @tabularVerticalBackground: none @tabularBackgroundColor;
 
 @tabularFluidOffset: 1px;
-@tabularFluidWidth: ~"calc(100% + "(@tabularFluidOffset * 2)~")";
+@tabularFluidWidth: calc(100% + (@tabularFluidOffset * 2));
 
 @tabularActiveBackground: none @white;
 @tabularActiveColor: @selectedTextColor;
@@ -430,7 +430,7 @@
 @attachedTopOffset: 0px;
 @attachedBottomOffset: 0px;
 @attachedHorizontalOffset: -@borderWidth;
-@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
+@attachedWidth: calc(100% - (@attachedHorizontalOffset * 2));
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:

theme/themes/default/collections/table.variables

@@ -152,7 +152,7 @@
 @attachedTopOffset: 0px;
 @attachedBottomOffset: 0px;
 @attachedHorizontalOffset: -@borderWidth;
-@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
+@attachedWidth: calc(100% - (@attachedHorizontalOffset * 2));
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:

theme/themes/default/elements/button.variables

@@ -318,12 +318,14 @@
 /* Ordinality */
 @primaryBackgroundImage: @coloredBackgroundImage;
 @primaryTextColor: @invertedTextColor;
+@lightPrimaryTextColor: @invertedTextColor;
 @primaryTextShadow: @invertedTextShadow;
 @primaryBoxShadow: @coloredBoxShadow;
 
 @secondaryBackgroundImage: @coloredBackgroundImage;
 @secondaryTextColor: @invertedTextColor;
 @secondaryTextShadow: @invertedTextShadow;
+@lightSecondaryTextColor: @invertedTextColor;
 @secondaryBoxShadow: @coloredBoxShadow;
 
 @positiveBackgroundImage: @coloredBackgroundImage;

theme/themes/default/elements/flag.overrides

@@ -310,6 +310,7 @@ i.flag.gabon:before {
   background-position: -36px 0px;
 }
 i.flag.gb:before,
+i.flag.uk:before,
 i.flag.united.kingdom:before {
   background-position: -36px -26px;
 }