152 lines
3.8 KiB
TypeScript
152 lines
3.8 KiB
TypeScript
export const orugaConfig = {
|
|
iconPack: "",
|
|
iconComponent: "material-icon",
|
|
statusIcon: true,
|
|
button: {
|
|
rootClass: "btn",
|
|
variantClass: (variant: string) => {
|
|
return `btn-${variant}`;
|
|
},
|
|
roundedClass: "btn-rounded",
|
|
outlinedClass: (variant: string) => {
|
|
return `btn-outlined-${variant}`;
|
|
},
|
|
disabledClass: "btn-disabled",
|
|
sizeClass: (size: string) => {
|
|
return `"btn-size-${size}`;
|
|
},
|
|
},
|
|
field: {
|
|
rootClass: "field",
|
|
labelClass: "field-label",
|
|
messageClass: "text-sm italic",
|
|
variantMessageClass: (variant: string) => {
|
|
return `field-message-${variant}`;
|
|
},
|
|
},
|
|
input: {
|
|
inputClass: "input",
|
|
roundedClass: "rounded",
|
|
variantClass: (variant: string) => {
|
|
return `input-${variant}`;
|
|
},
|
|
iconRightClass: "input-icon-right",
|
|
sizeClass: (size: string) => {
|
|
return `input-size-${size}`;
|
|
},
|
|
iconLeftSpaceClass: "input-iconspace-left",
|
|
iconRightSpaceClass: "input-iconspace-right",
|
|
},
|
|
taginput: {
|
|
itemClass: "taginput-item",
|
|
rootClass: "taginput",
|
|
containerClass: "taginput-container",
|
|
expandedClass: "taginput-expanded",
|
|
autocompleteClasses: {
|
|
rootClass: "taginput-autocomplete",
|
|
itemClass: "taginput-autocomplete-item",
|
|
inputClasses: {
|
|
rootClass: "taginput-input-wrapper",
|
|
inputClass: "taginput-input",
|
|
},
|
|
},
|
|
},
|
|
autocomplete: {
|
|
rootClass: "autocomplete",
|
|
itemClass: "autocomplete-item",
|
|
itemGroupTitleClass: "autocomplete-item-group-title",
|
|
},
|
|
icon: {
|
|
variantClass: (variant: string) => {
|
|
return `icon-${variant}`;
|
|
},
|
|
},
|
|
checkbox: {
|
|
rootClass: "checkbox",
|
|
inputClass: "checkbox-check",
|
|
inputCheckedClass: "checkbox-checked",
|
|
labelClass: "checkbox-label",
|
|
},
|
|
dropdown: {
|
|
rootClass: "dropdown",
|
|
menuClass: "dropdown-menu",
|
|
itemClass: "dropdown-item",
|
|
itemActiveClass: "dropdown-item-active",
|
|
},
|
|
steps: {
|
|
itemHeaderActiveClass: "steps-nav-item-active",
|
|
itemHeaderPreviousClass: "steps-nav-item-previous",
|
|
stepMarkerClass: "step-marker",
|
|
stepDividerClass: "step-divider",
|
|
},
|
|
datepicker: {
|
|
iconNext: "ChevronRight",
|
|
iconPrev: "ChevronLeft",
|
|
boxClass: "datepicker-box",
|
|
},
|
|
modal: {
|
|
rootClass: "modal",
|
|
contentClass: "modal-content",
|
|
},
|
|
switch: {
|
|
labelClass: "switch-label",
|
|
switchCheckedClass: "switch-check-checked",
|
|
},
|
|
select: {
|
|
selectClass: "select",
|
|
},
|
|
radio: {
|
|
rootClass: "radio",
|
|
inputCheckedClass: "radio-checked",
|
|
inputClass: "form-radio",
|
|
labelClass: "radio-label",
|
|
},
|
|
notification: {
|
|
rootClass: "notification",
|
|
variantClass: (variant: string) => {
|
|
return `notification-${variant}`;
|
|
},
|
|
},
|
|
table: {
|
|
tableClass: "table",
|
|
tdClass: "table-td",
|
|
thClass: "table-th",
|
|
rootClass: "table-root",
|
|
},
|
|
pagination: {
|
|
rootClass: "pagination",
|
|
simpleClass: "pagination-simple",
|
|
listClass: "pagination-list",
|
|
infoClass: "pagination-info",
|
|
linkClass: "pagination-link",
|
|
linkCurrentClass: "pagination-link-current",
|
|
linkDisabledClass: "pagination-link-disabled",
|
|
nextButtonClass: "pagination-next",
|
|
prevButtonClass: "pagination-previous",
|
|
ellipsisClass: "pagination-ellipsis",
|
|
},
|
|
tabs: {
|
|
rootClass: "tabs",
|
|
navTabsClass: "tabs-nav",
|
|
navTypeClass: (type: string) => {
|
|
return `tabs-nav-${type}`;
|
|
},
|
|
navSizeClass: (size: string) => {
|
|
return `tabs-nav-${size}`;
|
|
},
|
|
itemWrapperClass: "tabs-nav-item-wrapper",
|
|
itemHeaderTypeClass: (type: string) => {
|
|
return `tabs-nav-item-${type}`;
|
|
},
|
|
itemHeaderActiveClass: "tabs-nav-item-active",
|
|
},
|
|
tooltip: {
|
|
rootClass: "tooltip",
|
|
contentClass: "tooltip-content",
|
|
arrowClass: "tooltip-arrow",
|
|
variantClass: (variant: string) => {
|
|
return `tooltip-content-${variant}`;
|
|
},
|
|
},
|
|
};
|