@os-design/core 1.0.283 → 1.0.285

package/dist/DateCalendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateCalendar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAErE,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAE1D,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;CACxC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,8GAmFjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateCalendar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAErE,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAG1D,KAAK,WAAW,GAAG,IAAI,CACrB,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,UAAU,GAAG,KAAK,CACpC,CAAC;AACF,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC;CACxC;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,8GAqFjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/DateCalendar/index.js

@@ -3,6 +3,7 @@ import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import Calendar from './Calendar.js';
 import { defaultLocale } from './locale.js';
 import MonthPicker from './MonthPicker.js';
+import { light, ThemeOverrider } from '@os-design/theming';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The component to choose a date in a calendar.
@@ -49,27 +50,32 @@ const DateCalendar = /*#__PURE__*/forwardRef(({
       });
     }
   }, [forwardedValue]);
-  return /*#__PURE__*/_jsx("div", {
-    ...rest,
-    ref: ref,
-    children: showMonthPicker ? /*#__PURE__*/_jsx(MonthPicker, {
-      locale: locale,
-      month: displayedMonth,
-      onChangeMonth: month => {
-        setDisplayedMonth(month);
-        setShowMonthPicker(false);
-      },
-      today: today
-    }) : /*#__PURE__*/_jsx(Calendar, {
-      firstDayOfWeek: firstDayOfWeek,
-      disabledDays: disabledDays,
-      locale: locale,
-      value: forwardedValue,
-      onChange: setForwardedValue,
-      month: displayedMonth,
-      onChangeMonth: setDisplayedMonth,
-      onSelectMonth: () => setShowMonthPicker(true),
-      today: today
+  return /*#__PURE__*/_jsx(ThemeOverrider, {
+    overrides: {
+      baseHeight: light.baseHeight
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      ...rest,
+      ref: ref,
+      children: showMonthPicker ? /*#__PURE__*/_jsx(MonthPicker, {
+        locale: locale,
+        month: displayedMonth,
+        onChangeMonth: month => {
+          setDisplayedMonth(month);
+          setShowMonthPicker(false);
+        },
+        today: today
+      }) : /*#__PURE__*/_jsx(Calendar, {
+        firstDayOfWeek: firstDayOfWeek,
+        disabledDays: disabledDays,
+        locale: locale,
+        value: forwardedValue,
+        onChange: setForwardedValue,
+        month: displayedMonth,
+        onChangeMonth: setDisplayedMonth,
+        onSelectMonth: () => setShowMonthPicker(true),
+        today: today
+      })
     })
   });
 });

package/dist/InputDateUnstyled/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputDateUnstyled/index.tsx"],"names":[],"mappings":"AAcA,OAAoB,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIlE,eAAO,MAAM,MAAM,6DAST,CAAC;AACX,eAAO,MAAM,aAAa,UAA+C,CAAC;AAE1E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,qHAkZtB,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AAEjC,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputDateUnstyled/index.tsx"],"names":[],"mappings":"AAcA,OAAoB,EAAE,KAAK,GAAG,EAAE,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAqB,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIlE,eAAO,MAAM,MAAM,6DAST,CAAC;AACX,eAAO,MAAM,aAAa,UAA+C,CAAC;AAE1E,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,aAAa,GAAG,IAAI,CACvB,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAC9B,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAC9C,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,qHAqZtB,CAAC;AAIF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AAEjC,eAAe,iBAAiB,CAAC"}

package/dist/InputDateUnstyled/index.js

@@ -45,12 +45,15 @@ const InputDateUnstyled = /*#__PURE__*/forwardRef(({
     onChange: onSelectionChange
   });
   const defaultInputValue = useMemo(() => {
+    if (value) {
+      return dateToString(value, format);
+    }
     let res = format;
     tokens.forEach(token => {
       res = res.replaceAll(token, '_'.repeat(token.length));
     });
     return res;
-  }, [format]);
+  }, [format, value]);
   const [forwardedInputValue, setForwardedInputValue] = useForwardedState({
     value: inputValue,
     defaultValue: defaultInputValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.283",
+  "version": "1.0.285",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -58,5 +58,5 @@
     "react": "18",
     "react-dom": "18"
   },
-  "gitHead": "342edddc9c136e8fb0920bbc41b6cffaec4fcbaf"
+  "gitHead": "9d50e82f5c687ed71117b044c715f2f2433b37bf"
 }

package/src/DateCalendar/index.tsx

@@ -4,6 +4,7 @@ import Calendar from './Calendar.js';
 import { defaultLocale, type DateCalendarLocale } from './locale.js';
 import MonthPicker from './MonthPicker.js';
 import type { Day, Month } from './utils/calendarDays.js';
+import { light, ThemeOverrider } from '@os-design/theming';
 
 type JsxDivProps = Omit<
   JSX.IntrinsicElements['div'],
@@ -101,31 +102,33 @@ const DateCalendar = forwardRef<HTMLDivElement, DateCalendarProps>(
     }, [forwardedValue]);
 
     return (
-      <div {...rest} ref={ref}>
-        {showMonthPicker ? (
-          <MonthPicker
-            locale={locale}
-            month={displayedMonth}
-            onChangeMonth={(month) => {
-              setDisplayedMonth(month);
-              setShowMonthPicker(false);
-            }}
-            today={today}
-          />
-        ) : (
-          <Calendar
-            firstDayOfWeek={firstDayOfWeek}
-            disabledDays={disabledDays}
-            locale={locale}
-            value={forwardedValue}
-            onChange={setForwardedValue}
-            month={displayedMonth}
-            onChangeMonth={setDisplayedMonth}
-            onSelectMonth={() => setShowMonthPicker(true)}
-            today={today}
-          />
-        )}
-      </div>
+      <ThemeOverrider overrides={{ baseHeight: light.baseHeight }}>
+        <div {...rest} ref={ref}>
+          {showMonthPicker ? (
+            <MonthPicker
+              locale={locale}
+              month={displayedMonth}
+              onChangeMonth={(month) => {
+                setDisplayedMonth(month);
+                setShowMonthPicker(false);
+              }}
+              today={today}
+            />
+          ) : (
+            <Calendar
+              firstDayOfWeek={firstDayOfWeek}
+              disabledDays={disabledDays}
+              locale={locale}
+              value={forwardedValue}
+              onChange={setForwardedValue}
+              month={displayedMonth}
+              onChangeMonth={setDisplayedMonth}
+              onSelectMonth={() => setShowMonthPicker(true)}
+              today={today}
+            />
+          )}
+        </div>
+      </ThemeOverrider>
     );
   }
 );

package/src/InputDateUnstyled/index.tsx

@@ -143,12 +143,15 @@ const InputDateUnstyled = forwardRef<HTMLInputElement, InputDateUnstyledProps>(
     });
 
     const defaultInputValue = useMemo(() => {
+      if (value) {
+        return dateToString(value, format);
+      }
       let res = format;
       tokens.forEach((token) => {
         res = res.replaceAll(token, '_'.repeat(token.length));
       });
       return res;
-    }, [format]);
+    }, [format, value]);
 
     const [forwardedInputValue, setForwardedInputValue] = useForwardedState({
       value: inputValue,