@natec/mef-dev-ui-kit 20.1.22 → 20.1.24

package/src/lib/styles/icons.scss

@@ -1,338 +1,337 @@
-
 /*------------------------------------------------------------------
 Pages Icons
 ------------------------------------------------------------------ */
 @font-face {
-	font-family: 'pages-icon';
-	src:url('./fonts/pgicon/Pages-icon.eot?-u69vo5');
-	src:url('./fonts/pgicon/Pages-icon.eot?#iefix-u69vo5') format('embedded-opentype'),
-		url('./fonts/pgicon/Pages-icon.woff?-u69vo5') format('woff'),
-		url('./fonts/pgicon/Pages-icon.ttf?-u69vo5') format('truetype'),
-		url('./fonts/pgicon/Pages-icon.svg?-u69vo5#Pages-icon') format('svg');
-	font-weight: normal;
-	font-style: normal;
+    font-family: 'pages-icon';
+    src: url('./fonts/pgicon/Pages-icon.eot?-u69vo5');
+    src:
+        url('./fonts/pgicon/Pages-icon.eot?#iefix-u69vo5') format('embedded-opentype'),
+        url('./fonts/pgicon/Pages-icon.woff?-u69vo5') format('woff'),
+        url('./fonts/pgicon/Pages-icon.ttf?-u69vo5') format('truetype'),
+        url('./fonts/pgicon/Pages-icon.svg?-u69vo5#Pages-icon') format('svg');
+    font-weight: normal;
+    font-style: normal;
 }
 
 .pg {
-  display: inline-block;
-  font: normal normal normal 14px/1 pages-icon;
-  font-size: inherit;
-  text-rendering: auto;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+    display: inline-block;
+    font: normal normal normal 14px/1 pages-icon;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .pg-link:before {
-  content: "\e900";
+    content: '\e900';
 }
 .pg-menu:before {
-  content: "\e901";
+    content: '\e901';
 }
 .pg-alt_menu:before {
-  content: "\e902";
+    content: '\e902';
 }
 .pg-thumbs:before {
-  content: "\e903";
+    content: '\e903';
 }
 .pg-world:before {
-  content: "\e904";
+    content: '\e904';
 }
 .pg-boxnet:before {
-  content: "\e662";
+    content: '\e662';
 }
 .pg-signals:before {
-  content: "\e61c";
+    content: '\e61c';
 }
 .pg-crop:before {
-  content: "\e657";
+    content: '\e657';
 }
 .pg-folder_alt:before {
-  content: "\e658";
+    content: '\e658';
 }
 .pg-folder:before {
-  content: "\e659";
+    content: '\e659';
 }
 .pg-theme:before {
-  content: "\e65a";
+    content: '\e65a';
 }
 .pg-battery_empty:before {
-  content: "\e65b";
+    content: '\e65b';
 }
 .pg-battery:before {
-  content: "\e65c";
+    content: '\e65c';
 }
 .pg-note:before {
-  content: "\e65d";
+    content: '\e65d';
 }
 .pg-server_hard:before {
-  content: "\e65e";
+    content: '\e65e';
 }
 .pg-servers:before {
-  content: "\e65f";
+    content: '\e65f';
 }
 .pg-menu_justify:before {
-  content: "\e660";
+    content: '\e660';
 }
 .pg-credit_card:before {
-  content: "\e60f";
+    content: '\e60f';
 }
 .pg-fullscreen_restore:before {
-  content: "\e633";
+    content: '\e633';
 }
 .pg-fullscreen:before {
-  content: "\e634";
+    content: '\e634';
 }
 .pg-minus:before {
-  content: "\e635";
+    content: '\e635';
 }
 .pg-minus_circle:before {
-  content: "\e63a";
+    content: '\e63a';
 }
 .pg-plus_circle:before {
-  content: "\e656";
+    content: '\e656';
 }
 .pg-refresh_new:before {
-  content: "\e600";
+    content: '\e600';
 }
 .pg-close_line:before {
-  content: "\e601";
+    content: '\e601';
 }
 .pg-close:before {
-  content: "\e60a";
+    content: '\e60a';
 }
 .pg-arrow_down:before {
-  content: "\e60b";
+    content: '\e60b';
 }
 .pg-arrow_left_line_alt:before {
-  content: "\e628";
+    content: '\e628';
 }
 .pg-arrow_left:before {
-  content: "\e629";
+    content: '\e629';
 }
 .pg-arrow_lright_line_alt:before {
-  content: "\e62a";
+    content: '\e62a';
 }
 .pg-arrow_maximize_line:before {
-  content: "\e62b";
+    content: '\e62b';
 }
 .pg-arrow_maximize:before {
-  content: "\e62c";
+    content: '\e62c';
 }
 .pg-arrow_minimize_line:before {
-  content: "\e62f";
+    content: '\e62f';
 }
 .pg-arrow_minimize:before {
-  content: "\e630";
+    content: '\e630';
 }
 .pg-arrow_right:before {
-  content: "\e631";
+    content: '\e631';
 }
 .pg-arrow_up:before {
-  content: "\e632";
+    content: '\e632';
 }
 .pg-more:before {
-  content: "\e655";
+    content: '\e655';
 }
 .pg-bag:before {
-  content: "\e602";
+    content: '\e602';
 }
 .pg-bag1:before {
-  content: "\e603";
+    content: '\e603';
 }
 .pg-bold:before {
-  content: "\e604";
+    content: '\e604';
 }
 .pg-calender:before {
-  content: "\e605";
+    content: '\e605';
 }
 .pg-camera:before {
-  content: "\e606";
+    content: '\e606';
 }
 .pg-centeralign:before {
-  content: "\e607";
+    content: '\e607';
 }
 .pg-charts:before {
-  content: "\e608";
+    content: '\e608';
 }
 .pg-clock:before {
-  content: "\e609";
+    content: '\e609';
 }
 .pg-comment:before {
-  content: "\e60c";
+    content: '\e60c';
 }
 .pg-contact_book:before {
-  content: "\e60d";
+    content: '\e60d';
 }
 .pg-credit_card_line:before {
-  content: "\e60e";
+    content: '\e60e';
 }
 .pg-cupboard:before {
-  content: "\e610";
+    content: '\e610';
 }
 .pg-desktop:before {
-  content: "\e611";
+    content: '\e611';
 }
 .pg-download:before {
-  content: "\e612";
+    content: '\e612';
 }
 .pg-eraser:before {
-  content: "\e613";
+    content: '\e613';
 }
 .pg-extra:before {
-  content: "\e614";
+    content: '\e614';
 }
 .pg-form:before {
-  content: "\e615";
+    content: '\e615';
 }
 .pg-grid:before {
-  content: "\e616";
+    content: '\e616';
 }
 .pg-home:before {
-  content: "\e617";
+    content: '\e617';
 }
 .pg-image:before {
-  content: "\e618";
+    content: '\e618';
 }
 .pg-inbox:before {
-  content: "\e619";
+    content: '\e619';
 }
 .pg-indent:before {
-  content: "\e61a";
+    content: '\e61a';
 }
 .pg-italic:before {
-  content: "\e61b";
+    content: '\e61b';
 }
 .pg-laptop:before {
-  content: "\e61d";
+    content: '\e61d';
 }
 .pg-layouts:before {
-  content: "\e61e";
+    content: '\e61e';
 }
 .pg-layouts2:before {
-  content: "\e61f";
+    content: '\e61f';
 }
 .pg-layouts3:before {
-  content: "\e620";
+    content: '\e620';
 }
 .pg-layouts4:before {
-  content: "\e621";
+    content: '\e621';
 }
 .pg-leftalign:before {
-  content: "\e622";
+    content: '\e622';
 }
 .pg-like:before {
-  content: "\e623";
+    content: '\e623';
 }
 .pg-like1:before {
-  content: "\e624";
+    content: '\e624';
 }
 .pg-lock:before {
-  content: "\e625";
+    content: '\e625';
 }
 .pg-mail:before {
-  content: "\e626";
+    content: '\e626';
 }
 .pg-map:before {
-  content: "\e627";
+    content: '\e627';
 }
 .pg-menu_lv:before {
-  content: "\e62d";
+    content: '\e62d';
 }
 .pg-movie:before {
-  content: "\e636";
+    content: '\e636';
 }
 .pg-ordered_list:before {
-  content: "\e637";
-  color: #231f20;
+    content: '\e637';
+    color: #231f20;
 }
 .pg-outdent:before {
-  content: "\e638";
+    content: '\e638';
 }
 .pg-phone:before {
-  content: "\e639";
+    content: '\e639';
 }
 .pg-plus:before {
-  content: "\e63b";
+    content: '\e63b';
 }
 .pg-power:before {
-  content: "\e63c";
+    content: '\e63c';
 }
 .pg-printer:before {
-  content: "\e63d";
+    content: '\e63d';
 }
 .pg-refresh:before {
-  content: "\e63e";
+    content: '\e63e';
 }
 .pg-resize:before {
-  content: "\e63f";
+    content: '\e63f';
 }
 .pg-right_align:before {
-  content: "\e640";
+    content: '\e640';
 }
 .pg-save:before {
-  content: "\e641";
+    content: '\e641';
 }
 .pg-search:before {
-  content: "\e642";
+    content: '\e642';
 }
 .pg-sent:before {
-  content: "\e643";
+    content: '\e643';
 }
 .pg-settings_small_1:before {
-  content: "\e644";
+    content: '\e644';
 }
 .pg-settings_small:before {
-  content: "\e645";
+    content: '\e645';
 }
 .pg-settings:before {
-  content: "\e646";
+    content: '\e646';
 }
 .pg-shopping_cart:before {
-  content: "\e647";
+    content: '\e647';
 }
 .pg-social:before {
-  content: "\e648";
+    content: '\e648';
 }
 .pg-spam:before {
-  content: "\e649";
+    content: '\e649';
 }
 .pg-suitcase:before {
-  content: "\e64a";
+    content: '\e64a';
 }
 .pg-tables:before {
-  content: "\e64b";
+    content: '\e64b';
 }
 .pg-tablet:before {
-  content: "\e64c";
+    content: '\e64c';
 }
 .pg-telephone:before {
-  content: "\e64d";
+    content: '\e64d';
 }
 .pg-text_style:before {
-  content: "\e64e";
+    content: '\e64e';
 }
 .pg-trash_line:before {
-  content: "\e64f";
+    content: '\e64f';
 }
 .pg-trash:before {
-  content: "\e650";
+    content: '\e650';
 }
 .pg-ui:before {
-  content: "\e651";
+    content: '\e651';
 }
 .pg-underline:before {
-  content: "\e652";
+    content: '\e652';
 }
 .pg-unordered_list:before {
-  content: "\e653";
+    content: '\e653';
 }
 .pg-video:before {
-  content: "\e654";
+    content: '\e654';
 }
 
 /// ....
 
-
 [class^='icon-'],
 [class*=' icon-'] {
     /* use !important to prevent issues with browser extensions that change ../fonts */
@@ -505,7 +504,7 @@ Pages Icons
 }
 
 .icon-copy:before {
-  content: "\e901";
+    content: '\e901';
 }
 
 .icon-code:before {
@@ -520,3 +519,22 @@ Pages Icons
     content: '\e906';
 }
 
+.icon-admin:before {
+    content: '\e907';
+}
+
+.icon-developer:before {
+    content: '\e90a';
+}
+
+.icon-developeradmin:before {
+    content: '\e920';
+}
+
+.icon-enduser:before {
+    content: '\e92d';
+}
+
+.icon-root:before {
+    content: '\e92f';
+}

package/src/lib/styles/pg/modules/_cards.scss

@@ -3,13 +3,12 @@
 $assets-url: "../../assets" ;
 */
 @use '../../vars.scss' as *;
-@use '../_mixins.scss' as mix;
 @use 'sass:color' as color;
 
 .card {
-  @include mix.box-shadow(none);
-  @include mix.border-radius(1px);
-  @include mix.transition(all 0.2s ease);
+  box-shadow: none;
+  border-radius: 1px;
+  transition: all 0.2s ease;
   position: relative;
   margin-bottom: 20px;
   width: 100%;
@@ -47,7 +46,7 @@ $assets-url: "../../assets" ;
       text-overflow: ellipsis;
       -webkit-text-stroke: 0px;
       filter: alpha(opacity=40);
-      @include mix.transition(opacity 0.3s ease);
+      transition: opacity 0.3s ease;
     }
     .card-controls {
       float: right;
@@ -116,7 +115,7 @@ $assets-url: "../../assets" ;
   &.card-transparent {
     background: transparent;
     border: none;
-    @include mix.box-shadow(none);
+    box-shadow: none;
     .card-body {
       background: transparent;
     }
@@ -130,7 +129,7 @@ $assets-url: "../../assets" ;
     }
   }
   &.card-featured {
-    @include mix.box-shadow(-1px 1px 3px 0px rgba(121, 129, 135, 0.14));
+    box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.14);
     width: calc(100% - 50px);
     float: right;
     .card-title {
@@ -176,7 +175,7 @@ $assets-url: "../../assets" ;
       height: 38px;
       margin-left: -39px;
       float: left;
-      @include mix.box-shadow(inset -3px 0px 3px 0px rgba(0, 0, 0, 0.14));
+      box-shadow: inset -3px 0px 3px 0px rgba(0, 0, 0, 0.14);
       &.green {
         background: $color-complete;
       }
@@ -275,7 +274,7 @@ $assets-url: "../../assets" ;
   padding-top: 10px;
   padding-bottom: 10px;
   &.card-refresh {
-    @include mix.transition(opacity 0.3s ease);
+    transition: opacity 0.3s ease;
     &.refreshing {
       opacity: 1;
     }
@@ -333,7 +332,7 @@ $assets-url: "../../assets" ;
   height: 15px;
   display: block;
   background-size: cover;
-  @include mix.transition(opacity 0.3s ease);
+  transition: opacity 0.3s ease;
   &.fade {
     opacity: 0.1;
   }
@@ -347,7 +346,7 @@ $assets-url: "../../assets" ;
   display: block;
   background-size: cover;
   opacity: 0;
-  @include mix.transition(opacity 0.3s ease);
+  transition: opacity 0.3s ease;
   &.active {
     opacity: 1;
   }

package/src/lib/styles/pg/modules/_select.scss

@@ -1,5 +1,4 @@
 @use '../../vars.scss' as *;
-@use '../_mixins.scss' as mix;
 @use "sass:color" as color;
 
 $select-prefix-cls: "pg-select";
@@ -291,7 +290,14 @@ $background-color-base:$color-master-lighter;
     min-height: $input-height-base;
     cursor: text;
     padding-bottom: 3px;
-    @include mix.clearfix;
+    &:before,
+    &:after {
+      content: " ";
+      display: table;
+    }
+    &:after {
+      clear: both;
+    }
     .pg-select-selection__placeholder{
       left: 6px;
     }

package/src/lib/styles/pg/modules/_sidebar.scss

@@ -3,7 +3,6 @@
 */
 @use 'sass:color';
 @use '../../vars.scss' as *;
-@use '../_mixins.scss' as mix;
 
 body {
     &.mobile {

package/src/lib/styles/pg/modules/_switch.scss

@@ -1,6 +1,5 @@
 @use "sass:color";
 @use '../../vars.scss' as *;
-@use '../_mixins.scss' as mix;
 
 $disabled-color_:$color-master-lighter;
 $font-size-base:14px;
@@ -51,7 +50,7 @@ $ease-in-out-circ:ease;
   }
 
   &:focus {
-    box-shadow: 0 0 0 2px fade($color-master-light, 20%);
+    box-shadow: 0 0 0 2px rgba($color-master-light, 0.2);
     outline: 0;
   }
 

package/src/lib/styles/pg/modules/_tabs.scss

@@ -1,7 +1,6 @@
 @use "sass:color";
 @use '../../vars.scss' as *;
 @use '../../fonts.scss' as *;
-@use '../_mixins.scss' as mix;
 
 mefdev-tab, mefdev-tabs-nav, mefdev-tabset {
     display: block;