@serendie/ui 2.4.0 → 2.4.1-dev.202601150618

package/dist/components/CheckBox/CheckBox.js

@@ -10,7 +10,7 @@ import { CheckboxContext as C } from "../../node_modules/@ark-ui/react/dist/comp
 import { CheckboxControl as S } from "../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js";
 import { CheckboxLabel as i } from "../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js";
 import { CheckboxHiddenInput as I } from "../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js";
-const _ = {
+const v = {
   flexShrink: 0,
   cursor: "pointer",
   ".group:has(:focus-visible) &": {
@@ -30,7 +30,7 @@ const _ = {
       }
     }
   }
-}, v = {
+}, _ = {
   width: 24,
   height: 24,
   color: "sd.system.color.impression.primary",
@@ -61,10 +61,11 @@ const _ = {
       gap: "sd.system.dimension.spacing.medium",
       paddingY: "sd.system.dimension.spacing.small",
       paddingX: "sd.system.dimension.spacing.medium",
-      cursor: "pointer"
+      cursor: "pointer",
+      position: "relative"
     },
-    itemControl: _,
-    checkedIcon: v,
+    itemControl: v,
+    checkedIcon: _,
     uncheckedIcon: N,
     itemTextGroup: {
       display: "flex",
@@ -123,7 +124,7 @@ const _ = {
 export {
   H as CheckBox,
   n as CheckBoxStyle,
-  v as checkboxCheckedIconCss,
-  _ as checkboxIconCss,
+  _ as checkboxCheckedIconCss,
+  v as checkboxIconCss,
   N as checkboxUncheckedIconCss
 };

package/dist/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as a, Fragment as T } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as T } from "react/jsx-runtime";
 import { SerendieSymbolCalendar as B, SerendieSymbolArrowRight as J, SerendieSymbolChevronDown as Y, SerendieSymbolChevronLeft as _, SerendieSymbolChevronRight as z } from "@serendie/symbols";
 import { forwardRef as E, useState as G } from "react";
 import { datePickerStyles as S } from "./styles.js";
@@ -11,14 +11,14 @@ import { DatePickerLabel as X } from "../../node_modules/@ark-ui/react/dist/comp
 import { DatePickerControl as Z } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js";
 import { cx as f } from "../../styled-system/css/cx.js";
 import { DatePickerTrigger as $ } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js";
-import { css as i } from "../../styled-system/css/css.js";
+import { css as a } from "../../styled-system/css/css.js";
 import { DatePickerInput as P } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js";
 import { DatePickerPositioner as M } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js";
 import { DatePickerContent as ee } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js";
 import { DatePickerView as re } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js";
 import { DatePickerContext as te } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js";
-import { DatePickerViewControl as ae } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js";
-import { DatePickerYearSelect as ie } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js";
+import { DatePickerViewControl as ie } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js";
+import { DatePickerYearSelect as ae } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js";
 import { DatePickerPrevTrigger as oe } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js";
 import { DatePickerMonthSelect as le } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js";
 import { DatePickerNextTrigger as ne } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js";
@@ -59,7 +59,7 @@ const Ee = E(
         className: t.root,
         children: /* @__PURE__ */ e(x, {})
       }
-    ) : /* @__PURE__ */ a(
+    ) : /* @__PURE__ */ i(
       y,
       {
         locale: u,
@@ -73,17 +73,17 @@ const Ee = E(
           p(D.open), (b = c.onOpenChange) == null || b.call(c, D);
         },
         children: [
-          /* @__PURE__ */ a(T, { children: [
-            o && /* @__PURE__ */ a(X, { className: t.label, children: [
+          /* @__PURE__ */ i(T, { children: [
+            o && /* @__PURE__ */ i(X, { className: t.label, children: [
               o,
               l && /* @__PURE__ */ e("span", { className: t.labelRequired, children: n ?? d("common.required") })
             ] }),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               Z,
               {
                 className: f(
                   t.inputWrapper,
-                  i({
+                  a({
                     _expanded: {
                       outlineWidth: "sd.system.dimension.border.thick",
                       outlineColor: "sd.system.color.impression.primary"
@@ -91,20 +91,20 @@ const Ee = E(
                   })
                 ),
                 "data-expanded": N ? !0 : void 0,
-                "data-Invalid": s,
+                "data-invalid": s ? !0 : void 0,
                 children: [
                   /* @__PURE__ */ e("div", { className: t.leftContent, children: /* @__PURE__ */ e(
                     $,
                     {
-                      className: i({ display: "flex" }),
+                      className: a({ display: "flex" }),
                       ref: q,
                       children: /* @__PURE__ */ e(B, {})
                     }
                   ) }),
-                  V ? /* @__PURE__ */ a(
+                  V ? /* @__PURE__ */ i(
                     "div",
                     {
-                      className: i({
+                      className: a({
                         display: "grid",
                         gridTemplateColumns: "1fr auto 1fr",
                         alignItems: "center"
@@ -117,7 +117,7 @@ const Ee = E(
                             placeholder: W,
                             className: f(
                               t.input,
-                              i({
+                              a({
                                 minWidth: "100%",
                                 borderRadius: "sd.system.dimension.radius.medium"
                               })
@@ -133,7 +133,7 @@ const Ee = E(
                             placeholder: O,
                             className: f(
                               t.input,
-                              i({
+                              a({
                                 minWidth: "100%",
                                 borderRadius: "sd.system.dimension.radius.medium"
                               })
@@ -164,18 +164,18 @@ const Ee = E(
   }
 ), x = () => {
   const r = S();
-  return /* @__PURE__ */ e(ee, { className: r.content, children: /* @__PURE__ */ e(re, { view: "day", className: r.view, children: /* @__PURE__ */ e(te, { children: (o) => /* @__PURE__ */ a(T, { children: [
-    /* @__PURE__ */ a(ae, { className: r.viewControl, children: [
-      /* @__PURE__ */ a("div", { className: r.selectWrapper, children: [
-        /* @__PURE__ */ e(ie, { className: r.select }),
+  return /* @__PURE__ */ e(ee, { className: r.content, children: /* @__PURE__ */ e(re, { view: "day", className: r.view, children: /* @__PURE__ */ e(te, { children: (o) => /* @__PURE__ */ i(T, { children: [
+    /* @__PURE__ */ i(ie, { className: r.viewControl, children: [
+      /* @__PURE__ */ i("div", { className: r.selectWrapper, children: [
+        /* @__PURE__ */ e(ae, { className: r.select }),
         /* @__PURE__ */ e(Y, { className: r.selectIcon })
       ] }),
-      /* @__PURE__ */ a("div", { className: i({ display: "flex", alignItems: "center" }), children: [
+      /* @__PURE__ */ i("div", { className: a({ display: "flex", alignItems: "center" }), children: [
         /* @__PURE__ */ e(oe, { className: r.prevTrigger, children: /* @__PURE__ */ e(_, {}) }),
         /* @__PURE__ */ e(
           le,
           {
-            className: i({
+            className: a({
               appearance: "none",
               textAlign: "center"
             })
@@ -184,7 +184,7 @@ const Ee = E(
         /* @__PURE__ */ e(ne, { className: r.nextTrigger, children: /* @__PURE__ */ e(z, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ a(se, { className: r.table, children: [
+    /* @__PURE__ */ i(se, { className: r.table, children: [
       /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(v, { children: o.weekDays.map((l, n) => /* @__PURE__ */ e(
         me,
         {

package/dist/components/RadioButton/RadioButton.js

@@ -43,7 +43,8 @@ const k = {
       gap: "sd.system.dimension.spacing.medium",
       paddingY: "sd.system.dimension.spacing.small",
       paddingX: "sd.system.dimension.spacing.medium",
-      cursor: "pointer"
+      cursor: "pointer",
+      position: "relative"
     },
     itemControl: k,
     checkedIcon: R,

package/dist/components/Switch/Switch.js

@@ -17,6 +17,7 @@ const n = u({
       gap: "sd.system.dimension.spacing.medium",
       paddingY: "sd.system.dimension.spacing.small",
       paddingX: "sd.system.dimension.spacing.medium",
+      position: "relative",
       '&[data-focus="true"] .control': {
         borderColor: "sd.system.color.impression.primary"
       }

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": "2.4.0",
+  "version": "2.4.1-dev.202601150618",
   "type": "module",
   "types": "./dist/index.d.ts",
   "sideEffects": [