@brighterly/ui-kit 0.0.10 → 0.1.1

package/dist/components/UI/Buttons/ButtonCheckbox.vue.d.ts

@@ -0,0 +1,13 @@
+interface BtnCheckboxProps {
+    checked?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<BtnCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnCheckboxProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    checked: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/UI/Buttons/ButtonClose.vue.d.ts

@@ -0,0 +1,18 @@
+import { IconDefinition } from '@fortawesome/pro-solid-svg-icons';
+interface BtnCloseProps {
+    icon?: IconDefinition;
+    disabled?: boolean;
+    color?: 'gray';
+    size?: 'medium' | 'small';
+}
+declare const _default: import('vue').DefineComponent<BtnCloseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnCloseProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    icon: IconDefinition;
+    size: "medium" | "small";
+    color: "gray";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/UI/Buttons/ButtonIcon.vue.d.ts

@@ -0,0 +1,23 @@
+import { IconDefinition } from '@fortawesome/pro-solid-svg-icons';
+interface BtnIconProps {
+    icon: IconDefinition;
+    disabled?: boolean;
+    color?: 'blue' | 'gray' | 'transparent';
+    size?: 'big' | 'medium' | 'small';
+    tooltip?: string | null;
+    dataQa?: string | null;
+}
+declare const _default: import('vue').DefineComponent<BtnIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+    "click:close": (args_0: Event) => any;
+}, string, import('vue').PublicProps, Readonly<BtnIconProps> & Readonly<{
+    onClick?: () => any;
+    "onClick:close"?: (args_0: Event) => any;
+}>, {
+    disabled: boolean;
+    size: "big" | "medium" | "small";
+    color: "blue" | "gray" | "transparent";
+    tooltip: string | null;
+    dataQa: string | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/UI/Buttons/ButtonKebab.vue.d.ts

@@ -0,0 +1,14 @@
+interface BtnKebabProps {
+    size?: 'big' | 'medium' | 'small';
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<BtnKebabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+    "click:outside": () => any;
+}, string, import('vue').PublicProps, Readonly<BtnKebabProps> & Readonly<{
+    onClick?: () => any;
+    "onClick:outside"?: () => any;
+}>, {
+    size: "big" | "medium" | "small";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/{Buttons → UI/Buttons}/ButtonPrimary.vue.d.ts

@@ -10,7 +10,9 @@ interface BtnPrimaryProps {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        iconLeft?(_: {}): any;
         content?(_: {}): any;
+        iconRight?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLButtonElement;
@@ -21,13 +23,13 @@ declare const __VLS_component: import('vue').DefineComponent<BtnPrimaryProps, {}
 }, string, import('vue').PublicProps, Readonly<BtnPrimaryProps> & Readonly<{
     onClick?: () => any;
 }>, {
-    text: string;
     disabled: boolean;
-    color: "blue" | "orange" | "amber" | "red";
     size: "big" | "medium" | "small";
-    elementWidth: "auto" | "full";
+    text: string;
+    color: "blue" | "orange" | "amber" | "red";
     tooltip: string | null;
     dataQa: string | null;
+    elementWidth: "auto" | "full";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/UI/Buttons/ButtonRadio.vue.d.ts

@@ -0,0 +1,13 @@
+interface BtnRadioProps {
+    checked?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<BtnRadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnRadioProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    checked: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/UI/Buttons/ButtonSecondary.vue.d.ts

@@ -0,0 +1,38 @@
+interface BtnSecondaryProps {
+    text?: string;
+    disabled?: boolean;
+    size?: 'big' | 'medium' | 'small';
+    elementWidth?: 'auto' | 'full';
+    selected?: boolean;
+    color?: 'blue' | 'gray';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        iconLeft?(_: {}): any;
+        iconRight?(_: {}): any;
+        tooltip?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BtnSecondaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnSecondaryProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    size: "big" | "medium" | "small";
+    text: string;
+    color: "blue" | "gray";
+    elementWidth: "auto" | "full";
+    selected: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Buttons/ButtonSecondaryIcon.vue.d.ts

@@ -0,0 +1,15 @@
+import { IconDefinition } from '@fortawesome/pro-solid-svg-icons';
+interface BtnSecondaryIconProps {
+    icon: IconDefinition;
+    disabled?: boolean;
+    color?: 'gray' | 'blue';
+}
+declare const _default: import('vue').DefineComponent<BtnSecondaryIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnSecondaryIconProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    color: "gray" | "blue";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/UI/Buttons/ButtonSimple.vue.d.ts

@@ -0,0 +1,28 @@
+interface BtnSimpleProps {
+    text: string;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        leftIcon?(_: {}): any;
+        rightIcon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BtnSimpleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnSimpleProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Buttons/ButtonSwitcher.vue.d.ts

@@ -0,0 +1,20 @@
+interface BtnSwitcherProps {
+    text: string;
+    emoji?: string | null;
+    label?: string | null;
+    tooltip?: string | null;
+    selected?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<BtnSwitcherProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnSwitcherProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    label: string | null;
+    tooltip: string | null;
+    selected: boolean;
+    emoji: string | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/UI/Buttons/ButtonText.vue.d.ts

@@ -0,0 +1,35 @@
+interface BtnTextProps {
+    text?: string;
+    disabled?: boolean;
+    color?: 'blue' | 'gray';
+    size?: 'medium' | 'small';
+    elementWidth?: 'auto' | 'full';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        iconLeft?(_: {}): any;
+        iconRight?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BtnTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnTextProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    size: "medium" | "small";
+    text: string;
+    color: "blue" | "gray";
+    elementWidth: "auto" | "full";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Buttons/ButtonToggle.vue.d.ts

@@ -0,0 +1,13 @@
+interface BtnToggleProps {
+    checked?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<BtnToggleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnToggleProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    checked: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/UI/Buttons/ButtonTransparentIcon.vue.d.ts

@@ -0,0 +1,19 @@
+import { IconDefinition } from '@fortawesome/pro-solid-svg-icons';
+interface BtnTransparentIconProps {
+    icon: IconDefinition;
+    disabled?: boolean;
+    tooltip?: string | null;
+    dataQa?: string | null;
+}
+declare const _default: import('vue').DefineComponent<BtnTransparentIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+    "click:close": (args_0: Event) => any;
+}, string, import('vue').PublicProps, Readonly<BtnTransparentIconProps> & Readonly<{
+    onClick?: () => any;
+    "onClick:close"?: (args_0: Event) => any;
+}>, {
+    disabled: boolean;
+    tooltip: string | null;
+    dataQa: string | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/UI/Other/IconContainer.vue.d.ts

@@ -0,0 +1,22 @@
+interface IconContainerProps {
+    is?: 'span' | 'div';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IconContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconContainerProps> & Readonly<{}>, {
+    is: "span" | "div";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Tooltips/TooltipDefault.vue.d.ts

@@ -0,0 +1,26 @@
+interface TooltipDefaultProps {
+    text?: string;
+    size?: 'default' | 'small';
+    placement?: 'left' | 'center' | 'right';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TooltipDefaultProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipDefaultProps> & Readonly<{}>, {
+    size: "default" | "small";
+    text: string;
+    placement: "left" | "center" | "right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Typography/ButtonTextQuaternary.vue.d.ts

@@ -0,0 +1,30 @@
+interface BtnTextQuaternaryProps {
+    disabled?: boolean;
+    underline?: boolean;
+    color?: 'default' | 'indigo';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BtnTextQuaternaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnTextQuaternaryProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    color: "default" | "indigo";
+    underline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Typography/ButtonTextSecondary.vue.d.ts

@@ -0,0 +1,26 @@
+interface TextQuaternaryProps {
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TextQuaternaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<TextQuaternaryProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Typography/ButtonTextTertiary.vue.d.ts

@@ -0,0 +1,30 @@
+interface BtnTextTertiaryProps {
+    disabled?: boolean;
+    underline?: boolean;
+    color?: 'default' | 'indigo';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BtnTextTertiaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnTextTertiaryProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    color: "default" | "indigo";
+    underline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/UI/Typography/ButtonTextTertiaryMedium.vue.d.ts

@@ -0,0 +1,30 @@
+interface BtnTextTertiaryMediumProps {
+    disabled?: boolean;
+    underline?: boolean;
+    color?: 'default' | 'indigo';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BtnTextTertiaryMediumProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<BtnTextTertiaryMediumProps> & Readonly<{
+    onClick?: () => any;
+}>, {
+    disabled: boolean;
+    color: "default" | "indigo";
+    underline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -1 +1,19 @@
-export { default as ButtonPrimary } from './components/Buttons/ButtonPrimary.vue';
+export { default as ButtonCheckbox } from './components/UI/Buttons/ButtonCheckbox.vue';
+export { default as ButtonClose } from './components/UI/Buttons/ButtonClose.vue';
+export { default as ButtonIcon } from './components/UI/Buttons/ButtonIcon.vue';
+export { default as ButtonKebab } from './components/UI/Buttons/ButtonKebab.vue';
+export { default as ButtonPrimary } from './components/UI/Buttons/ButtonPrimary.vue';
+export { default as ButtonRadio } from './components/UI/Buttons/ButtonRadio.vue';
+export { default as ButtonSecondary } from './components/UI/Buttons/ButtonSecondary.vue';
+export { default as ButtonSecondaryIcon } from './components/UI/Buttons/ButtonSecondaryIcon.vue';
+export { default as ButtonSimple } from './components/UI/Buttons/ButtonSimple.vue';
+export { default as ButtonSwitcher } from './components/UI/Buttons/ButtonSwitcher.vue';
+export { default as ButtonText } from './components/UI/Buttons/ButtonText.vue';
+export { default as ButtonToggle } from './components/UI/Buttons/ButtonToggle.vue';
+export { default as ButtonTransparentIcon } from './components/UI/Buttons/ButtonTransparentIcon.vue';
+export { default as IconContainer } from './components/UI/Other/IconContainer.vue';
+export { default as TooltipDefault } from './components/UI/Tooltips/TooltipDefault.vue';
+export { default as ButtonTextQuaternary } from './components/UI/Typography/ButtonTextQuaternary.vue';
+export { default as ButtonTextSecondary } from './components/UI/Typography/ButtonTextSecondary.vue';
+export { default as ButtonTextTertiary } from './components/UI/Typography/ButtonTextTertiary.vue';
+export { default as ButtonTextTertiaryMedium } from './components/UI/Typography/ButtonTextTertiaryMedium.vue';