feat(Message): config redesign and implementation

shuriken-ui · Dec 8, 2023 · 2fefcea · 2fefcea
1 parent e4552b4
commit 2fefcea
Show file tree

Hide file tree

Showing 7 changed files with 745 additions and 242 deletions.
diff --git a/src/plugins/components/message/index.ts b/src/plugins/components/message/index.ts
diff --git a/src/plugins/components/message/message.component.ts b/src/plugins/components/message/message.component.ts
@@ -9,7 +9,7 @@ import * as variants from './message.variants'
  */
 export const Message = ({
   type = 'success',
-  shape = 'rounded',
+  rounded = 'sm',
   closable,
   icon,
   message,
@@ -21,7 +21,7 @@ export const Message = ({
       class=${[
         'nui-message',
         type && variants.type[type],
-        shape && variants.shape[shape],
+        rounded && variants.rounded[rounded],
         classes?.wrapper,
       ]
         .filter(Boolean)
@@ -40,7 +40,10 @@ export const Message = ({
               type="button"
               tabindex="0"
               class="nui-message-close"
-              class=${['nui-message-close', shape && variants.shape[shape]]
+              class=${[
+                'nui-message-close',
+                rounded && variants.rounded[rounded],
+              ]
                 .filter(Boolean)
                 .join(' ')}
             >