@mediusinc/mng-commons 1.3.0-1c14fa2b → 2.0.0-rc.0-08f92864

package/scss/common/layout/_exception.scss

@@ -77,7 +77,7 @@
             max-width: 320px;
         }
 
-        p-button {
+        button {
             margin-top: 50px;
         }
     }

package/scss/common/layout/_inlinemenu.scss

@@ -15,6 +15,9 @@
         cursor: pointer;
         padding: 2rem 2rem 1rem 2rem;
         color: $textColor;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
 
         img {
             border-radius: 22px;
@@ -23,6 +26,13 @@
 
         .layout-inline-menu-text {
             font-weight: 500;
+            display: flex;
+            flex-direction: column;
+            margin-left: 0.5rem;
+        }
+
+        .layout-inline-menu-icon {
+            margin-left: auto;
         }
     }
 
@@ -41,6 +51,9 @@
             }
 
             a {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
                 padding: 0.5rem 1rem;
                 border-left: 8px solid transparent;
                 border-radius: 8px;

package/scss/common/layout/_login.scss

@@ -8,6 +8,7 @@
 
         img {
             height: 100vh;
+            max-width: 490px;
         }
     }
 

package/scss/common/layout/_rightmenu.scss

@@ -56,6 +56,8 @@
     }
 
     .user-tasks {
+        display: flex;
+        justify-content: space-between;
         padding: 1.5rem 1rem;
         border-bottom: 1px solid $dividerColor;
 
@@ -69,6 +71,9 @@
             }
 
             .task-number {
+                display: flex;
+                justify-content: center;
+                align-items: center;
                 background-color: $rightMenuButtonBg;
                 color: $textColor;
                 text-align: center;

package/scss/common/layout/menu/_menu_common.scss

@@ -168,7 +168,7 @@
                     padding: 6px;
 
                     > a {
-                        padding: 0.75rem 1.25rem;
+                        padding: 0.75rem 1rem;
                     }
                 }
             }

package/scss/common/theme/designer/_components.scss

@@ -29,7 +29,7 @@
 //Button
 @import './components/button/_button';
 // @import './components/button/_speeddial';
-// @import './components/button/_splitbutton';
+@import './components/button/_splitbutton';
 
 //Data
 // @import './components/data/_carousel';
@@ -72,13 +72,13 @@
 // @import './components/menu/_contextmenu';
 @import './components/menu/_dock';
 // @import './components/menu/_megamenu';
-// @import './components/menu/_menu';
+@import './components/menu/_menu';
 // @import './components/menu/_menubar';
 // @import './components/menu/_panelmenu';
-// @import './components/menu/_slidemenu';
+@import './components/menu/_slidemenu';
 @import './components/menu/_steps';
 // @import './components/menu/_tabmenu';
-// @import './components/menu/_tieredmenu';
+//@import './components/menu/_tieredmenu';
 
 //Messages
 // @import './components/messages/_inlinemessage';

package/scss/common/theme/designer/_mixins.scss

@@ -10,6 +10,12 @@
     box-shadow: $focusShadow;
 }
 
+@mixin focused-inset() {
+    outline: $focusOutline;
+    outline-offset: $focusOutlineOffset;
+    box-shadow: inset $focusShadow;
+}
+
 @mixin focused-input() {
     @include focused();
     border-color: $inputFocusBorderColor;
@@ -172,3 +178,26 @@
 @function shade($color, $percentage) {
     @return mix(#000, $color, $percentage);
 }
+
+@mixin button-states {
+    // <button> and <a> tags support :enabled selector.
+
+    &:enabled,
+    &:not(button):not(a):not(.p-disabled) {
+        @content;
+    }
+}
+
+@mixin menuitem-badge {
+    background: $badgeBg;
+    color: $badgeTextColor;
+    font-size: $badgeFontSize;
+    font-weight: $badgeFontWeight;
+    min-width: $badgeMinWidth;
+    height: $badgeHeight;
+    line-height: $badgeHeight;
+    border-radius: $borderRadius;
+    margin-left: $inlineSpacing;
+    padding-left: $inlineSpacing;
+    padding-right: $inlineSpacing;
+}

package/scss/common/theme/extensions/_datatable.scss

@@ -76,8 +76,8 @@
     }
 
     &.p-datatable-scrollable {
-        .p-datatable-thead {
-            background: $overlayContentBg;
+        .p-datatable-thead th {
+            background: $solidSurfaceColor;
         }
     }
 }

package/scss/common/variables/layout/_layout_dark.scss

@@ -42,7 +42,6 @@ $submenuItemTextColor: $textColor !default;
 $submenuItemHoverTextColor: $textColor !default;
 $submenuItemHoverBg: rgba(255, 255, 255, 0.05) !default;
 $activeSubmenuItemTextColor: $primaryColor !default;
-$submenuHeaderFontWeight: 500 !default;
 
 $overlayMenuActiveBg: rgba(255, 255, 255, 0.05) !default;
 $overlayMenuItemActiveBg: $primaryColor !default;

package/scss/common/variables/layout/_layout_light.scss

@@ -42,7 +42,6 @@ $submenuItemTextColor: $textColor !default;
 $submenuItemHoverTextColor: $textColor !default;
 $submenuItemHoverBg: rgba(68, 72, 109, 0.07) !default;
 $activeSubmenuItemTextColor: $primaryColor !default;
-$submenuHeaderFontWeight: 500 !default;
 
 $overlayMenuActiveBg: rgba(68, 72, 109, 0.07) !default;
 $overlayMenuItemActiveBg: $primaryColor !default;

package/scss/common/variables/theme/_theme_dark.scss

@@ -8,8 +8,9 @@ $colors: (
     'teal': #009688,
     'orange': #f57c00,
     'bluegray': #607d8b,
-    'purple': #9c27b0
-);
+    'purple': #9c27b0,
+    'primary': $primaryColor
+) !default;
 
 //shades
 $shade000: #ffffff !default; //text color
@@ -21,7 +22,9 @@ $shade700: rgba(255, 255, 255, 0.15) !default; //Alpha-03
 $shade800: rgba(255, 255, 255, 0.2) !default; //Alpha-04
 $shade900: rgba(255, 255, 255, 0.25) !default; //Alpha-05
 
-$solidSurfaceColor: #0a061a;
+$solidSurfaceColor: #0a061a !default;
+
+$hoverBg: rgba(255, 255, 255, 0.03) !default;
 
 //global
 $fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
@@ -166,16 +169,16 @@ $infoButtonActiveBorderColor: transparent !default;
 $infoButtonShadow: 0px 0px 10px rgba(135, 62, 254, 0.3) !default;
 $infoButtonFocusShadow: none !default;
 
-$successButtonBg: #397289 !default;
+$successButtonBg: #0bd18a !default;
 $successButtonTextColor: #ffffff !default;
 $successButtonBorder: 1px solid transparent !default;
-$successButtonHoverBg: #68a4bb !default;
+$successButtonHoverBg: #049b65 !default;
 $successButtonTextHoverColor: $successButtonTextColor !default;
 $successButtonHoverBorderColor: transparent !default;
-$successButtonActiveBg: #264e5e !default;
+$successButtonActiveBg: #017e52 !default;
 $successButtonTextActiveColor: $successButtonTextColor !default;
 $successButtonActiveBorderColor: transparent !default;
-$successButtonShadow: 0px 0px 10px rgba(38, 78, 94, 0.3) !default;
+$successButtonShadow: 0px 0px 10px rgba(11, 209, 138, 0.3) !default;
 $successButtonFocusShadow: none !default;
 
 $warningButtonBg: #eee500 !default;
@@ -202,7 +205,7 @@ $helpButtonActiveBorderColor: transparent !default;
 $helpButtonShadow: 0px 0px 10px rgba(236, 77, 188, 0.3) !default;
 $helpButtonFocusShadow: none !default;
 
-$dangerButtonBg: #af1d1d !default;
+$dangerButtonBg: #fc6161 !default;
 $dangerButtonTextColor: #ffffff !default;
 $dangerButtonBorder: 1px solid transparent !default;
 $dangerButtonHoverBg: #e73a3a !default;
@@ -250,6 +253,7 @@ $colorPickerPreviewWidth: 2rem !default;
 $colorPickerPreviewHeight: 2rem !default;
 $colorPickerBg: $shade500 !default;
 $colorPickerBorderColor: $shade500 !default;
+$colorPickerBorder: 1px solid $shade500 !default;
 $colorPickerHandleColor: #ffffff !default;
 
 //togglebutton
@@ -316,6 +320,7 @@ $calendarHeaderCellPadding: 0.357rem !default;
 $calendarHeaderCellFontWeight: 500 !default;
 $calendarHeaderCellFontSize: 12px !default;
 $calendarHeaderCellTextColor: $shade200 !default;
+$calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
 
 $calendarCellDateBg: $shade500 !default;
 $calendarCellDatePadding: 0.357rem !default;
@@ -366,6 +371,7 @@ $panelHeaderTextHoverColor: $shade000 !default;
 
 $panelContentBorderColor: $shade700 !default;
 $panelContentBorder: 1px solid $shade700 !default;
+$panelContentEvenRowBg: rgba(255, 255, 255, 0.01) !default;
 $panelContentBg: transparent !default;
 $panelContentTextColor: $shade000 !default;
 $panelContentPadding: 1.143rem !default;
@@ -685,6 +691,7 @@ $progressBarHeight: 0.571rem !default;
 $progressBarBorder: 0 none !default;
 $progressBarBg: $shade600 !default;
 $progressBarValueBg: $primaryColor !default;
+$progressBarValueTextColor: $primaryTextColor !default;
 
 //menu (e.g. menu, menubar, tieredmenu)
 $menuWidth: 12.5rem !default;
@@ -813,38 +820,38 @@ $galleriaThumbnailNavigatorWidth: 2rem !default;
 $galleriaThumbnailNavigatorHeight: 2rem !default;
 
 //divider
-$dividerHorizontalMargin: 1rem 0;
-$dividerHorizontalPadding: 0 1rem;
-$dividerVerticalMargin: 0 1rem;
-$dividerVerticalPadding: 1rem 0;
-$dividerSize: 1px;
-$dividerColor: $shade700;
+$dividerHorizontalMargin: 1rem 0 !default;
+$dividerHorizontalPadding: 0 1rem !default;
+$dividerVerticalMargin: 0 1rem !default;
+$dividerVerticalPadding: 1rem 0 !default;
+$dividerSize: 1px !default;
+$dividerColor: $shade700 !default;
 
 //avatar
-$avatarBg: $shade500;
-$avatarTextColor: $textColor;
+$avatarBg: $shade500 !default;
+$avatarTextColor: $textColor !default;
 
 //chip
-$chipBg: $shade500;
-$chipTextColor: $textColor;
-$chipBorderRadius: 16px;
+$chipBg: $shade500 !default;
+$chipTextColor: $textColor !default;
+$chipBorderRadius: 16px !default;
 
 //scrollTop
-$scrollTopBg: $highlightBg;
-$scrollTopHoverBg: scale-color($highlightBg, $alpha: 24%);
-$scrollTopWidth: 3rem;
-$scrollTopHeight: 3rem;
-$scrollTopBorderRadius: 50%;
-$scrollTopFontSize: 1.5rem;
-$scrollTopTextColor: $highlightTextColor;
+$scrollTopBg: $highlightBg !default;
+$scrollTopHoverBg: scale-color($highlightBg, $alpha: 24%) !default;
+$scrollTopWidth: 3rem !default;
+$scrollTopHeight: 3rem !default;
+$scrollTopBorderRadius: 50% !default;
+$scrollTopFontSize: 1.5rem !default;
+$scrollTopTextColor: $highlightTextColor !default;
 
 //skeleton
-$skeletonBg: rgba(255, 255, 255, 0.06);
-$skeletonAnimationBg: rgba(255, 255, 255, 0.04);
+$skeletonBg: rgba(255, 255, 255, 0.06) !default;
+$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default;
 
 //splitter
-$splitterGutterBg: $shade700;
-$splitterGutterHandleBg: $shade700;
+$splitterGutterBg: $shade700 !default;
+$splitterGutterHandleBg: $shade700 !default;
 
 //speeddial
 $speedDialButtonWidth: 4rem !default;
@@ -884,28 +891,47 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
 $imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
-    --surface-a: #{$shade200};
-    --surface-b: #{$shade500};
-    --surface-c: #{$shade600};
-    --surface-d: #{$shade700};
+    --surface-a: #{$shade800};
+    --surface-b: #{$shade900};
+    --surface-c: #{$hoverBg};
+    --surface-d: #{$shade600};
     --surface-e: #{$shade800};
-    --surface-f: #{$shade900};
+    --surface-f: #{$shade800};
     --text-color: #{$shade000};
     --text-color-secondary: #{$shade100};
     --primary-color: #{$primaryColor};
     --primary-color-text: #{$primaryTextColor};
     --font-family: #{$fontFamily};
-    --surface-0: #17212f;
-    --surface-50: #1d2734;
-    --surface-100: #232c39;
-    --surface-200: #28323f;
-    --surface-300: #2e3744;
-    --surface-400: #343d49;
-    --surface-500: #3a424e;
-    --surface-600: #404853;
-    --surface-700: #454d59;
-    --surface-800: #4b535e;
-    --surface-900: #515963;
+    --surface-0: #0a061a;
+    --surface-50: #231f31;
+    --surface-100: #3b3848;
+    --surface-200: #54515f;
+    --surface-300: #6c6a76;
+    --surface-400: #85838d;
+    --surface-500: #9d9ba3;
+    --surface-600: #b6b4ba;
+    --surface-700: #cecdd1;
+    --surface-800: #e7e6e8;
+    --surface-900: #ffffff;
+    --gray-50: #e7e6e8;
+    --gray-100: #cecdd1;
+    --gray-200: #b6b4ba;
+    --gray-300: #9d9ba3;
+    --gray-400: #85838d;
+    --gray-500: #6c6a76;
+    --gray-600: #54515f;
+    --gray-700: #3b3848;
+    --gray-800: #231f31;
+    --gray-900: #0a061a;
     --content-padding: #{$panelContentPadding};
     --inline-spacing: #{$inlineSpacing};
+    --border-radius: #{$borderRadius};
+    --surface-ground: linear-gradient(180deg, #2e323f 0%, #0a061a 100%);
+    --surface-section: linear-gradient(180deg, #2e323f 0%, #0a061a 100%);
+    --surface-card: rgba(255, 255, 255, 0.05);
+    --surface-overlay: linear-gradient(180deg, #2e323f 0%, #0a061a 100%);
+    --surface-border: rgba(255, 255, 255, 0.15);
+    --surface-hover: rgba(255, 255, 255, 0.05);
+    --maskbg: #{$maskBg};
+    --focus-ring: #{$focusShadow};
 }

package/scss/common/variables/theme/_theme_light.scss

@@ -8,8 +8,9 @@ $colors: (
     'teal': #009688,
     'orange': #f57c00,
     'bluegray': #607d8b,
-    'purple': #9c27b0
-);
+    'purple': #9c27b0,
+    'primary': $primaryColor
+) !default;
 
 //reused color variables
 $shade000: transparent !default; //surface
@@ -21,7 +22,7 @@ $shade500: #8a8ea6 !default; //text third color
 $shade600: #676b89 !default; //text secondary color
 $shade700: #44486d !default; //text color
 
-$solidSurfaceColor: white;
+$solidSurfaceColor: #ececf9 !default;
 
 //global
 $fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
@@ -74,7 +75,7 @@ $inputHoverBorderColor: transparent !default;
 $inputFocusBorderColor: $primaryColor !default;
 $inputErrorBorderColor: $errorColor !default;
 $inputPlaceholderTextColor: $shade500 !default;
-$inputFilledBg: $shade000 !default; //??
+$inputFilledBg: $shade000 !default;
 $inputFilledHoverBg: $inputFilledBg !default;
 $inputFilledFocusBg: $shade100 !default;
 
@@ -166,16 +167,16 @@ $infoButtonActiveBorderColor: transparent !default;
 $infoButtonShadow: 0px 0px 10px rgba(135, 62, 254, 0.25) !default;
 $infoButtonFocusShadow: none !default;
 
-$successButtonBg: #397289 !default;
+$successButtonBg: #0bd18a !default;
 $successButtonTextColor: #ffffff !default;
 $successButtonBorder: 1px solid transparent !default;
-$successButtonHoverBg: #68a4bb !default;
+$successButtonHoverBg: #049b65 !default;
 $successButtonTextHoverColor: $successButtonTextColor !default;
 $successButtonHoverBorderColor: transparent !default;
-$successButtonActiveBg: #264e5e !default;
+$successButtonActiveBg: #017e52 !default;
 $successButtonTextActiveColor: $successButtonTextColor !default;
 $successButtonActiveBorderColor: transparent !default;
-$successButtonShadow: 0px 0px 10px rgba(38, 78, 94, 0.3) !default;
+$successButtonShadow: 0px 0px 10px rgba(11, 209, 138, 0.25) !default;
 $successButtonFocusShadow: none !default;
 
 $warningButtonBg: #eee500 !default;
@@ -202,7 +203,7 @@ $helpButtonActiveBorderColor: transparent !default;
 $helpButtonShadow: 0px 0px 10px rgba(236, 77, 188, 0.25) !default;
 $helpButtonFocusShadow: none !default;
 
-$dangerButtonBg: #af1d1d !default;
+$dangerButtonBg: #fc6161 !default;
 $dangerButtonTextColor: #ffffff !default;
 $dangerButtonBorder: 1px solid transparent !default;
 $dangerButtonHoverBg: #e73a3a !default;
@@ -250,6 +251,7 @@ $colorPickerPreviewWidth: 2rem !default;
 $colorPickerPreviewHeight: 2rem !default;
 $colorPickerBg: $shade100 !default;
 $colorPickerBorderColor: #191919 !default;
+$colorPickerBorder: 1px solid #191919 !default;
 $colorPickerHandleColor: #191919 !default;
 
 //togglebutton
@@ -316,6 +318,7 @@ $calendarHeaderCellPadding: 0.357rem !default;
 $calendarHeaderCellFontWeight: 500 !default;
 $calendarHeaderCellFontSize: 12px !default;
 $calendarHeaderCellTextColor: $shade500 !default;
+$calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
 
 $calendarCellDateBg: $shade100 !default;
 $calendarCellDatePadding: 0.357rem !default;
@@ -367,6 +370,7 @@ $panelHeaderTextHoverColor: $shade700 !default;
 $panelContentBorderColor: $shade300 !default;
 $panelContentBorder: 1px solid $shade300 !default;
 $panelContentBg: transparent !default;
+$panelContentEvenRowBg: scale-color($panelContentBg, $lightness: -1%) !default;
 $panelContentTextColor: $shade700 !default;
 $panelContentPadding: 1.143rem !default;
 
@@ -686,6 +690,7 @@ $progressBarHeight: 0.571rem !default;
 $progressBarBorder: 0 none !default;
 $progressBarBg: $shade200 !default;
 $progressBarValueBg: $primaryColor !default;
+$progressBarValueTextColor: $primaryTextColor !default;
 
 //menu (e.g. menu, menubar, tieredmenu)
 $menuWidth: 12.5rem !default;
@@ -814,38 +819,38 @@ $galleriaThumbnailNavigatorWidth: 2rem !default;
 $galleriaThumbnailNavigatorHeight: 2rem !default;
 
 //divider
-$dividerHorizontalMargin: 1rem 0;
-$dividerHorizontalPadding: 0 1rem;
-$dividerVerticalMargin: 0 1rem;
-$dividerVerticalPadding: 1rem 0;
-$dividerSize: 1px;
-$dividerColor: $shade300;
+$dividerHorizontalMargin: 1rem 0 !default;
+$dividerHorizontalPadding: 0 1rem !default;
+$dividerVerticalMargin: 0 1rem !default;
+$dividerVerticalPadding: 1rem 0 !default;
+$dividerSize: 1px !default;
+$dividerColor: $shade300 !default;
 
 //avatar
-$avatarBg: $shade300;
-$avatarTextColor: $textColor;
+$avatarBg: $shade300 !default;
+$avatarTextColor: $textColor !default;
 
 //chip
-$chipBg: $shade300;
-$chipTextColor: $textColor;
-$chipBorderRadius: 16px;
+$chipBg: $shade300 !default;
+$chipTextColor: $textColor !default;
+$chipBorderRadius: 16px !default;
 
 //scrollTop
-$scrollTopBg: rgba(0, 0, 0, 0.7);
-$scrollTopHoverBg: rgba(0, 0, 0, 0.8);
-$scrollTopWidth: 3rem;
-$scrollTopHeight: 3rem;
-$scrollTopBorderRadius: 50%;
-$scrollTopFontSize: 1.5rem;
-$scrollTopTextColor: $shade000;
+$scrollTopBg: rgba(0, 0, 0, 0.7) !default;
+$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default;
+$scrollTopWidth: 3rem !default;
+$scrollTopHeight: 3rem !default;
+$scrollTopBorderRadius: 50% !default;
+$scrollTopFontSize: 1.5rem !default;
+$scrollTopTextColor: $shade000 !default;
 
 //skeleton
-$skeletonBg: $shade100;
-$skeletonAnimationBg: rgba(255, 255, 255, 0.4);
+$skeletonBg: $shade100 !default;
+$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default;
 
 //splitter
-$splitterGutterBg: $shade300;
-$splitterGutterHandleBg: $shade300;
+$splitterGutterBg: $shade300 !default;
+$splitterGutterHandleBg: $shade300 !default;
 
 //speeddial
 $speedDialButtonWidth: 4rem !default;
@@ -889,11 +894,43 @@ $imagePreviewActionIconBorderRadius: 50% !default;
     --surface-b: #{$shade100};
     --surface-c: #{$shade200};
     --surface-d: #{$shade300};
-    --surface-e: #{$shade400};
-    --surface-f: #{$shade500};
+    --surface-e: #{$shade000};
+    --surface-f: #{$shade000};
     --text-color: #{$shade700};
     --text-color-secondary: #{$shade600};
     --primary-color: #{$primaryColor};
     --primary-color-text: #{$primaryTextColor};
     --font-family: #{$fontFamily};
+    --surface-0: #ffffff;
+    --surface-50: #e1e2e8;
+    --surface-100: #cbccd6;
+    --surface-200: #b4b6c5;
+    --surface-300: #9ea0b3;
+    --surface-400: #878aa2;
+    --surface-500: #717490;
+    --surface-600: #5a5e7f;
+    --surface-700: #44486d;
+    --surface-800: #3c3f60;
+    --surface-900: #343753;
+    --gray-50: #e1e2e8;
+    --gray-100: #cbccd6;
+    --gray-200: #b4b6c5;
+    --gray-300: #9ea0b3;
+    --gray-400: #878aa2;
+    --gray-500: #717490;
+    --gray-600: #5a5e7f;
+    --gray-700: #44486d;
+    --gray-800: #3c3f60;
+    --gray-900: #343753;
+    --content-padding: #{$panelContentPadding};
+    --inline-spacing: #{$inlineSpacing};
+    --border-radius: #{$borderRadius};
+    --surface-ground: linear-gradient(180deg, #f6f9fc 0%, #ececf9 100%);
+    --surface-section: #ffffff;
+    --surface-card: rgba(255, 255, 255, 0.9);
+    --surface-overlay: #ececf9;
+    --surface-border: rgba(68, 72, 109, 0.2);
+    --surface-hover: rgba(68, 72, 109, 0.07);
+    --maskbg: #{$maskBg};
+    --focus-ring: #{$focusShadow};
 }

package/scss/mng-overrides/_layout_menu.scss

@@ -4,3 +4,7 @@
         font-size: 0.875rem;
     }
 }
+
+.p-slidemenu {
+    width: auto !important;
+}

package/version-info.json

@@ -1,10 +1,10 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "1.3.0-1c14fa2b",
-    "tag": "v1.3.0",
-    "distance": 0,
-    "hash": "1c14fa2b",
+    "version": "2.0.0-rc.0-08f92864",
+    "tag": "v1.4.0-rc.0",
+    "distance": 21,
+    "hash": "08f92864",
     "dirty": true,
-    "semver": "1.3.0+0.g1c14fa2b.dirty",
-    "raw": "v1.3.0-1c14fa2b-dirty"
+    "semver": "1.4.0-rc.0+21.g08f92864.dirty",
+    "raw": "v1.4.0-rc.0-21-08f92864-dirty"
 }

package/esm2020/lib/descriptors/action-button.descriptor.mjs

@@ -1,60 +0,0 @@
-import { ButtonStyleBuilder } from '../styles';
-export class ActionButtonDescriptor {
-    constructor() {
-        this._iconPosition = 'left';
-        this._styleClass = new ButtonStyleBuilder();
-    }
-    withLabel(label) {
-        this._label = label;
-        return this;
-    }
-    withIcon(icon) {
-        this._icon = icon;
-        return this;
-    }
-    withIconPosition(iconPosition) {
-        this._iconPosition = iconPosition;
-        return this;
-    }
-    withStyleClass(style) {
-        this._styleClass = style;
-        return this;
-    }
-    withBadge(badge) {
-        this._badge = badge;
-        return this;
-    }
-    withTooltip(tooltip) {
-        this._tooltip = tooltip;
-        return this;
-    }
-    get label() {
-        return this._label;
-    }
-    get icon() {
-        return this._icon;
-    }
-    get iconPosition() {
-        return this._iconPosition;
-    }
-    get styleClass() {
-        return this._styleClass;
-    }
-    get badge() {
-        return this._badge;
-    }
-    get tooltip() {
-        return this._tooltip;
-    }
-    copy() {
-        const descriptor = new ActionButtonDescriptor();
-        descriptor._label = this._label;
-        descriptor._icon = this._icon;
-        descriptor._iconPosition = this._iconPosition;
-        descriptor._styleClass = this._styleClass;
-        descriptor._badge = this._badge;
-        descriptor._tooltip = this._tooltip;
-        return descriptor;
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5kZXNjcmlwdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9kZXNjcmlwdG9ycy9hY3Rpb24tYnV0dG9uLmRlc2NyaXB0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sV0FBVyxDQUFDO0FBRTdDLE1BQU0sT0FBTyxzQkFBc0I7SUFBbkM7UUFJWSxrQkFBYSxHQUFxQixNQUFNLENBQUM7UUFFekMsZ0JBQVcsR0FBRyxJQUFJLGtCQUFrQixFQUFFLENBQUM7SUFxRW5ELENBQUM7SUFoRVUsU0FBUyxDQUFDLEtBQXFCO1FBQ2xDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxRQUFRLENBQUMsSUFBbUI7UUFDL0IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLFlBQThCO1FBQ2xELElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDO1FBQ2xDLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxjQUFjLENBQUMsS0FBeUI7UUFDM0MsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFhO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxXQUFXLENBQUMsT0FBZTtRQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQztRQUN4QixPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ1osT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNuQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQVcsS0FBSztRQUNaLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFFTSxJQUFJO1FBQ1AsTUFBTSxVQUFVLEdBQUcsSUFBSSxzQkFBc0IsRUFBRSxDQUFDO1FBQ2hELFVBQVUsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNoQyxVQUFVLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDOUIsVUFBVSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBQzlDLFVBQVUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUMxQyxVQUFVLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDaEMsVUFBVSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BDLE9BQU8sVUFBVSxDQUFDO0lBQ3RCLENBQUM7Q0FDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QnV0dG9uU3R5bGVCdWlsZGVyfSBmcm9tICcuLi9zdHlsZXMnO1xuXG5leHBvcnQgY2xhc3MgQWN0aW9uQnV0dG9uRGVzY3JpcHRvciB7XG4gICAgcHJpdmF0ZSBfbGFiZWw/OiBzdHJpbmcgfCBudWxsO1xuXG4gICAgcHJpdmF0ZSBfaWNvbj86IHN0cmluZyB8IG51bGw7XG4gICAgcHJpdmF0ZSBfaWNvblBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuXG4gICAgcHJpdmF0ZSBfc3R5bGVDbGFzcyA9IG5ldyBCdXR0b25TdHlsZUJ1aWxkZXIoKTtcblxuICAgIHByaXZhdGUgX2JhZGdlPzogc3RyaW5nO1xuICAgIHByaXZhdGUgX3Rvb2x0aXA/OiBzdHJpbmc7XG5cbiAgICBwdWJsaWMgd2l0aExhYmVsKGxhYmVsPzogc3RyaW5nIHwgbnVsbCk6IHRoaXMge1xuICAgICAgICB0aGlzLl9sYWJlbCA9IGxhYmVsO1xuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG5cbiAgICBwdWJsaWMgd2l0aEljb24oaWNvbjogc3RyaW5nIHwgbnVsbCk6IHRoaXMge1xuICAgICAgICB0aGlzLl9pY29uID0gaWNvbjtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuXG4gICAgcHVibGljIHdpdGhJY29uUG9zaXRpb24oaWNvblBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnKTogdGhpcyB7XG4gICAgICAgIHRoaXMuX2ljb25Qb3NpdGlvbiA9IGljb25Qb3NpdGlvbjtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuXG4gICAgcHVibGljIHdpdGhTdHlsZUNsYXNzKHN0eWxlOiBCdXR0b25TdHlsZUJ1aWxkZXIpOiB0aGlzIHtcbiAgICAgICAgdGhpcy5fc3R5bGVDbGFzcyA9IHN0eWxlO1xuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG5cbiAgICBwdWJsaWMgd2l0aEJhZGdlKGJhZGdlOiBzdHJpbmcpOiB0aGlzIHtcbiAgICAgICAgdGhpcy5fYmFkZ2UgPSBiYWRnZTtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuXG4gICAgcHVibGljIHdpdGhUb29sdGlwKHRvb2x0aXA6IHN0cmluZyk6IHRoaXMge1xuICAgICAgICB0aGlzLl90b29sdGlwID0gdG9vbHRpcDtcbiAgICAgICAgcmV0dXJuIHRoaXM7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBsYWJlbCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2xhYmVsO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgaWNvbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ljb247XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBpY29uUG9zaXRpb24oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pY29uUG9zaXRpb247XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBzdHlsZUNsYXNzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc3R5bGVDbGFzcztcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0IGJhZGdlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fYmFkZ2U7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCB0b29sdGlwKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fdG9vbHRpcDtcbiAgICB9XG5cbiAgICBwdWJsaWMgY29weSgpOiBBY3Rpb25CdXR0b25EZXNjcmlwdG9yIHtcbiAgICAgICAgY29uc3QgZGVzY3JpcHRvciA9IG5ldyBBY3Rpb25CdXR0b25EZXNjcmlwdG9yKCk7XG4gICAgICAgIGRlc2NyaXB0b3IuX2xhYmVsID0gdGhpcy5fbGFiZWw7XG4gICAgICAgIGRlc2NyaXB0b3IuX2ljb24gPSB0aGlzLl9pY29uO1xuICAgICAgICBkZXNjcmlwdG9yLl9pY29uUG9zaXRpb24gPSB0aGlzLl9pY29uUG9zaXRpb247XG4gICAgICAgIGRlc2NyaXB0b3IuX3N0eWxlQ2xhc3MgPSB0aGlzLl9zdHlsZUNsYXNzO1xuICAgICAgICBkZXNjcmlwdG9yLl9iYWRnZSA9IHRoaXMuX2JhZGdlO1xuICAgICAgICBkZXNjcmlwdG9yLl90b29sdGlwID0gdGhpcy5fdG9vbHRpcDtcbiAgICAgICAgcmV0dXJuIGRlc2NyaXB0b3I7XG4gICAgfVxufVxuIl19