revotech-ui-kit 0.0.15 → 0.0.17
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/revotech-ui-kit.js +3313 -1122
- package/dist/revotech-ui-kit.umd.cjs +1031 -144
- package/dist/src/assets/icons/arrow-up-circle.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/close.icon.d.ts +1 -0
- package/dist/src/assets/icons/dot.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 +10 -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/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/{components/atoms/button/button.stories.d.ts → src/components/atoms/accordion/accordion.stories.d.ts} +1 -1
- package/dist/{components/atoms/card/card-content.d.ts → src/components/atoms/avatar/avatar-fallback.d.ts} +1 -1
- package/dist/src/components/atoms/avatar/avatar-image.d.ts +8 -0
- package/dist/{components/atoms/card/card-title.d.ts → src/components/atoms/avatar/avatar.atom.d.ts} +1 -1
- package/dist/src/components/atoms/avatar/avatar.stories.d.ts +5 -0
- package/dist/src/components/atoms/avatar/avatar.style.d.ts +3 -0
- package/dist/src/components/atoms/button/button.atom.d.ts +2 -0
- package/dist/src/components/atoms/checkbox/checkbox.stories.d.ts +1 -1
- package/dist/src/components/atoms/collapsible/collapsible-content.d.ts +12 -0
- package/dist/src/components/atoms/collapsible/collapsible-trigger.d.ts +15 -0
- package/dist/src/components/atoms/collapsible/collapsible.atom.d.ts +17 -0
- package/dist/{components/atoms/badge/badge.stories.d.ts → src/components/atoms/collapsible/collapsible.stories.d.ts} +1 -1
- package/dist/{components/atoms/combo-box → src/components/atoms/combobox}/combo-box-input.d.ts +5 -0
- package/dist/src/components/atoms/{combo-box → combobox}/combo-box-item.d.ts +5 -0
- package/dist/{components/atoms/combo-box → src/components/atoms/combobox}/combo-box-list.d.ts +5 -0
- package/dist/src/components/atoms/{combo-box → combobox}/combo-box.atom.d.ts +3 -0
- package/dist/src/components/atoms/command/command-item.atom.d.ts +4 -3
- package/dist/src/components/atoms/command/command.stories.d.ts +3 -2
- package/dist/src/components/atoms/{dropdownMenu/dropdown-menu-checkbox-Item.d.ts → context-menu/context-menu-checkbox-Item.d.ts} +1 -1
- package/dist/src/components/atoms/{dropdownMenu/dropdown-menu-content.d.ts → context-menu/context-menu-content.d.ts} +3 -3
- package/dist/{components/atoms/command/command-group.atom.d.ts → src/components/atoms/context-menu/context-menu-group.d.ts} +1 -1
- package/dist/{components/atoms/command/command-item.atom.d.ts → src/components/atoms/context-menu/context-menu-item.d.ts} +1 -1
- package/dist/src/components/atoms/{dropdownMenu/dropdown-menu-radio-item.d.ts → context-menu/context-menu-radio-item.d.ts} +1 -1
- package/dist/{components/atoms/command/command-separator.atom.d.ts → src/components/atoms/context-menu/context-menu-seperator.d.ts} +1 -1
- 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/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu.atom.d.ts +1 -0
- package/dist/src/components/atoms/dropdown-menu/dropdownMenu.style.d.ts +2 -0
- package/dist/src/components/atoms/hoverCard/hover-card-content.d.ts +12 -0
- package/dist/src/components/atoms/hoverCard/hover-card.atom.d.ts +13 -0
- package/dist/src/components/atoms/hoverCard/hover-card.stories.d.ts +5 -0
- package/dist/src/components/atoms/index.d.ts +10 -2
- package/dist/src/components/atoms/input/input.styles.d.ts +1 -1
- package/dist/src/components/atoms/popover/popover-content.d.ts +2 -1
- package/dist/src/components/atoms/popover/popover-trigger.d.ts +2 -2
- package/dist/src/components/atoms/popover/popover.style.d.ts +4 -0
- package/dist/{components/atoms/checkbox/checkbox.atom.d.ts → src/components/atoms/radio-group/radio-group-item.d.ts} +5 -7
- 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/{components/atoms/combo-box/combo-box-item.d.ts → src/components/atoms/select/select-item.d.ts} +1 -1
- package/dist/{components/atoms/card/card-header.d.ts → src/components/atoms/select/select-label.d.ts} +1 -1
- package/dist/src/components/atoms/select/select-list.d.ts +8 -0
- package/dist/{components/atoms/command/command-empty.atom.d.ts → src/components/atoms/select/select-seperator.d.ts} +1 -1
- package/dist/{components/atoms/combo-box/combo-box.atom.d.ts → src/components/atoms/select/select.atom.d.ts} +12 -6
- 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/{components/atoms/dialog/dialog.stories.d.ts → src/components/atoms/seperator/separator.stories.d.ts} +3 -2
- 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/toast/toast-action.d.ts +15 -0
- package/dist/{components/atoms/card/card-description.d.ts → src/components/atoms/toast/toast-description.d.ts} +1 -1
- package/dist/{components/atoms/card/card-footer.d.ts → src/components/atoms/toast/toast-title.d.ts} +1 -1
- package/dist/src/components/atoms/toast/toast-view-port.d.ts +13 -0
- package/dist/src/components/atoms/toast/toast.atom.d.ts +11 -0
- package/dist/src/components/atoms/toast/toast.stories.d.ts +6 -0
- package/dist/src/components/atoms/toast/toast.style.d.ts +9 -0
- package/dist/src/components/atoms/toast/toast.type.d.ts +1 -0
- package/dist/src/components/atoms/toggle/toggle.atom.d.ts +1 -1
- package/dist/{components/atoms/toggle/defs.d.ts → src/components/atoms/toggle/toggle.defs.d.ts} +5 -5
- package/dist/src/components/molecules/breadcrumb/breadcrumb.stories.d.ts +6 -0
- package/dist/src/components/molecules/index.d.ts +11 -7
- package/dist/src/components/molecules/input-otp/input-otp-group.d.ts +13 -0
- package/dist/src/components/molecules/input-otp/input-otp-separator.d.ts +13 -0
- package/dist/src/components/molecules/input-otp/input-otp-slot.d.ts +13 -0
- package/dist/src/components/molecules/input-otp/input-otp.molecule.d.ts +33 -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 +1 -1
- package/dist/src/components/molecules/toggle-group/{defs.d.ts → toggle-group.defs.d.ts} +7 -7
- package/dist/src/components/molecules/toggle-group/toggle-group.molecules.d.ts +1 -1
- package/dist/src/index.d.ts +2 -2
- package/package.json +7 -11
- package/dist/assets/icons/arrows.icon.d.ts +0 -1
- package/dist/assets/icons/index.d.ts +0 -3
- package/dist/assets/icons/search.icon.d.ts +0 -1
- package/dist/assets/icons/tick.icon.d.ts +0 -1
- package/dist/components/atoms/alert/alert-description.d.ts +0 -6
- package/dist/components/atoms/alert/alert-title.d.ts +0 -6
- package/dist/components/atoms/alert/alert.atom.d.ts +0 -23
- package/dist/components/atoms/alert/alert.stories.d.ts +0 -6
- package/dist/components/atoms/alert/alert.styles.d.ts +0 -4
- package/dist/components/atoms/alert/alert.types.d.ts +0 -1
- package/dist/components/atoms/badge/badge.atom.d.ts +0 -17
- package/dist/components/atoms/badge/badge.style.d.ts +0 -3
- package/dist/components/atoms/badge/badge.type.d.ts +0 -1
- package/dist/components/atoms/button/button.atom.d.ts +0 -23
- package/dist/components/atoms/button/button.style.d.ts +0 -4
- package/dist/components/atoms/button/button.type.d.ts +0 -3
- package/dist/components/atoms/card/card.atom.d.ts +0 -22
- package/dist/components/atoms/card/card.stories.d.ts +0 -6
- package/dist/components/atoms/checkbox/checkbox.stories.d.ts +0 -7
- package/dist/components/atoms/checkbox/checkbox.style.d.ts +0 -2
- package/dist/components/atoms/checkbox/checkbox.type.d.ts +0 -21
- package/dist/components/atoms/combo-box/combo-box.stories.d.ts +0 -6
- package/dist/components/atoms/command/command-input.atom.d.ts +0 -11
- package/dist/components/atoms/command/command-list.atom.d.ts +0 -7
- package/dist/components/atoms/command/command.atom.d.ts +0 -7
- package/dist/components/atoms/command/command.stories.d.ts +0 -5
- package/dist/components/atoms/dialog/dialog-close.d.ts +0 -13
- package/dist/components/atoms/dialog/dialog-content.d.ts +0 -9
- package/dist/components/atoms/dialog/dialog-footer.d.ts +0 -6
- package/dist/components/atoms/dialog/dialog-header.d.ts +0 -8
- package/dist/components/atoms/dialog/dialog-overly.d.ts +0 -6
- package/dist/components/atoms/dialog/dialog-trigger.d.ts +0 -9
- package/dist/components/atoms/dialog/dialog.atom.d.ts +0 -25
- package/dist/components/atoms/dropdownMenu/dropdownMenu.stories.d.ts +0 -7
- package/dist/components/atoms/dropdownMenu/dropdownMenu.style.d.ts +0 -2
- package/dist/components/atoms/index.d.ts +0 -19
- package/dist/components/atoms/input/input.atom.d.ts +0 -22
- package/dist/components/atoms/input/input.stories.d.ts +0 -6
- package/dist/components/atoms/input/input.styles.d.ts +0 -1
- package/dist/components/atoms/input/input.type.d.ts +0 -21
- package/dist/components/atoms/label/label.atom.d.ts +0 -17
- package/dist/components/atoms/label/label.stories.d.ts +0 -6
- package/dist/components/atoms/label/label.style.d.ts +0 -1
- package/dist/components/atoms/popover/popover-content.d.ts +0 -12
- package/dist/components/atoms/popover/popover-trigger.d.ts +0 -10
- package/dist/components/atoms/popover/popover.atom.d.ts +0 -19
- package/dist/components/atoms/popover/popover.stories.d.ts +0 -5
- package/dist/components/atoms/popover/popover.style.d.ts +0 -5
- package/dist/components/atoms/popover/popover.types.d.ts +0 -2
- package/dist/components/atoms/textarea/textarea.atom.d.ts +0 -17
- package/dist/components/atoms/textarea/textarea.stories.d.ts +0 -5
- package/dist/components/atoms/textarea/textarea.styles.d.ts +0 -1
- package/dist/components/atoms/textarea/textarea.type.d.ts +0 -11
- package/dist/components/atoms/toggle/toggle.atom.d.ts +0 -20
- package/dist/components/atoms/toggle/toggle.stories.d.ts +0 -6
- package/dist/components/atoms/toggle/toggle.style.d.ts +0 -4
- package/dist/components/index.d.ts +0 -2
- package/dist/components/molecules/breadCrumb/breadCrumb.stories.d.ts +0 -5
- package/dist/components/molecules/index.d.ts +0 -7
- package/dist/components/molecules/toggle-group/defs.d.ts +0 -37
- package/dist/components/molecules/toggle-group/toggle-group-item.d.ts +0 -18
- package/dist/components/molecules/toggle-group/toggle-group.molecules.d.ts +0 -19
- package/dist/components/molecules/toggle-group/toggle-group.stories.d.ts +0 -5
- package/dist/components/molecules/toggle-group/toggle-group.style.d.ts +0 -4
- package/dist/helpers/base-element.d.ts +0 -11
- package/dist/helpers/index.d.ts +0 -3
- package/dist/helpers/mouse-conroller.helper.d.ts +0 -15
- package/dist/helpers/style.helpers.d.ts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/interfaces/actionable.interface.d.ts +0 -6
- package/dist/interfaces/atomic.interface.d.ts +0 -6
- package/dist/interfaces/changeable.interface.d.ts +0 -8
- package/dist/interfaces/child-support-atomic.interface.d.ts +0 -5
- package/dist/interfaces/index.d.ts +0 -6
- package/dist/interfaces/intractable.interface.d.ts +0 -6
- package/dist/interfaces/variant.interface.d.ts +0 -3
- package/dist/lib/index.d.ts +0 -0
- package/dist/lib/next/next.lib.d.ts +0 -0
- package/dist/lib/react/react.lib.d.ts +0 -3
- package/dist/lib/tw-styles.d.ts +0 -1
- package/dist/src/components/atoms/combo-box/combo-box-input.d.ts +0 -9
- package/dist/src/components/atoms/combo-box/combo-box-list.d.ts +0 -10
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-group.d.ts +0 -11
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-item.d.ts +0 -13
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-seperator.d.ts +0 -10
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu-shortcut.d.ts +0 -6
- package/dist/src/components/atoms/dropdownMenu/dropdown-menu.atom.d.ts +0 -31
- package/dist/src/components/atoms/toggle/defs.d.ts +0 -27
- package/dist/src/components/molecules/breadCrumb/Breadcrumb-link.d.ts +0 -8
- package/dist/src/components/molecules/breadCrumb/breadCrumb.stories.d.ts +0 -5
- package/dist/src/components/molecules/breadCrumb/breadcrumb-ellipsis.d.ts +0 -7
- package/dist/src/components/molecules/breadCrumb/breadcrumb-item.d.ts +0 -7
- package/dist/src/components/molecules/breadCrumb/breadcrumb-list.d.ts +0 -7
- package/dist/src/components/molecules/breadCrumb/breadcrumb-separator.d.ts +0 -7
- package/dist/src/components/molecules/breadCrumb/breadcrumb-text.d.ts +0 -7
- package/dist/src/components/molecules/breadCrumb/breadcrumb.molecules.d.ts +0 -7
- package/dist/src/components/molecules/breadCrumb/breadcrumb.styles.d.ts +0 -6
- package/dist/src/components/molecules/dropdownMenu/dropdownMenu.molecules.d.ts +0 -0
- package/dist/styles/index.d.ts +0 -1
- package/dist/styles/tw.styles.d.ts +0 -1
- package/dist/wc-ui-app.d.ts +0 -7
- /package/dist/{components/molecules/dropdownMenu/dropdownMenu.molecules.d.ts → src/components/atoms/accordion/accordion.styles.d.ts} +0 -0
- /package/dist/src/components/atoms/{combo-box → combobox}/combo-box.stories.d.ts +0 -0
- /package/dist/src/components/atoms/{dropdownMenu/dropdownMenu.style.d.ts → context-menu/contextMenu.style.d.ts} +0 -0
- /package/dist/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu-checkbox-Item.d.ts +0 -0
- /package/dist/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu-content.d.ts +0 -0
- /package/dist/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu-group.d.ts +0 -0
- /package/dist/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu-item.d.ts +0 -0
- /package/dist/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu-radio-item.d.ts +0 -0
- /package/dist/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu-seperator.d.ts +0 -0
- /package/dist/{components/atoms/dropdownMenu → src/components/atoms/dropdown-menu}/dropdown-menu-shortcut.d.ts +0 -0
- /package/dist/src/components/atoms/{dropdownMenu → dropdown-menu}/dropdownMenu.stories.d.ts +0 -0
- /package/dist/{components/molecules/breadCrumb → src/components/molecules/breadcrumb}/breadcrumb-ellipsis.d.ts +0 -0
- /package/dist/{components/molecules/breadCrumb → src/components/molecules/breadcrumb}/breadcrumb-item.d.ts +0 -0
- /package/dist/{components/molecules/breadCrumb/Breadcrumb-link.d.ts → src/components/molecules/breadcrumb/breadcrumb-link.d.ts} +0 -0
- /package/dist/{components/molecules/breadCrumb → src/components/molecules/breadcrumb}/breadcrumb-list.d.ts +0 -0
- /package/dist/{components/molecules/breadCrumb → src/components/molecules/breadcrumb}/breadcrumb-separator.d.ts +0 -0
- /package/dist/{components/molecules/breadCrumb → src/components/molecules/breadcrumb}/breadcrumb-text.d.ts +0 -0
- /package/dist/{components/molecules/breadCrumb → src/components/molecules/breadcrumb}/breadcrumb.molecules.d.ts +0 -0
- /package/dist/{components/molecules/breadCrumb → src/components/molecules/breadcrumb}/breadcrumb.styles.d.ts +0 -0
@@ -0,0 +1,4 @@
|
|
1
|
+
export declare const demoStyle: (props?: ({
|
2
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
3
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
4
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
@@ -1,6 +1,10 @@
|
|
1
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';
|
2
6
|
|
3
|
-
declare class
|
7
|
+
declare class Select extends LitElement {
|
4
8
|
static styles: import('lit').CSSResult[];
|
5
9
|
isOpen: boolean;
|
6
10
|
selectedValue: string;
|
@@ -8,20 +12,22 @@ declare class ComboBox extends LitElement {
|
|
8
12
|
focusedIndex: number;
|
9
13
|
filteredItems: string[];
|
10
14
|
label: string;
|
11
|
-
items:
|
15
|
+
items: never[];
|
12
16
|
protected firstUpdated(_changedProperties: PropertyValues): void;
|
13
17
|
toggleDropdown(): void;
|
14
18
|
selectItem(event: Event): void;
|
15
19
|
handleInputClick(): void;
|
16
|
-
handleSearch(event: Event): void;
|
17
20
|
handleKeyDown(event: KeyboardEvent): void;
|
18
21
|
handleMouseOver(event: Event, index: number): void;
|
19
|
-
updateFocus(): void;
|
20
22
|
render(): import('lit-html').TemplateResult<1>;
|
21
23
|
}
|
22
|
-
export {
|
24
|
+
export { Select, SelectItem, SelectList, SelectLabel, SelectSeperator };
|
23
25
|
declare global {
|
24
26
|
interface HTMLElementTagNameMap {
|
25
|
-
'rtg-
|
27
|
+
'rtg-select': Select;
|
28
|
+
'rtg-select-list': SelectList;
|
29
|
+
'rtg-select-item': SelectItem;
|
30
|
+
'rtg-select-label': SelectLabel;
|
31
|
+
'rtg-select-seperator': SelectSeperator;
|
26
32
|
}
|
27
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
|
+
}
|
@@ -3,5 +3,6 @@ import { Meta, StoryObj } from '@storybook/web-components';
|
|
3
3
|
declare const meta: Meta;
|
4
4
|
export default meta;
|
5
5
|
type Story = StoryObj;
|
6
|
-
export declare const
|
7
|
-
export declare const
|
6
|
+
export declare const Default: Story;
|
7
|
+
export declare const Horizontal: Story;
|
8
|
+
export declare const Vertical: Story;
|
@@ -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,15 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
|
3
|
+
import * as toastType from './toast.type';
|
4
|
+
export declare class ToastAction extends LitElement {
|
5
|
+
static toastVariants: (props?: ({
|
6
|
+
variant?: "default" | "destructive" | null | undefined;
|
7
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
8
|
+
static styles: import('lit').CSSResult[];
|
9
|
+
variant: toastType.ToastVariant;
|
10
|
+
getAttributesToExclude(): string[];
|
11
|
+
protected getFilteredAttributes(): {
|
12
|
+
[key: string]: string;
|
13
|
+
};
|
14
|
+
render(): import('lit-html').TemplateResult<1>;
|
15
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
|
3
|
+
import * as toastType from './toast.type';
|
4
|
+
export declare class ToastViewPort extends LitElement {
|
5
|
+
static toastVariants: (props?: ({
|
6
|
+
variant?: "default" | "destructive" | null | undefined;
|
7
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
8
|
+
static styles: import('lit').CSSResult[];
|
9
|
+
variant: toastType.ToastVariant;
|
10
|
+
state: string;
|
11
|
+
private handleCloseButtonClick;
|
12
|
+
render(): import('lit-html').TemplateResult<1>;
|
13
|
+
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
|
3
|
+
export declare class Toast extends LitElement {
|
4
|
+
static styles: import('lit').CSSResult[];
|
5
|
+
isOpen: boolean;
|
6
|
+
onClick(): void;
|
7
|
+
connectedCallback(): void;
|
8
|
+
private get _content();
|
9
|
+
protected updated(_changedProperties: PropertyValues): void;
|
10
|
+
render(): import('lit-html').TemplateResult<1>;
|
11
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
export declare const toastStyle: (props?: ({
|
2
|
+
variant?: "default" | "destructive" | null | undefined;
|
3
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
4
|
+
export declare const toastActionStyle: (props?: ({
|
5
|
+
variant?: "default" | "destructive" | null | undefined;
|
6
|
+
} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
7
|
+
export declare const toastActionStyles = "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive";
|
8
|
+
export declare const toastViewStyles = "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]";
|
9
|
+
export declare const toastButtonStyles = "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600";
|
@@ -0,0 +1 @@
|
|
1
|
+
export type ToastVariant = 'default' | 'destructive';
|
package/dist/{components/atoms/toggle/defs.d.ts → src/components/atoms/toggle/toggle.defs.d.ts}
RENAMED
@@ -3,25 +3,25 @@
|
|
3
3
|
*/
|
4
4
|
export declare enum TOGGLE_SIZE {
|
5
5
|
/**
|
6
|
-
* Small size
|
6
|
+
* @Small size
|
7
7
|
*/
|
8
8
|
SMALL = "sm",
|
9
9
|
/**
|
10
|
-
* medium size
|
10
|
+
* @medium size
|
11
11
|
*/
|
12
12
|
MEDIUM = "md",
|
13
13
|
/**
|
14
|
-
* Large size
|
14
|
+
* @Large size
|
15
15
|
*/
|
16
16
|
LARGE = "lg"
|
17
17
|
}
|
18
18
|
export declare enum TOGGLE_VARIANT {
|
19
19
|
/**
|
20
|
-
* Default variant
|
20
|
+
* @Default variant
|
21
21
|
*/
|
22
22
|
DEFAULT = "default",
|
23
23
|
/**
|
24
|
-
* Outline variant
|
24
|
+
* @Outline variant
|
25
25
|
*/
|
26
26
|
OUTLINE = "outline"
|
27
27
|
}
|
@@ -1,7 +1,11 @@
|
|
1
|
-
export * from './
|
2
|
-
export * from './
|
3
|
-
export * from './
|
4
|
-
export * from './
|
5
|
-
export * from './
|
6
|
-
export * from './
|
7
|
-
export * from './
|
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';
|
8
|
+
export * from './input-otp/input-otp.molecule';
|
9
|
+
export * from './input-otp/input-otp-group';
|
10
|
+
export * from './input-otp/input-otp-separator';
|
11
|
+
export * from './input-otp/input-otp-slot';
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
|
3
|
+
export declare class InputOtpGroup extends BaseElement {
|
4
|
+
click: () => void;
|
5
|
+
static styles: import('lit').CSSResult[];
|
6
|
+
protected getAttributesToExclude(): string[];
|
7
|
+
render(): import('lit-html').TemplateResult<1>;
|
8
|
+
}
|
9
|
+
declare global {
|
10
|
+
interface HTMLElementTagNameMap {
|
11
|
+
'input-otp-group': InputOtpGroup;
|
12
|
+
}
|
13
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
|
3
|
+
export declare class InputOtpSeparator extends BaseElement {
|
4
|
+
index: number;
|
5
|
+
static styles: import('lit').CSSResult[];
|
6
|
+
protected getAttributesToExclude(): string[];
|
7
|
+
render(): import('lit-html').TemplateResult<1>;
|
8
|
+
}
|
9
|
+
declare global {
|
10
|
+
interface HTMLElementTagNameMap {
|
11
|
+
'input-otp-separator': InputOtpSeparator;
|
12
|
+
}
|
13
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
|
3
|
+
export declare class InputOtpSlot extends BaseElement {
|
4
|
+
click: () => void;
|
5
|
+
static styles: import('lit').CSSResult[];
|
6
|
+
protected getAttributesToExclude(): string[];
|
7
|
+
render(): import('lit-html').TemplateResult<1>;
|
8
|
+
}
|
9
|
+
declare global {
|
10
|
+
interface HTMLElementTagNameMap {
|
11
|
+
'input-otp-slot': InputOtpSlot;
|
12
|
+
}
|
13
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { PropertyValueMap } from 'lit';
|
2
|
+
import { BaseElement } from '../../../helpers';
|
3
|
+
import { Ref } from 'lit/directives/ref.js';
|
4
|
+
|
5
|
+
export declare class InputOtp extends BaseElement {
|
6
|
+
click: () => void;
|
7
|
+
static styles: import('lit').CSSResult[];
|
8
|
+
protected getAttributesToExclude(): string[];
|
9
|
+
clientName: string;
|
10
|
+
username: string;
|
11
|
+
pinLength: number;
|
12
|
+
onChange: (otp: string, username: string) => void;
|
13
|
+
static PIN_MIN_VALUE: string;
|
14
|
+
static PIN_MAX_VALUE: string;
|
15
|
+
static BACKSPACE_KEY: string;
|
16
|
+
pin: any[];
|
17
|
+
inputElement: Ref<HTMLInputElement>[];
|
18
|
+
protected firstUpdated(): void;
|
19
|
+
protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
|
20
|
+
connectedCallback(): void;
|
21
|
+
handleChangePinFocus(index: number): void;
|
22
|
+
setNewPin(value: any, index: number): void;
|
23
|
+
findDifferentChars(str1: string, str2: string): string;
|
24
|
+
handleInputChange(event: any, index: number): void;
|
25
|
+
handleKeyDown(event: any, index: number): void;
|
26
|
+
handleShowValue(index: number): any;
|
27
|
+
render(): import('lit-html').TemplateResult<1>;
|
28
|
+
}
|
29
|
+
declare global {
|
30
|
+
interface HTMLElementTagNameMap {
|
31
|
+
'rtg-input-otp': InputOtp;
|
32
|
+
}
|
33
|
+
}
|
@@ -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;
|
@@ -3,35 +3,35 @@
|
|
3
3
|
*/
|
4
4
|
export declare enum TOGGLE_GROUP_TYPE {
|
5
5
|
/**
|
6
|
-
* multiple Type
|
6
|
+
* @multiple Type
|
7
7
|
*/
|
8
8
|
MULTIPLE = "multiple",
|
9
9
|
/**
|
10
|
-
* medium size
|
10
|
+
* @medium size
|
11
11
|
*/
|
12
12
|
SINGLE = "single"
|
13
13
|
}
|
14
14
|
export declare enum TOGGLE_GROUP_VARIANT {
|
15
15
|
/**
|
16
|
-
* Default variant
|
16
|
+
* @Default variant
|
17
17
|
*/
|
18
18
|
DEFAULT = "default",
|
19
19
|
/**
|
20
|
-
* Outline variant
|
20
|
+
* @Outline variant
|
21
21
|
*/
|
22
22
|
OUTLINE = "outline"
|
23
23
|
}
|
24
24
|
export declare enum TOGGLE_GROUP_SIZE {
|
25
25
|
/**
|
26
|
-
* Small size
|
26
|
+
* @Small size
|
27
27
|
*/
|
28
28
|
SMALL = "sm",
|
29
29
|
/**
|
30
|
-
* medium size
|
30
|
+
* @medium size
|
31
31
|
*/
|
32
32
|
MEDIUM = "md",
|
33
33
|
/**
|
34
|
-
* Large size
|
34
|
+
* @Large size
|
35
35
|
*/
|
36
36
|
LARGE = "lg"
|
37
37
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { BaseElement } from '../../../helpers';
|
2
|
-
import { TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './defs';
|
2
|
+
import { TOGGLE_GROUP_TYPE, TOGGLE_GROUP_VARIANT, TOGGLE_GROUP_SIZE } from './toggle-group.defs';
|
3
3
|
|
4
4
|
declare class ToggleGroup extends BaseElement {
|
5
5
|
disabled: boolean;
|
package/dist/src/index.d.ts
CHANGED
@@ -1,3 +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 } from './components';
|
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
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, };
|
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, };
|
package/package.json
CHANGED
@@ -3,25 +3,20 @@
|
|
3
3
|
"description": "Webcomponent wc-ui following open-wc recommendations",
|
4
4
|
"license": "MIT",
|
5
5
|
"author": "wc-ui",
|
6
|
-
"version": "0.0.
|
6
|
+
"version": "0.0.17",
|
7
7
|
"type": "module",
|
8
8
|
"main": "dist/revotech-ui-kit.umd.cjs",
|
9
9
|
"module": "./dist/revotech-ui-kit.js",
|
10
10
|
"files": [
|
11
11
|
"dist"
|
12
12
|
],
|
13
|
-
|
14
13
|
"types": "./dist/src/index.d.ts",
|
15
14
|
"scripts": {
|
16
15
|
"release": "npm version $(semver $npm_package_version -i major) && npm publish --tag latest",
|
17
16
|
"release:minor": "npm version $(semver $npm_package_version -i minor) && npm publish --tag latest",
|
18
17
|
"release:patch": "npm version $(semver $npm_package_version -i patch) && npm publish --tag latest",
|
19
18
|
"release:beta": "npm version $(semver $npm_package_version -i prerelease --preid $(npm whoami) ) && npm publish --tag beta",
|
20
|
-
"link:dev": "npm run build:prod && npm link",
|
21
|
-
"build:dev": "vite build",
|
22
19
|
"clean": "rimraf dist",
|
23
|
-
"preview": "vite preview",
|
24
|
-
"dev": "vite",
|
25
20
|
"copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css src/**/*.js dist/public/",
|
26
21
|
"lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
|
27
22
|
"format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
|
@@ -30,12 +25,13 @@
|
|
30
25
|
"storybook": "storybook dev -p 6006",
|
31
26
|
"test-storybook": "test-storybook",
|
32
27
|
"storybook:build": "storybook build",
|
33
|
-
"build": "
|
34
|
-
"
|
28
|
+
"build-storybook": "storybook build",
|
29
|
+
"link:dev": "npm run build:prod && npm link",
|
30
|
+
"dev": "vite",
|
31
|
+
"build": "npm run clean & vite build",
|
32
|
+
"preview": "vite preview",
|
35
33
|
"analyze": "cem analyze --litelement",
|
36
|
-
"
|
37
|
-
"tw:watch": "concurrently \"tailwindcss -i ./src/tailwind-lib.css -o ./src/globals.css --watch\" \"twlit --input ./src/globals.css --output ./src/styles/tw.styles.ts \"",
|
38
|
-
"build-storybook": "storybook build"
|
34
|
+
"tw:watch": "concurrently \"tailwindcss -i ./src/tailwind-lib.css -o ./src/globals.css --watch\" \"twlit --input ./src/globals.css --output ./src/styles/tw.styles.ts \""
|
39
35
|
},
|
40
36
|
"dependencies": {
|
41
37
|
"@lit-labs/react": "^1.2.0",
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare function arrowsIcon(): import('lit-html').TemplateResult<2>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare function searchIcon(): import('lit-html').TemplateResult<2>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare function tickIcon(): import('lit-html').TemplateResult<2>;
|