@serendie/ui 0.2.2 → 0.3.0

package/dist/index.js

@@ -1,36 +1,36 @@
 import { SerendiePreset as t } from "./preset.js";
 import { Accordion as m } from "./components/Accordion/Accordion.js";
-import { AccordionGroup as a } from "./components/AccordionGroup.js";
-import { Avatar as c, AvatarStyle as i } from "./components/Avatar.js";
-import { Badge as n, BadgeCloseButton as d, BadgeStyle as s } from "./components/Badge.js";
-import { Banner as S } from "./components/Banner.js";
-import { BottomNavigation as y } from "./components/BottomNavigation.js";
-import { BottomNavigationItem as I, BottomNavigationItemStyle as C } from "./components/BottomNavigationItem.js";
-import { Button as u, ButtonStyle as k } from "./components/Button.js";
-import { CheckBox as b, CheckBoxStyle as v, checkboxCheckedIconCss as D, checkboxIconCss as w, checkboxUncheckedIconCss as A } from "./components/CheckBox.js";
-import { ChoiceBox as P, ChoiceBoxStyle as L } from "./components/ChoiceBox.js";
-import { DashboardWidget as R } from "./components/DashboardWidget.js";
-import { Divider as G, DividerStyle as U } from "./components/Divider.js";
-import { Drawer as j } from "./components/Drawer.js";
-import { DropdownMenu as z, DropdownMenuStyle as E } from "./components/DropdownMenu.js";
-import { IconButton as J, IconButtonStyle as K } from "./components/IconButton.js";
-import { List as Q } from "./components/List.js";
-import { ListItem as X, ListItemStyle as Y } from "./components/ListItem.js";
-import { ModalDialog as _ } from "./components/ModalDialog.js";
-import { NotificationBadge as oo } from "./components/NotificationBadge.js";
-import { PasswordField as to } from "./components/PasswordField.js";
-import { ProgressIndicator as mo, ProgressIndicatorStyle as xo } from "./components/ProgressIndicator.js";
-import { RadioButton as po, RadioButtonStyle as co, radioCheckedIconCss as io, radioIconCss as fo, radioUncheckedIconCss as no } from "./components/RadioButton.js";
-import { RadioGroup as lo } from "./components/RadioGroup.js";
-import { Search as Bo, SearchStyle as yo } from "./components/Search.js";
-import { Select as Io, SelectStyle as Co } from "./components/Select.js";
-import { Switch as uo, SwitchStyle as ko } from "./components/Switch.js";
-import { TabItem as bo, TabItemStyle as vo } from "./components/TabItem.js";
-import { Tabs as wo, TabsStyle as Ao } from "./components/Tabs.js";
-import { TextArea as Po } from "./components/TextArea.js";
-import { TextField as Mo } from "./components/TextField.js";
-import { Toast as Fo, ToastStyle as Go, toaster as Uo } from "./components/Toast.js";
-import { TopAppBar as jo } from "./components/TopAppBar.js";
+import { AccordionGroup as a } from "./components/Accordion/AccordionGroup.js";
+import { Avatar as c, AvatarStyle as i } from "./components/Avatar/Avatar.js";
+import { Badge as n, BadgeCloseButton as d, BadgeStyle as s } from "./components/Badge/Badge.js";
+import { Banner as S } from "./components/Banner/Banner.js";
+import { BottomNavigation as y } from "./components/BottomNavigation/BottomNavigation.js";
+import { BottomNavigationItem as I, BottomNavigationItemStyle as C } from "./components/BottomNavigation/BottomNavigationItem.js";
+import { Button as u, ButtonStyle as k } from "./components/Button/Button.js";
+import { CheckBox as b, CheckBoxStyle as v, checkboxCheckedIconCss as D, checkboxIconCss as w, checkboxUncheckedIconCss as A } from "./components/CheckBox/CheckBox.js";
+import { ChoiceBox as P, ChoiceBoxStyle as L } from "./components/ChoiceBox/ChoiceBox.js";
+import { DashboardWidget as R } from "./components/DashboardWidget/DashboardWidget.js";
+import { Divider as G, DividerStyle as U } from "./components/Divider/Divider.js";
+import { Drawer as j } from "./components/Drawer/Drawer.js";
+import { DropdownMenu as z, DropdownMenuStyle as E } from "./components/DropdownMenu/DropdownMenu.js";
+import { IconButton as J, IconButtonStyle as K } from "./components/IconButton/IconButton.js";
+import { List as Q } from "./components/List/List.js";
+import { ListItem as X, ListItemStyle as Y } from "./components/List/ListItem.js";
+import { ModalDialog as _ } from "./components/ModalDialog/ModalDialog.js";
+import { NotificationBadge as oo } from "./components/NotificationBadge/NotificationBadge.js";
+import { PasswordField as to } from "./components/PasswordField/PasswordField.js";
+import { ProgressIndicator as mo, ProgressIndicatorStyle as xo } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { RadioButton as po, RadioButtonStyle as co, radioCheckedIconCss as io, radioIconCss as fo, radioUncheckedIconCss as no } from "./components/RadioButton/RadioButton.js";
+import { RadioGroup as lo } from "./components/RadioButton/RadioGroup.js";
+import { Search as Bo, SearchStyle as yo } from "./components/Search/Search.js";
+import { Select as Io, SelectStyle as Co } from "./components/Select/Select.js";
+import { Switch as uo, SwitchStyle as ko } from "./components/Switch/Switch.js";
+import { Tabs as bo, TabsStyle as vo } from "./components/Tabs/Tabs.js";
+import { TabItem as wo, TabItemStyle as Ao } from "./components/Tabs/TabItem.js";
+import { TextArea as Po } from "./components/TextArea/TextArea.js";
+import { TextField as Mo } from "./components/TextField/TextField.js";
+import { Toast as Fo, ToastStyle as Go, toaster as Uo } from "./components/Toast/Toast.js";
+import { TopAppBar as jo } from "./components/TopAppBar/TopAppBar.js";
 export {
   m as Accordion,
   a as AccordionGroup,
@@ -75,10 +75,10 @@ export {
   t as SerendiePreset,
   uo as Switch,
   ko as SwitchStyle,
-  bo as TabItem,
-  vo as TabItemStyle,
-  wo as Tabs,
-  Ao as TabsStyle,
+  wo as TabItem,
+  Ao as TabItemStyle,
+  bo as Tabs,
+  vo as TabsStyle,
   Po as TextArea,
   Mo as TextField,
   Fo as Toast,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@serendie/ui",
   "description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric",
   "license": "MIT",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "scripts": {

package/dist/components/AccordionGroup.d.ts

@@ -1,2 +0,0 @@
-import { Accordion } from '@ark-ui/react';
-export declare const AccordionGroup: import('../../styled-system/types').StyledComponent<import('react').ForwardRefExoticComponent<Accordion.RootProps & import('react').RefAttributes<HTMLDivElement>>, {}>;

package/dist/components/AccordionGroup.js

@@ -1,15 +0,0 @@
-import { styled as o } from "../styled-system/jsx/factory.js";
-import "../styled-system/jsx/is-valid-prop.js";
-import "react";
-import "../styled-system/helpers.js";
-import "../styled-system/css/css.js";
-import { AccordionRoot as r } from "../node_modules/@ark-ui/react/dist/components/accordion/accordion-root.js";
-const l = o(r, {
-  base: {
-    display: "flex",
-    flexDirection: "column"
-  }
-});
-export {
-  l as AccordionGroup
-};

package/dist/components/ChoiceBox.d.ts

@@ -1,8 +0,0 @@
-import { RadioGroupItemProps, CheckboxRootProps } from '@ark-ui/react';
-export declare const ChoiceBoxStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"root" | "radioItem" | "radioCheckedIcon" | "radioUncheckedIcon" | "checkboxItem" | "checkboxCheckedIcon" | "checkboxUncheckedIcon", import('../../styled-system/types').SlotRecipeVariantRecord<"root" | "radioItem" | "radioCheckedIcon" | "radioUncheckedIcon" | "checkboxItem" | "checkboxCheckedIcon" | "checkboxUncheckedIcon">>;
-type ChoiceBoxBaseProps = {
-    type: "radio" | "checkbox";
-};
-export type ChoiceBoxProps = ChoiceBoxBaseProps & RadioGroupItemProps & CheckboxRootProps;
-export declare const ChoiceBox: React.FC<ChoiceBoxProps>;
-export {};

package/dist/components/ChoiceBox.js

@@ -1,83 +0,0 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { checkboxUncheckedIconCss as a, checkboxCheckedIconCss as p, checkboxIconCss as I } from "./CheckBox.js";
-import { radioUncheckedIconCss as C, radioCheckedIconCss as x, radioIconCss as l } from "./RadioButton.js";
-import b from "../assets/radioChecked.svg.js";
-import f from "../assets/radioUnchecked.svg.js";
-import u from "../assets/checkboxChecked.svg.js";
-import U from "../assets/checkboxUnchecked.svg.js";
-import "../styled-system/css/css.js";
-import { cx as n } from "../styled-system/css/cx.js";
-import "../styled-system/helpers.js";
-import { sva as N } from "../styled-system/css/sva.js";
-import { RadioGroupItem as R } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item.js";
-import { RadioGroupItemContext as g } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-context.js";
-import { RadioGroupItemControl as v } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-control.js";
-import { RadioGroupItemHiddenInput as S } from "../node_modules/@ark-ui/react/dist/components/radio-group/radio-group-item-hidden-input.js";
-import { CheckboxRoot as G } from "../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js";
-import { CheckboxContext as P } from "../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-context.js";
-import { CheckboxControl as j } from "../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js";
-import { CheckboxHiddenInput as y } from "../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js";
-const h = N({
-  slots: [
-    "root",
-    "radioItem",
-    "radioCheckedIcon",
-    "radioUncheckedIcon",
-    "checkboxItem",
-    "checkboxCheckedIcon",
-    "checkboxUncheckedIcon"
-  ],
-  base: {
-    root: {
-      display: "flex"
-    },
-    radioItem: l,
-    radioCheckedIcon: x,
-    radioUncheckedIcon: C,
-    checkboxItem: I,
-    checkboxCheckedIcon: p,
-    checkboxUncheckedIcon: a
-  }
-}), Y = ({
-  type: r,
-  value: t,
-  className: i,
-  ...s
-}) => {
-  const [k, m] = h.splitVariantProps(s), c = h(k);
-  if (r === "radio")
-    return /* @__PURE__ */ d(
-      R,
-      {
-        value: t,
-        className: n("group", c.root, i),
-        ...m,
-        children: [
-          /* @__PURE__ */ o(g, { children: (e) => /* @__PURE__ */ o(v, { className: c.radioItem, asChild: !0, children: e.checked ? /* @__PURE__ */ o(b, { className: c.radioCheckedIcon }) : /* @__PURE__ */ o(f, { className: c.radioUncheckedIcon }) }) }),
-          /* @__PURE__ */ o(S, {})
-        ]
-      }
-    );
-  if (r === "checkbox")
-    return /* @__PURE__ */ d(
-      G,
-      {
-        value: t,
-        className: n("group", c.root, i),
-        ...m,
-        children: [
-          /* @__PURE__ */ o(P, { children: (e) => /* @__PURE__ */ o(j, { className: c.checkboxItem, children: e.checked ? /* @__PURE__ */ o(u, { className: c.checkboxCheckedIcon }) : /* @__PURE__ */ o(
-            U,
-            {
-              className: c.checkboxUncheckedIcon
-            }
-          ) }) }),
-          /* @__PURE__ */ o(y, {})
-        ]
-      }
-    );
-};
-export {
-  Y as ChoiceBox,
-  h as ChoiceBoxStyle
-};

package/dist/components/Tabs.d.ts

@@ -1,3 +0,0 @@
-import { Tabs as ArkTabs } from '@ark-ui/react';
-export declare const TabsStyle: import('../../styled-system/types').SlotRecipeRuntimeFn<"list" | "root", import('../../styled-system/types').SlotRecipeVariantRecord<"list" | "root">>;
-export declare const Tabs: ({ children, className, ...props }: ArkTabs.RootProps) => import("react/jsx-runtime").JSX.Element;