@ptsecurity/mosaic 12.2.1 → 12.2.2

package/_theming.scss

@@ -96,7 +96,6 @@
 
 
 // Do not edit directly
-// Generated on Thu, 28 Oct 2021 12:33:10 GMT
 
 $light-color-scheme-primary-default: #338FCC;
 $light-color-scheme-second-default: #B3B3B3;
@@ -2222,19 +2221,19 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
 // We want overlays to always appear over user content, so set a baseline
 // very high z-index for the overlay container, which is where we create the new
 // stacking context for all overlays.
-$cdk-z-index-overlay-container: 1000 !default;
-$cdk-z-index-overlay: 1000 !default;
-$cdk-z-index-overlay-backdrop: 1000 !default;
+$overlay-container-z-index: 1000 !default;
+$overlay-z-index: 1000 !default;
+$overlay-backdrop-z-index: 1000 !default;
 
 // Background color for all of the backdrops
-$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.32) !default;
+$overlay-backdrop-color: rgba(0, 0, 0, 0.32) !default;
 
 // Default backdrop animation is based on the Material Design swift-ease-out.
 $backdrop-animation-duration: 400ms !default;
 $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
 
-
-@mixin cdk-overlay() {
+/// Emits structural styles required for cdk/overlay to function.
+@mixin overlay() {
   .cdk-overlay-container, .cdk-global-overlay-wrapper {
     // Disable events from being captured on the overlay container.
     pointer-events: none;
@@ -2249,7 +2248,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
   // The overlay-container is an invisible element which contains all individual overlays.
   .cdk-overlay-container {
     position: fixed;
-    z-index: $cdk-z-index-overlay-container;
+    z-index: $overlay-container-z-index;
 
     &:empty {
       // Hide the element when it doesn't have any child nodes. This doesn't
@@ -2265,7 +2264,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
   .cdk-global-overlay-wrapper {
     display: flex;
     position: absolute;
-    z-index: $cdk-z-index-overlay;
+    z-index: $overlay-z-index;
   }
 
   // A single overlay pane.
@@ -2275,7 +2274,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
     position: absolute;
     pointer-events: auto;
     box-sizing: border-box;
-    z-index: $cdk-z-index-overlay;
+    z-index: $overlay-z-index;
 
     // For connected-position overlays, we set `display: flex` in
     // order to force `max-width` and `max-height` to take effect.
@@ -2292,7 +2291,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
     left: 0;
     right: 0;
 
-    z-index: $cdk-z-index-overlay-backdrop;
+    z-index: $overlay-backdrop-z-index;
     pointer-events: auto;
     -webkit-tap-highlight-color: transparent;
     transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;
@@ -2313,7 +2312,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
   }
 
   .cdk-overlay-dark-backdrop {
-    background: $cdk-overlay-dark-backdrop-background;
+    background: $overlay-backdrop-color;
   }
 
   .cdk-overlay-transparent-backdrop {
@@ -2330,7 +2329,7 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
   // overlay element's size to fit within the viewport.
   .cdk-overlay-connected-position-bounding-box {
     position: absolute;
-    z-index: $cdk-z-index-overlay;
+    z-index: $overlay-z-index;
 
     // We use `display: flex` on this element exclusively for centering connected overlays.
     // When *not* centering, a top/left/bottom/right will be set which overrides the normal
@@ -3922,21 +3921,22 @@ $fonts: (
     border-color: transparent;
     background-color: transparent;
 
-    &:hover,
-    &.mc-hover {
+    &:hover {
+        background-color: map-get($background, overlay-hover);
+
         & .mc-button-overlay {
-            background: map-get($background, overlay-hover);
+            background-color: transparent;
         }
     }
 
     &:active,
     &.mc-active {
         border-color: transparent;
-        background-color: transparent;
+        background-color: map-get($background, overlay-active);
         box-shadow: none;
 
         & .mc-button-overlay {
-            background: map-get($background, overlay-active);
+            background-color: transparent;
         }
     }
 
@@ -4263,6 +4263,10 @@ $mc-datepicker-today-fade-amount: 0.2;
         background: map-get($background, overlay-hover);
     }
 
+    .mc-dropdown-item-overlay {
+        background: transparent;
+    }
+
     .mc-dropdown__divider {
         background-color: map-get($foreground, divider);
     }

package/_visual.scss

@@ -1,6 +1,5 @@
 
 // Do not edit directly
-// Generated on Thu, 28 Oct 2021 12:33:10 GMT
 
 $light-color-scheme-primary-default: #338FCC;
 $light-color-scheme-second-default: #B3B3B3;

package/bundles/ptsecurity-mosaic-design-tokens.umd.js

@@ -6,7 +6,6 @@
 
 	/**
 	 * Do not edit directly
-	 * Generated on Thu, 28 Oct 2021 12:33:10 GMT
 	 */
 	var LightColorSchemePrimaryDefault = "#338FCC";
 	var LightColorSchemePrimaryPalette = { "40": { "value": "#F5FAFD", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#F5FAFD" }, "name": "PaletteBlue40", "attributes": { "category": "palette", "type": "blue", "item": "40" }, "path": ["palette", "blue", "40"] }, "60": { "value": "#EBF4FB", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#EBF4FB" }, "name": "PaletteBlue60", "attributes": { "category": "palette", "type": "blue", "item": "60" }, "path": ["palette", "blue", "60"] }, "100": { "value": "#D8EAF7", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#D8EAF7" }, "name": "PaletteBlue100", "attributes": { "category": "palette", "type": "blue", "item": "100" }, "path": ["palette", "blue", "100"] }, "200": { "value": "#AAD1EC", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#AAD1EC" }, "name": "PaletteBlue200", "attributes": { "category": "palette", "type": "blue", "item": "200" }, "path": ["palette", "blue", "200"] }, "300": { "value": "#7FBAE1", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#7FBAE1" }, "name": "PaletteBlue300", "attributes": { "category": "palette", "type": "blue", "item": "300" }, "path": ["palette", "blue", "300"] }, "400": { "value": "#57A4D7", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#57A4D7" }, "name": "PaletteBlue400", "attributes": { "category": "palette", "type": "blue", "item": "400" }, "path": ["palette", "blue", "400"] }, "500": { "value": "#338FCC", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#338FCC" }, "name": "PaletteBlue500", "attributes": { "category": "palette", "type": "blue", "item": "500" }, "path": ["palette", "blue", "500"] }, "560": { "value": "#277BB3", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#277BB3" }, "name": "PaletteBlue560", "attributes": { "category": "palette", "type": "blue", "item": "560" }, "path": ["palette", "blue", "560"] }, "600": { "value": "#206EA2", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#206EA2" }, "name": "PaletteBlue600", "attributes": { "category": "palette", "type": "blue", "item": "600" }, "path": ["palette", "blue", "600"] }, "700": { "value": "#114E77", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#114E77" }, "name": "PaletteBlue700", "attributes": { "category": "palette", "type": "blue", "item": "700" }, "path": ["palette", "blue", "700"] }, "800": { "value": "#07314D", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#07314D" }, "name": "PaletteBlue800", "attributes": { "category": "palette", "type": "blue", "item": "800" }, "path": ["palette", "blue", "800"] }, "A100": { "value": "rgba(0, 153, 255, 0.15)", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "rgba(0, 153, 255, 0.15)" }, "name": "PaletteBlueA100", "attributes": { "category": "palette", "type": "blue", "item": "A100" }, "path": ["palette", "blue", "A100"] }, "A200": { "value": "rgba(0, 153, 255, 0.3)", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "rgba(0, 153, 255, 0.3)" }, "name": "PaletteBlueA200", "attributes": { "category": "palette", "type": "blue", "item": "A200" }, "path": ["palette", "blue", "A200"] }, "contrast": { "40": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteBlueContrast40", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "40" }, "path": ["palette", "blue", "contrast", "40"] }, "60": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteBlueContrast60", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "60" }, "path": ["palette", "blue", "contrast", "60"] }, "100": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteBlueContrast100", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "100" }, "path": ["palette", "blue", "contrast", "100"] }, "200": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteBlueContrast200", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "200" }, "path": ["palette", "blue", "contrast", "200"] }, "300": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteBlueContrast300", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "300" }, "path": ["palette", "blue", "contrast", "300"] }, "400": { "value": "white", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteBlueContrast400", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "400" }, "path": ["palette", "blue", "contrast", "400"] }, "500": { "value": "white", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteBlueContrast500", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "500" }, "path": ["palette", "blue", "contrast", "500"] }, "560": { "value": "white", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteBlueContrast560", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "560" }, "path": ["palette", "blue", "contrast", "560"] }, "600": { "value": "white", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteBlueContrast600", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "600" }, "path": ["palette", "blue", "contrast", "600"] }, "700": { "value": "white", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteBlueContrast700", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "700" }, "path": ["palette", "blue", "contrast", "700"] }, "800": { "value": "white", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteBlueContrast800", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "800" }, "path": ["palette", "blue", "contrast", "800"] }, "A100": { "value": "#4D4D4D", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "#4D4D4D" }, "name": "PaletteBlueContrastA100", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "A100" }, "path": ["palette", "blue", "contrast", "A100"] }, "A200": { "value": "white", "filePath": "packages/mosaic/design-tokens/tokens/properties/palette.json5", "isSource": true, "original": { "value": "white" }, "name": "PaletteBlueContrastA200", "attributes": { "category": "palette", "type": "blue", "item": "contrast", "subitem": "A200" }, "path": ["palette", "blue", "contrast", "A200"] } } };