@indielayer/ui 1.1.0 → 1.3.0

package/lib/theme.d.ts

@@ -0,0 +1,56 @@
+import type { ColorLibrary } from './composables/useColors';
+import type { AlertTheme, AvatarTheme, BadgeTheme, BreadcrumbsTheme, ButtonTheme, ButtonGroupTheme, CardTheme, CarouselTheme, CarouselSlideTheme, CheckboxTheme, CollapseTheme, ContainerTheme, DividerTheme, DrawerTheme, FormTheme, IconTheme, ImageTheme, InputTheme, InputFooterTheme, LabelTheme, LinkTheme, LoaderTheme, MenuTheme, MenuItemTheme, ModalTheme, NotificationsTheme, PaginationTheme, PaginationItemTheme, PopoverTheme, PopoverContainerTheme, ProgressTheme, RadioTheme, ScrollTheme, SelectTheme, SkeletonTheme, SliderTheme, TabTheme, TabGroupTheme, TableTheme, TableCellTheme, TagTheme, TextareaTheme, ToggleTheme } from './components';
+export type ComponentThemes = {
+    Alert: AlertTheme;
+    Avatar: AvatarTheme;
+    Badge: BadgeTheme;
+    Breadcrumbs: BreadcrumbsTheme;
+    Button: ButtonTheme;
+    ButtonGroup: ButtonGroupTheme;
+    Card: CardTheme;
+    Carousel: CarouselTheme;
+    CarouselSlide: CarouselSlideTheme;
+    Checkbox: CheckboxTheme;
+    Collapse: CollapseTheme;
+    Container: ContainerTheme;
+    Divider: DividerTheme;
+    Drawer: DrawerTheme;
+    Form: FormTheme;
+    Icon: IconTheme;
+    Image: ImageTheme;
+    Input: InputTheme;
+    InputFooter: InputFooterTheme;
+    Label: LabelTheme;
+    Link: LinkTheme;
+    Loader: LoaderTheme;
+    Menu: MenuTheme;
+    MenuItem: MenuItemTheme;
+    Modal: ModalTheme;
+    Notifications: NotificationsTheme;
+    Pagination: PaginationTheme;
+    PaginationItem: PaginationItemTheme;
+    Popover: PopoverTheme;
+    PopoverContainer: PopoverContainerTheme;
+    Progress: ProgressTheme;
+    Radio: RadioTheme;
+    Scroll: ScrollTheme;
+    Select: SelectTheme;
+    Skeleton: SkeletonTheme;
+    Slider: SliderTheme;
+    Tab: TabTheme;
+    TabGroup: TabGroupTheme;
+    Table: TableTheme;
+    TableCell: TableCellTheme;
+    Tag: TagTheme;
+    Textarea: TextareaTheme;
+    Toggle: ToggleTheme;
+};
+export type UITheme = {
+    name?: string;
+    classPrefix?: string;
+    components?: ComponentThemes;
+    colors?: ColorLibrary;
+    styles?: string;
+    rtl?: boolean;
+};
+export declare function injectThemeStyles(name: string, styles: string): void;

package/lib/theme.js

@@ -0,0 +1,14 @@
+function o(n, d) {
+  if (typeof window < "u") {
+    const e = document.querySelector("style[data-theme-style]");
+    if (e)
+      e.setAttribute("data-theme-style", n), e.textContent = d;
+    else {
+      const t = document.createElement("style");
+      t.setAttribute("data-theme-style", n), t.textContent = d, document.head.appendChild(t);
+    }
+  }
+}
+export {
+  o as injectThemeStyles
+};

package/lib/themes/base/components.d.ts

@@ -0,0 +1,43 @@
+export { default as Alert } from '../../components/alert/theme/Alert.base.theme';
+export { default as Avatar } from '../../components/avatar/theme/Avatar.base.theme';
+export { default as Badge } from '../../components/badge/theme/Badge.base.theme';
+export { default as Breadcrumbs } from '../../components/breadcrumbs/theme/Breadcrumbs.base.theme';
+export { default as Button } from '../../components/button/theme/Button.base.theme';
+export { default as ButtonGroup } from '../../components/button/theme/ButtonGroup.base.theme';
+export { default as Card } from '../../components/card/theme/Card.base.theme';
+export { default as Carousel } from '../../components/carousel/theme/Carousel.base.theme';
+export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.base.theme';
+export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.base.theme';
+export { default as Collapse } from '../../components/collapse/theme/Collapse.base.theme';
+export { default as Container } from '../../components/container/theme/Container.base.theme';
+export { default as Divider } from '../../components/divider/theme/Divider.base.theme';
+export { default as Drawer } from '../../components/drawer/theme/Drawer.base.theme';
+export { default as Form } from '../../components/form/theme/Form.base.theme';
+export { default as Icon } from '../../components/icon/theme/Icon.base.theme';
+export { default as Image } from '../../components/image/theme/Image.base.theme';
+export { default as Input } from '../../components/input/theme/Input.base.theme';
+export { default as InputFooter } from '../../components/inputFooter/theme/InputFooter.base.theme';
+export { default as Label } from '../../components/label/theme/Label.base.theme';
+export { default as Link } from '../../components/link/theme/Link.base.theme';
+export { default as Loader } from '../../components/loader/theme/Loader.base.theme';
+export { default as Menu } from '../../components/menu/theme/Menu.base.theme';
+export { default as MenuItem } from '../../components/menu/theme/MenuItem.base.theme';
+export { default as Modal } from '../../components/modal/theme/Modal.base.theme';
+export { default as Notifications } from '../../components/notifications/theme/Notifications.base.theme';
+export { default as Pagination } from '../../components/pagination/theme/Pagination.base.theme';
+export { default as PaginationItem } from '../../components/pagination/theme/PaginationItem.base.theme';
+export { default as Popover } from '../../components/popover/theme/Popover.base.theme';
+export { default as PopoverContainer } from '../../components/popover/theme/PopoverContainer.base.theme';
+export { default as Progress } from '../../components/progress/theme/Progress.base.theme';
+export { default as Radio } from '../../components/radio/theme/Radio.base.theme';
+export { default as Scroll } from '../../components/scroll/theme/Scroll.base.theme';
+export { default as Select } from '../../components/select/theme/Select.base.theme';
+export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.base.theme';
+export { default as Slider } from '../../components/slider/theme/Slider.base.theme';
+export { default as Tab } from '../../components/tab/theme/Tab.base.theme';
+export { default as TabGroup } from '../../components/tab/theme/TabGroup.base.theme';
+export { default as Table } from '../../components/table/theme/Table.base.theme';
+export { default as TableCell } from '../../components/table/theme/TableCell.base.theme';
+export { default as Tag } from '../../components/tag/theme/Tag.base.theme';
+export { default as Textarea } from '../../components/textarea/theme/Textarea.base.theme';
+export { default as Toggle } from '../../components/toggle/theme/Toggle.base.theme';

package/lib/themes/base/components.js

@@ -0,0 +1,88 @@
+import { default as a } from "../../components/alert/theme/Alert.base.theme.js";
+import { default as t } from "../../components/avatar/theme/Avatar.base.theme.js";
+import { default as l } from "../../components/badge/theme/Badge.base.theme.js";
+import { default as d } from "../../components/breadcrumbs/theme/Breadcrumbs.base.theme.js";
+import { default as s } from "../../components/button/theme/Button.base.theme.js";
+import { default as x } from "../../components/button/theme/ButtonGroup.base.theme.js";
+import { default as i } from "../../components/card/theme/Card.base.theme.js";
+import { default as C } from "../../components/carousel/theme/Carousel.base.theme.js";
+import { default as T } from "../../components/carousel/theme/CarouselSlide.base.theme.js";
+import { default as I } from "../../components/checkbox/theme/Checkbox.base.theme.js";
+import { default as S } from "../../components/collapse/theme/Collapse.base.theme.js";
+import { default as B } from "../../components/container/theme/Container.base.theme.js";
+import { default as L } from "../../components/divider/theme/Divider.base.theme.js";
+import { default as A } from "../../components/drawer/theme/Drawer.base.theme.js";
+import { default as F } from "../../components/form/theme/Form.base.theme.js";
+import { default as h } from "../../components/icon/theme/Icon.base.theme.js";
+import { default as N } from "../../components/image/theme/Image.base.theme.js";
+import { default as j } from "../../components/input/theme/Input.base.theme.js";
+import { default as y } from "../../components/inputFooter/theme/InputFooter.base.theme.js";
+import { default as E } from "../../components/label/theme/Label.base.theme.js";
+import { default as J } from "../../components/link/theme/Link.base.theme.js";
+import { default as O } from "../../components/loader/theme/Loader.base.theme.js";
+import { default as U } from "../../components/menu/theme/Menu.base.theme.js";
+import { default as W } from "../../components/menu/theme/MenuItem.base.theme.js";
+import { default as Y } from "../../components/modal/theme/Modal.base.theme.js";
+import { default as _ } from "../../components/notifications/theme/Notifications.base.theme.js";
+import { default as ee } from "../../components/pagination/theme/Pagination.base.theme.js";
+import { default as ae } from "../../components/pagination/theme/PaginationItem.base.theme.js";
+import { default as te } from "../../components/popover/theme/Popover.base.theme.js";
+import { default as le } from "../../components/popover/theme/PopoverContainer.base.theme.js";
+import { default as de } from "../../components/progress/theme/Progress.base.theme.js";
+import { default as se } from "../../components/radio/theme/Radio.base.theme.js";
+import { default as xe } from "../../components/scroll/theme/Scroll.base.theme.js";
+import { default as ie } from "../../components/select/theme/Select.base.theme.js";
+import { default as Ce } from "../../components/skeleton/theme/Skeleton.base.theme.js";
+import { default as Te } from "../../components/slider/theme/Slider.base.theme.js";
+import { default as Ie } from "../../components/tab/theme/Tab.base.theme.js";
+import { default as Se } from "../../components/tab/theme/TabGroup.base.theme.js";
+import { default as Be } from "../../components/table/theme/Table.base.theme.js";
+import { default as Le } from "../../components/table/theme/TableCell.base.theme.js";
+import { default as Ae } from "../../components/tag/theme/Tag.base.theme.js";
+import { default as Fe } from "../../components/textarea/theme/Textarea.base.theme.js";
+import { default as he } from "../../components/toggle/theme/Toggle.base.theme.js";
+export {
+  a as Alert,
+  t as Avatar,
+  l as Badge,
+  d as Breadcrumbs,
+  s as Button,
+  x as ButtonGroup,
+  i as Card,
+  C as Carousel,
+  T as CarouselSlide,
+  I as Checkbox,
+  S as Collapse,
+  B as Container,
+  L as Divider,
+  A as Drawer,
+  F as Form,
+  h as Icon,
+  N as Image,
+  j as Input,
+  y as InputFooter,
+  E as Label,
+  J as Link,
+  O as Loader,
+  U as Menu,
+  W as MenuItem,
+  Y as Modal,
+  _ as Notifications,
+  ee as Pagination,
+  ae as PaginationItem,
+  te as Popover,
+  le as PopoverContainer,
+  de as Progress,
+  se as Radio,
+  xe as Scroll,
+  ie as Select,
+  Ce as Skeleton,
+  Te as Slider,
+  Ie as Tab,
+  Se as TabGroup,
+  Be as Table,
+  Le as TableCell,
+  Ae as Tag,
+  Fe as Textarea,
+  he as Toggle
+};

package/lib/themes/base/index.d.ts

@@ -0,0 +1,3 @@
+import type { UITheme } from '../../theme';
+declare const theme: UITheme;
+export default theme;

package/lib/themes/base/index.js

@@ -0,0 +1,14 @@
+import * as e from "./components.js";
+import s from "./styles.css.js";
+const o = {
+  name: "Base",
+  colors: {
+    primary: { 50: "#ecfdf5", 100: "#d1fae5", 200: "#a7f3d0", 300: "#6ee7b7", 400: "#34d399", 500: "#10b981", 600: "#059669", 700: "#047857", 800: "#065f46", 900: "#064e3b", 950: "#022c22" }
+  },
+  styles: `${s}`,
+  classPrefix: "x-",
+  components: e
+}, a = o;
+export {
+  a as default
+};

package/lib/themes/base/styles.css.js

@@ -0,0 +1,87 @@
+const o = `/* stylelint-disable value-keyword-case */
+html {
+  color: #111827;
+  background-color: white;
+}
+
+html.dark {
+  color: #f3f4f6;
+  background-color: #111827;
+}
+
+*,
+::before,
+::after {
+  border-color: #e5e7eb;
+}
+
+.dark *,
+.dark ::before,
+.dark ::after {
+  border-color: #374151;
+}
+
+:root {
+  --font-family-sans: Inter, -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif;
+  --font-family-mono: ui-monospace, monospace;
+  --border-color: 226, 232, 240;
+  --primary-color-50: 236, 253, 245;
+  --primary-color-100: 209, 250, 229;
+  --primary-color-200: 167, 243, 208;
+  --primary-color-300: 110, 231, 183;
+  --primary-color-400: 52, 211, 153;
+  --primary-color-500: 16, 185, 129;
+  --primary-color-600: 5, 150, 105;
+  --primary-color-700: 4, 120, 87;
+  --primary-color-800: 6, 95, 70;
+  --primary-color-900: 6, 78, 59;
+  --primary-color-950: 2, 44, 34;
+  --secondary-color-50: 248, 250, 252;
+  --secondary-color-100: 241, 245, 249;
+  --secondary-color-200: 226, 232, 240;
+  --secondary-color-300: 203, 213, 225;
+  --secondary-color-400: 148, 163, 184;
+  --secondary-color-500: 100, 116, 139;
+  --secondary-color-600: 71, 85, 105;
+  --secondary-color-700: 51, 65, 85;
+  --secondary-color-800: 30, 41, 59;
+  --secondary-color-900: 15, 23, 42;
+  --secondary-color-950: 2, 6, 23;
+  --success-color-50: 240, 253, 244;
+  --success-color-100: 220, 252, 231;
+  --success-color-200: 187, 247, 208;
+  --success-color-300: 134, 239, 172;
+  --success-color-400: 74, 222, 128;
+  --success-color-500: 34, 197, 94;
+  --success-color-600: 22, 163, 74;
+  --success-color-700: 21, 128, 61;
+  --success-color-800: 22, 101, 52;
+  --success-color-900: 20, 83, 45;
+  --success-color-950: 5, 46, 22;
+  --warning-color-50: 254, 252, 232;
+  --warning-color-100: 254, 249, 195;
+  --warning-color-200: 254, 240, 138;
+  --warning-color-300: 253, 224, 71;
+  --warning-color-400: 250, 204, 21;
+  --warning-color-500: 234, 179, 8;
+  --warning-color-600: 202, 138, 4;
+  --warning-color-700: 161, 98, 7;
+  --warning-color-800: 133, 77, 14;
+  --warning-color-900: 113, 63, 18;
+  --warning-color-950: 66, 32, 6;
+  --error-color-50: 254, 242, 242;
+  --error-color-100: 254, 226, 226;
+  --error-color-200: 254, 202, 202;
+  --error-color-300: 252, 165, 165;
+  --error-color-400: 248, 113, 113;
+  --error-color-500: 239, 68, 68;
+  --error-color-600: 220, 38, 38;
+  --error-color-700: 185, 28, 28;
+  --error-color-800: 153, 27, 27;
+  --error-color-900: 127, 29, 29;
+  --error-color-950: 69, 10, 10;
+}
+`;
+export {
+  o as default
+};

package/lib/themes/carbon/components.d.ts

@@ -0,0 +1,43 @@
+export { default as Alert } from '../../components/alert/theme/Alert.carbon.theme';
+export { default as Avatar } from '../../components/avatar/theme/Avatar.carbon.theme';
+export { default as Badge } from '../../components/badge/theme/Badge.carbon.theme';
+export { default as Breadcrumbs } from '../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme';
+export { default as Button } from '../../components/button/theme/Button.carbon.theme';
+export { default as ButtonGroup } from '../../components/button/theme/ButtonGroup.carbon.theme';
+export { default as Card } from '../../components/card/theme/Card.carbon.theme';
+export { default as Carousel } from '../../components/carousel/theme/Carousel.carbon.theme';
+export { default as CarouselSlide } from '../../components/carousel/theme/CarouselSlide.carbon.theme';
+export { default as Checkbox } from '../../components/checkbox/theme/Checkbox.carbon.theme';
+export { default as Collapse } from '../../components/collapse/theme/Collapse.carbon.theme';
+export { default as Container } from '../../components/container/theme/Container.carbon.theme';
+export { default as Divider } from '../../components/divider/theme/Divider.carbon.theme';
+export { default as Drawer } from '../../components/drawer/theme/Drawer.carbon.theme';
+export { default as Form } from '../../components/form/theme/Form.carbon.theme';
+export { default as Icon } from '../../components/icon/theme/Icon.carbon.theme';
+export { default as Image } from '../../components/image/theme/Image.carbon.theme';
+export { default as Input } from '../../components/input/theme/Input.carbon.theme';
+export { default as InputFooter } from '../../components/inputFooter/theme/InputFooter.carbon.theme';
+export { default as Label } from '../../components/label/theme/Label.carbon.theme';
+export { default as Link } from '../../components/link/theme/Link.carbon.theme';
+export { default as Loader } from '../../components/loader/theme/Loader.carbon.theme';
+export { default as Menu } from '../../components/menu/theme/Menu.carbon.theme';
+export { default as MenuItem } from '../../components/menu/theme/MenuItem.carbon.theme';
+export { default as Modal } from '../../components/modal/theme/Modal.carbon.theme';
+export { default as Notifications } from '../../components/notifications/theme/Notifications.carbon.theme';
+export { default as Pagination } from '../../components/pagination/theme/Pagination.carbon.theme';
+export { default as PaginationItem } from '../../components/pagination/theme/PaginationItem.carbon.theme';
+export { default as Popover } from '../../components/popover/theme/Popover.carbon.theme';
+export { default as PopoverContainer } from '../../components/popover/theme/PopoverContainer.carbon.theme';
+export { default as Progress } from '../../components/progress/theme/Progress.carbon.theme';
+export { default as Radio } from '../../components/radio/theme/Radio.carbon.theme';
+export { default as Scroll } from '../../components/scroll/theme/Scroll.carbon.theme';
+export { default as Select } from '../../components/select/theme/Select.carbon.theme';
+export { default as Skeleton } from '../../components/skeleton/theme/Skeleton.carbon.theme';
+export { default as Slider } from '../../components/slider/theme/Slider.carbon.theme';
+export { default as Tab } from '../../components/tab/theme/Tab.carbon.theme';
+export { default as TabGroup } from '../../components/tab/theme/TabGroup.carbon.theme';
+export { default as Table } from '../../components/table/theme/Table.carbon.theme';
+export { default as TableCell } from '../../components/table/theme/TableCell.carbon.theme';
+export { default as Tag } from '../../components/tag/theme/Tag.carbon.theme';
+export { default as Textarea } from '../../components/textarea/theme/Textarea.carbon.theme';
+export { default as Toggle } from '../../components/toggle/theme/Toggle.carbon.theme';

package/lib/themes/carbon/components.js

@@ -0,0 +1,88 @@
+import { default as a } from "../../components/alert/theme/Alert.carbon.theme.js";
+import { default as t } from "../../components/avatar/theme/Avatar.carbon.theme.js";
+import { default as l } from "../../components/badge/theme/Badge.carbon.theme.js";
+import { default as d } from "../../components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js";
+import { default as s } from "../../components/button/theme/Button.carbon.theme.js";
+import { default as x } from "../../components/button/theme/ButtonGroup.carbon.theme.js";
+import { default as i } from "../../components/card/theme/Card.carbon.theme.js";
+import { default as C } from "../../components/carousel/theme/Carousel.carbon.theme.js";
+import { default as T } from "../../components/carousel/theme/CarouselSlide.carbon.theme.js";
+import { default as I } from "../../components/checkbox/theme/Checkbox.carbon.theme.js";
+import { default as S } from "../../components/collapse/theme/Collapse.carbon.theme.js";
+import { default as B } from "../../components/container/theme/Container.carbon.theme.js";
+import { default as L } from "../../components/divider/theme/Divider.carbon.theme.js";
+import { default as A } from "../../components/drawer/theme/Drawer.carbon.theme.js";
+import { default as F } from "../../components/form/theme/Form.carbon.theme.js";
+import { default as h } from "../../components/icon/theme/Icon.carbon.theme.js";
+import { default as N } from "../../components/image/theme/Image.carbon.theme.js";
+import { default as j } from "../../components/input/theme/Input.carbon.theme.js";
+import { default as y } from "../../components/inputFooter/theme/InputFooter.carbon.theme.js";
+import { default as E } from "../../components/label/theme/Label.carbon.theme.js";
+import { default as J } from "../../components/link/theme/Link.carbon.theme.js";
+import { default as O } from "../../components/loader/theme/Loader.carbon.theme.js";
+import { default as U } from "../../components/menu/theme/Menu.carbon.theme.js";
+import { default as W } from "../../components/menu/theme/MenuItem.carbon.theme.js";
+import { default as Y } from "../../components/modal/theme/Modal.carbon.theme.js";
+import { default as _ } from "../../components/notifications/theme/Notifications.carbon.theme.js";
+import { default as ee } from "../../components/pagination/theme/Pagination.carbon.theme.js";
+import { default as ae } from "../../components/pagination/theme/PaginationItem.carbon.theme.js";
+import { default as te } from "../../components/popover/theme/Popover.carbon.theme.js";
+import { default as le } from "../../components/popover/theme/PopoverContainer.carbon.theme.js";
+import { default as de } from "../../components/progress/theme/Progress.carbon.theme.js";
+import { default as se } from "../../components/radio/theme/Radio.carbon.theme.js";
+import { default as xe } from "../../components/scroll/theme/Scroll.carbon.theme.js";
+import { default as ie } from "../../components/select/theme/Select.carbon.theme.js";
+import { default as Ce } from "../../components/skeleton/theme/Skeleton.carbon.theme.js";
+import { default as Te } from "../../components/slider/theme/Slider.carbon.theme.js";
+import { default as Ie } from "../../components/tab/theme/Tab.carbon.theme.js";
+import { default as Se } from "../../components/tab/theme/TabGroup.carbon.theme.js";
+import { default as Be } from "../../components/table/theme/Table.carbon.theme.js";
+import { default as Le } from "../../components/table/theme/TableCell.carbon.theme.js";
+import { default as Ae } from "../../components/tag/theme/Tag.carbon.theme.js";
+import { default as Fe } from "../../components/textarea/theme/Textarea.carbon.theme.js";
+import { default as he } from "../../components/toggle/theme/Toggle.carbon.theme.js";
+export {
+  a as Alert,
+  t as Avatar,
+  l as Badge,
+  d as Breadcrumbs,
+  s as Button,
+  x as ButtonGroup,
+  i as Card,
+  C as Carousel,
+  T as CarouselSlide,
+  I as Checkbox,
+  S as Collapse,
+  B as Container,
+  L as Divider,
+  A as Drawer,
+  F as Form,
+  h as Icon,
+  N as Image,
+  j as Input,
+  y as InputFooter,
+  E as Label,
+  J as Link,
+  O as Loader,
+  U as Menu,
+  W as MenuItem,
+  Y as Modal,
+  _ as Notifications,
+  ee as Pagination,
+  ae as PaginationItem,
+  te as Popover,
+  le as PopoverContainer,
+  de as Progress,
+  se as Radio,
+  xe as Scroll,
+  ie as Select,
+  Ce as Skeleton,
+  Te as Slider,
+  Ie as Tab,
+  Se as TabGroup,
+  Be as Table,
+  Le as TableCell,
+  Ae as Tag,
+  Fe as Textarea,
+  he as Toggle
+};

package/lib/themes/carbon/index.d.ts

@@ -0,0 +1,3 @@
+import type { UITheme } from '../../theme';
+declare const theme: UITheme;
+export default theme;

package/lib/themes/carbon/index.js

@@ -0,0 +1,14 @@
+import * as e from "./components.js";
+import f from "./styles.css.js";
+const a = {
+  name: "Carbon",
+  colors: {
+    primary: { 50: "#eff6ff", 100: "#dbeafe", 200: "#bfdbfe", 300: "#93c5fd", 400: "#60a5fa", 500: "#3b82f6", 600: "#2563eb", 700: "#1d4ed8", 800: "#1e40af", 900: "#1e3a8a", 950: "#172554" }
+  },
+  styles: `${f}`,
+  classPrefix: "x-",
+  components: e
+}, r = a;
+export {
+  r as default
+};

package/lib/themes/carbon/styles.css.js

@@ -0,0 +1,86 @@
+const o = `html {
+  color: #111827;
+  background-color: white;
+}
+
+html.dark {
+  color: #f3f4f6;
+  background-color: #111827;
+}
+
+*,
+::before,
+::after {
+  border-color: #e5e7eb;
+}
+
+.dark *,
+.dark ::before,
+.dark ::after {
+  border-color: #374151;
+}
+
+:root {
+  --font-family-sans: "IBM Plex Sans", "Helvetica Neue", arial, sans-serif;
+  --font-family-mono: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", courier, monospace;
+  --border-color: 226, 232, 240;
+  --primary-color-50: 236, 253, 245;
+  --primary-color-100: 209, 250, 229;
+  --primary-color-200: 167, 243, 208;
+  --primary-color-300: 110, 231, 183;
+  --primary-color-400: 52, 211, 153;
+  --primary-color-500: 16, 185, 129;
+  --primary-color-600: 5, 150, 105;
+  --primary-color-700: 4, 120, 87;
+  --primary-color-800: 6, 95, 70;
+  --primary-color-900: 6, 78, 59;
+  --primary-color-950: 2, 44, 34;
+  --secondary-color-50: 248, 250, 252;
+  --secondary-color-100: 241, 245, 249;
+  --secondary-color-200: 226, 232, 240;
+  --secondary-color-300: 203, 213, 225;
+  --secondary-color-400: 148, 163, 184;
+  --secondary-color-500: 100, 116, 139;
+  --secondary-color-600: 71, 85, 105;
+  --secondary-color-700: 51, 65, 85;
+  --secondary-color-800: 30, 41, 59;
+  --secondary-color-900: 15, 23, 42;
+  --secondary-color-950: 2, 6, 23;
+  --success-color-50: 240, 253, 244;
+  --success-color-100: 220, 252, 231;
+  --success-color-200: 187, 247, 208;
+  --success-color-300: 134, 239, 172;
+  --success-color-400: 74, 222, 128;
+  --success-color-500: 34, 197, 94;
+  --success-color-600: 22, 163, 74;
+  --success-color-700: 21, 128, 61;
+  --success-color-800: 22, 101, 52;
+  --success-color-900: 20, 83, 45;
+  --success-color-950: 5, 46, 22;
+  --warning-color-50: 254, 252, 232;
+  --warning-color-100: 254, 249, 195;
+  --warning-color-200: 254, 240, 138;
+  --warning-color-300: 253, 224, 71;
+  --warning-color-400: 250, 204, 21;
+  --warning-color-500: 234, 179, 8;
+  --warning-color-600: 202, 138, 4;
+  --warning-color-700: 161, 98, 7;
+  --warning-color-800: 133, 77, 14;
+  --warning-color-900: 113, 63, 18;
+  --warning-color-950: 66, 32, 6;
+  --error-color-50: 254, 242, 242;
+  --error-color-100: 254, 226, 226;
+  --error-color-200: 254, 202, 202;
+  --error-color-300: 252, 165, 165;
+  --error-color-400: 248, 113, 113;
+  --error-color-500: 239, 68, 68;
+  --error-color-600: 220, 38, 38;
+  --error-color-700: 185, 28, 28;
+  --error-color-800: 153, 27, 27;
+  --error-color-900: 127, 29, 29;
+  --error-color-950: 69, 10, 10;
+}
+`;
+export {
+  o as default
+};

package/lib/themes/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BaseTheme } from './base';
+export { default as CarbonTheme } from './carbon';

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.1.0";
+declare const _default: "1.3.0";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.1.0";
+const e = "1.3.0";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -24,6 +24,7 @@
     "exports",
     "README.md"
   ],
+  "type": "module",
   "main": "lib/index.umd.js",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -45,8 +46,6 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^5.0.5",
-    "@cypress/vue": "^5.0.5",
     "@indielayer/stylelint-config": "^1.0.0",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
@@ -60,19 +59,17 @@
     "autoprefixer": "^10.4.0",
     "c8": "^7.12.0",
     "clean-css": "^5.3.0",
-    "cypress": "^12.16.0",
     "eslint": "^8.43.0",
-    "eslint-plugin-cypress": "^2.13.3",
+    "floating-vue": "^5.2.0",
     "jsdom": "^22.1.0",
     "postcss": "^8.4.4",
     "rollup-plugin-visualizer": "^5.9.2",
-    "start-server-and-test": "^1.14.0",
     "stylelint": "^14.16.1",
     "tailwindcss": "^3.3.2",
     "typescript": "^5.2.2",
     "vite": "^4.4.11",
     "vitest": "^0.32.2",
-    "vue": "^3.3.4",
+    "vue": "^3.3.9",
     "vue-tsc": "^1.8.2"
   },
   "browserslist": [
@@ -100,11 +97,9 @@
     "build:stats": "VITE_VISUALIZER=Y npm run build",
     "generate": "pnpm gen-version",
     "gen-types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.vitest.json --composite false",
-    "gen-version": "node .scripts/gen-version.js",
+    "gen-version": "node .scripts/gen-version.cjs",
     "test": "pnpm test:unit",
     "test:unit": "vitest --environment jsdom",
-    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
     "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
     "stylelint": "stylelint \"**/*.{css,vue,postcss,scss,sass}\" --ignore-path .gitignore"
   }

package/src/{composables/colors-utils.ts → common/colors.ts}

@@ -1,4 +1,4 @@
-import type { Tone, ColorLibrary } from './colors'
+import type { Tone, ColorLibrary } from '../composables/useColors'
 
 const isHex = (hex: string) => /^#(?:[A-Fa-f0-9]{3}){1,2}$/.test(hex)
 const isRGB = (rgb: string) => /^rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}[)]$/.test(rgb)