fix: minor fix

Kong · Dec 13, 2024 · cff2e59 · cff2e59
1 parent c1948ca
commit cff2e59
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/sandbox/pages/SandboxAlert.vue b/sandbox/pages/SandboxAlert.vue
@@ -179,8 +179,10 @@ import { KongIcon } from '@kong/icons'
 </script>
 
 <style scoped lang="scss">
-.appearance-content {
-  display: flex;
-  gap: $kui-space-40;
+.kalert-sandbox {
+  .appearance-content {
+    display: flex;
+    gap: $kui-space-40;
+  }
 }
 </style>
diff --git a/src/components/KAlert/KAlert.vue b/src/components/KAlert/KAlert.vue
@@ -216,15 +216,15 @@ const getAlertIcon = computed((): AlertIcon => {
       var(--kui-color-background-success-weakest, $kui-color-background-success-weakest),
       var(--kui-color-text-success, $kui-color-text-success),
       var(--kui-color-text-success-strong, $kui-color-text-success-strong),
-      #B5FFEE /** kui-color-background-success-weaker */);
+      #B5FFEE); // we don't have a kui-color-background-success-weaker token so use hardcoded value
   }
 
   &.warning {
     @include kAlertAppearance(
       var(--kui-color-background-warning-weakest, $kui-color-background-warning-weakest),
       var(--kui-color-text-warning, $kui-color-text-warning),
       var(--kui-color-text-warning-strong, $kui-color-text-warning-strong),
-      #FFF296 /** kui-color-background-warning-weaker */);
+      #FFF296); // we don't have a kui-color-background-warning-weaker token so use hardcoded value
   }
 
   &.danger {