revotech-ui-kit 0.0.14 → 0.0.16
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/revotech-ui-kit.js +8756 -0
- package/dist/revotech-ui-kit.umd.cjs +3578 -0
- package/dist/src/assets/icons/arrow-up-circle.icon.d.ts +1 -0
- package/dist/src/assets/icons/arrows.icon.d.ts +1 -0
- package/dist/src/assets/icons/chorven-down.icon.d.ts +1 -0
- package/dist/src/assets/icons/circle-check.icon.d.ts +1 -0
- package/dist/src/assets/icons/circle-x.icon.d.ts +1 -0
- package/dist/src/assets/icons/circle.icon.d.ts +1 -0
- package/dist/src/assets/icons/help-circle.icon.d.ts +1 -0
- package/dist/src/assets/icons/index.d.ts +11 -0
- package/dist/src/assets/icons/radio-group.icon.d.ts +1 -0
- package/dist/src/assets/icons/radio.icon.d.ts +1 -0
- package/dist/src/assets/icons/search.icon.d.ts +1 -0
- package/dist/src/assets/icons/tick.icon.d.ts +1 -0
- package/dist/src/components/atoms/accordion/accordion-content.d.ts +12 -0
- package/dist/src/components/atoms/accordion/accordion-item.d.ts +22 -0
- package/dist/src/components/atoms/accordion/accordion-trigger.d.ts +17 -0
- package/dist/src/components/atoms/accordion/accordion.atoms.d.ts +23 -0
- package/dist/src/components/atoms/accordion/accordion.defs.d.ts +10 -0
- package/dist/src/components/atoms/accordion/accordion.stories.d.ts +6 -0
- package/dist/src/components/atoms/accordion/accordion.styles.d.ts +0 -0
- package/dist/src/components/atoms/alert/alert-description.d.ts +6 -0
- package/dist/src/components/atoms/alert/alert-title.d.ts +6 -0
- package/dist/src/components/atoms/alert/alert.atom.d.ts +23 -0
- package/dist/src/components/atoms/alert/alert.stories.d.ts +6 -0
- package/dist/src/components/atoms/alert/alert.styles.d.ts +4 -0
- package/dist/src/components/atoms/alert/alert.types.d.ts +1 -0
- package/dist/src/components/atoms/badge/badge.atom.d.ts +17 -0
- package/dist/src/components/atoms/badge/badge.stories.d.ts +6 -0
- package/dist/src/components/atoms/badge/badge.style.d.ts +3 -0
- package/dist/src/components/atoms/badge/badge.type.d.ts +1 -0
- package/dist/src/components/atoms/button/button.atom.d.ts +25 -0
- package/dist/src/components/atoms/button/button.stories.d.ts +6 -0
- package/dist/src/components/atoms/button/button.style.d.ts +4 -0
- package/dist/src/components/atoms/button/button.type.d.ts +3 -0
- package/dist/src/components/atoms/card/card-content.d.ts +6 -0
- package/dist/src/components/atoms/card/card-description.d.ts +6 -0
- package/dist/src/components/atoms/card/card-footer.d.ts +6 -0
- package/dist/src/components/atoms/card/card-header.d.ts +6 -0
- package/dist/src/components/atoms/card/card-title.d.ts +6 -0
- package/dist/src/components/atoms/card/card.atom.d.ts +22 -0
- package/dist/src/components/atoms/card/card.stories.d.ts +6 -0
- package/dist/src/components/atoms/checkbox/checkbox.atom.d.ts +19 -0
- package/dist/src/components/atoms/checkbox/checkbox.stories.d.ts +7 -0
- package/dist/src/components/atoms/checkbox/checkbox.style.d.ts +2 -0
- package/dist/src/components/atoms/checkbox/checkbox.type.d.ts +21 -0
- package/dist/src/components/atoms/combobox/combo-box-input.d.ts +14 -0
- package/dist/src/components/atoms/combobox/combo-box-item.d.ts +18 -0
- package/dist/src/components/atoms/combobox/combo-box-list.d.ts +15 -0
- package/dist/src/components/atoms/combobox/combo-box.atom.d.ts +30 -0
- package/dist/src/components/atoms/combobox/combo-box.stories.d.ts +6 -0
- package/dist/src/components/atoms/command/command-empty.atom.d.ts +10 -0
- package/dist/src/components/atoms/command/command-group.atom.d.ts +11 -0
- package/dist/src/components/atoms/command/command-input.atom.d.ts +11 -0
- package/dist/src/components/atoms/command/command-item.atom.d.ts +14 -0
- package/dist/src/components/atoms/command/command-list.atom.d.ts +7 -0
- package/dist/src/components/atoms/command/command-separator.atom.d.ts +10 -0
- package/dist/src/components/atoms/command/command.atom.d.ts +7 -0
- package/dist/src/components/atoms/command/command.stories.d.ts +6 -0
- package/dist/src/components/atoms/context-menu/context-menu-checkbox-Item.d.ts +16 -0
- package/dist/src/components/atoms/context-menu/context-menu-content.d.ts +14 -0
- package/dist/src/components/atoms/context-menu/context-menu-group.d.ts +11 -0
- package/dist/src/components/atoms/context-menu/context-menu-item.d.ts +13 -0
- package/dist/src/components/atoms/context-menu/context-menu-radio-item.d.ts +16 -0
- package/dist/src/components/atoms/context-menu/context-menu-seperator.d.ts +10 -0
- package/dist/src/components/atoms/context-menu/context-menu-shortcut.d.ts +6 -0
- package/dist/src/components/atoms/context-menu/context-menu.atom.d.ts +34 -0
- package/dist/src/components/atoms/context-menu/contextMenu.stories.d.ts +5 -0
- package/dist/src/components/atoms/context-menu/contextMenu.style.d.ts +2 -0
- package/dist/src/components/atoms/dialog/dialog-close.d.ts +13 -0
- package/dist/src/components/atoms/dialog/dialog-content.d.ts +9 -0
- package/dist/src/components/atoms/dialog/dialog-footer.d.ts +6 -0
- package/dist/src/components/atoms/dialog/dialog-header.d.ts +8 -0
- package/dist/src/components/atoms/dialog/dialog-overly.d.ts +6 -0
- package/dist/src/components/atoms/dialog/dialog-trigger.d.ts +9 -0
- package/dist/src/components/atoms/dialog/dialog.atom.d.ts +25 -0
- package/dist/src/components/atoms/dialog/dialog.stories.d.ts +7 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu-checkbox-Item.d.ts +16 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu-content.d.ts +14 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu-group.d.ts +11 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu-item.d.ts +13 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu-radio-item.d.ts +16 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu-seperator.d.ts +10 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu-shortcut.d.ts +6 -0
- package/dist/src/components/atoms/dropdown-menu/dropdown-menu.atom.d.ts +32 -0
- package/dist/src/components/atoms/dropdown-menu/dropdownMenu.stories.d.ts +7 -0
- package/dist/src/components/atoms/dropdown-menu/dropdownMenu.style.d.ts +2 -0
- package/dist/src/components/atoms/index.d.ts +26 -0
- package/dist/src/components/atoms/input/input.atom.d.ts +22 -0
- package/dist/src/components/atoms/input/input.stories.d.ts +6 -0
- package/dist/src/components/atoms/input/input.styles.d.ts +1 -0
- package/dist/src/components/atoms/input/input.type.d.ts +21 -0
- package/dist/src/components/atoms/label/label.atom.d.ts +17 -0
- package/dist/src/components/atoms/label/label.stories.d.ts +6 -0
- package/dist/src/components/atoms/label/label.style.d.ts +1 -0
- package/dist/src/components/atoms/popover/popover-content.d.ts +13 -0
- package/dist/src/components/atoms/popover/popover-trigger.d.ts +10 -0
- package/dist/src/components/atoms/popover/popover.atom.d.ts +19 -0
- package/dist/src/components/atoms/popover/popover.stories.d.ts +5 -0
- package/dist/src/components/atoms/popover/popover.style.d.ts +9 -0
- package/dist/src/components/atoms/popover/popover.types.d.ts +2 -0
- package/dist/src/components/atoms/radio-group/radio-group-item.d.ts +17 -0
- package/dist/src/components/atoms/radio-group/radio-group.atom.d.ts +16 -0
- package/dist/src/components/atoms/radio-group/radio-group.stories.d.ts +5 -0
- package/dist/src/components/atoms/radio-group/radio-group.types.d.ts +2 -0
- package/dist/src/components/atoms/sample-demo/sample-demo.d.ts +21 -0
- package/dist/src/components/atoms/sample-demo/sample.style.d.ts +4 -0
- package/dist/src/components/atoms/sample-demo/sample.type.d.ts +3 -0
- package/dist/src/components/atoms/select/select-item.d.ts +13 -0
- package/dist/src/components/atoms/select/select-label.d.ts +6 -0
- package/dist/src/components/atoms/select/select-list.d.ts +8 -0
- package/dist/src/components/atoms/select/select-seperator.d.ts +10 -0
- package/dist/src/components/atoms/select/select.atom.d.ts +33 -0
- package/dist/src/components/atoms/select/select.stories.d.ts +6 -0
- package/dist/src/components/atoms/seperator/separator.atom.d.ts +14 -0
- package/dist/src/components/atoms/seperator/separator.defs.d.ts +10 -0
- package/dist/src/components/atoms/seperator/separator.stories.d.ts +8 -0
- package/dist/src/components/atoms/switch/switch.atom.d.ts +14 -0
- package/dist/src/components/atoms/switch/switch.stories.d.ts +5 -0
- package/dist/src/components/atoms/switch/switch.type.d.ts +4 -0
- package/dist/src/components/atoms/textarea/textarea.atom.d.ts +17 -0
- package/dist/src/components/atoms/textarea/textarea.stories.d.ts +5 -0
- package/dist/src/components/atoms/textarea/textarea.styles.d.ts +1 -0
- package/dist/src/components/atoms/textarea/textarea.type.d.ts +11 -0
- package/dist/src/components/atoms/toggle/toggle.atom.d.ts +20 -0
- package/dist/src/components/atoms/toggle/toggle.defs.d.ts +27 -0
- package/dist/src/components/atoms/toggle/toggle.stories.d.ts +6 -0
- package/dist/src/components/atoms/toggle/toggle.style.d.ts +4 -0
- package/dist/src/components/index.d.ts +2 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb-ellipsis.d.ts +7 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb-item.d.ts +7 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb-link.d.ts +8 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb-list.d.ts +7 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb-separator.d.ts +7 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb-text.d.ts +7 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb.molecules.d.ts +7 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb.stories.d.ts +6 -0
- package/dist/src/components/molecules/breadcrumb/breadcrumb.styles.d.ts +6 -0
- package/dist/src/components/molecules/index.d.ts +7 -0
- package/dist/src/components/molecules/tabs/tab-contents.d.ts +13 -0
- package/dist/src/components/molecules/tabs/tab-list.d.ts +15 -0
- package/dist/src/components/molecules/tabs/tab-trigger.d.ts +18 -0
- package/dist/src/components/molecules/tabs/tab.molecules.d.ts +15 -0
- package/dist/src/components/molecules/tabs/tab.stories.d.ts +15 -0
- package/dist/src/components/molecules/toggle-group/toggle-group-item.d.ts +18 -0
- package/dist/src/components/molecules/toggle-group/toggle-group.defs.d.ts +37 -0
- package/dist/src/components/molecules/toggle-group/toggle-group.molecules.d.ts +19 -0
- package/dist/src/components/molecules/toggle-group/toggle-group.stories.d.ts +5 -0
- package/dist/src/components/molecules/toggle-group/toggle-group.style.d.ts +4 -0
- package/dist/src/helpers/base-element.d.ts +11 -0
- package/dist/src/helpers/index.d.ts +3 -0
- package/dist/src/helpers/mouse-conroller.helper.d.ts +15 -0
- package/dist/src/helpers/style.helpers.d.ts +3 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/interfaces/actionable.interface.d.ts +6 -0
- package/dist/src/interfaces/atomic.interface.d.ts +6 -0
- package/dist/src/interfaces/changeable.interface.d.ts +8 -0
- package/dist/src/interfaces/child-support-atomic.interface.d.ts +5 -0
- package/dist/src/interfaces/index.d.ts +6 -0
- package/dist/src/interfaces/intractable.interface.d.ts +6 -0
- package/dist/src/interfaces/variant.interface.d.ts +3 -0
- package/dist/src/lib/index.d.ts +0 -0
- package/dist/src/lib/next/next.lib.d.ts +0 -0
- package/dist/src/lib/react/react.lib.d.ts +5 -0
- package/dist/src/lib/tw-styles.d.ts +1 -0
- package/dist/src/styles/index.d.ts +1 -0
- package/dist/src/styles/tw.styles.d.ts +1 -0
- package/dist/src/wc-ui-app.d.ts +7 -0
- package/package.json +16 -26
- package/dist/index.ts +0 -1
- package/dist/rollup-plugin-html-noop.js +0 -1
- package/dist/sw.js +0 -2
- package/dist/sw.js.map +0 -1
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/workbox-a523fd56.js +0 -2
- package/dist/workbox-a523fd56.js.map +0 -1
@@ -0,0 +1,10 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
|
3
|
+
export declare class SelectSeperator extends LitElement {
|
4
|
+
_id: string;
|
5
|
+
_hidden: string;
|
6
|
+
private static _counter;
|
7
|
+
static styles: import('lit').CSSResult[];
|
8
|
+
private get identifier();
|
9
|
+
render(): import('lit-html').TemplateResult<1>;
|
10
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import { SelectItem } from './select-item';
|
3
|
+
import { SelectList } from './select-list';
|
4
|
+
import { SelectLabel } from './select-label';
|
5
|
+
import { SelectSeperator } from './select-seperator';
|
6
|
+
|
7
|
+
declare class Select extends LitElement {
|
8
|
+
static styles: import('lit').CSSResult[];
|
9
|
+
isOpen: boolean;
|
10
|
+
selectedValue: string;
|
11
|
+
searchTerm: string;
|
12
|
+
focusedIndex: number;
|
13
|
+
filteredItems: string[];
|
14
|
+
label: string;
|
15
|
+
items: never[];
|
16
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
17
|
+
toggleDropdown(): void;
|
18
|
+
selectItem(event: Event): void;
|
19
|
+
handleInputClick(): void;
|
20
|
+
handleKeyDown(event: KeyboardEvent): void;
|
21
|
+
handleMouseOver(event: Event, index: number): void;
|
22
|
+
render(): import('lit-html').TemplateResult<1>;
|
23
|
+
}
|
24
|
+
export { Select, SelectItem, SelectList, SelectLabel, SelectSeperator };
|
25
|
+
declare global {
|
26
|
+
interface HTMLElementTagNameMap {
|
27
|
+
'rtg-select': Select;
|
28
|
+
'rtg-select-list': SelectList;
|
29
|
+
'rtg-select-item': SelectItem;
|
30
|
+
'rtg-select-label': SelectLabel;
|
31
|
+
'rtg-select-seperator': SelectSeperator;
|
32
|
+
}
|
33
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
import { SEPARATOR_ORIENTATION } from './separator.defs';
|
3
|
+
|
4
|
+
export declare class Separator extends BaseElement {
|
5
|
+
orientation: SEPARATOR_ORIENTATION;
|
6
|
+
static styles: import('lit').CSSResult[];
|
7
|
+
protected getAttributesToExclude(): string[];
|
8
|
+
render(): import('lit-html').TemplateResult<1>;
|
9
|
+
}
|
10
|
+
declare global {
|
11
|
+
interface HTMLElementTagNameMap {
|
12
|
+
'rtg-separator': Separator;
|
13
|
+
}
|
14
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
|
3
|
+
export declare class Switch extends LitElement {
|
4
|
+
checked: boolean;
|
5
|
+
disabled: boolean;
|
6
|
+
static styles: import('lit').CSSResult[];
|
7
|
+
private _toggleChecked;
|
8
|
+
render(): import('lit-html').TemplateResult<1>;
|
9
|
+
}
|
10
|
+
declare global {
|
11
|
+
interface HTMLElementTagNameMap {
|
12
|
+
'rtg-switch': Switch;
|
13
|
+
}
|
14
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { PropertyValues } from 'lit';
|
2
|
+
import { BaseElement } from '../../../helpers';
|
3
|
+
|
4
|
+
export declare class TextArea extends BaseElement {
|
5
|
+
constructor();
|
6
|
+
disabled: boolean;
|
7
|
+
placeholder: string;
|
8
|
+
defaultValue: string;
|
9
|
+
rows: string;
|
10
|
+
cols: string;
|
11
|
+
value: string;
|
12
|
+
static styles: import('lit').CSSResult[];
|
13
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
14
|
+
handleInputChange(event: Event): void;
|
15
|
+
protected getAttributesToExclude(): string[];
|
16
|
+
render(): import('lit-html').TemplateResult<1>;
|
17
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const textAreaStyles = "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { TOGGLE_SIZE, TOGGLE_VARIANT } from './toggle.defs';
|
2
|
+
import { BaseElement } from '../../../helpers';
|
3
|
+
|
4
|
+
export { TOGGLE_SIZE, TOGGLE_VARIANT };
|
5
|
+
declare class Toggle extends BaseElement {
|
6
|
+
disabled: boolean;
|
7
|
+
checked: boolean;
|
8
|
+
required: boolean;
|
9
|
+
variant: TOGGLE_VARIANT;
|
10
|
+
size: TOGGLE_SIZE;
|
11
|
+
static styles: import('lit-element').CSSResult[];
|
12
|
+
static toggleVariants: (props?: ({
|
13
|
+
variant?: "default" | "outline" | null | undefined;
|
14
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
15
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
16
|
+
protected getAttributesToExclude(): string[];
|
17
|
+
toggle(): void;
|
18
|
+
render(): import('lit-html').TemplateResult<1>;
|
19
|
+
}
|
20
|
+
export { Toggle };
|
@@ -0,0 +1,27 @@
|
|
1
|
+
/**
|
2
|
+
* Toggle size.
|
3
|
+
*/
|
4
|
+
export declare enum TOGGLE_SIZE {
|
5
|
+
/**
|
6
|
+
* @Small size
|
7
|
+
*/
|
8
|
+
SMALL = "sm",
|
9
|
+
/**
|
10
|
+
* @medium size
|
11
|
+
*/
|
12
|
+
MEDIUM = "md",
|
13
|
+
/**
|
14
|
+
* @Large size
|
15
|
+
*/
|
16
|
+
LARGE = "lg"
|
17
|
+
}
|
18
|
+
export declare enum TOGGLE_VARIANT {
|
19
|
+
/**
|
20
|
+
* @Default variant
|
21
|
+
*/
|
22
|
+
DEFAULT = "default",
|
23
|
+
/**
|
24
|
+
* @Outline variant
|
25
|
+
*/
|
26
|
+
OUTLINE = "outline"
|
27
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
|
3
|
+
export declare class BreadCrumbLink extends BaseElement {
|
4
|
+
href: string;
|
5
|
+
static styles: import('lit').CSSResult[];
|
6
|
+
protected getAttributesToExclude(): string[];
|
7
|
+
render(): import('lit-html').TemplateResult<1>;
|
8
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
export declare const breadcrumbItemStyles = "inline-flex items-center gap-1.5";
|
2
|
+
export declare const breadcrumbLink = "transition-colors hover:text-foreground";
|
3
|
+
export declare const breadcrumbTextStyles = "font-normal text-foreground";
|
4
|
+
export declare const breadcrumbSeparatorStyles = "[&>svg]:size-3.5";
|
5
|
+
export declare const breadcrumbEllipsisStyles = "flex h-9 w-9 items-center justify-center";
|
6
|
+
export declare const breadcrumbListStyles = "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5";
|
@@ -0,0 +1,7 @@
|
|
1
|
+
export * from './breadcrumb/breadcrumb-ellipsis';
|
2
|
+
export * from './breadcrumb/breadcrumb-item';
|
3
|
+
export * from './breadcrumb/breadcrumb-list';
|
4
|
+
export * from './breadcrumb/breadcrumb-separator';
|
5
|
+
export * from './breadcrumb/breadcrumb.molecules';
|
6
|
+
export * from './breadcrumb/breadcrumb-text';
|
7
|
+
export * from './breadcrumb/breadcrumb-link';
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit-element';
|
2
|
+
import { Tab } from './tab.molecules';
|
3
|
+
|
4
|
+
declare class TabContent extends LitElement {
|
5
|
+
value: string;
|
6
|
+
selectedValue: string;
|
7
|
+
get _tab(): Tab | null;
|
8
|
+
protected updated(_changedProperties: PropertyValues): void;
|
9
|
+
connectedCallback(): void;
|
10
|
+
disconnectedCallback(): void;
|
11
|
+
render(): import('lit-html').TemplateResult<1>;
|
12
|
+
}
|
13
|
+
export { TabContent };
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
import { Tab } from './tab.molecules';
|
3
|
+
|
4
|
+
declare class TabList extends BaseElement {
|
5
|
+
tabindex: number;
|
6
|
+
static styles: import('lit-element').CSSResult[];
|
7
|
+
get _tab(): Tab | null;
|
8
|
+
protected getAttributesToExclude(): string[];
|
9
|
+
connectedCallback(): void;
|
10
|
+
disconnectedCallback(): void;
|
11
|
+
changeTabs(currentValue: string): void;
|
12
|
+
getChildren(): Node[];
|
13
|
+
render(): import('lit-html').TemplateResult<1>;
|
14
|
+
}
|
15
|
+
export { TabList };
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { PropertyValues } from 'lit-element';
|
2
|
+
import { Tab } from './tab.molecules';
|
3
|
+
import { TabList } from './tab-list';
|
4
|
+
import { BaseElement } from '../../../helpers';
|
5
|
+
|
6
|
+
declare class TabsTrigger extends BaseElement {
|
7
|
+
defaultValue: string;
|
8
|
+
value: string;
|
9
|
+
onClickCallback?: (tabValue: string) => void;
|
10
|
+
static styles: import('lit-element').CSSResult[];
|
11
|
+
get _tab(): Tab | null;
|
12
|
+
get _tabList(): TabList | null;
|
13
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
14
|
+
handleClick: (event: Event) => void;
|
15
|
+
protected getAttributesToExclude(): string[];
|
16
|
+
render(): import('lit-html').TemplateResult<1>;
|
17
|
+
}
|
18
|
+
export { TabsTrigger };
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { PropertyValues } from 'lit-element';
|
2
|
+
import { BaseElement } from '../../../helpers';
|
3
|
+
|
4
|
+
declare class Tab extends BaseElement {
|
5
|
+
defaultValue: string;
|
6
|
+
tabindex: number;
|
7
|
+
static styles: import('lit-element').CSSResult[];
|
8
|
+
connectedCallback(): void;
|
9
|
+
disconnectedCallback(): void;
|
10
|
+
protected updated(_changedProperties: PropertyValues): void;
|
11
|
+
protected getAttributesToExclude(): string[];
|
12
|
+
raiseEvent(): void;
|
13
|
+
render(): import('lit-html').TemplateResult<1>;
|
14
|
+
}
|
15
|
+
export { Tab };
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/web-components';
|
2
|
+
|
3
|
+
export declare enum TAB_LIST {
|
4
|
+
/**
|
5
|
+
* @Default variant
|
6
|
+
*/
|
7
|
+
ACCOUNT = "account",
|
8
|
+
/**
|
9
|
+
* @Outline variant
|
10
|
+
*/
|
11
|
+
PASSWORD = "password"
|
12
|
+
}
|
13
|
+
declare const _default: Meta;
|
14
|
+
export default _default;
|
15
|
+
export declare const Tab: StoryFn;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { LitElement } from 'lit-element';
|
2
|
+
import { TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
|
3
|
+
|
4
|
+
declare class ToggleGroupItem extends LitElement {
|
5
|
+
checked: boolean;
|
6
|
+
id: string;
|
7
|
+
variant: TOGGLE_GROUP_VARIANT;
|
8
|
+
size: TOGGLE_GROUP_SIZE;
|
9
|
+
disabled: boolean;
|
10
|
+
static styles: import('lit-element').CSSResult[];
|
11
|
+
static toggleGroupVariants: (props?: ({
|
12
|
+
variant?: "default" | "outline" | null | undefined;
|
13
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
14
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
15
|
+
protected getAttributesToExclude(): string[];
|
16
|
+
render(): import('lit-html').TemplateResult<1>;
|
17
|
+
}
|
18
|
+
export { ToggleGroupItem };
|
@@ -0,0 +1,37 @@
|
|
1
|
+
/**
|
2
|
+
* Toggle Group Type.
|
3
|
+
*/
|
4
|
+
export declare enum TOGGLE_GROUP_TYPE {
|
5
|
+
/**
|
6
|
+
* @multiple Type
|
7
|
+
*/
|
8
|
+
MULTIPLE = "multiple",
|
9
|
+
/**
|
10
|
+
* @medium size
|
11
|
+
*/
|
12
|
+
SINGLE = "single"
|
13
|
+
}
|
14
|
+
export declare enum TOGGLE_GROUP_VARIANT {
|
15
|
+
/**
|
16
|
+
* @Default variant
|
17
|
+
*/
|
18
|
+
DEFAULT = "default",
|
19
|
+
/**
|
20
|
+
* @Outline variant
|
21
|
+
*/
|
22
|
+
OUTLINE = "outline"
|
23
|
+
}
|
24
|
+
export declare enum TOGGLE_GROUP_SIZE {
|
25
|
+
/**
|
26
|
+
* @Small size
|
27
|
+
*/
|
28
|
+
SMALL = "sm",
|
29
|
+
/**
|
30
|
+
* @medium size
|
31
|
+
*/
|
32
|
+
MEDIUM = "md",
|
33
|
+
/**
|
34
|
+
* @Large size
|
35
|
+
*/
|
36
|
+
LARGE = "lg"
|
37
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
import { TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
|
3
|
+
|
4
|
+
declare class ToggleGroup extends BaseElement {
|
5
|
+
disabled: boolean;
|
6
|
+
type: TOGGLE_GROUP_TYPE;
|
7
|
+
required: boolean;
|
8
|
+
variant: TOGGLE_GROUP_VARIANT;
|
9
|
+
size: TOGGLE_GROUP_SIZE;
|
10
|
+
static styles: import('lit-element').CSSResult[];
|
11
|
+
protected getAttributesToExclude(): string[];
|
12
|
+
private selectedItems;
|
13
|
+
private childrenArray;
|
14
|
+
toggleSelection(itemId: string): void;
|
15
|
+
connectedCallback(): void;
|
16
|
+
firstUpdated(changedProperties: Map<string, unknown>): void;
|
17
|
+
render(): import('lit-html').TemplateResult<1>;
|
18
|
+
}
|
19
|
+
export { ToggleGroup, TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE, };
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
|
3
|
+
export declare abstract class BaseElement extends LitElement {
|
4
|
+
constructor();
|
5
|
+
protected abstract getAttributesToExclude(): string[];
|
6
|
+
protected getFilteredAttributes(): {
|
7
|
+
[key: string]: string;
|
8
|
+
};
|
9
|
+
protected isCustomPropertySet(property: string): boolean;
|
10
|
+
protected applyCustomClass(variables: string[], selector: string, className?: string): void;
|
11
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { ReactiveControllerHost } from 'lit';
|
2
|
+
|
3
|
+
export declare class MouseController {
|
4
|
+
private host;
|
5
|
+
pos: {
|
6
|
+
x: number;
|
7
|
+
y: number;
|
8
|
+
};
|
9
|
+
_onMouseMove: ({ clientX, clientY }: MouseEvent) => void;
|
10
|
+
_onClick: (e: MouseEvent) => void;
|
11
|
+
_onScroll: (e: Event) => void;
|
12
|
+
constructor(host: ReactiveControllerHost);
|
13
|
+
hostConnected(): void;
|
14
|
+
hostDisconnected(): void;
|
15
|
+
}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { Alert, AlertDescription, AlertTitle, Button, Badge, Input, Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, Checkbox, ComboBox, Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, Popover, PopoverContent, PopoverTrigger, Toggle, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuContent, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, Select, SelectItem, SelectList, SelectLabel, SelectSeperator, Switch, RadioGroup, RadioGroupItem, Separator } from './components';
|
2
|
+
|
3
|
+
export { Alert, AlertDescription, AlertTitle, Button, Badge, Input, Card, CardTitle, CardHeader, CardFooter, CardDescription, CardContent, Checkbox, ComboBox, Dialog, DialogContent, DialogClose, DialogFooter, DialogHeader, DialogOverlay, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuCheckboxItem, DropdownMenuGroup, Popover, PopoverContent, PopoverTrigger, Toggle, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuContent, ContextMenuItem, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, Select, SelectItem, SelectList, SelectLabel, SelectSeperator, Switch, RadioGroup, RadioGroupItem, Separator, };
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
import { IntractableProps } from './intractable.interface';
|
3
|
+
|
4
|
+
export type ChangeableProps<T = React.ChangeEvent<HTMLInputElement> | string | number, K = unknown> = Partial<IntractableProps & {
|
5
|
+
onChange: (event?: T, value?: K) => void;
|
6
|
+
onBlur: (event?: T) => void;
|
7
|
+
onPaste: (event?: T) => void;
|
8
|
+
}>;
|
File without changes
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const TWStyles: import('lit').CSSResult;
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './tw.styles';
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const TWStyles: import('lit').CSSResult;
|