@frollo/frollo-web-ui 1.2.2 → 1.2.3

package/icons/index.ts

@@ -22,6 +22,7 @@ import LandmarkSvg from './landmark.svg';
 import CoinsSvg from './coins.svg';
 import CaretDownSvg from './caret-down.svg';
 import SortLightSvg from './sort-light.svg';
+import PlusSvg from './plus.svg';
 
 export {
   ViewSvg,
@@ -47,5 +48,6 @@ export {
   LandmarkSvg,
   CoinsSvg,
   CaretDownSvg,
-  SortLightSvg
+  SortLightSvg,
+  PlusSvg
 };

package/icons/plus.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 46 46" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M45.75 23C45.75 23.9625 44.9625 24.75 44 24.75H24.75V44C24.75 44.9673 23.9673 45.7511 23 45.7511C22.0327 45.7511 21.25 44.9625 21.25 44V24.75H2C1.03269 24.75 0.25 23.968 0.25 23.0011C0.25 22.0375 1.03312 21.25 2 21.25H21.25V2C21.25 1.03269 22.0327 0.251099 23 0.251099C23.9673 0.251099 24.75 1.03313 24.75 2V21.25H44C44.9625 21.25 45.75 22.0375 45.75 23Z" />
+</svg>

package/index.d.ts

@@ -18,7 +18,7 @@ declare interface FwInputProps {
     tabindex?: string;
 }
 
-declare const _default$d: vue.DefineComponent<{
+declare const _default$e: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -169,7 +169,7 @@ declare const _default$d: vue.DefineComponent<{
     tabindex: string;
 }>;
 
-declare const _default$c: vue.DefineComponent<{
+declare const _default$d: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -236,7 +236,7 @@ declare interface FwDropdownProps {
     placeholder?: string;
 }
 
-declare const _default$b: vue.DefineComponent<{
+declare const _default$c: vue.DefineComponent<{
     /**
      * The select v-model
      */
@@ -347,7 +347,7 @@ declare const _default$b: vue.DefineComponent<{
     placeholder: string;
 }>;
 
-declare const _default$a: vue.DefineComponent<{
+declare const _default$b: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -454,7 +454,7 @@ declare interface FwButtonProps {
     rounded?: boolean;
 }
 
-declare const _default$9: vue.DefineComponent<{
+declare const _default$a: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -590,7 +590,7 @@ declare interface NavMenuItem {
     label: string;
 }
 
-declare const _default$8: vue.DefineComponent<{
+declare const _default$9: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -629,7 +629,7 @@ declare const _default$8: vue.DefineComponent<{
     onAction?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$7: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -653,7 +653,7 @@ declare const _default$7: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$6: vue.DefineComponent<{
+declare const _default$7: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -685,7 +685,7 @@ declare const _default$6: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$5: vue.DefineComponent<{
+declare const _default$6: vue.DefineComponent<{
     /**
      * The header title of the modal
      */
@@ -834,7 +834,7 @@ declare interface ProgressBarStep {
     subSteps: number;
 }
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -901,7 +901,7 @@ declare interface FwTagProps {
     variant?: TagVariantName;
 }
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * The size of the tag. Accepts: 'xs' & 'sm'
      */
@@ -960,7 +960,7 @@ declare interface FwTableProps {
     options?: FwTableItemOptions;
 }
 
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     items: {
         type: PropType<FwTableItem[]>;
         required: true;
@@ -991,9 +991,57 @@ declare const _default$2: vue.DefineComponent<{
     };
 }>>, {}>;
 
+declare const _default$2: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+
 declare const _default$1: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
-declare const _default: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+declare const _default: vue.DefineComponent<{
+    /**
+     * The header title of the accordion
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * Title suffix of the accordion header
+     */
+    suffixTitle: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the accordion should be initially opened
+     */
+    isOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    isOpen: vue.Ref<boolean>;
+    transitionEnter: (el: HTMLElement) => void;
+    transitionLeave: (el: HTMLElement) => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The header title of the accordion
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * Title suffix of the accordion header
+     */
+    suffixTitle: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the accordion should be initially opened
+     */
+    isOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    isOpened: boolean;
+}>;
 
 declare const __default__$1: vue.DefineComponent<{
     /**
@@ -1082,6 +1130,12 @@ declare interface FwCheckboxProps {
     hint?: string;
 }
 
+declare interface FwAccordionProps {
+    title?: string;
+    suffixTitle?: string;
+    isOpened?: boolean;
+}
+
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$9 as FwButton, FwButtonProps, _default$a as FwCard, FwCardProps, _default$c as FwCheckbox, FwCheckboxProps, _default$b as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$d as FwInput, FwInputProps, FwInputType, _default$5 as FwModal, FwModalProps, _default$8 as FwNavigationMenu, _default$4 as FwProgressBar, __default__ as FwSuccessPulse, _default$6 as FwTab, _default$2 as FwTable, FwTableFormatFunction, _default$1 as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default as FwTableRow, FwTableSort, _default$7 as FwTabs, _default$3 as FwTag, FwTagProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, install as default, modalService };
+export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default as FwAccordion, FwAccordionProps, _default$a as FwButton, FwButtonProps, _default$b as FwCard, FwCardProps, _default$d as FwCheckbox, FwCheckboxProps, _default$c as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$e as FwInput, FwInputProps, FwInputType, _default$6 as FwModal, FwModalProps, _default$9 as FwNavigationMenu, _default$5 as FwProgressBar, __default__ as FwSuccessPulse, _default$7 as FwTab, _default$3 as FwTable, FwTableFormatFunction, _default$2 as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$1 as FwTableRow, FwTableSort, _default$8 as FwTabs, _default$4 as FwTag, FwTagProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, install as default, modalService };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

package/types/components/fw-accordion/fw-accordion.vue.d.ts

@@ -0,0 +1,48 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The header title of the accordion
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * Title suffix of the accordion header
+     */
+    suffixTitle: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the accordion should be initially opened
+     */
+    isOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    isOpen: import("vue").Ref<boolean>;
+    transitionEnter: (el: HTMLElement) => void;
+    transitionLeave: (el: HTMLElement) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The header title of the accordion
+     */
+    title: {
+        type: StringConstructor;
+    };
+    /**
+     * Title suffix of the accordion header
+     */
+    suffixTitle: {
+        type: StringConstructor;
+    };
+    /**
+     * Whether the accordion should be initially opened
+     */
+    isOpened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    isOpened: boolean;
+}>;
+export default _default;

package/types/components/fw-accordion/index.d.ts

@@ -0,0 +1,2 @@
+import FwAccordion from './fw-accordion.vue';
+export { FwAccordion };

package/types/components/fw-accordion/index.types.d.ts

@@ -0,0 +1,5 @@
+export declare interface FwAccordionProps {
+    title?: string;
+    suffixTitle?: string;
+    isOpened?: boolean;
+}

package/types/components/index.d.ts

@@ -10,4 +10,5 @@ export * from './fw-modal';
 export * from './fw-progress-bar';
 export * from './fw-tag';
 export * from './fw-table';
+export * from './fw-accordion';
 export * from './fw-animations';

package/types/components/index.types.d.ts

@@ -8,3 +8,4 @@ export * from '../components/fw-progress-bar/index.types';
 export * from '../components/fw-tag/index.types';
 export * from '../components/fw-table/index.types';
 export * from '../components/fw-dropdown/index.types';
+export * from '../components/fw-accordion/index.types';

package/types/icons/index.d.ts

@@ -22,4 +22,5 @@ import LandmarkSvg from './landmark.svg';
 import CoinsSvg from './coins.svg';
 import CaretDownSvg from './caret-down.svg';
 import SortLightSvg from './sort-light.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg };
+import PlusSvg from './plus.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg, ChevronUpSvg, ChevronDownSvg, ErrorFilledSvg, LightBulbSvg, LandmarkSvg, CoinsSvg, CaretDownSvg, SortLightSvg, PlusSvg };