rsuite 6.0.0-canary-2025011413 → 6.0.0-canary-2025031415

package/Menu/styles/index.css

@@ -0,0 +1,191 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
+/* stylelint-disable */
+*[class*='rs-'] {
+  box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  box-sizing: border-box;
+}
+:root {
+  --rs-font-size-sm: 0.875rem;
+  --rs-text-line-height-xs: calc(1 / 0.75);
+  --rs-spacing: 0.25rem;
+  --rs-radius-sm: 0.25rem;
+  --rs-radius-md: 0.375rem;
+}
+:root,
+.rs-theme-light {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #f7f7fa;
+  --rs-gray-100: #f2f2f5;
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-400: #b6b7b8;
+  --rs-gray-600: #717273;
+  --rs-gray-700: #575757;
+  --rs-gray-800: #343434;
+  --rs-primary-50: #f2faff;
+  --rs-primary-500: #3498ff;
+  --rs-primary-700: #1675e0;
+  --rs-primary-900: #004299;
+  --rs-text-primary: var(--rs-gray-800);
+  --rs-text-disabled: var(--rs-gray-600);
+  --rs-bg-overlay: var(--rs-gray-0);
+  --rs-divider-border: var(--rs-gray-200);
+  --rs-menuitem-bg-active: var(--rs-primary-50);
+  --rs-menuitem-text-active: var(--rs-primary-700);
+  --rs-menuitem-active-bg: var(--rs-gray-100);
+  --rs-menuitem-active-text: var(--rs-primary-700);
+}
+.rs-theme-dark {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-100: #cbced4;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-gray-800: #1a1d24;
+  --rs-primary-50: #f2fcff;
+  --rs-primary-500: #34c3ff;
+  --rs-primary-700: #169de0;
+  --rs-primary-900: #006199;
+  --rs-text-primary: var(--rs-gray-50);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-bg-overlay: var(--rs-gray-700);
+  --rs-divider-border: var(--rs-gray-600);
+  --rs-menuitem-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-menuitem-text-active: var(--rs-primary-500);
+  --rs-menuitem-active-bg: var(--rs-gray-600);
+  --rs-menuitem-active-text: currentColor;
+}
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-dark {
+    --rs-menuitem-bg-active: rgba(0, 97, 153, 0.2);
+  }
+}
+.rs-theme-high-contrast {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #e9ebf0;
+  --rs-gray-100: #cbced4;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-400: #6a6f76;
+  --rs-gray-600: #3c3f43;
+  --rs-gray-700: #292d33;
+  --rs-gray-800: #1a1d24;
+  --rs-primary-50: #fffef2;
+  --rs-primary-500: #ffff00;
+  --rs-primary-700: #d9e000;
+  --rs-primary-900: #8f9900;
+  --rs-text-primary: var(--rs-gray-50);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-bg-overlay: var(--rs-gray-800);
+  --rs-divider-border: var(--rs-gray-600);
+  --rs-menuitem-bg-active: rgb(from var(--rs-primary-900) r g b / 20%);
+  --rs-menuitem-text-active: var(--rs-primary-500);
+  --rs-menuitem-active-bg: transparent;
+  --rs-menuitem-active-text: var(--rs-primary-500);
+}
+@supports not (color: rgb(from white r g b)) {
+  .rs-theme-high-contrast {
+    --rs-menuitem-bg-active: rgba(143, 153, 0, 0.2);
+  }
+}
+.rs-menu {
+  --rs-menu-divider-color: var(--rs-divider-border);
+  --rs-menu-padding: calc(var(--rs-spacing) * 1.5);
+  --rs-menu-font-size: var(--rs-font-size-sm);
+  --rs-menuitem-padding-inline: calc(var(--rs-spacing) * 3);
+  --rs-menuitem-padding-block: calc(var(--rs-spacing) * 2);
+  --rs-menuitem-divider-margin-block: calc(var(--rs-spacing) * 1.5);
+  --rs-menuitem-spacing: calc(var(--rs-spacing) * 2);
+  margin: 0;
+  list-style: none;
+  font-size: var(--rs-menu-font-size);
+  text-align: start;
+  background-color: var(--rs-bg-overlay);
+  border-radius: var(--rs-radius-md);
+  padding: var(--rs-menu-padding);
+  outline: 0;
+}
+.rs-menu-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: var(--rs-menuitem-spacing);
+  padding-inline: var(--rs-menuitem-padding-inline);
+  padding-block: var(--rs-menuitem-padding-block);
+  color: var(--rs-text-primary);
+  border-radius: var(--rs-radius-sm);
+  cursor: pointer;
+  text-decoration: none;
+}
+.rs-menu-item:hover,
+.rs-menu-item:focus,
+.rs-menu-item:active {
+  text-decoration: none;
+}
+.rs-menu-item-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.rs-menu-item .rs-menu-item-shortcut {
+  border: none;
+  line-height: var(--rs-text-line-height-xs);
+}
+.rs-menu-item > .rs-icon {
+  width: 14px;
+  text-align: center;
+}
+.rs-menu-item.rs-menu-item-active {
+  outline: 0;
+  font-weight: bold;
+}
+.rs-menu-item.rs-menu-item-active,
+.rs-menu-item.rs-menu-item-active:hover,
+.rs-menu-item.rs-menu-item-active:focus {
+  color: var(--rs-menuitem-text-active);
+  background-color: var(--rs-menuitem-bg-active);
+}
+.rs-menu-item.rs-menu-item-active .rs-text,
+.rs-menu-item.rs-menu-item-active:hover .rs-text,
+.rs-menu-item.rs-menu-item-active:focus .rs-text {
+  color: var(--rs-menuitem-text-active);
+}
+.rs-menu-item:focus-visible,
+.rs-menu-item.rs-menu-item-focus {
+  background-color: var(--rs-menuitem-active-bg);
+  color: var(--rs-menuitem-active-text);
+}
+.rs-theme-high-contrast .rs-menu-item:focus-visible,
+.rs-theme-high-contrast .rs-menu-item.rs-menu-item-focus {
+  text-decoration: underline;
+  box-shadow: inset 0 0 0 2px #fff;
+}
+.rs-menu-item:focus {
+  outline: 0;
+}
+.rs-menu-item-disabled {
+  color: var(--rs-text-disabled);
+  cursor: not-allowed;
+}
+.rs-menu-item-disabled .rs-text {
+  color: var(--rs-text-disabled);
+}
+.rs-menu-item-disabled:hover,
+.rs-menu-item-disabled:focus {
+  text-decoration: none;
+  background-color: transparent;
+  background-image: none;
+}
+.rs-menu-item-divider {
+  height: 1px;
+  margin-block: var(--rs-menuitem-divider-margin-block);
+  overflow: hidden;
+  background-color: var(--rs-menu-divider-color);
+}

package/Menu/styles/index.less

@@ -0,0 +1,108 @@
+@import '../../styles/common.less';
+@import '../../styles/mixins/menu.less';
+
+//
+// Menu
+// --------------------------------------------------
+
+.rs-menu {
+  --rs-menu-divider-color: var(--rs-divider-border);
+  --rs-menu-shadow: var(--rs-shadow-md);
+  --rs-menu-padding: calc(var(--rs-spacing) * 1.5);
+  --rs-menu-font-size: var(--rs-font-size-sm);
+  --rs-menuitem-padding-inline: calc(var(--rs-spacing) * 3);
+  --rs-menuitem-padding-block: calc(var(--rs-spacing) * 2);
+  --rs-menuitem-divider-margin-block: calc(var(--rs-spacing) * 1.5);
+  --rs-menuitem-spacing: calc(var(--rs-spacing) * 2);
+
+  margin: 0; // override default ul
+  list-style: none;
+  font-size: var(--rs-menu-font-size);
+  text-align: start;
+  background-color: var(--rs-bg-overlay);
+  border-radius: var(--rs-radius-md);
+  padding: var(--rs-menu-padding);
+  outline: 0;
+}
+
+// Links within the menu menu
+.rs-menu-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: var(--rs-menuitem-spacing);
+  padding-inline: var(--rs-menuitem-padding-inline);
+  padding-block: var(--rs-menuitem-padding-block);
+  color: var(--rs-text-primary);
+  border-radius: var(--rs-radius-sm);
+  cursor: pointer;
+  .reset-link-text-decoration(none);
+
+  &-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .rs-menu-item-shortcut {
+    border: none;
+    line-height: var(--rs-text-line-height-xs);
+  }
+
+  > .rs-icon {
+    width: @font-size-base;
+    text-align: center;
+  }
+
+  &&-active {
+    outline: 0;
+    font-weight: bold;
+
+    &,
+    &:hover,
+    &:focus {
+      color: var(--rs-menuitem-text-active);
+      background-color: var(--rs-menuitem-bg-active);
+
+      .rs-text {
+        color: var(--rs-menuitem-text-active);
+      }
+    }
+  }
+
+  // Hover/Focus state
+  &:focus-visible,
+  &&-focus {
+    .menuitem-active();
+  }
+  &:focus {
+    outline: 0;
+  }
+
+  // Disabled state
+  //
+  // Gray out text and ensure the hover/focus state remains gray
+  &-disabled {
+    color: var(--rs-text-disabled);
+    cursor: @cursor-disabled;
+
+    .rs-text {
+      color: var(--rs-text-disabled);
+    }
+
+    // Nuke hover/focus effects
+    &:hover,
+    &:focus {
+      text-decoration: none;
+      background-color: transparent;
+      background-image: none; // Remove CSS gradient
+    }
+  }
+}
+
+.rs-menu-item-divider {
+  height: 1px;
+  margin-block: var(--rs-menuitem-divider-margin-block);
+  overflow: hidden;
+  background-color: var(--rs-menu-divider-color);
+}

package/MenuItem/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/MenuItem",
+  "private": true,
+  "main": "../cjs/Menu/MenuItem.js",
+  "module": "../esm/Menu/MenuItem.js",
+  "types": "../esm/Menu/MenuItem.d.ts"
+}

package/MenuSeparator/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/MenuSeparator",
+  "private": true,
+  "main": "../cjs/Menu/MenuSeparator.js",
+  "module": "../esm/Menu/MenuSeparator.js",
+  "types": "../esm/Menu/MenuSeparator.d.ts"
+}

package/Message/styles/index.css

@@ -3,10 +3,31 @@
   * @param {string} @size-name - The size name
   * @param {string} @suffix - The suffix
   */
+/* stylelint-disable */
+*[class*='rs-'] {
+  box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  box-sizing: border-box;
+}
+:root {
+  --rs-font-size-sm: 0.875rem;
+  --rs-font-size-md: 1rem;
+  --rs-font-size-2xl: 1.5rem;
+  --rs-font-size-5xl: 3rem;
+  --rs-text-line-height-sm: calc(1.25 / 0.875);
+  --rs-text-line-height-md: calc(1.5 / 1);
+  --rs-radius-none: 0;
+  --rs-radius-md: 0.375rem;
+  --rs-radius-full: calc(infinity * 1px);
+}
 :root,
 .rs-theme-light {
   --rs-gray-0: #fff;
   --rs-gray-50: #f7f7fa;
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-600: #717273;
   --rs-gray-800: #343434;
   --rs-gray-900: #121212;
   --rs-color-red: #f44336;
@@ -36,6 +57,7 @@
   --rs-blue-800: #045cb5;
   --rs-blue-900: #00448c;
   --rs-text-primary: var(--rs-gray-800);
+  --rs-text-secondary: var(--rs-gray-600);
   --rs-text-heading: var(--rs-gray-900);
   --rs-message-success-header: var(--rs-text-heading);
   --rs-message-success-text: var(--rs-text-primary);
@@ -75,6 +97,8 @@
 .rs-theme-dark {
   --rs-gray-0: #fff;
   --rs-gray-50: #e9ebf0;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
   --rs-gray-800: #1a1d24;
   --rs-gray-900: #0f131a;
   --rs-color-red: #f04f43;
@@ -104,6 +128,7 @@
   --rs-blue-800: #0464b3;
   --rs-blue-900: #00498a;
   --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
   --rs-text-heading: var(--rs-gray-0);
   --rs-message-success-header: #fff;
   --rs-message-success-text: #fff;
@@ -130,6 +155,8 @@
 .rs-theme-high-contrast {
   --rs-gray-0: #fff;
   --rs-gray-50: #e9ebf0;
+  --rs-gray-200: #a4a9b3;
+  --rs-gray-600: #3c3f43;
   --rs-gray-800: #1a1d24;
   --rs-gray-900: #0f131a;
   --rs-color-red: #bd1732;
@@ -159,6 +186,7 @@
   --rs-blue-800: #0464b3;
   --rs-blue-900: #00498a;
   --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
   --rs-text-heading: var(--rs-gray-0);
   --rs-message-success-header: #fff;
   --rs-message-success-text: #fff;
@@ -182,14 +210,6 @@
   --rs-message-error-border: var(--rs-red-300);
   --rs-close-button-hover-color: var(--rs-color-red);
 }
-/* stylelint-disable */
-*[class*='rs-'] {
-  box-sizing: border-box;
-}
-*[class*='rs-']::before,
-*[class*='rs-']::after {
-  box-sizing: border-box;
-}
 @keyframes notificationMoveIn {
   0% {
     opacity: 0;
@@ -257,49 +277,109 @@
   stroke-width: 1;
 }
 .rs-message {
-  border-radius: 6px;
-  font-size: 14px;
-  line-height: 1.42857143;
+  --rs-message-font-size: var(--rs-font-size-sm);
+  --rs-message-line-height: var(--rs-text-line-height-sm);
+  --rs-message-border-radius: var(--rs-radius-md);
+  --rs-message-icon-size: var(--rs-font-size-md);
+  --rs-message-padding: 1.25rem;
+  --rs-message-header-color: var(--rs-text-heading);
+  --rs-message-body-color: var(--rs-text-primary);
+  --rs-message-icon-color: var(--rs-text-secondary);
+  border-radius: var(--rs-message-border-radius);
+  font-size: var(--rs-message-font-size);
+  line-height: var(--rs-message-line-height);
   position: relative;
   animation-fill-mode: forwards;
   overflow: hidden;
+  background: #fff;
+}
+.rs-message.rs-message-success {
+  --rs-message-bg-color: var(--rs-message-success-bg);
+  --rs-message-header-color: var(--rs-message-success-header);
+  --rs-message-body-color: var(--rs-message-success-text);
+  --rs-message-icon-color: var(--rs-message-success-icon);
+  --rs-message-border-color: var(--rs-message-success-border);
+  --rs-message-icon-border-color: var(--rs-message-success-icon-border);
+}
+.rs-message.rs-message-info {
+  --rs-message-bg-color: var(--rs-message-info-bg);
+  --rs-message-header-color: var(--rs-message-info-header);
+  --rs-message-body-color: var(--rs-message-info-text);
+  --rs-message-icon-color: var(--rs-message-info-icon);
+  --rs-message-border-color: var(--rs-message-info-border);
+  --rs-message-icon-border-color: var(--rs-message-info-icon-border);
+}
+.rs-message.rs-message-warning {
+  --rs-message-bg-color: var(--rs-message-warning-bg);
+  --rs-message-header-color: var(--rs-message-warning-header);
+  --rs-message-body-color: var(--rs-message-warning-text);
+  --rs-message-icon-color: var(--rs-message-warning-icon);
+  --rs-message-border-color: var(--rs-message-warning-border);
+  --rs-message-icon-border-color: var(--rs-message-warning-icon-border);
+}
+.rs-message.rs-message-error {
+  --rs-message-bg-color: var(--rs-message-error-bg);
+  --rs-message-header-color: var(--rs-message-error-header);
+  --rs-message-body-color: var(--rs-message-error-text);
+  --rs-message-icon-color: var(--rs-message-error-icon);
+  --rs-message-border-color: var(--rs-message-error-border);
+  --rs-message-icon-border-color: var(--rs-message-error-icon-border);
+}
+.rs-theme-high-contrast .rs-message {
+  border: 1px solid var(--rs-message-border-color);
 }
 .rs-message-container {
-  padding: 20px;
-  padding-right: 28px;
+  background-color: var(--rs-message-bg-color);
+  padding: var(--rs-message-padding);
   display: flex;
+  align-items: baseline;
+}
+.rs-message.rs-message-has-title {
+  --rs-message-icon-size: var(--rs-font-size-2xl);
+}
+.rs-message.rs-message-has-title .rs-message-icon {
+  align-self: flex-start;
+}
+.rs-message.rs-message-has-title .rs-message-icon .rs-icon {
+  line-height: 1;
+}
+.rs-message.rs-message-centered {
+  --rs-message-icon-size: var(--rs-font-size-5xl);
 }
-.rs-message-centered .rs-message-container {
+.rs-message.rs-message-centered .rs-message-container {
   flex-direction: column;
   align-items: center;
   text-align: center;
   gap: 20px;
 }
-.rs-message-centered .rs-message-icon {
-  align-self: center !important;
+.rs-message.rs-message-centered .rs-message-icon {
+  align-self: center;
 }
-.rs-message-centered .rs-message-icon .rs-icon {
-  font-size: 40px !important;
+.rs-message.rs-message-centered.rs-message-bordered {
+  border-style: solid;
+  border-width: 4px 1px 1px 1px;
+  border-color: var(--rs-message-border-color);
 }
-.rs-message-centered.rs-message-bordered {
-  border-left-width: 1px !important;
-  border-top-width: 4px !important;
+.rs-message.rs-message-centered.rs-message-bordered .rs-message-icon {
+  box-sizing: content-box;
+  border: 4px solid var(--rs-message-icon-border-color);
+  border-radius: var(--rs-radius-full);
 }
 .rs-message-icon {
   align-self: center;
   font-size: 0;
-  margin-right: 10px;
+  margin-inline-end: 10px;
 }
 .rs-message-icon .rs-icon {
-  font-size: 16px;
+  font-size: var(--rs-message-icon-size);
   align-items: center;
 }
 .rs-message-content {
   flex-grow: 1;
 }
 .rs-message-header {
-  color: var(--rs-text-heading);
-  line-height: 1.71428571;
+  color: var(--rs-message-header-color);
+  line-height: var(--rs-text-line-height-md);
   font-weight: bold;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -310,7 +390,7 @@
   margin-top: 4px;
 }
 .rs-message-body {
-  color: var(--rs-text-primary);
+  color: var(--rs-message-body-color);
 }
 .rs-message-body ul,
 .rs-message-body ol {
@@ -318,12 +398,9 @@
   padding: 0;
   padding-inline-start: 16px;
 }
-.rs-message.rs-message-has-title .rs-message-icon {
-  align-self: flex-start;
-}
-.rs-message.rs-message-has-title .rs-message-icon .rs-icon {
-  font-size: 24px;
-  line-height: 1;
+.rs-message .rs-message-icon > .rs-icon,
+.rs-message .rs-btn-close {
+  color: var(--rs-message-icon-color);
 }
 .rs-message:not(.rs-message-hiding) + .rs-message {
   margin-top: 10px;
@@ -343,148 +420,8 @@
 .rs-message-full {
   position: absolute;
   top: 0;
-  left: 0;
+  inset-inline-start: 0;
   width: 100%;
-  border-radius: 0;
+  border-radius: var(--rs-radius-none);
   z-index: 3;
 }
-.rs-message-success {
-  background-color: #fff;
-}
-.rs-message-success.rs-message-bordered {
-  border: 1px solid var(--rs-message-success-border);
-  border-left-width: 4px;
-}
-.rs-message-success.rs-message-bordered .rs-message-icon {
-  box-sizing: content-box;
-  border: 4px solid var(--rs-message-success-icon-border);
-  border-radius: 50%;
-}
-.rs-message-success .rs-message-container {
-  background-color: var(--rs-message-success-bg);
-}
-.rs-message-success .rs-message-header {
-  color: var(--rs-message-success-header);
-}
-.rs-message-success .rs-message-body {
-  color: var(--rs-message-success-text);
-}
-.rs-message-success .rs-btn-close {
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding: 8px;
-  font-size: 12px;
-}
-.rs-message-success .rs-message-icon > .rs-icon,
-.rs-message-success .rs-btn-close {
-  color: var(--rs-message-success-icon);
-}
-.rs-theme-high-contrast .rs-message-success {
-  border: 1px solid var(--rs-message-success-border);
-}
-.rs-message-info {
-  background-color: #fff;
-}
-.rs-message-info.rs-message-bordered {
-  border: 1px solid var(--rs-message-info-border);
-  border-left-width: 4px;
-}
-.rs-message-info.rs-message-bordered .rs-message-icon {
-  box-sizing: content-box;
-  border: 4px solid var(--rs-message-info-icon-border);
-  border-radius: 50%;
-}
-.rs-message-info .rs-message-container {
-  background-color: var(--rs-message-info-bg);
-}
-.rs-message-info .rs-message-header {
-  color: var(--rs-message-info-header);
-}
-.rs-message-info .rs-message-body {
-  color: var(--rs-message-info-text);
-}
-.rs-message-info .rs-btn-close {
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding: 8px;
-  font-size: 12px;
-}
-.rs-message-info .rs-message-icon > .rs-icon,
-.rs-message-info .rs-btn-close {
-  color: var(--rs-message-info-icon);
-}
-.rs-theme-high-contrast .rs-message-info {
-  border: 1px solid var(--rs-message-info-border);
-}
-.rs-message-warning {
-  background-color: #fff;
-}
-.rs-message-warning.rs-message-bordered {
-  border: 1px solid var(--rs-message-warning-border);
-  border-left-width: 4px;
-}
-.rs-message-warning.rs-message-bordered .rs-message-icon {
-  box-sizing: content-box;
-  border: 4px solid var(--rs-message-warning-icon-border);
-  border-radius: 50%;
-}
-.rs-message-warning .rs-message-container {
-  background-color: var(--rs-message-warning-bg);
-}
-.rs-message-warning .rs-message-header {
-  color: var(--rs-message-warning-header);
-}
-.rs-message-warning .rs-message-body {
-  color: var(--rs-message-warning-text);
-}
-.rs-message-warning .rs-btn-close {
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding: 8px;
-  font-size: 12px;
-}
-.rs-message-warning .rs-message-icon > .rs-icon,
-.rs-message-warning .rs-btn-close {
-  color: var(--rs-message-warning-icon);
-}
-.rs-theme-high-contrast .rs-message-warning {
-  border: 1px solid var(--rs-message-warning-border);
-}
-.rs-message-error {
-  background-color: #fff;
-}
-.rs-message-error.rs-message-bordered {
-  border: 1px solid var(--rs-message-error-border);
-  border-left-width: 4px;
-}
-.rs-message-error.rs-message-bordered .rs-message-icon {
-  box-sizing: content-box;
-  border: 4px solid var(--rs-message-error-icon-border);
-  border-radius: 50%;
-}
-.rs-message-error .rs-message-container {
-  background-color: var(--rs-message-error-bg);
-}
-.rs-message-error .rs-message-header {
-  color: var(--rs-message-error-header);
-}
-.rs-message-error .rs-message-body {
-  color: var(--rs-message-error-text);
-}
-.rs-message-error .rs-btn-close {
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding: 8px;
-  font-size: 12px;
-}
-.rs-message-error .rs-message-icon > .rs-icon,
-.rs-message-error .rs-btn-close {
-  color: var(--rs-message-error-icon);
-}
-.rs-theme-high-contrast .rs-message-error {
-  border: 1px solid var(--rs-message-error-border);
-}