@ptsecurity/mosaic 11.4.4 → 11.6.0

package/_visual.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 07 Oct 2021 08:29:06 GMT
+// Generated on Thu, 21 Oct 2021 09:01:01 GMT
 
 $light-color-scheme-primary-default: #338FCC;
 $light-color-scheme-second-default: #B3B3B3;
@@ -216,12 +216,106 @@ $alert-font-small-body: caption;
 $autocomplete-size-panel-padding: 4px 0;
 $autocomplete-size-panel-max-height: 256px;
 $autocomplete-size-panel-border-radius: 3px;
-$badge-size-min-width: 10px;
-$badge-size-padding: 4px 8px;
-$badge-size-border-width: 1px;
-$badge-size-border-radius: 4px;
-$badge-font-default: caption;
-$badge-font-caps: caption-caps;
+$badge-size-default-min-width: 10px;
+$badge-size-default-padding: 0 8px;
+$badge-size-default-border-width: 1px;
+$badge-size-default-border-radius: 4px;
+$badge-size-default-height: 24px;
+$badge-size-default-font-default: caption;
+$badge-size-default-font-caps: caption-caps;
+$badge-size-default-font-mono: caption-mono;
+$badge-size-mini-height: 16px;
+$badge-size-mini-min-width: 10px;
+$badge-size-mini-border-width: 1px;
+$badge-size-mini-border-radius: 2px;
+$badge-size-mini-padding: 0 4px;
+$badge-size-mini-font-default: extra-small-text;
+$badge-size-mini-font-caps: extra-small-text-caps;
+$badge-size-mini-font-mono: extra-small-text-mono;
+$badge-font-default-default: caption;
+$badge-font-default-caps: caption-caps;
+$badge-font-default-mono: caption-mono;
+$badge-font-mini-default: extra-small-text;
+$badge-font-mini-caps: extra-small-text-caps;
+$badge-font-mini-mono: extra-small-text-mono;
+$badge-light-color-scheme-solid-primary-background: #338FCC;
+$badge-light-color-scheme-solid-primary-color: white;
+$badge-light-color-scheme-solid-primary-border: #338FCC;
+$badge-light-color-scheme-solid-info-border: #338FCC;
+$badge-light-color-scheme-solid-info-background: #338FCC;
+$badge-light-color-scheme-solid-info-color: white;
+$badge-light-color-scheme-solid-success-border: #52A832;
+$badge-light-color-scheme-solid-success-background: #52A832;
+$badge-light-color-scheme-solid-success-color: white;
+$badge-light-color-scheme-solid-warning-border: #D6930D;
+$badge-light-color-scheme-solid-warning-background: #D6930D;
+$badge-light-color-scheme-solid-warning-color: white;
+$badge-light-color-scheme-solid-error-border: #E04D36;
+$badge-light-color-scheme-solid-error-background: #E04D36;
+$badge-light-color-scheme-solid-error-color: white;
+$badge-light-color-scheme-solid-transparent-border: #CCCCCC;
+$badge-light-color-scheme-solid-transparent-color: #4D4D4D;
+$badge-light-color-scheme-solid-transparent-background: transparent;
+$badge-light-color-scheme-solid-light-border: #E6E6E6;
+$badge-light-color-scheme-solid-light-background: #E6E6E6;
+$badge-light-color-scheme-solid-light-color: #4D4D4D;
+$badge-light-color-scheme-solid-second-border: #666666;
+$badge-light-color-scheme-solid-second-background: #666666;
+$badge-light-color-scheme-solid-second-color: white;
+$badge-light-color-scheme-pastel-primary-background: #F5FAFD;
+$badge-light-color-scheme-pastel-primary-border: #AAD1EC;
+$badge-light-color-scheme-pastel-primary-color: #338FCC;
+$badge-light-color-scheme-pastel-info-background: #F5FAFD;
+$badge-light-color-scheme-pastel-info-border: #AAD1EC;
+$badge-light-color-scheme-pastel-info-color: #338FCC;
+$badge-light-color-scheme-pastel-success-background: #F6FBF4;
+$badge-light-color-scheme-pastel-success-border: #B4DEA4;
+$badge-light-color-scheme-pastel-success-color: #449327;
+$badge-light-color-scheme-pastel-warning-background: #FDFAF3;
+$badge-light-color-scheme-pastel-warning-border: #F0D49B;
+$badge-light-color-scheme-pastel-warning-color: #BB800A;
+$badge-light-color-scheme-pastel-error-background: #FEF7F6;
+$badge-light-color-scheme-pastel-error-border: #F4B7AE;
+$badge-light-color-scheme-pastel-error-color: #E04D36;
+$badge-dark-color-scheme-pastel-primary-background: rgba(0, 153, 255, 0.15);
+$badge-dark-color-scheme-pastel-primary-color: #D8EAF7;
+$badge-dark-color-scheme-pastel-primary-border: #114E77;
+$badge-dark-color-scheme-pastel-info-background: #D8EAF7;
+$badge-dark-color-scheme-pastel-info-color: #D8EAF7;
+$badge-dark-color-scheme-pastel-info-border: rgba(0, 153, 255, 0.15);
+$badge-dark-color-scheme-pastel-success-border: #276211;
+$badge-dark-color-scheme-pastel-success-background: rgba(68, 255, 0, 0.15);
+$badge-dark-color-scheme-pastel-success-color: #DCF1D4;
+$badge-dark-color-scheme-pastel-warning-border: #7D5504;
+$badge-dark-color-scheme-pastel-warning-background: rgba(255, 170, 0, 0.15);
+$badge-dark-color-scheme-pastel-warning-color: #F8EBD1;
+$badge-dark-color-scheme-pastel-error-border: #832112;
+$badge-dark-color-scheme-pastel-error-background: rgba(224, 79, 56, 0.15);
+$badge-dark-color-scheme-pastel-error-color: #FADEDA;
+$badge-dark-color-scheme-solid-primary-background: #114E77;
+$badge-dark-color-scheme-solid-primary-color: white;
+$badge-dark-color-scheme-solid-primary-border: #114E77;
+$badge-dark-color-scheme-solid-info-border: #07314D;
+$badge-dark-color-scheme-solid-info-background: #07314D;
+$badge-dark-color-scheme-solid-info-color: white;
+$badge-dark-color-scheme-solid-success-border: #276211;
+$badge-dark-color-scheme-solid-success-background: #276211;
+$badge-dark-color-scheme-solid-success-color: white;
+$badge-dark-color-scheme-solid-warning-border: #7D5504;
+$badge-dark-color-scheme-solid-warning-background: #7D5504;
+$badge-dark-color-scheme-solid-warning-color: white;
+$badge-dark-color-scheme-solid-error-border: #832112;
+$badge-dark-color-scheme-solid-error-background: #832112;
+$badge-dark-color-scheme-solid-error-color: white;
+$badge-dark-color-scheme-solid-transparent-border: #808080;
+$badge-dark-color-scheme-solid-transparent-color: #F5F5F5;
+$badge-dark-color-scheme-solid-transparent-background: transparent;
+$badge-dark-color-scheme-solid-light-border: #999999;
+$badge-dark-color-scheme-solid-light-background: #999999;
+$badge-dark-color-scheme-solid-light-color: white;
+$badge-dark-color-scheme-solid-second-border: #4D4D4D;
+$badge-dark-color-scheme-solid-second-background: #4D4D4D;
+$badge-dark-color-scheme-solid-second-color: white;
 $button-toggle-size-border-size: 1px;
 $button-toggle-size-border-radius: 3px;
 $button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
@@ -668,7 +762,7 @@ $tooltip-size-border-radius: 3px;
 $tooltip-size-arrow-size: 12px;
 $tooltip-size-arrow-width: 5px;
 $tooltip-size-padding: 8px 16px;
-$tooltip-size-distance: 5px + 4px;
+$tooltip-size-distance: 9px;
 $tooltip-font-default: caption;
 $tree-size-padding-right: 16px;
 $tree-size-border-width: 2px;
@@ -1296,6 +1390,18 @@ $typography-extra-small-text-letter-spacing: 0.22px;
 $typography-extra-small-text-font-weight: normal;
 $typography-extra-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $typography-extra-small-text-text-transform: null;
+$typography-extra-small-text-caps-font-size: 11px;
+$typography-extra-small-text-caps-line-height: 16px;
+$typography-extra-small-text-caps-letter-spacing: 1px;
+$typography-extra-small-text-caps-font-weight: normal;
+$typography-extra-small-text-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+$typography-extra-small-text-caps-text-transform: uppercase;
+$typography-extra-small-text-mono-font-size: 11px;
+$typography-extra-small-text-mono-line-height: 16px;
+$typography-extra-small-text-mono-letter-spacing: 0px;
+$typography-extra-small-text-mono-font-weight: normal;
+$typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
+$typography-extra-small-text-mono-text-transform: null;
 
 $mosaic: (
   'typography': (
@@ -1418,6 +1524,22 @@ $mosaic: (
       'font-weight': $typography-extra-small-text-font-weight,
       'font-family': $typography-extra-small-text-font-family,
       'text-transform': $typography-extra-small-text-text-transform
+    ),
+    'extra-small-text-caps': (
+      'font-size': $typography-extra-small-text-caps-font-size,
+      'line-height': $typography-extra-small-text-caps-line-height,
+      'letter-spacing': $typography-extra-small-text-caps-letter-spacing,
+      'font-weight': $typography-extra-small-text-caps-font-weight,
+      'font-family': $typography-extra-small-text-caps-font-family,
+      'text-transform': $typography-extra-small-text-caps-text-transform
+    ),
+    'extra-small-text-mono': (
+      'font-size': $typography-extra-small-text-mono-font-size,
+      'line-height': $typography-extra-small-text-mono-line-height,
+      'letter-spacing': $typography-extra-small-text-mono-letter-spacing,
+      'font-weight': $typography-extra-small-text-mono-font-weight,
+      'font-family': $typography-extra-small-text-mono-font-family,
+      'text-transform': $typography-extra-small-text-mono-text-transform
     )
   )
 );
@@ -1501,6 +1623,8 @@ $fonts: (
     }
 }
 
+@use 'sass:math';
+
 // mixin definition ; sets LTR and RTL within the same style call
 // @see https://css-tricks.com/almanac/properties/d/direction/
 
@@ -1539,6 +1663,7 @@ $baseline-grid:            8px !default;
 $layout-gutter-width:      ($baseline-grid * 2) !default;
 
 
+
 /*
 *  Responsive attributes
 *
@@ -1926,7 +2051,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-padding-sm > *,
     .layout-padding    > .flex-sm
     {
-        padding: $layout-gutter-width / 4;
+        padding: math.div($layout-gutter-width, 4);
     }
 
     .layout-padding,
@@ -1942,7 +2067,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-padding        > .flex-gt-sm,
     .layout-padding        > .flex-md
     {
-        padding: $layout-gutter-width / 2;
+        padding: math.div($layout-gutter-width, 2);
     }
 
     // NOTE: these`> *` selectors should only be applied for layout="row" or layout="column" children !!
@@ -1954,14 +2079,14 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-padding        > .flex-lg,
     .layout-padding        > .flex-gt-lg
     {
-        padding: $layout-gutter-width / 1;
+        padding: math.div($layout-gutter-width, 1);
     }
 
     // Margin enhancements
 
     .layout-margin-sm      > *,
     .layout-margin         > .flex-sm
-    {
+        margin: math.div($layout-gutter-width, 4);
         margin: $layout-gutter-width / 4;
     }
 
@@ -1978,7 +2103,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-margin         > .flex-gt-sm,
     .layout-margin         > .flex-md
     {
-        margin: $layout-gutter-width / 2;
+        margin: math.div($layout-gutter-width, 2);
     }
 
     // NOTE: these`> *` selectors should only be applied for layout="row" or layout="column" children !!
@@ -1990,7 +2115,7 @@ $layout-gutter-width:      ($baseline-grid * 2) !default;
     .layout-margin        > .flex-lg,
     .layout-margin        > .flex-gt-lg
     {
-        margin: $layout-gutter-width / 1;
+        margin: math.div($layout-gutter-width, 1);
     }
 
     .layout-wrap {

package/bundles/ptsecurity-mosaic-datepicker.umd.js

@@ -2085,6 +2085,7 @@
             this.disabled = isDisabled;
         };
         McDatepickerInput.prototype.onKeyDown = function (event) {
+            var _a;
             if (this.isReadOnly) {
                 return;
             }
@@ -2096,7 +2097,7 @@
             }
             else if (this.isKeyForOpen(event)) {
                 event.preventDefault();
-                this.datepicker.open();
+                (_a = this.datepicker) === null || _a === void 0 ? void 0 : _a.open();
             }
             else if (this.isKeyForClose(event)) {
                 event.preventDefault();