@opens/ui 1.0.5 → 1.0.7

package/dist/dropdowns/app-dropdown.vue.d.ts

@@ -0,0 +1,4 @@
+import _sfc_main from "/opt/atlassian/pipelines/agent/build/src/components/dropdowns/app-dropdown.vue?vue&type=script&setup=true&lang.ts";
+export * from "/opt/atlassian/pipelines/agent/build/src/components/dropdowns/app-dropdown.vue?vue&type=script&setup=true&lang.ts";
+export default _sfc_main;
+//# sourceMappingURL=app-dropdown.vue.d.ts.map

package/dist/dropdowns/app-dropdown.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-dropdown.vue.d.ts","sourceRoot":"","sources":["../../src/components/dropdowns/app-dropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mHAAmH,CAAC;AAC1I,cAAc,mHAAmH,CAAC;AAClI,eAAe,SAAS,CAAC"}

package/dist/src/components/dropdowns/app-dropdown.vue.d.ts

@@ -0,0 +1,74 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    openIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    allSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearchInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelectAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    opened: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filter-value" | "update:allSelected" | "update:opened")[], "filter-value" | "update:allSelected" | "update:opened", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    openIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    allSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSearchInput: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelectAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onFilter-value"?: (...args: any[]) => any;
+    "onUpdate:allSelected"?: (...args: any[]) => any;
+    "onUpdate:opened"?: (...args: any[]) => any;
+}, {
+    label: string;
+    icon: string;
+    openIcon: string;
+    inputLabel: string;
+    allSelected: boolean;
+    showSearchInput: boolean;
+    showSelectAll: boolean;
+}>;
+export default _sfc_main;

package/dist/src/components/inputs/text-input.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType as __PropType } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     modelValue: {
         type: __PropType<string>;
-        required: true;
+        required: false;
     };
     label: {
         type: __PropType<string>;
@@ -16,10 +16,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean>;
         required: false;
     };
+    type: {
+        type: __PropType<{
+            type: String;
+            default: 'text';
+        }>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:model-value" | "blur" | "press-enter")[], "update:model-value" | "blur" | "press-enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string>;
-        required: true;
+        required: false;
     };
     label: {
         type: __PropType<string>;
@@ -33,6 +40,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean>;
         required: false;
     };
+    type: {
+        type: __PropType<{
+            type: String;
+            default: 'text';
+        }>;
+        required: false;
+    };
 }>> & {
     "onUpdate:model-value"?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;

package/dist/src/components/typography/subtitle.vue.d.ts

@@ -0,0 +1,157 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    inter: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    plus: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    titillium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    small: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    base: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    large: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    thin: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralight: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    light: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    normal: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    medium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    semibold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    bold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extrabold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    black: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    primary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    secondary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    gray: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    neutral: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inter: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    plus: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    titillium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    small: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    base: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    large: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    thin: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralight: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    light: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    normal: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    medium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    semibold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    bold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extrabold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    black: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    primary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    secondary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    gray: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    neutral: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/dist/src/components/typography/text.vue.d.ts

@@ -0,0 +1,165 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    inter: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    plus: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    titillium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    small: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    base: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    large: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralarge: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    thin: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralight: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    light: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    normal: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    medium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    semibold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    bold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extrabold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    black: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    primary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    secondary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    gray: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    neutral: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inter: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    plus: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    titillium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    small: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    base: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    large: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralarge: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    thin: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralight: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    light: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    normal: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    medium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    semibold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    bold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extrabold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    black: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    primary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    secondary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    gray: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    neutral: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/dist/src/components/typography/title.vue.d.ts

@@ -0,0 +1,165 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    inter: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    plus: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    titillium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    small: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    base: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    large: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralarge: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    thin: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralight: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    light: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    normal: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    medium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    semibold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    bold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extrabold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    black: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    primary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    secondary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    gray: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    neutral: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inter: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    plus: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    titillium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    small: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    base: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    large: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralarge: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    thin: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extralight: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    light: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    normal: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    medium: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    semibold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    bold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    extrabold: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    black: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    primary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    secondary: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    gray: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+    neutral: {
+        type: __PropType<boolean>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/dist/src/components/typography/types.d.ts

@@ -0,0 +1,23 @@
+export type ITypographyProps = {
+    inter?: boolean;
+    plus?: boolean;
+    titillium?: boolean;
+    small?: boolean;
+    base?: boolean;
+    large?: boolean;
+    extralarge?: boolean;
+    thin?: boolean;
+    extralight?: boolean;
+    light?: boolean;
+    normal?: boolean;
+    medium?: boolean;
+    semibold?: boolean;
+    bold?: boolean;
+    extrabold?: boolean;
+    black?: boolean;
+    primary?: boolean;
+    secondary?: boolean;
+    gray?: boolean;
+    neutral?: boolean;
+};
+export type IElement = 'title' | 'subtitle' | 'text';

package/dist/src/components/typography/use-typography-classes.d.ts

@@ -0,0 +1,40 @@
+import type { IElement, ITypographyProps } from './types';
+export declare function useTypographyClasses(element: IElement, props: ITypographyProps): {
+    fontClass: import("vue").ComputedRef<{
+        '!yu-font-plus': boolean;
+        '!yu-font-inter': boolean;
+        '!yu-font-titillium': boolean;
+    }>;
+    colorClass: import("vue").ComputedRef<{
+        '!yu-text-primary': boolean;
+        '!yu-text-secondary': boolean;
+        '!yu-text-base': boolean;
+        '!yu-text-neutral': boolean;
+    }>;
+    weightClass: import("vue").ComputedRef<{
+        '!yu-font-thin': boolean;
+        '!yu-font-extralight': boolean;
+        '!yu-font-light': boolean;
+        '!yu-font-normal': boolean;
+        '!yu-font-medium': boolean;
+        '!yu-font-semibold': boolean;
+        '!yu-font-bold': boolean;
+        '!yu-font-extrabold': boolean;
+        '!yu-font-black': boolean;
+    }>;
+    sizeClass: import("vue").ComputedRef<{
+        '!yu-text-xl': boolean;
+        '!yu-text-2xl': boolean;
+        '!yu-text-3xl': boolean;
+        '!yu-text-4xl': boolean;
+    } | {
+        '!yu-text-sm': boolean;
+        '!yu-text-md': boolean;
+        '!yu-text-xl': boolean;
+    } | {
+        '!yu-text-xs': boolean;
+        '!yu-text-sm': boolean;
+        '!yu-text-lg': boolean;
+        '!yu-text-xl': boolean;
+    }>;
+};

package/dist/src/main.d.ts

@@ -4,13 +4,16 @@ import SwitchCheckbox from './components/inputs/switch-checkbox.vue';
 import ButtonPrimary from './components/buttons/button-primary.vue';
 import ButtonSecondary from './components/buttons/button-secondary.vue';
 import SimpleDropdown from './components/dropdowns/simple-dropdown.vue';
-import SelectDropdown from './components/dropdowns/select-dropdown.vue';
+import AppDropdown from './components/dropdowns/app-dropdown.vue';
 import SimpleDropdownItem from './components/dropdowns/simple-dropdown-item.vue';
 import StatCard from './components/cards/stat-card.vue';
 import ListCard from './components/cards/list-card.vue';
+import AppTitle from './components/typography/title.vue';
+import AppSubtitle from './components/typography/subtitle.vue';
+import AppText from './components/typography/text.vue';
 import type { App } from 'vue';
 declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { TextInput, IconTextInput, SwitchCheckbox, ButtonPrimary, ButtonSecondary, SimpleDropdown, SelectDropdown, SimpleDropdownItem, StatCard, ListCard, };
+export { TextInput, IconTextInput, SwitchCheckbox, ButtonPrimary, ButtonSecondary, SimpleDropdown, AppDropdown, SimpleDropdownItem, StatCard, ListCard, AppTitle, AppSubtitle, AppText, };

package/dist/typography/subtitle.vue.d.ts

@@ -0,0 +1,5 @@
+export * from "/opt/atlassian/pipelines/agent/build/src/components/typography/subtitle.vue?vue&type=script&setup=true&lang.ts";
+import "/opt/atlassian/pipelines/agent/build/src/components/typography/subtitle.vue?vue&type=style&index=0&scoped=cd3f9071&lang.css";
+declare const _default: any;
+export default _default;
+//# sourceMappingURL=subtitle.vue.d.ts.map

package/dist/typography/subtitle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtitle.vue.d.ts","sourceRoot":"","sources":["../../src/components/typography/subtitle.vue"],"names":[],"mappings":"AACA,cAAc,gHAAgH,CAAC;AAC/H,OAAO,6HAA6H,CAAC;;AAErI,wBAA0F"}