@lazhus/kg-ui 0.2.2

package/types/index.d.ts

@@ -0,0 +1,335 @@
+import { LitElement } from 'lit';
+
+export { kgaccordionitem } from './components/kg-accordion-item';
+export { kgaccordion } from './components/kg-accordion';
+export { kgbutton } from './components/kg-button';
+export { kgcard } from './components/kg-card';
+export { kgcheckbox } from './components/kg-checkbox';
+export { kgcolorpicker } from './components/kg-colorpicker';
+export { kgcolumn } from './components/kg-column';
+export { kgdatagrid } from './components/kg-datagrid';
+export { kgdatepicker } from './components/kg-datepicker';
+export { kgdivider } from './components/kg-divider';
+export { kgdrawer } from './components/kg-drawer';
+export { kgfileupload } from './components/kg-file-upload';
+export { kggrid } from './components/kg-grid';
+export { kgimage } from './components/kg-image';
+export { kginput } from './components/kg-input';
+export { kgloader } from './components/kg-loader';
+export { kgmodal } from './components/kg-modal';
+export { kgprogress } from './components/kg-progress';
+export { kgradiogroup } from './components/kg-radio-group';
+export { kgradio } from './components/kg-radio';
+export { kgrow } from './components/kg-row';
+export { kgselect } from './components/kg-select';
+export { kgskeleton } from './components/kg-skeleton';
+export { kgslider } from './components/kg-slider';
+export { kgspinner } from './components/kg-spinner';
+export { kgstepper } from './components/kg-stepper';
+export { kgswitch } from './components/kg-switch';
+export { kgtabpanel } from './components/kg-tab-panel';
+export { kgtabs } from './components/kg-tabs';
+export { kgtext } from './components/kg-text';
+export { kgtextarea } from './components/kg-textarea';
+export { kgtoast } from './components/kg-toast';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'kg-accordion-item': kgaccordionitem;
+    'kg-accordion': kgaccordion;
+    'kg-button': kgbutton;
+    'kg-card': kgcard;
+    'kg-checkbox': kgcheckbox;
+    'kg-colorpicker': kgcolorpicker;
+    'kg-column': kgcolumn;
+    'kg-datagrid': kgdatagrid;
+    'kg-datepicker': kgdatepicker;
+    'kg-divider': kgdivider;
+    'kg-drawer': kgdrawer;
+    'kg-file-upload': kgfileupload;
+    'kg-grid': kggrid;
+    'kg-image': kgimage;
+    'kg-input': kginput;
+    'kg-loader': kgloader;
+    'kg-modal': kgmodal;
+    'kg-progress': kgprogress;
+    'kg-radio-group': kgradiogroup;
+    'kg-radio': kgradio;
+    'kg-row': kgrow;
+    'kg-select': kgselect;
+    'kg-skeleton': kgskeleton;
+    'kg-slider': kgslider;
+    'kg-spinner': kgspinner;
+    'kg-stepper': kgstepper;
+    'kg-switch': kgswitch;
+    'kg-tab-panel': kgtabpanel;
+    'kg-tabs': kgtabs;
+    'kg-text': kgtext;
+    'kg-textarea': kgtextarea;
+    'kg-toast': kgtoast;
+  }
+
+  namespace JSX {
+    interface IntrinsicElements {
+    'kg-accordion-item': {
+      open?: boolean;
+      disabled?: boolean;
+      [key: string]: any;
+    };
+    'kg-accordion': {
+      exclusive?: boolean;
+      [key: string]: any;
+    };
+    'kg-button': {
+      color?: string;
+      size?: string;
+      hasText?: boolean;
+      hasLeft?: boolean;
+      hasRight?: boolean;
+      [key: string]: any;
+    };
+    'kg-card': {
+      raised?: boolean;
+      inverted?: boolean;
+      basic?: boolean;
+      padded?: boolean;
+      [key: string]: any;
+    };
+    'kg-checkbox': {
+      checked?: boolean;
+      disabled?: boolean;
+      indeterminate?: boolean;
+      [key: string]: any;
+    };
+    'kg-colorpicker': {
+      value?: string;
+      open?: boolean;
+      disabled?: boolean;
+      [key: string]: any;
+    };
+    'kg-column': {
+
+      [key: string]: any;
+    };
+    'kg-datagrid': {
+      columns?: any[];
+      data?: any[];
+      loading?: boolean;
+      striped?: boolean;
+      bordered?: boolean;
+      hover?: boolean;
+      selectable?: boolean;
+      selectionMode?: string;
+      selectedRows?: any[];
+      sortable?: boolean;
+      pagination?: boolean;
+      pageSize?: number;
+      [key: string]: any;
+    };
+    'kg-datepicker': {
+      open?: boolean;
+      disabled?: boolean;
+      mode?: string;
+      locale?: string;
+      placeholder?: string;
+      min?: string;
+      max?: string;
+      value?: string;
+      [key: string]: any;
+    };
+    'kg-divider': {
+      vertical?: boolean;
+      dashed?: boolean;
+      fitted?: boolean;
+      inverted?: boolean;
+      label?: string;
+      [key: string]: any;
+    };
+    'kg-drawer': {
+      open?: boolean;
+      placement?: string;
+      size?: string;
+      closable?: boolean;
+      [key: string]: any;
+    };
+    'kg-file-upload': {
+      label?: string;
+      placeholder?: string;
+      accept?: string;
+      multiple?: boolean;
+      disabled?: boolean;
+      hideChips?: boolean;
+      files?: any[];
+      [key: string]: any;
+    };
+    'kg-grid': {
+
+      [key: string]: any;
+    };
+    'kg-image': {
+      src?: string;
+      alt?: string;
+      width?: string;
+      height?: string;
+      fit?: string;
+      shape?: string;
+      lazy?: boolean;
+      [key: string]: any;
+    };
+    'kg-input': {
+      type?: string;
+      value?: string;
+      placeholder?: string;
+      hasLeft?: boolean;
+      hasRight?: boolean;
+      [key: string]: any;
+    };
+    'kg-loader': {
+      src?: string;
+      text?: string;
+      visible?: boolean;
+      glass?: boolean;
+      [key: string]: any;
+    };
+    'kg-modal': {
+      open?: boolean;
+      size?: string;
+      closable?: boolean;
+      basic?: boolean;
+      [key: string]: any;
+    };
+    'kg-progress': {
+      value?: number;
+      max?: number;
+      color?: string;
+      height?: string;
+      showValue?: boolean;
+      indeterminate?: boolean;
+      [key: string]: any;
+    };
+    'kg-radio-group': {
+      direction?: string;
+      value?: string;
+      [key: string]: any;
+    };
+    'kg-radio': {
+      checked?: boolean;
+      disabled?: boolean;
+      [key: string]: any;
+    };
+    'kg-row': {
+
+      [key: string]: any;
+    };
+    'kg-select': {
+      options?: any[];
+      value?: any;
+      placeholder?: string;
+      multiple?: boolean;
+      disabled?: boolean;
+      searchable?: boolean;
+      [key: string]: any;
+    };
+    'kg-skeleton': {
+      variant?: string;
+      animation?: string;
+      width?: string;
+      height?: string;
+      borderRadius?: string;
+      [key: string]: any;
+    };
+    'kg-slider': {
+      value?: number;
+      min?: number;
+      max?: number;
+      step?: number;
+      disabled?: boolean;
+      hideValue?: boolean;
+      showPins?: boolean;
+      [key: string]: any;
+    };
+    'kg-spinner': {
+      size?: string;
+      color?: string;
+      thickness?: number;
+      [key: string]: any;
+    };
+    'kg-stepper': {
+      steps?: any[];
+      activeStep?: number;
+      vertical?: boolean;
+      clickable?: boolean;
+      [key: string]: any;
+    };
+    'kg-switch': {
+      checked?: boolean;
+      disabled?: boolean;
+      color?: string;
+      [key: string]: any;
+    };
+    'kg-tab-panel': {
+      value?: string;
+      label?: string;
+      active?: boolean;
+      [key: string]: any;
+    };
+    'kg-tabs': {
+      activeTab?: string;
+      vertical?: boolean;
+      [key: string]: any;
+    };
+    'kg-text': {
+      variant?: string;
+      weight?: string;
+      align?: string;
+      dividing?: boolean;
+      [key: string]: any;
+    };
+    'kg-textarea': {
+      value?: string;
+      placeholder?: string;
+      rows?: number;
+      disabled?: boolean;
+      error?: boolean;
+      fullwidth?: boolean;
+      inverted?: boolean;
+      resize?: string;
+      [key: string]: any;
+    };
+    'kg-toast': {
+      duration?: number;
+      visible?: boolean;
+      color?: string;
+      [key: string]: any;
+    };
+    }
+  }
+}
+
+
+export interface ToastOptions {
+  title: string;
+  message?: string;
+  color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+  duration?: number;
+  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+}
+
+export const toast: {
+  show(options: ToastOptions): void;
+  success(title: string, message?: string): void;
+  error(title: string, message?: string): void;
+  info(title: string, message?: string): void;
+  warning(title: string, message?: string): void;
+};
+
+export interface LoaderOptions {
+  src?: string;
+  text?: string;
+  glass?: boolean;
+}
+
+export const loader: {
+  show(options?: LoaderOptions): void;
+  hide(): void;
+};