@namba_one/ui-kit-2 1.0.143 → 1.0.145

package/dist/index.d.ts

@@ -1652,7 +1652,7 @@ inputRef: any;
 
 declare type ColorPickerProps = Pick<SelectBaseProps, 'label' | 'description' | 'errorText' | 'isError' | 'isDisabled'>;
 
-declare const colors: readonly ["text-common-base-primary-default", "text-common-base-secondary-default", "bg-common-base-primary-default", "bg-common-brand-primary-default", "bg-common-brand-secondary-default", "bg-common-base-secondary-default", "text-common-base-inverse-default", "bg-common-critical-primary-default", "bg-common-critical-secondary-default", "bg-common-success-primary-default", "bg-common-success-secondary-default", "text-common-primary-default", "text-common-critical-primary-default", "text-common-success-primary-default", "icon-common-base-primary-default", "icon-common-base-secondary-default", "icon-common-base-tertiary-default", "icon-common-brand-primary-default", "icon-common-critical-primary-default", "icon-common-success-primary-default", "border-common-base-primary", "border-common-brand-primary", "border-common-critical-primary", "border-common-success-primary", "bg-disable-default", "text-disable-default", "icon-disable-primary", "text-button-base-primary", "text-button-base-inverse", "text-button-brand-primary", "text-button-critical-primary", "text-button-success-primary", "bg-button-base-secondary-default", "bg-button-base-primary-default", "bg-button-brand-default", "bg-button-success-default", "bg-button-critical-default", "icon-button-base-primary", "icon-button-base-inverse", "icon-button-brand-primary", "icon-button-critical-primary", "icon-button-success-primary", "bg-input-base-primary-default", "text-input-base-primary", "icon-input-base-primary", "border-input-base-primary", "bg-common-base-tertiary-default", "text-input-base-secondary", "bg-button-base-inverse-default", "bg-common-base-inverse-default", "border-input-accent-critical", "bg-common-opacity-base-300", "bg-common-opacity-base-500", "background-layout-layout-2", "background-layout-layout-1", "text-common-base-base", "icon-common-base-base-500", "background-state-action-base-t-active", "text-common-base-base-500", "icon-common-base-base", "icon-common-base-base-600", "text-common-base-base-600", "border-common-base-base-1000-5", "background-surface-account-account-2", "background-surface-account-account-3", "background-surface-account-account-4", "background-surface-account-account-1", "background-surface-account-account-5", "background-surface-account-account-6", "background-surface-account-account-7", "background-surface-account-account-8", "background-surface-account-account-9", "foreground-surface-account-account-1-primary", "foreground-surface-account-account-2-primary", "foreground-surface-account-account-3-primary", "foreground-surface-account-account-4-primary", "foreground-surface-account-account-5-primary", "foreground-surface-account-account-6-primary", "foreground-surface-account-account-7-primary", "foreground-surface-account-account-8-primary", "foreground-surface-account-account-9-primary", "foreground-surface-account-account-8-secondary", "foreground-surface-account-account-7-secondary", "foreground-surface-account-account-3-secondary", "foreground-surface-account-account-5-secondary", "foreground-surface-account-account-4-secondary", "foreground-surface-account-account-6-secondary", "foreground-surface-account-account-2-secondary", "foreground-surface-account-product-9-secondary", "foreground-surface-account-account-1-secondary", "background-surface-layout-1-surface", "background-surface-popover-base", "foreground-layout-layout-1-primary", "foreground-layout-layout-2-primary", "foreground-layout-layout-2-secondary", "foreground-layout-layout-1-secondary", "background-surface-layout-1-surface-2", "foreground-surface-layout-1-surface-2-primary", "foreground-surface-layout-1-surface-2-critical", "foreground-layout-layout-1-success", "border-layout-layout-1-base", "interactive-base-surface-2", "interactive-text-base-surface-2", "interactive-text-base", "background-interactive-button-product-surface-primary", "foreground-interactive-button-product-surface-primary", "foreground-surface-layout-1-surface-primary", "foreground-surface-popover-base", "border-surface-popover-base", "foreground-surface-popover-base-secondary", "foreground-surface-popover-base-critical", "foreground-surface-layout-1-surface-2-secondary", "background-surface-account-account-1-t-0", "background-surface-account-account-8-t-0", "background-surface-account-account-5-t-0", "background-surface-account-account-7-t-0", "background-surface-account-account-6-t-0", "background-surface-account-account-9-t-0", "background-surface-account-account-3-t-0", "background-surface-account-account-4-t-0", "background-surface-account-account-2-t-0", "background-surface-layout-1-surface-3", "border-layout-layout-1-primary", "background-interactive-input-input-base", "foreground-interactive-input-base-primary", "foreground-interactive-input-base-placeholder", "foreground-interactive-input-base-secondary", "background-element-avatar-base-t", "foreground-layout-layout-1-critical", "border-input-base-primary-2", "border-input-base-primary-3", "border-interactive-input-base", "border-interactive-input-base-critical", "background-surface-account-account-4-contrast", "background-surface-account-account-2-contrast", "background-surface-account-account-1-contrast", "background-surface-account-account-8-contrast", "background-surface-account-account-3-contrast", "background-surface-account-account-7-contrast", "background-surface-account-account-5-contrast", "background-surface-account-account-6-contrast", "background-surface-account-account-9-contrast", "background-interactive-button-base", "foreground-interactive-button-base", "background-interactive-button-surface-primary", "foreground-interactive-button-surface-primary", "background-layout-overlay", "background-surface-modal-base", "background-interactive-button-base-primary", "foreground-interactive-button-base-primary", "background-surface-popover-base-t-0", "background-interactive-scroll-primary-t", "background-surface-layout-1-surface-2-t-0", "illustration-illustration-bg-critical", "background-surface-tooltip-primary", "foreground-element-tooltip-primary", "border-interactive-input-base-focus", "bg-input-base-primary-default-2", "foreground-element-avatar-base-t", "border-element-avatar-base-t", "foreground-interactive-button-base-flat", "bg-common-brand-primary-default-2", "foreground-interactive-input-focus-cursor-brand", "background-interactive-input-input-base-focus", "foreground-interactive-button-brand-flat", "illustration-illustration-bg-base-contrast", "illustration-illustration-border-base", "illustration-illustration-border-primary", "illustration-illustration-background", "illustration-illustration-border-base-contrast-primary", "background-on-primary-overlay", "background-element-badge-base-t", "foreground-element-badge-base-t", "background-surface-layout-1-surface-t-0", "foreground-layout-layout-1-brand", "background-surface-layout-1-succes", "background-surface-layout-1-critical", "background-surface-layout-1-succes-contrast", "background-surface-layout-1-critical-contrast", "foreground-surface-layout-1-critical-contrast-primary", "foreground-surface-layout-1-surface-success-contrast", "border-layout-layout-1-surface", "background-interactive-select-base-2", "foreground-interactive-select-base-2-placeholder", "foreground-interactive-select-base-2-primary", "border-interactive-select-select-base-critical", "border-interactive-select-base-focus", "border-interactive-select-base", "foreground-interactive-select-base-2-critical", "background-element-badge-success", "foreground-element-badge-succes", "background-element-badge-critical", "foreground-element-badge-critical", "background-element-badge-brand", "foreground-element-badge-brand", "border-layout-layout-1", "text-button-base-secondary", "icon-button-base-secondary", "background-interactive-button-critical-primary", "foreground-interactive-button-critical-primary", "bg-button-critical-default-2", "background-interactive-button-critical", "foreground-interactive-button-critical", "background-surface-layout-1-surface-4", "background-surface-layout-1-warning", "foreground-surface-layout-1-surface-2-warning", "background-interactive-button-critical-primary-disabled", "foreground-interactive-button-critical-primary-disabled", "background-interactive-button-base-disabled", "foreground-interactive-button-base-disabled", "background-interactive-button-surface-primary-disabled", "foreground-interactive-button-surface-primary-disabled", "background-interactive-button-product-surface-primary-disabled", "background-interactive-button-base-primary-disabled", "background-interactive-button-critical-disabled", "foreground-interactive-button-product-surface-primary-disabled", "foreground-interactive-button-base-flat-disabled", "foreground-interactive-button-base-primary-disabled", "foreground-interactive-button-brand-flat-disabled", "foreground-interactive-button-critical-disabled", "background-surface-layout-1-primary", "foreground-surface-layout-1-primary-primary", "foreground-interactive-link-brand", "background-interactive-select-select-base", "background-interactive-select-select-base-focus", "foreground-interactive-input-focus-cursor-brand-2", "foreground-interactive-select-base-secondary", "foreground-interactive-input-base-secondary-2", "foreground-interactive-select-base-primary", "foreground-interactive-input-base-primary-2", "foreground-interactive-select-base-placeholder", "foreground-interactive-input-base-placeholder-2", "foreground-element-badge-secondary", "background-element-badge-secondary", "foreground-interactive-link-base", "foreground-interactive-link-secondary", "foreground-layout-layout-1-surface", "background-interactive-button-base-secondary-disabled", "background-interactive-button-base-secondary", "foreground-interactive-button-base-secondary-disabled", "foreground-interactive-button-base-secondary", "background-state-action-critical-t-active", "background-interactive-button-success-primary", "background-interactive-button-success-primary-disabled-2", "foreground-interactive-button-success-primary", "foreground-interactive-button-success-primary-disabled", "background-surface-layout-1-surface-5-t-15", "background-state-action-base-secondary-t-active", "background-state-action-secondary-t-active", "background-surface-modal-base-t-0", "border-layout-layout-1-base-table", "background-layout-layout-1-0"];
+declare const colors: readonly ["text-common-base-primary-default", "text-common-base-secondary-default", "bg-common-base-primary-default", "bg-common-brand-primary-default", "bg-common-brand-secondary-default", "bg-common-base-secondary-default", "text-common-base-inverse-default", "bg-common-critical-primary-default", "bg-common-critical-secondary-default", "bg-common-success-primary-default", "bg-common-success-secondary-default", "text-common-primary-default", "text-common-critical-primary-default", "text-common-success-primary-default", "icon-common-base-primary-default", "icon-common-base-secondary-default", "icon-common-base-tertiary-default", "icon-common-brand-primary-default", "icon-common-critical-primary-default", "icon-common-success-primary-default", "border-common-base-primary", "border-common-brand-primary", "border-common-critical-primary", "border-common-success-primary", "bg-disable-default", "text-disable-default", "icon-disable-primary", "text-button-base-primary", "text-button-base-inverse", "text-button-brand-primary", "text-button-critical-primary", "text-button-success-primary", "bg-button-base-secondary-default", "bg-button-base-primary-default", "bg-button-brand-default", "bg-button-success-default", "bg-button-critical-default", "icon-button-base-primary", "icon-button-base-inverse", "icon-button-brand-primary", "icon-button-critical-primary", "icon-button-success-primary", "bg-input-base-primary-default", "text-input-base-primary", "icon-input-base-primary", "border-input-base-primary", "bg-common-base-tertiary-default", "text-input-base-secondary", "bg-button-base-inverse-default", "bg-common-base-inverse-default", "border-input-accent-critical", "bg-common-opacity-base-300", "bg-common-opacity-base-500", "background-layout-layout-2", "background-layout-layout-1", "text-common-base-base", "icon-common-base-base-500", "background-state-action-base-t-active", "text-common-base-base-500", "icon-common-base-base", "icon-common-base-base-600", "text-common-base-base-600", "border-common-base-base-1000-5", "background-surface-account-account-2", "background-surface-account-account-3", "background-surface-account-account-4", "background-surface-account-account-1", "background-surface-account-account-5", "background-surface-account-account-6", "background-surface-account-account-7", "background-surface-account-account-8", "background-surface-account-account-9", "foreground-surface-account-account-1-primary", "foreground-surface-account-account-2-primary", "foreground-surface-account-account-3-primary", "foreground-surface-account-account-4-primary", "foreground-surface-account-account-5-primary", "foreground-surface-account-account-6-primary", "foreground-surface-account-account-7-primary", "foreground-surface-account-account-8-primary", "foreground-surface-account-account-9-primary", "foreground-surface-account-account-8-secondary", "foreground-surface-account-account-7-secondary", "foreground-surface-account-account-3-secondary", "foreground-surface-account-account-5-secondary", "foreground-surface-account-account-4-secondary", "foreground-surface-account-account-6-secondary", "foreground-surface-account-account-2-secondary", "foreground-surface-account-product-9-secondary", "foreground-surface-account-account-1-secondary", "background-surface-layout-1-surface", "background-surface-popover-base", "foreground-layout-layout-1-primary", "foreground-layout-layout-2-primary", "foreground-layout-layout-2-secondary", "foreground-layout-layout-1-secondary", "background-surface-layout-1-surface-2", "foreground-surface-layout-1-surface-2-primary", "foreground-surface-layout-1-surface-2-critical", "foreground-layout-layout-1-success", "border-layout-layout-1-base", "interactive-base-surface-2", "interactive-text-base-surface-2", "interactive-text-base", "background-interactive-button-product-surface-primary", "foreground-interactive-button-product-surface-primary", "foreground-surface-layout-1-surface-primary", "foreground-surface-popover-base", "border-surface-popover-base", "foreground-surface-popover-base-secondary", "foreground-surface-popover-base-critical", "foreground-surface-layout-1-surface-2-secondary", "background-surface-account-account-1-t-0", "background-surface-account-account-8-t-0", "background-surface-account-account-5-t-0", "background-surface-account-account-7-t-0", "background-surface-account-account-6-t-0", "background-surface-account-account-9-t-0", "background-surface-account-account-3-t-0", "background-surface-account-account-4-t-0", "background-surface-account-account-2-t-0", "background-surface-layout-1-surface-3", "border-layout-layout-1-primary", "background-interactive-input-input-base", "foreground-interactive-input-base-primary", "foreground-interactive-input-base-placeholder", "foreground-interactive-input-base-secondary", "background-element-avatar-base-t", "foreground-layout-layout-1-critical", "border-input-base-primary-2", "border-input-base-primary-3", "border-interactive-input-base", "border-interactive-input-base-critical", "background-surface-account-account-4-contrast", "background-surface-account-account-2-contrast", "background-surface-account-account-1-contrast", "background-surface-account-account-8-contrast", "background-surface-account-account-3-contrast", "background-surface-account-account-7-contrast", "background-surface-account-account-5-contrast", "background-surface-account-account-6-contrast", "background-surface-account-account-9-contrast", "background-interactive-button-base", "foreground-interactive-button-base", "background-interactive-button-surface-primary", "foreground-interactive-button-surface-primary", "background-layout-overlay", "background-surface-modal-base", "background-interactive-button-base-primary", "foreground-interactive-button-base-primary", "background-surface-popover-base-t-0", "background-interactive-scroll-primary-t", "background-surface-layout-1-surface-2-t-0", "illustration-illustration-bg-critical", "background-surface-tooltip-primary", "foreground-element-tooltip-primary", "border-interactive-input-base-focus", "bg-input-base-primary-default-2", "foreground-element-avatar-base-t", "border-element-avatar-base-t", "foreground-interactive-button-base-flat", "bg-common-brand-primary-default-2", "foreground-interactive-input-focus-cursor-brand", "background-interactive-input-input-base-focus", "foreground-interactive-button-brand-flat", "illustration-illustration-bg-base-contrast", "illustration-illustration-border-base", "illustration-illustration-border-primary", "illustration-illustration-background", "illustration-illustration-border-base-contrast-primary", "background-on-primary-overlay", "background-element-badge-base-t", "foreground-element-badge-base-t", "background-surface-layout-1-surface-t-0", "foreground-layout-layout-1-brand", "background-surface-layout-1-succes", "background-surface-layout-1-critical", "background-surface-layout-1-succes-contrast", "background-surface-layout-1-critical-contrast", "foreground-surface-layout-1-critical-contrast-primary", "foreground-surface-layout-1-surface-success-contrast", "border-layout-layout-1-surface", "background-interactive-select-base-2", "foreground-interactive-select-base-2-placeholder", "foreground-interactive-select-base-2-primary", "border-interactive-select-select-base-critical", "border-interactive-select-base-focus", "border-interactive-select-base", "foreground-interactive-select-base-2-critical", "background-element-badge-success", "foreground-element-badge-succes", "background-element-badge-critical", "foreground-element-badge-critical", "background-element-badge-brand", "foreground-element-badge-brand", "border-layout-layout-1", "text-button-base-secondary", "icon-button-base-secondary", "background-interactive-button-critical-primary", "foreground-interactive-button-critical-primary", "bg-button-critical-default-2", "background-interactive-button-critical", "foreground-interactive-button-critical", "background-surface-layout-1-surface-4", "background-surface-layout-1-warning", "foreground-surface-layout-1-surface-2-warning", "background-interactive-button-critical-primary-disabled", "foreground-interactive-button-critical-primary-disabled", "background-interactive-button-base-disabled", "foreground-interactive-button-base-disabled", "background-interactive-button-surface-primary-disabled", "foreground-interactive-button-surface-primary-disabled", "background-interactive-button-product-surface-primary-disabled", "background-interactive-button-base-primary-disabled", "background-interactive-button-critical-disabled", "foreground-interactive-button-product-surface-primary-disabled", "foreground-interactive-button-base-flat-disabled", "foreground-interactive-button-base-primary-disabled", "foreground-interactive-button-brand-flat-disabled", "foreground-interactive-button-critical-disabled", "background-surface-layout-1-primary", "foreground-surface-layout-1-primary-primary", "foreground-interactive-link-brand", "background-interactive-select-select-base", "background-interactive-select-select-base-focus", "foreground-interactive-input-focus-cursor-brand-2", "foreground-interactive-select-base-secondary", "foreground-interactive-input-base-secondary-2", "foreground-interactive-select-base-primary", "foreground-interactive-input-base-primary-2", "foreground-interactive-select-base-placeholder", "foreground-interactive-input-base-placeholder-2", "foreground-element-badge-secondary", "background-element-badge-secondary", "foreground-interactive-link-base", "foreground-interactive-link-secondary", "foreground-layout-layout-1-surface", "background-interactive-button-base-secondary-disabled", "background-interactive-button-base-secondary", "foreground-interactive-button-base-secondary-disabled", "foreground-interactive-button-base-secondary", "background-state-action-critical-t-active", "background-interactive-button-success-primary", "background-interactive-button-success-primary-disabled-2", "foreground-interactive-button-success-primary", "foreground-interactive-button-success-primary-disabled", "background-surface-layout-1-surface-5-t-15", "background-state-action-base-secondary-t-active", "background-state-action-secondary-t-active", "background-surface-modal-base-t-0", "border-layout-layout-1-base-table", "background-layout-layout-1-0", "foreground-layout-layout-1-brand-25"];
 
 export declare const Container: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
 

package/dist/index.es.js

@@ -9987,32 +9987,54 @@ const Rp = Symbol(), MP = () => Ni(
         default:
           return "filled-success";
       }
+    }), o = R(() => {
+      switch (e.value) {
+        case "primary":
+          return "foreground-interactive-button-base-primary";
+        case "base":
+          return "foreground-interactive-button-success-primary";
+        case "danger":
+          return "foreground-interactive-button-critical-primary";
+        default:
+          return "foreground-interactive-button-base-primary";
+      }
+    }), i = R(() => {
+      switch (e.value) {
+        case "primary":
+          return "foreground-interactive-button-base-primary";
+        case "base":
+          return "foreground-interactive-button-success-primary";
+        case "danger":
+          return "foreground-interactive-button-critical-primary";
+        default:
+          return "foreground-interactive-button-base-primary";
+      }
     });
-    return (o, i) => (v(), M("div", {
-      class: y([o.$style.root, o.$style[`view_${e.value}`]]),
-      onClick: i[0] || (i[0] = (s) => o.$emit("click"))
+    return (s, a) => (v(), M("div", {
+      class: y([s.$style.root, s.$style[`view_${e.value}`]]),
+      onClick: a[0] || (a[0] = (l) => s.$emit("click"))
     }, [
       V(p(We), {
         size: 18,
         name: r.value,
-        color: "icon-common-base-tertiary-default"
-      }, null, 8, ["name"]),
+        color: i.value
+      }, null, 8, ["name", "color"]),
       V(p(Be), {
-        class: y(o.$style.title),
+        class: y(s.$style.title),
         size: "subhead",
-        color: "text-common-base-inverse-default",
+        color: o.value,
         align: "left"
       }, {
         default: P(() => [
-          we(me(o.toast.title), 1)
+          we(me(s.toast.title), 1)
         ]),
         _: 1
-      }, 8, ["class"]),
+      }, 8, ["class", "color"]),
       V(p(We), {
         size: 18,
         name: "outline-cross",
-        color: "icon-common-base-tertiary-default"
-      })
+        color: i.value
+      }, null, 8, ["color"])
     ], 2));
   }
 }), K2 = "ToastItem__root_28b92", X2 = "ToastItem__view_base_9bdf3", Q2 = "ToastItem__view_danger_a3871", Z2 = "ToastItem__view_primary_4e69c", J2 = "ToastItem__title_044bf", eC = {