@returnless/focus-ui 0.0.10 → 0.0.11

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** The size of the avatar */
-    size?: "xl" | "xs" | "sm" | "md" | "lg" | undefined;
+    size?: "sm" | "xl" | "xs" | "md" | "lg" | undefined;
     /** The name of the person, company or entity */
     name?: string | undefined;
     /** Initials of person to display. */
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     accessibilityLabel: null;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** The size of the avatar */
-    size?: "xl" | "xs" | "sm" | "md" | "lg" | undefined;
+    size?: "sm" | "xl" | "xs" | "md" | "lg" | undefined;
     /** The name of the person, company or entity */
     name?: string | undefined;
     /** Initials of person to display. */
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     source: string;
     name: string;
-    size: "xl" | "xs" | "sm" | "md" | "lg";
+    size: "sm" | "xl" | "xs" | "md" | "lg";
     accessibilityLabel: string | null;
     initials: string | null;
 }, {}>;

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /** The color of the badge. */
     color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
     /** The size of the badge */
-    size?: "xl" | "sm" | "md" | "lg" | undefined;
+    size?: "sm" | "xl" | "md" | "lg" | undefined;
 }>, {
     accessibilityLabel: null;
     size: string;
@@ -14,12 +14,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /** The color of the badge. */
     color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
     /** The size of the badge */
-    size?: "xl" | "sm" | "md" | "lg" | undefined;
+    size?: "sm" | "xl" | "md" | "lg" | undefined;
 }>, {
     accessibilityLabel: null;
     size: string;
 }>>>, {
-    size: "xl" | "sm" | "md" | "lg";
+    size: "sm" | "xl" | "md" | "lg";
     accessibilityLabel: string | null;
 }, {}>, {
     default?(_: {}): any;

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

@@ -25,7 +25,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     native: boolean;
 }>>>, {
     type: "button" | "reset" | "submit";
-    variant: import("./types").ButtonVariant;
     href: string | null;
     disabled: boolean;
     disclosure: boolean;
@@ -35,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     native: boolean;
     size: "small" | "normal";
+    variant: import("./types").ButtonVariant;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/Button/ButtonBadge.vue.d.ts

@@ -0,0 +1,44 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Accessible label for the avatar image. */
+    accessibilityLabel?: string | null | undefined;
+    /** The color of the badge. */
+    color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
+}>, {
+    accessibilityLabel: null;
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Accessible label for the avatar image. */
+    accessibilityLabel?: string | null | undefined;
+    /** The color of the badge. */
+    color: "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "lightBlue" | "warmGray" | "trueGray" | "coolGray" | "blueGray";
+}>, {
+    accessibilityLabel: null;
+    size: string;
+}>>>, {
+    accessibilityLabel: string | null;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Button/ButtonIcon.vue.d.ts

@@ -1,29 +1,30 @@
+import { type FunctionalComponent, type HTMLAttributes, type VNodeProps } from 'vue';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** The alt text for the icon */
     alt?: string | undefined;
-    /** The name of the icon to display */
-    name?: (() => void) | null | undefined;
+    /** The icon to display to the left, or right, of the navigation item. */
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null | undefined;
     /** The source of the icon to display */
     source?: string | null | undefined;
 }>, {
     alt: undefined;
-    name: null;
+    icon: null;
     source: null;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** The alt text for the icon */
     alt?: string | undefined;
-    /** The name of the icon to display */
-    name?: (() => void) | null | undefined;
+    /** The icon to display to the left, or right, of the navigation item. */
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null | undefined;
     /** The source of the icon to display */
     source?: string | null | undefined;
 }>, {
     alt: undefined;
-    name: null;
+    icon: null;
     source: null;
 }>>>, {
     source: string | null;
-    name: (() => void) | null;
     alt: string;
+    icon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/components/Button/index.d.ts

@@ -1,4 +1,5 @@
 export { type ButtonVariant, type ButtonProps } from './types';
 export { default as Button } from './Button.vue';
+export { default as ButtonBadge } from './ButtonBadge.vue';
 export { default as ButtonContent } from './ButtonContent.vue';
 export { default as ButtonIcon } from './ButtonIcon.vue';

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

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FeatureList/FeatureListItem.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FeatureList/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FeatureList } from './FeatureList.vue';
+export { default as FeatureListItem } from './FeatureListItem.vue';

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

@@ -5,8 +5,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     source: string;
     /** The cross-origin attribute of the image. */
     crossOrigin?: "anonymous" | "use-credentials" | undefined;
+    /** Whether the image should be rounded. */
+    rounded?: boolean | undefined;
 }>, {
     crossOrigin: undefined;
+    rounded: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: () => void;
     load: () => void;
@@ -17,12 +20,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     source: string;
     /** The cross-origin attribute of the image. */
     crossOrigin?: "anonymous" | "use-credentials" | undefined;
+    /** Whether the image should be rounded. */
+    rounded?: boolean | undefined;
 }>, {
     crossOrigin: undefined;
+    rounded: boolean;
 }>>> & {
     onLoad?: (() => any) | undefined;
     onError?: (() => any) | undefined;
 }, {
+    rounded: boolean;
     crossOrigin: "anonymous" | "use-credentials";
 }, {}>;
 export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/IntegrationConnection/IntegrationConnectionItem.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    source: string;
+    alt: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    source: string;
+    alt: string;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/IntegrationConnection/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IntegrationConnection } from './IntegrationConnection.vue';
+export { default as IntegrationConnectionItem } from './IntegrationConnectionItem.vue';

package/dist/components/Navigation/NavigationItem.vue.d.ts

@@ -1,10 +1,11 @@
+import { type FunctionalComponent, type HTMLAttributes, type VNodeProps } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Whether the navigation item is active. */
     active?: boolean | undefined;
     /** The URL to navigate to. */
     href: string;
     /** The icon to display to the left of the navigation item. */
-    icon?: (() => void) | null | undefined;
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null | undefined;
 }>, {
     active: boolean;
     icon: null;
@@ -14,13 +15,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /** The URL to navigate to. */
     href: string;
     /** The icon to display to the left of the navigation item. */
-    icon?: (() => void) | null | undefined;
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null | undefined;
 }>, {
     active: boolean;
     icon: null;
 }>>>, {
+    icon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | null;
     active: boolean;
-    icon: (() => void) | null;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,3 +1,4 @@
+import { type FunctionalComponent, type HTMLAttributes, type VNodeProps } from 'vue';
 declare let __VLS_typeProps: {
     /** Enable automatic completion by the browser. Set to "off" when you do not want the browser to fill in info */
     autoComplete?: string | null;
@@ -8,7 +9,7 @@ declare let __VLS_typeProps: {
     /** The help text to display below the input. */
     helpText?: string | null;
     /** The icon to display inside the input. */
-    icon?: (() => void) | string | undefined;
+    icon?: FunctionalComponent<HTMLAttributes & VNodeProps> | string | undefined;
     /** The ID of the input the label is associated with. */
     id?: string | null;
     /** The label text. */
@@ -65,10 +66,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     type: "number" | "search" | "time" | "text" | "date" | "datetime-local" | "email" | "month" | "password" | "tel" | "url" | "week" | "currency";
     readonly: boolean;
     id: string | null;
-    required: boolean;
     error: string | null;
+    required: boolean;
     disabled: boolean;
-    icon: string | (() => void);
+    icon: string | FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
     labelHidden: boolean;
     helpText: string | null;
     placeholder: string | null;

package/dist/components/TextField/TextFieldIcon.vue.d.ts

@@ -1,7 +1,8 @@
+import type { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    icon: string | (() => void);
+    icon: string | FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    icon: string | (() => void);
+    icon: string | FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,13 +1,34 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    /** The text style variant. */
-    variant: "strong" | "subdued";
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    /** The text style variant. */
-    variant: "strong" | "subdued";
-}>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Whether the text is subdued. */
+    subdued?: boolean | undefined;
+    /** Whether the text is strong. */
+    strong?: boolean | undefined;
+}>, {
+    subdued: boolean;
+    strong: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    /** Whether the text is subdued. */
+    subdued?: boolean | undefined;
+    /** Whether the text is strong. */
+    strong?: boolean | undefined;
+}>, {
+    subdued: boolean;
+    strong: boolean;
+}>>>, {
+    strong: boolean;
+    subdued: boolean;
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/index.d.ts

@@ -7,7 +7,7 @@ export { Avatar } from './Avatar';
 export { Badge, BadgeContent, BadgeIcon } from './Badge';
 export { BarChart, BarChartContainer, BarChartStacked } from './BarChart';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './Breadcrumbs';
-export { type ButtonVariant, Button, ButtonContent, ButtonIcon, } from './Button';
+export { type ButtonVariant, Button, ButtonBadge, ButtonContent, ButtonIcon, } from './Button';
 export { ButtonGroup } from './ButtonGroup';
 export { Card, CardDescription, CardFooter, CardHeader, CardHelp, CardSection, CardTitle, } from './Card';
 export { Checkbox } from './Checkbox';
@@ -16,6 +16,7 @@ export { DatePicker, DatePickerCard, } from './DatePicker';
 export { DescriptionList, DescriptionListDescription, DescriptionListItem, DescriptionListTerm, } from './DescriptionList';
 export { DropZone } from './DropZone';
 export { EmptyState, EmptyStateActions, EmptyStateContent, EmptyStateDescription, EmptyStateTitle, } from './EmptyState';
+export { FeatureList, FeatureListItem } from './FeatureList';
 export { Feed, FeedItem, FeedItemBlock, FeedItemDateIndicator, FeedItemIcon, FeedItemSimple, } from './Feed';
 export { FileUploadButton } from './FileUploadButton';
 export { Form } from './Form';
@@ -24,6 +25,7 @@ export { type HeadingLevel, type HeadingSize, Heading, } from './Heading';
 export { Image } from './Image';
 export { InlineError } from './InlineError';
 export { InputLabel } from './InputLabel';
+export { IntegrationConnection, IntegrationConnectionItem } from './IntegrationConnection';
 export { KPICard, KPICardSection } from './KPICard';
 export { Legend, LegendItem } from './Legend';
 export { Link } from './Link';