elseware-ui 2.12.6 → 2.13.2

package/README.md

@@ -15,7 +15,7 @@ Install the dependendecies via `npm i`.
 
 ## Run Storybook 
 
-To test the components and its features start storybook using `npm run storybook`.
+To test the components and its features start storybook using `npm run dev`.
 
 ## Build
 

package/build/components/data-display/chip/Chip.d.ts

@@ -3,7 +3,8 @@ export interface ChipProps {
     label?: string;
     variant?: keyof typeof Variant;
     shape?: keyof typeof Shape;
+    ghost?: boolean;
     size?: keyof typeof Size;
     styles?: string;
 }
-export declare const Chip: ({ label, variant, shape, size, styles, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chip: ({ label, variant, shape, ghost, size, styles, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/index.d.ts

@@ -0,0 +1,63 @@
+import AdvancedTable from "./data-display/advanced-table/AdvancedTable";
+import { AdvancedTableColumnConfig } from "./data-display/advanced-table/AdvancedTableContent";
+import { Avatar } from "./data-display/avatar/Avatar";
+import { Badge } from "./data-display/badge/Badge";
+import TitleBanner from "./data-display/banners/TitleBanner";
+import Brand from "./data-display/brand/Brand";
+import BarChart from "./data-display/charts/BarChart";
+import LineChart from "./data-display/charts/LineChart";
+import PieChart from "./data-display/charts/PieChart";
+import { Chip } from "./data-display/chip/Chip";
+import Flag from "./data-display/flag/Flag";
+import { Image, CloudinaryImage } from "./data-display/image";
+import Info from "./data-display/info/Info";
+import { List, ListItem } from "./data-display/lists";
+import { PriceTag } from "./data-display/price-tag/PriceTag";
+import { StarRating, StarRatingDistribution } from "./data-display/rating";
+import Slider from "./data-display/slider/Slider";
+import Table from "./data-display/table/Table";
+import Tag from "./data-display/tag/Tag";
+import { Typography, Chapter, Section, Paragraph, Quote } from "./data-display/typography";
+import YoutubeVideoPlayer from "./data-display/video/youtube-video-player/YoutubeVideoPlayer";
+import { Button } from "./data-entry/button/Button";
+import Checkbox from "./data-entry/checkbox/Checkbox";
+import DateSelector from "./data-entry/date-selector/DateSelector";
+import { Form, FormResponse } from "./data-entry/form";
+import ImageInput from "./data-entry/image-input/ImageInput";
+import { InputResponse, InputLabel, Input, InputFile, InputList, InputListGroup } from "./data-entry/input";
+import MultiImageInput from "./data-entry/multi-image-input/MultiImageInput";
+import Radio from "./data-entry/radio/Radio";
+import { StarRatingInput } from "./data-entry/rating";
+import Select from "./data-entry/select/Select";
+import Switch from "./data-entry/switch/Switch";
+import Tags from "./data-entry/tags/Tags";
+import TextArea from "./data-entry/text-area/TextArea";
+import Backdrop from "./feedback/backdrop/Backdrop";
+import { Skeleton } from "./feedback/skeleton/Skeleton";
+import { Toast, sendToast } from "./feedback/toast/Toast";
+import Transition from "./feedback/transition";
+import ContentArea from "./general/content-area/ContentArea";
+import { Sidebar } from "./general/sidebar";
+import { Flex, FlexCol, FlexRow } from "./layout/flex";
+import Grid from "./layout/grid/Grid";
+import { Layout, Header, Content, Footer } from "./layout/layout";
+import MarkdownEditor from "./markdown/editor/MarkdownEditor";
+import MarkdownViewer from "./markdown/viewer/MarkdownViewer";
+import { Breadcrumb, BreadcrumbItem } from "./navigation/breadcrumb";
+import { Drawer } from "./navigation/drawer/Drawer";
+import DrawerToggler from "./navigation/drawer/DrawerToggler";
+import { FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemTitle, FooterNavItemContext } from "./navigation/footer-nav";
+import { HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavItemContext } from "./navigation/header-nav";
+import { Link } from "./navigation/link/Link";
+import { Menu, MenuGroup, MenuItem, MenuItemTitle } from "./navigation/menu";
+import RouteTab from "./navigation/route-tabs/RouteTab";
+import RouteTabs from "./navigation/route-tabs/RouteTabs";
+import Modal from "./other/modal/Modal";
+import { UnderConstructionBanner } from "./other/under-construction-banner/UnderConstructionBanner";
+import Accordion from "./surfaces/accordion/Accordion";
+import { Card, CardHeader, CardContent, CardFooter } from "./surfaces/card";
+import { ThemeContext, ThemeProvider } from "./theme";
+import { ThemeSwitch } from "./theme";
+import AsyncComponentWrapper from "./utils/AsyncComponentWrapper";
+import ShowMore from "./utils/ShowMore";
+export { AdvancedTable, AdvancedTableColumnConfig, Avatar, Badge, TitleBanner, Brand, BarChart, LineChart, PieChart, Chip, Flag, Image, CloudinaryImage, Info, List, ListItem, PriceTag, StarRating, StarRatingDistribution, Slider, Table, Tag, Typography, Chapter, Section, Paragraph, Quote, YoutubeVideoPlayer, Button, Checkbox, DateSelector, Form, FormResponse, ImageInput, InputResponse, InputLabel, Input, InputFile, InputList, InputListGroup, MultiImageInput, Radio, StarRatingInput, Select, Switch, Tags, TextArea, Backdrop, Skeleton, Toast, sendToast, Transition, ContentArea, Sidebar, Flex, FlexCol, FlexRow, Grid, Layout, Header, Content, Footer, MarkdownEditor, MarkdownViewer, Breadcrumb, BreadcrumbItem, Drawer, DrawerToggler, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemTitle, FooterNavItemContext, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavItemContext, Link, Menu, MenuGroup, MenuItem, MenuItemTitle, RouteTab, RouteTabs, Modal, UnderConstructionBanner, Accordion, Card, CardHeader, CardContent, CardFooter, ThemeContext, ThemeProvider, ThemeSwitch, AsyncComponentWrapper, ShowMore, };

package/build/compositions/index.d.ts

@@ -1,2 +1 @@
-import BoxHeaderNav from "./navigation/box-header-nav/BoxHeaderNav";
-export { BoxHeaderNav, };
+export * from "./navigation/box-nav";

package/build/compositions/navigation/box-nav/BoxNav.d.ts

@@ -0,0 +1,3 @@
+import type { BoxNavProps } from "./BoxNav.types";
+declare function BoxNav({ data, currentPath, onNavigate, navigate }: BoxNavProps): import("react/jsx-runtime").JSX.Element;
+export default BoxNav;

package/build/compositions/navigation/box-nav/BoxNav.types.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface NavItem {
+    icon: React.ReactNode;
+    name: string;
+    to: string;
+    selected?: boolean;
+}
+export interface BoxNavProps {
+    data?: NavItem[];
+    currentPath?: string;
+    onNavigate?: (to: string) => void;
+    navigate?: (to: string) => void;
+}

package/build/compositions/navigation/box-nav/BoxNavItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface BoxNavItemProps {
+    icon: React.ReactNode;
+    name: string;
+    to: string;
+    selected?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>, to: string) => void;
+}
+declare function BoxNavItem({ icon, name, to, selected, onClick }: BoxNavItemProps): import("react/jsx-runtime").JSX.Element;
+export default BoxNavItem;

package/build/compositions/navigation/box-nav/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BoxNav } from "./BoxNav";
+export { default as BoxNavItem } from "./BoxNavItem";
+export * from "./BoxNav.types";

package/build/hooks/index.d.ts

@@ -0,0 +1,6 @@
+import useModal from "./components/useModal";
+import useDrawer from "./components/useDrawer";
+import useClickOutside from "./useClickOutside";
+import useIsMobile from "./useIsMobile";
+import useTheme from "./theme/useTheme";
+export { useModal, useDrawer, useClickOutside, useIsMobile, useTheme };

package/build/index.d.ts

@@ -1,70 +1,6 @@
 import "./styles/gradients.css";
 import "./styles/index.css";
-import AdvancedTable from "./components/data-display/advanced-table/AdvancedTable";
-import { AdvancedTableColumnConfig } from "./components/data-display/advanced-table/AdvancedTableContent";
-import { Avatar } from "./components/data-display/avatar/Avatar";
-import { Badge } from "./components/data-display/badge/Badge";
-import TitleBanner from "./components/data-display/banners/TitleBanner";
-import Brand from "./components/data-display/brand/Brand";
-import BarChart from "./components/data-display/charts/BarChart";
-import LineChart from "./components/data-display/charts/LineChart";
-import PieChart from "./components/data-display/charts/PieChart";
-import { Chip } from "./components/data-display/chip/Chip";
-import Flag from "./components/data-display/flag/Flag";
-import { Image, CloudinaryImage } from "./components/data-display/image";
-import Info from "./components/data-display/info/Info";
-import { List, ListItem } from "./components/data-display/lists";
-import { PriceTag } from "./components/data-display/price-tag/PriceTag";
-import { StarRating, StarRatingDistribution } from "./components/data-display/rating";
-import Slider from "./components/data-display/slider/Slider";
-import Table from "./components/data-display/table/Table";
-import Tag from "./components/data-display/tag/Tag";
-import { Typography, Chapter, Section, Paragraph, Quote } from "./components/data-display/typography";
-import YoutubeVideoPlayer from "./components/data-display/video/youtube-video-player/YoutubeVideoPlayer";
-import { Button } from "./components/data-entry/button/Button";
-import Checkbox from "./components/data-entry/checkbox/Checkbox";
-import DateSelector from "./components/data-entry/date-selector/DateSelector";
-import { Form, FormResponse } from "./components/data-entry/form";
-import ImageInput from "./components/data-entry/image-input/ImageInput";
-import { InputResponse, InputLabel, Input, InputFile, InputList, InputListGroup } from "./components/data-entry/input";
-import MultiImageInput from "./components/data-entry/multi-image-input/MultiImageInput";
-import Radio from "./components/data-entry/radio/Radio";
-import { StarRatingInput } from "./components/data-entry/rating";
-import Select from "./components/data-entry/select/Select";
-import Switch from "./components/data-entry/switch/Switch";
-import Tags from "./components/data-entry/tags/Tags";
-import TextArea from "./components/data-entry/text-area/TextArea";
-import Backdrop from "./components/feedback/backdrop/Backdrop";
-import { Skeleton } from "./components/feedback/skeleton/Skeleton";
-import { Toast, sendToast } from "./components/feedback/toast/Toast";
-import Transition from "./components/feedback/transition";
-import ContentArea from "./components/general/content-area/ContentArea";
-import { Sidebar } from "./components/general/sidebar";
-import { Flex, FlexCol, FlexRow } from "./components/layout/flex";
-import Grid from "./components/layout/grid/Grid";
-import { Layout, Header, Content, Footer } from "./components/layout/layout";
-import MarkdownEditor from "./components/markdown/editor/MarkdownEditor";
-import MarkdownViewer from "./components/markdown/viewer/MarkdownViewer";
-import { Breadcrumb, BreadcrumbItem } from "./components/navigation/breadcrumb";
-import { Drawer } from "./components/navigation/drawer/Drawer";
-import DrawerToggler from "./components/navigation/drawer/DrawerToggler";
-import { FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemTitle, FooterNavItemContext } from "./components/navigation/footer-nav";
-import { HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavItemContext } from "./components/navigation/header-nav";
-import { Link } from "./components/navigation/link/Link";
-import { Menu, MenuGroup, MenuItem, MenuItemTitle } from "./components/navigation/menu";
-import RouteTab from "./components/navigation/route-tabs/RouteTab";
-import RouteTabs from "./components/navigation/route-tabs/RouteTabs";
-import Modal from "./components/other/modal/Modal";
-import { UnderConstructionBanner } from "./components/other/under-construction-banner/UnderConstructionBanner";
-import Accordion from "./components/surfaces/accordion/Accordion";
-import { Card, CardHeader, CardContent, CardFooter } from "./components/surfaces/card";
-import { ThemeContext, ThemeProvider } from "./components/theme";
-import { ThemeSwitch } from "./components/theme";
-import AsyncComponentWrapper from "./components/utils/AsyncComponentWrapper";
-import ShowMore from "./components/utils/ShowMore";
-import useModal from "./utils/hooks/components/useModal";
-import useDrawer from "./utils/hooks/components/useDrawer";
-import useClickOutside from "./utils/hooks/useClickOutside";
-import useIsMobile from "./utils/hooks/useIsMobile";
-export { AdvancedTable, AdvancedTableColumnConfig, Avatar, Badge, TitleBanner, Brand, BarChart, LineChart, PieChart, Chip, Flag, Image, CloudinaryImage, Info, List, ListItem, PriceTag, StarRating, StarRatingDistribution, Slider, Table, Tag, Typography, Chapter, Section, Paragraph, Quote, YoutubeVideoPlayer, Button, Checkbox, DateSelector, Form, FormResponse, ImageInput, InputResponse, InputLabel, Input, InputFile, InputList, InputListGroup, MultiImageInput, Radio, StarRatingInput, Select, Switch, Tags, TextArea, Backdrop, Skeleton, Toast, sendToast, Transition, ContentArea, Sidebar, Flex, FlexCol, FlexRow, Grid, Layout, Header, Content, Footer, MarkdownEditor, MarkdownViewer, Breadcrumb, BreadcrumbItem, Drawer, DrawerToggler, FooterNav, FooterNavGroup, FooterNavItem, FooterNavItemTitle, FooterNavItemContext, HeaderNav, HeaderNavGroup, HeaderNavItem, HeaderNavItemTitle, HeaderNavItemContext, Link, Menu, MenuGroup, MenuItem, MenuItemTitle, RouteTab, RouteTabs, Modal, UnderConstructionBanner, Accordion, Card, CardHeader, CardContent, CardFooter, ThemeContext, ThemeProvider, ThemeSwitch, AsyncComponentWrapper, ShowMore, useModal, useDrawer, useClickOutside, useIsMobile, };
+export * from "./components";
 export * from "./compositions";
+export * from "./hooks";
+export * from "./layouts";