@wpic/ui 0.3.16 → 0.4.0

package/dist/components/WBanner.vue.d.ts

@@ -1,13 +1,32 @@
 import { Component } from 'vue';
+import { WTheme } from './semantic/styles';
 type __VLS_Props = {
     variant?: 'info' | 'warning' | 'error' | 'success';
     icon?: Component;
+    title?: string;
+    lead?: string;
+    dismissible?: boolean;
+    dismissLabel?: string;
+    theme?: WTheme;
 };
-declare var __VLS_5: {};
+declare var __VLS_5: {}, __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    actions?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    variant: "info" | "warning" | "error" | "success";
+    theme: WTheme;
+    dismissible: boolean;
+    dismissLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/WTag.vue.d.ts

@@ -1,23 +1,41 @@
 import { PopoverOption } from './WOptionPopover.vue';
+import { WTheme, WSemanticVariant } from './semantic/styles';
 type __VLS_Props = {
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'overlay' | 'teal' | 'meta';
+    variant?: 'default' | 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'overlay' | 'teal' | 'meta';
     size?: 'sm' | 'md';
+    theme?: WTheme;
+    /** Controlled selection via v-model:checked. Checkable takes precedence over editable. */
+    checkable?: boolean;
+    checked?: boolean;
+    checkedVariant?: WSemanticVariant;
+    uncheckedAppearance?: 'normal' | 'muted';
+    disabled?: boolean;
     editable?: boolean;
     modelValue?: string | null;
     options?: PopoverOption[];
     removable?: boolean;
+    removeLabel?: string;
 };
-declare var __VLS_11: {};
+declare var __VLS_19: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
+    "update:checked": (value: boolean) => any;
     remove: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
     onRemove?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    variant: "default" | "neutral" | "primary" | "success" | "warning" | "error" | "info" | "overlay" | "teal" | "meta";
+    size: "sm" | "md";
+    theme: WTheme;
+    checkedVariant: WSemanticVariant;
+    uncheckedAppearance: "normal" | "muted";
+    removeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/semantic/styles.d.ts

@@ -0,0 +1,153 @@
+/** Shared, compiled Tailwind palettes. Explicit themes also support side-by-side previews. */
+export type WTheme = 'auto' | 'light' | 'dark';
+export type WSemanticVariant = 'neutral' | 'info' | 'warning' | 'success' | 'error';
+export type ThemeClasses = Record<WTheme, string>;
+export declare function themed(classes: ThemeClasses, theme?: WTheme): string;
+export declare const bannerStyles: {
+    neutral: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    info: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    warning: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    error: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+};
+export declare const iconStyles: {
+    neutral: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    info: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    warning: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    error: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+};
+export declare const badgeStyles: {
+    neutral: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    info: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    warning: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    error: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    primary: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+};
+export declare const tagStyles: {
+    neutral: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    info: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    warning: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    success: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    error: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    primary: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    teal: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    overlay: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    meta: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+};
+export declare const selectedNeutral: {
+    light: string;
+    dark: string;
+    auto: string;
+};
+export declare const mutedTag: {
+    light: string;
+    dark: string;
+    auto: string;
+};
+export declare const close: {
+    light: string;
+    dark: string;
+    auto: string;
+};

package/dist/index.d.ts

@@ -80,3 +80,4 @@ export { default as WSegmentedControl } from './components/WSegmentedControl.vue
 export type { WSegmentedControlOption } from './components/WSegmentedControl.vue';
 export { default as MarketplaceIcon } from './components/icons/MarketplaceIcon.vue';
 export { default as ProviderLogo } from './components/icons/ProviderLogo.vue';
+export type { WTheme, WSemanticVariant } from './components/semantic/styles';