diff --git a/helper/classes.json b/helper/classes.json index 0962d50..38ebdae 100644 --- a/helper/classes.json +++ b/helper/classes.json @@ -4,63 +4,168 @@ "optional": ["is-rounded", "is-loading", "is-outlined", "is-fullwidth", "is-inverted", "is-focused", "is-active", "is-hovered", "is-selected", "is-light"], "passthrough": ["size", "type"] }, + "VCheckbox": { + "always": ["v-checkbox", "checkbox", "check", "control-label"], + "optional": ["is-disabled"], + "passthrough": ["size"] + }, + "VContainer": { + "always": ["container"], + "passthrough": ["type"] + }, + "VField": { + "always": ["field", "field-label", "label", "field-body", "help"], + "optional": ["is-grouped", "is-expanded", "is-horizontal", "is-grouped", "is-grouped-multiline", "has-addons"], + "passthrough": ["position"] + }, + "VFile": { + "always": ["file", "file-label", "file-input", "file-cta", "file-name"], + "optional": ["has-name", "is-fullwidth", "is-boxed"], + "passthrough": ["size", "color", "alignment"] + }, "VImage": { "always": ["image"], "optional": ["container", "is-rounded"], "passthrough": ["size", "radio"] }, + "VInput": { + "always": ["control", "error", "input", "icon", "is-left", "is-right"], + "optional": ["is-loading", "has-icons-left", "has-icons-right"], + "passthrough": ["size", "color", "statusType"] + }, + "VMedia": { + "always": ["media", "media-left", "media-content", "media-right"] + }, + "VModal": { + "always": ["modal", "modal-background", "modal-content", "modal-close", "modal-card", "modal-card-head", "modal-card-title", "delete", "modal-card-body", "modal-card-foot"], + "optional": ["is-active"], + }, "VProgress": { "always": ["progress-wrapper", "progress", "progress-value"], "optional": ["more-than-half"], "passthrough": ["size", "type"] }, - "VTable": { - "always": ["data-grid", "tableHeader", "mt-2", "ml-2", "table", "input", "has-text-black", "is-small", "is-black", "is-primary", "expansion", "mr-4", "mx-4", "pagination-container", "pagination-previous", "pagination-next", "tableFooter"], - "optional": ["is-bordered", "is-striped", "is-narrow", "is-hoverable", "is-fullwidth", "has-text-primary", "sticky-row", "has-background-primary", "has-text-white", "sticky-column", "table-container", "sticky-table"] + "VSelect": { + "always": ["control", "select", "has-background-dark", "has-text-light"], + "optional": ["is-expanded", "is-fullwidth", "is-loading", "is-multiple", "is-rounded", "is-empty"], + "passthrough": ["size", "color"] + }, + "VSidebar": { + "always": ["v-sidebar", "sidebar-background", "sidebar-content", "is-width-animated"], + "optional": ["is-fixed", "is-static", "is-absolute", "is-fullheight", "is-full-width", "is-right", "is-mini", "is-mini-expand", "is-mini-expand-fixed", "is-mini-mobile", "is-hidden-mobile", "is-fullwidth-mobile"], + "passthrough": ["type"] + }, + "VSwitch": { + "always": ["switch", "check", "control-label"], + "optional": ["is-disabled", "is-rounded", "is-outlined"], + "passthrough": ["size"] }, "VTag": { "always": ["tags", "has-addons", "tag", "delete", "is-small"], "optional": ["is-rounded", "has-ellipsis", "is-rounded", "has-delete-icon", "is-delete"], "passthrough": ["type", "size", "closeType"] }, + "VTextarea": { + "always": ["control", "textarea", "is-invisible"], + "optional": ["is-hovered", "is-focused", "is-loading"], + "passthrough": ["size", "color"] + }, "VTooltip": { "always": ["v-tooltip", "is-primary", "is-top", "is-medium"], "optional": ["is-square", "is-animated", "is-always", "is-multiline", "is-dashed"], "passthrough": ["type", "position", "size"] }, - "VInput": { - "always": ["control", "error", "input", "icon", "is-left", "is-right"], - "optional": ["is-loading", "has-icons-left", "has-icons-right"], - "passthrough": ["size", "color", "statusType"] + "VIcon": { + }, - "VTextarea": { - "always": ["control", "textarea", "is-invisible"], - "optional": ["is-hovered", "is-focused", "is-loading"], - "passthrough": ["size", "color"] + "VAccordion": { + "always": ["accordion-trigger", "accordion-content", "accordion-header", "accordion-trigger-click"], + "optional": ["is-horizontal", "is-vertical", "accordion-active", "accordion-default", "accordoin-type-hover", "accordion-type-click", "header-is-trigger", "trigger-right", "trigger-left"] }, - "VSelect": { - "always": ["control", "select", "has-background-dark", "has-text-light"], - "optional": ["is-expanded", "is-fullwidth", "is-loading", "is-multiple", "is-rounded", "is-empty"], - "passthrough": ["size", "color"] + "VAccordionMenu": { + "always": "accordion-menu" }, - "VFile": { - "always": ["file", "file-label", "file-input", "file-cta", "file-name"], - "optional": ["has-name", "is-fullwidth", "is-boxed"], - "passthrough": ["size", "color", "alignment"] + "VBreadcrumb": { + "always": ["breadcrumb"], + "passthrough": ["alignment", "separator", "size"] }, - "VSwitch": { - "always": ["switch", "check", "control-label"], - "optional": ["is-disabled", "is-rounded", "is-outlined"], - "passthrough": ["size"] + "VBreadcrumbItem": { + "optional": ["is-active"] }, - "VField": { - "always": ["field", "field-label", "label", "field-body", "help"], - "optional": ["is-grouped", "is-expanded", "is-horizontal", "is-grouped", "is-grouped-multiline", "has-addons"], + "VCard": { + "always": ["card"] + }, + "VCardContent": { + "always": ["card-content"] + }, + "VCardFooter": { + "always": ["card-footer"] + }, + "VCardFooterIcon": { + "always": ["card-footer-icon"] + }, + "VCardHeader": { + "always": ["card-header", "card-header-title"] + }, + "VCardImage": { + "always": ["card-image"] + }, + "VColumn": { + "always": ["column"], + "optional": ["is-narrow"], + "passthrough": ["size", "offset", "narrowBreakpoint"] + }, + "VColumns": { + "always": ["columns"], + "optional": ["is-mobile", "is-desktop", "is-gapeless", "is-variable", "is-vcentered", "is-multiline", "is-centered"], + "passthrough": ["gap"] + }, + "VDropdown": { + "always": ["dropdown", "dropdown-trigger", "dropdown-menu", "dropdown-content"], + "optional": ["is-disabled", "is-hoverable", "is-inline", "is-active", "is-mobile-modal", "is-expanded"], "passthrough": ["position"] }, - "VCheckbox": { - "always": ["v-checkbox", "checkbox", "check", "control-label"], - "optional": ["is-disabled"], - "passthrough": ["size"] + "VDropdopwnItem": { + "always": ["dropdown-divider", "dropdown-item"], + "optional": ["dropdown-item", "is-disabled", "is-paddingless", "is-active", "has-link"] + }, + "VMenu": { + "always": ["menu"] + }, + "VMenuItem": { + "always": ["pr-2"], + "optional": ["is-flex", "is-active", "is-disabled"] + }, + "VMenuList": { + "always": ["menu-label", "menu-list"] + }, + "VNavbar": { + "always": ["navbar", "navbar-brand", "navbar-menu", "navbar-start", "navbar-end"], + "optional": ["is-fixed-top", "is-fixed-bottom", "is-spaced", "has-shadow", "is-transparent", "is-active"], + "passthrough": ["type"] + }, + "VNavbarBurger": { + "always": ["navbar-burger", "burger"], + "optional": ["is-active"] + }, + "VNavbarDropdown": { + "always": ["navbar-item", "has-dropdown", "navbar-link", "navbar-dropdown"], + "optional": ["is-hoverable", "is-active", "is-arrowless", "is-right", "is-boxed"] + }, + "VNavbarItem": { + "always": ["navbar-item"], + "optional": ["is-active"] + }, + "VTabs": { + "always": ["tabs"], + "optional": ["is-fullwidth", "is-toggle-rounded", "is-toggle", "is-disabled", "is-animated"], + "passthrough": ["type", "size"] + }, + "VTab": { + + }, + "VTable": { + "always": ["data-grid", "tableHeader", "mt-2", "ml-2", "table", "input", "has-text-black", "is-small", "is-black", "is-primary", "expansion", "mr-4", "mx-4", "pagination-container", "pagination-previous", "pagination-next", "tableFooter"], + "optional": ["is-bordered", "is-striped", "is-narrow", "is-hoverable", "is-fullwidth", "has-text-primary", "sticky-row", "has-background-primary", "has-text-white", "sticky-column", "table-container", "sticky-table"] } } \ No newline at end of file diff --git a/src/components/index.js b/src/components/index.js index b333c1a..19e698c 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -80,13 +80,12 @@ export { default as VNavbarDropdown } from './compounds/Navbar/NavbarDropdown.vu export { default as VNavbarItem } from './compounds/Navbar/NavbarItem.vue' +export { default as VTabs } from './compounds/Tabs/Tabs.vue' + export { default as VTab } from './compounds/Tabs/Tab.vue' export { default as VTable } from './compounds/Table/Table.vue' export { default as DataGrid } from './compounds/Table/DataGrid.ts' - -export { default as VTabs } from './compounds/Tabs/Tabs.vue' - export * from './global-settings'