@serendie/ui 0.1.15 → 0.1.16

package/dist/components/Button.js

@@ -23,6 +23,7 @@ import "./IconButton.js";
 import "./ListItem.js";
 import "./ModalDialog.js";
 import "./NotificationBadge.js";
+import "./PasswordField.js";
 import { ProgressIndicator as v } from "./ProgressIndicator.js";
 import "./RadioButton.js";
 import "./Search.js";
@@ -152,7 +153,7 @@ const d = {
     position: "relative",
     zIndex: "sd.system.elevation.zIndex.base"
   }
-}), te = b.forwardRef(
+}), re = b.forwardRef(
   (s, l) => {
     const [
       n,
@@ -191,6 +192,6 @@ const d = {
   }
 );
 export {
-  te as Button,
+  re as Button,
   m as ButtonStyle
 };

package/dist/components/DropdownMenu.js

@@ -19,6 +19,7 @@ import { IconButton as y } from "./IconButton.js";
 import "./ListItem.js";
 import "./ModalDialog.js";
 import "./NotificationBadge.js";
+import "./PasswordField.js";
 import "./ProgressIndicator.js";
 import "./RadioButton.js";
 import "./Search.js";
@@ -109,7 +110,7 @@ const v = c({
       transition: "transform 0.2s"
     }
   }
-}), po = ({
+}), ao = ({
   styleType: r = "default",
   title: i,
   items: d,
@@ -180,6 +181,6 @@ const v = c({
   );
 };
 export {
-  po as DropdownMenu,
+  ao as DropdownMenu,
   v as DropdownMenuStyle
 };

package/dist/components/PasswordField.js

@@ -0,0 +1,44 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n, useState as d } from "react";
+import { TextField as m } from "./TextField.js";
+import { SerendieSymbol as p } from "../node_modules/@serendie/symbols/dist/symbols2.js";
+import { IconButton as w } from "./IconButton.js";
+const g = n(
+  ({ disableToggle: s = !1, disabled: e, ...i }, r) => {
+    const [o, a] = d(!1);
+    return /* @__PURE__ */ t(
+      m,
+      {
+        type: o ? "text" : "password",
+        rightContent: s ? void 0 : /* @__PURE__ */ t(
+          w,
+          {
+            type: "button",
+            onClick: () => {
+              a((l) => !l);
+            },
+            styleType: "ghost",
+            size: "small",
+            shape: "circle",
+            "aria-label": o ? "パスワードを隠す" : "パスワードを表示",
+            disabled: e,
+            icon: /* @__PURE__ */ t(
+              p,
+              {
+                name: o ? "eye-hidden" : "eye",
+                size: 20
+              }
+            )
+          }
+        ),
+        disabled: e,
+        ...i,
+        ref: r
+      }
+    );
+  }
+);
+g.displayName = "PasswordField";
+export {
+  g as PasswordField
+};

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export * from './components/List.tsx';
 export * from './components/ListItem.tsx';
 export * from './components/ModalDialog.tsx';
 export * from './components/NotificationBadge.tsx';
+export * from './components/PasswordField.tsx';
 export * from './components/ProgressIndicator.tsx';
 export * from './components/RadioButton.tsx';
 export * from './components/RadioGroup.tsx';

package/dist/index.js

@@ -3,14 +3,14 @@ import { Accordion as m } from "./components/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 l } from "./components/Banner.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 A, checkboxUncheckedIconCss as w } from "./components/CheckBox.js";
-import { ChoiceBox as L, ChoiceBoxStyle as M } from "./components/ChoiceBox.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 U, DividerStyle as F } from "./components/Divider.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";
@@ -18,18 +18,19 @@ 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 { ProgressIndicator as to, ProgressIndicatorStyle as ro } from "./components/ProgressIndicator.js";
-import { RadioButton as xo, RadioButtonStyle as ao, radioCheckedIconCss as po, radioIconCss as co, radioUncheckedIconCss as io } from "./components/RadioButton.js";
-import { RadioGroup as no } from "./components/RadioGroup.js";
-import { Search as So, SearchStyle as lo } from "./components/Search.js";
-import { Select as yo, SelectStyle as ho } from "./components/Select.js";
-import { Switch as Co, SwitchStyle as go } from "./components/Switch.js";
-import { TabItem as ko, TabItemStyle as To } from "./components/TabItem.js";
-import { Tabs as vo, TabsStyle as Do } from "./components/Tabs.js";
-import { TextArea as wo } from "./components/TextArea.js";
-import { TextField as Lo } from "./components/TextField.js";
-import { Toast as Po, ToastStyle as Ro, toaster as Go } from "./components/Toast.js";
-import { TopAppBar as Fo } from "./components/TopAppBar.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";
 export {
   m as Accordion,
   a as AccordionGroup,
@@ -38,7 +39,7 @@ export {
   n as Badge,
   d as BadgeCloseButton,
   s as BadgeStyle,
-  l as Banner,
+  S as Banner,
   y as BottomNavigation,
   I as BottomNavigationItem,
   C as BottomNavigationItemStyle,
@@ -46,11 +47,11 @@ export {
   k as ButtonStyle,
   b as CheckBox,
   v as CheckBoxStyle,
-  L as ChoiceBox,
-  M as ChoiceBoxStyle,
+  P as ChoiceBox,
+  L as ChoiceBoxStyle,
   R as DashboardWidget,
-  U as Divider,
-  F as DividerStyle,
+  G as Divider,
+  U as DividerStyle,
   j as Drawer,
   z as DropdownMenu,
   E as DropdownMenuStyle,
@@ -61,32 +62,33 @@ export {
   Y as ListItemStyle,
   _ as ModalDialog,
   oo as NotificationBadge,
-  to as ProgressIndicator,
-  ro as ProgressIndicatorStyle,
-  xo as RadioButton,
-  ao as RadioButtonStyle,
-  no as RadioGroup,
-  So as Search,
-  lo as SearchStyle,
-  yo as Select,
-  ho as SelectStyle,
+  to as PasswordField,
+  mo as ProgressIndicator,
+  xo as ProgressIndicatorStyle,
+  po as RadioButton,
+  co as RadioButtonStyle,
+  lo as RadioGroup,
+  Bo as Search,
+  yo as SearchStyle,
+  Io as Select,
+  Co as SelectStyle,
   t as SerendiePreset,
-  Co as Switch,
-  go as SwitchStyle,
-  ko as TabItem,
-  To as TabItemStyle,
-  vo as Tabs,
-  Do as TabsStyle,
-  wo as TextArea,
-  Lo as TextField,
-  Po as Toast,
-  Ro as ToastStyle,
-  Fo as TopAppBar,
+  uo as Switch,
+  ko as SwitchStyle,
+  bo as TabItem,
+  vo as TabItemStyle,
+  wo as Tabs,
+  Ao as TabsStyle,
+  Po as TextArea,
+  Mo as TextField,
+  Fo as Toast,
+  Go as ToastStyle,
+  jo as TopAppBar,
   D as checkboxCheckedIconCss,
-  A as checkboxIconCss,
-  w as checkboxUncheckedIconCss,
-  po as radioCheckedIconCss,
-  co as radioIconCss,
-  io as radioUncheckedIconCss,
-  Go as toaster
+  w as checkboxIconCss,
+  A as checkboxUncheckedIconCss,
+  io as radioCheckedIconCss,
+  fo as radioIconCss,
+  no as radioUncheckedIconCss,
+  Uo as toaster
 };

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.1.15",
+  "version": "0.1.16",
   "type": "module",
   "types": "./dist/index.d.ts",
   "scripts": {