matcha-theme 20.214.0 → 20.216.0

package/components/matcha-text-editor.scss

@@ -0,0 +1,51 @@
+@mixin matcha-text-editor-theme($theme) {
+    matcha-text-editor {
+        .sun-editor {
+            border-color: getDisabled($theme);
+            border-radius: 8px;
+            overflow: hidden;
+        }
+
+        .sun-editor-id-toolbar {
+            background: getBackground($theme);
+            border-bottom-color: getDisabled($theme);
+        }
+
+        .sun-editor-id-toolbar .btn_editor {
+            background-color: getBackground($theme);
+            border-color: getDisabled($theme);
+            color: getForeground($theme);
+
+            &:hover,
+            &:focus {
+                background-color: getAccentAlpha($theme);
+                border-color: getAccent($theme);
+            }
+
+            &.on {
+                background-color: getAccentAlpha($theme);
+                border-color: getAccent($theme);
+            }
+        }
+
+        .sun-editor-id-toolbar .layer_editor {
+            background-color: getSurface($theme);
+            border-color: getDisabled($theme);
+        }
+
+        .sun-editor-id-toolbar .btn_edit:hover,
+        .sun-editor-id-toolbar .btn_edit:focus {
+            background-color: getAccentAlpha($theme);
+        }
+    }
+}
+
+matcha-text-editor {
+    display: block;
+    width: 100%;
+
+    .sun-editor {
+        border-radius: 8px;
+        overflow: hidden;
+    }
+}

package/css/matcha-style.css

@@ -43800,7 +43800,6 @@ How to use
 }
 
 .matcha-message-box,
-.matcha-msg-box,
 .message-box {
     padding: 16px;
     border-left: 6px solid;
@@ -43814,14 +43813,6 @@ How to use
 .matcha-message-box--warning,
 .matcha-message-box--success,
 .matcha-message-box--info,
-.matcha-msg-box.error,
-.matcha-msg-box.warning,
-.matcha-msg-box.success,
-.matcha-msg-box.info,
-.matcha-msg-box--error,
-.matcha-msg-box--warning,
-.matcha-msg-box--success,
-.matcha-msg-box--info,
 .message-box.error,
 .message-box.warning,
 .message-box.success,
@@ -59721,7 +59712,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 }
 
 .theme-default-light .matcha-message-box,
-.theme-default-light .matcha-msg-box,
 .theme-default-light .message-box {
     background-color: rgba(30, 91, 218, 0.2);
     border-left-color: #1e5bda;
@@ -59736,14 +59726,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 .theme-default-light .matcha-message-box--warning,
 .theme-default-light .matcha-message-box--success,
 .theme-default-light .matcha-message-box--info,
-.theme-default-light .matcha-msg-box.error,
-.theme-default-light .matcha-msg-box.warning,
-.theme-default-light .matcha-msg-box.success,
-.theme-default-light .matcha-msg-box.info,
-.theme-default-light .matcha-msg-box--error,
-.theme-default-light .matcha-msg-box--warning,
-.theme-default-light .matcha-msg-box--success,
-.theme-default-light .matcha-msg-box--info,
 .theme-default-light .message-box.error,
 .theme-default-light .message-box.warning,
 .theme-default-light .message-box.success,
@@ -59757,8 +59739,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-light .matcha-message-box--error,
 .theme-default-light .matcha-message-box.error,
-.theme-default-light .matcha-msg-box--error,
-.theme-default-light .matcha-msg-box.error,
 .theme-default-light .message-box--error,
 .theme-default-light .message-box.error {
     background-color: rgba(229, 58, 58, 0.2);
@@ -59767,8 +59747,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-light .matcha-message-box--warning,
 .theme-default-light .matcha-message-box.warning,
-.theme-default-light .matcha-msg-box--warning,
-.theme-default-light .matcha-msg-box.warning,
 .theme-default-light .message-box--warning,
 .theme-default-light .message-box.warning {
     background-color: rgba(232, 195, 0, 0.2);
@@ -59777,8 +59755,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-light .matcha-message-box--success,
 .theme-default-light .matcha-message-box.success,
-.theme-default-light .matcha-msg-box--success,
-.theme-default-light .matcha-msg-box.success,
 .theme-default-light .message-box--success,
 .theme-default-light .message-box.success {
     background-color: rgba(17, 144, 70, 0.2);
@@ -59787,8 +59763,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-light .matcha-message-box--info,
 .theme-default-light .matcha-message-box.info,
-.theme-default-light .matcha-msg-box--info,
-.theme-default-light .matcha-msg-box.info,
 .theme-default-light .message-box--info,
 .theme-default-light .message-box.info {
     background-color: rgba(30, 91, 218, 0.2);
@@ -75875,7 +75849,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 }
 
 .theme-default-dark .matcha-message-box,
-.theme-default-dark .matcha-msg-box,
 .theme-default-dark .message-box {
     background-color: rgba(188, 206, 244, 0.2);
     border-left-color: #bccef4;
@@ -75890,14 +75863,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 .theme-default-dark .matcha-message-box--warning,
 .theme-default-dark .matcha-message-box--success,
 .theme-default-dark .matcha-message-box--info,
-.theme-default-dark .matcha-msg-box.error,
-.theme-default-dark .matcha-msg-box.warning,
-.theme-default-dark .matcha-msg-box.success,
-.theme-default-dark .matcha-msg-box.info,
-.theme-default-dark .matcha-msg-box--error,
-.theme-default-dark .matcha-msg-box--warning,
-.theme-default-dark .matcha-msg-box--success,
-.theme-default-dark .matcha-msg-box--info,
 .theme-default-dark .message-box.error,
 .theme-default-dark .message-box.warning,
 .theme-default-dark .message-box.success,
@@ -75911,8 +75876,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-dark .matcha-message-box--error,
 .theme-default-dark .matcha-message-box.error,
-.theme-default-dark .matcha-msg-box--error,
-.theme-default-dark .matcha-msg-box.error,
 .theme-default-dark .message-box--error,
 .theme-default-dark .message-box.error {
     background-color: rgba(242, 157, 157, 0.2);
@@ -75921,8 +75884,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-dark .matcha-message-box--warning,
 .theme-default-dark .matcha-message-box.warning,
-.theme-default-dark .matcha-msg-box--warning,
-.theme-default-dark .matcha-msg-box.warning,
 .theme-default-dark .message-box--warning,
 .theme-default-dark .message-box.warning {
     background-color: rgba(244, 225, 128, 0.2);
@@ -75931,8 +75892,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-dark .matcha-message-box--success,
 .theme-default-dark .matcha-message-box.success,
-.theme-default-dark .matcha-msg-box--success,
-.theme-default-dark .matcha-msg-box.success,
 .theme-default-dark .message-box--success,
 .theme-default-dark .message-box.success {
     background-color: rgba(136, 200, 163, 0.2);
@@ -75941,8 +75900,6 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .theme-default-dark .matcha-message-box--info,
 .theme-default-dark .matcha-message-box.info,
-.theme-default-dark .matcha-msg-box--info,
-.theme-default-dark .matcha-msg-box.info,
 .theme-default-dark .message-box--info,
 .theme-default-dark .message-box.info {
     background-color: rgba(143, 173, 237, 0.2);

package/main.scss

@@ -67,6 +67,7 @@
 @import "./components/matcha-progress-bar.scss"; // matcha-progress-bar($theme)
 @import "./components/matcha-page-builder.scss"; // matcha-page-builder($theme)
 @import "./components/matcha-snack-bar.scss"; // matcha-snack-bar-theme($theme)
+@import "./components/matcha-text-editor.scss"; // matcha-text-editor-theme($theme)
 
 // VENDORS
 @import "./vendors/angular-editor.scss";
@@ -189,6 +190,7 @@
     @include matcha-progress-bar-theme($theme);
     @include matcha-page-builder-theme($theme);
     @include matcha-snack-bar-theme($theme);
+    @include matcha-text-editor-theme($theme);
     @include matcha-date-theme($theme);
     @include matcha-time-theme($theme);
     @include matcha-time-range-theme($theme);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "matcha-theme",
-    "version": "20.214.0",
+    "version": "20.216.0",
     "description": "Themes for matcha-design-system",
     "main": "main.scss",
     "scripts": {