@serendie/ui 2.4.0 → 2.4.1-dev.202601081111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/DatePicker/DatePicker.js +22 -22
  2. package/package.json +1 -1
package/dist/components/DatePicker/DatePicker.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as e, jsxs as a, Fragment as T } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as i, Fragment as T } from "react/jsx-runtime";
2
2
  import { SerendieSymbolCalendar as B, SerendieSymbolArrowRight as J, SerendieSymbolChevronDown as Y, SerendieSymbolChevronLeft as _, SerendieSymbolChevronRight as z } from "@serendie/symbols";
3
3
  import { forwardRef as E, useState as G } from "react";
4
4
  import { datePickerStyles as S } from "./styles.js";
@@ -11,14 +11,14 @@ import { DatePickerLabel as X } from "../../node_modules/@ark-ui/react/dist/comp
11
11
  import { DatePickerControl as Z } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js";
12
12
  import { cx as f } from "../../styled-system/css/cx.js";
13
13
  import { DatePickerTrigger as $ } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js";
14
- import { css as i } from "../../styled-system/css/css.js";
14
+ import { css as a } from "../../styled-system/css/css.js";
15
15
  import { DatePickerInput as P } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js";
16
16
  import { DatePickerPositioner as M } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js";
17
17
  import { DatePickerContent as ee } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js";
18
18
  import { DatePickerView as re } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js";
19
19
  import { DatePickerContext as te } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js";
20
- import { DatePickerViewControl as ae } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js";
21
- import { DatePickerYearSelect as ie } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js";
20
+ import { DatePickerViewControl as ie } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js";
21
+ import { DatePickerYearSelect as ae } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js";
22
22
  import { DatePickerPrevTrigger as oe } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js";
23
23
  import { DatePickerMonthSelect as le } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js";
24
24
  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(
59
59
  className: t.root,
60
60
  children: /* @__PURE__ */ e(x, {})
61
61
  }
62
- ) : /* @__PURE__ */ a(
62
+ ) : /* @__PURE__ */ i(
63
63
  y,
64
64
  {
65
65
  locale: u,
@@ -73,17 +73,17 @@ const Ee = E(
73
73
  p(D.open), (b = c.onOpenChange) == null || b.call(c, D);
74
74
  },
75
75
  children: [
76
- /* @__PURE__ */ a(T, { children: [
77
- o && /* @__PURE__ */ a(X, { className: t.label, children: [
76
+ /* @__PURE__ */ i(T, { children: [
77
+ o && /* @__PURE__ */ i(X, { className: t.label, children: [
78
78
  o,
79
79
  l && /* @__PURE__ */ e("span", { className: t.labelRequired, children: n ?? d("common.required") })
80
80
  ] }),
81
- /* @__PURE__ */ a(
81
+ /* @__PURE__ */ i(
82
82
  Z,
83
83
  {
84
84
  className: f(
85
85
  t.inputWrapper,
86
- i({
86
+ a({
87
87
  _expanded: {
88
88
  outlineWidth: "sd.system.dimension.border.thick",
89
89
  outlineColor: "sd.system.color.impression.primary"
@@ -91,20 +91,20 @@ const Ee = E(
91
91
  })
92
92
  ),
93
93
  "data-expanded": N ? !0 : void 0,
94
- "data-Invalid": s,
94
+ "data-invalid": s ? !0 : void 0,
95
95
  children: [
96
96
  /* @__PURE__ */ e("div", { className: t.leftContent, children: /* @__PURE__ */ e(
97
97
  $,
98
98
  {
99
- className: i({ display: "flex" }),
99
+ className: a({ display: "flex" }),
100
100
  ref: q,
101
101
  children: /* @__PURE__ */ e(B, {})
102
102
  }
103
103
  ) }),
104
- V ? /* @__PURE__ */ a(
104
+ V ? /* @__PURE__ */ i(
105
105
  "div",
106
106
  {
107
- className: i({
107
+ className: a({
108
108
  display: "grid",
109
109
  gridTemplateColumns: "1fr auto 1fr",
110
110
  alignItems: "center"
@@ -117,7 +117,7 @@ const Ee = E(
117
117
  placeholder: W,
118
118
  className: f(
119
119
  t.input,
120
- i({
120
+ a({
121
121
  minWidth: "100%",
122
122
  borderRadius: "sd.system.dimension.radius.medium"
123
123
  })
@@ -133,7 +133,7 @@ const Ee = E(
133
133
  placeholder: O,
134
134
  className: f(
135
135
  t.input,
136
- i({
136
+ a({
137
137
  minWidth: "100%",
138
138
  borderRadius: "sd.system.dimension.radius.medium"
139
139
  })
@@ -164,18 +164,18 @@ const Ee = E(
164
164
  }
165
165
  ), x = () => {
166
166
  const r = S();
167
- 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: [
168
- /* @__PURE__ */ a(ae, { className: r.viewControl, children: [
169
- /* @__PURE__ */ a("div", { className: r.selectWrapper, children: [
170
- /* @__PURE__ */ e(ie, { className: r.select }),
167
+ 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: [
168
+ /* @__PURE__ */ i(ie, { className: r.viewControl, children: [
169
+ /* @__PURE__ */ i("div", { className: r.selectWrapper, children: [
170
+ /* @__PURE__ */ e(ae, { className: r.select }),
171
171
  /* @__PURE__ */ e(Y, { className: r.selectIcon })
172
172
  ] }),
173
- /* @__PURE__ */ a("div", { className: i({ display: "flex", alignItems: "center" }), children: [
173
+ /* @__PURE__ */ i("div", { className: a({ display: "flex", alignItems: "center" }), children: [
174
174
  /* @__PURE__ */ e(oe, { className: r.prevTrigger, children: /* @__PURE__ */ e(_, {}) }),
175
175
  /* @__PURE__ */ e(
176
176
  le,
177
177
  {
178
- className: i({
178
+ className: a({
179
179
  appearance: "none",
180
180
  textAlign: "center"
181
181
  })
@@ -184,7 +184,7 @@ const Ee = E(
184
184
  /* @__PURE__ */ e(ne, { className: r.nextTrigger, children: /* @__PURE__ */ e(z, {}) })
185
185
  ] })
186
186
  ] }),
187
- /* @__PURE__ */ a(se, { className: r.table, children: [
187
+ /* @__PURE__ */ i(se, { className: r.table, children: [
188
188
  /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(v, { children: o.weekDays.map((l, n) => /* @__PURE__ */ e(
189
189
  me,
190
190
  {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@serendie/ui",
3
3
  "description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric",
4
4
  "license": "MIT",
5
- "version": "2.4.0",
5
+ "version": "2.4.1-dev.202601081111",
6
6
  "type": "module",
7
7
  "types": "./dist/index.d.ts",
8
8
  "sideEffects": [