@semcore/date-picker 4.58.0-prerelease.0 → 4.58.0-prerelease.1

package/lib/esm/components/index.mjs

@@ -2,19 +2,20 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { assignProps, sstyled, Component } from "@semcore/core";
-import { Box } from "@semcore/base-components";
-import Button from "@semcore/button";
-import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import React from "react";
+import dayjs from "dayjs";
 import Dropdown from "@semcore/dropdown";
+import { Box } from "@semcore/flex-box";
+import Button from "@semcore/button";
 import ChevronLeft from "@semcore/icon/ChevronLeft/m";
 import ChevronRight from "@semcore/icon/ChevronRight/m";
-import dayjs from "dayjs";
-import React from "react";
+import { callAllEventHandlers } from "@semcore/utils/lib/assignProps";
 import ButtonTrigger from "./ButtonTrigger.mjs";
 import InputTrigger$1 from "./InputTrigger.mjs";
 var _excluded = ["value", "onClick", "onMouseEnter", "onMouseLeave"];
@@ -46,45 +47,49 @@ function Popper(props) {
   }, _ref3))));
 }
 function Header(props) {
-  var _ref4 = arguments[0], _ref0;
+  var _ref4 = arguments[0], _ref10;
   var SHeader = Box;
-  return _ref0 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SHeader, _ref0.cn("SHeader", _objectSpread({}, assignProps({}, _ref4))));
+  return _ref10 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SHeader, _ref10.cn("SHeader", _objectSpread({}, assignProps({}, _ref4))));
 }
-function Title(_ref11) {
-  var _ref5 = arguments[0], _ref1;
-  var Children = _ref11.Children, styles = _ref11.styles;
+var Title = function Title2(_ref13) {
+  var _ref5 = arguments[0], _ref11;
+  var Children = _ref13.Children, styles = _ref13.styles;
   var STitle = Box;
-  return _ref1 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref1.cn("STitle", _objectSpread({}, assignProps({
+  return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref11.cn("STitle", _objectSpread({}, assignProps({
     "aria-live": "polite"
-  }, _ref5))), /* @__PURE__ */ React.createElement(Children, _ref1.cn("Children", {})));
-}
-function Prev(_ref12) {
+  }, _ref5))), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
+};
+function Prev(_ref14) {
   var _ref6 = arguments[0];
-  var children = _ref12.children, Children = _ref12.Children;
+  _ref14.getI18nText;
+  var children = _ref14.children, Children = _ref14.Children;
   return /* @__PURE__ */ React.createElement(Button, assignProps({
     "use": "tertiary",
     "theme": "muted",
     "size": "l"
   }, _ref6), children ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(ChevronLeft, null)));
 }
-function Next(_ref13) {
+function Next(_ref15) {
   var _ref7 = arguments[0];
-  var children = _ref13.children, Children = _ref13.Children;
+  _ref15.getI18nText;
+  var children = _ref15.children, Children = _ref15.Children;
   return /* @__PURE__ */ React.createElement(Button, assignProps({
     "use": "tertiary",
     "theme": "muted",
     "size": "l"
   }, _ref7), children ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(ChevronRight, null)));
 }
-var Period = /* @__PURE__ */ (function(_Component) {
+var Period = /* @__PURE__ */ function(_Component) {
+  _inherits(Period2, _Component);
+  var _super = _createSuper(Period2);
   function Period2() {
     var _this;
     _classCallCheck(this, Period2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Period2, [].concat(args));
-    _defineProperty(_this, "getActiveControl", function() {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "getActiveControl", function() {
       var period = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
       var value = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : void 0;
       function compareMonth(monthOne, monthTwo) {
@@ -99,17 +104,15 @@ var Period = /* @__PURE__ */ (function(_Component) {
     });
     return _this;
   }
-  _inherits(Period2, _Component);
-  return _createClass(Period2, [{
+  _createClass(Period2, [{
     key: "render",
     value: function render() {
-      var _ref8 = this.asProps, _ref10, _this2 = this;
+      var _ref8 = this.asProps, _ref12, _this2 = this;
       var SPeriod = Box;
-      var _this$asProps = this.asProps, styles = _this$asProps.styles, value = _this$asProps.value, onChange = _this$asProps.onChange, periods = _this$asProps.periods, onHighlightedChange = _this$asProps.onHighlightedChange, onDisplayedPeriodChange = _this$asProps.onDisplayedPeriodChange, periodRef = _this$asProps.periodRef;
-      return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriod, _ref10.cn("SPeriod", _objectSpread({}, assignProps({}, _ref8))), periods.map(function(_ref14, i) {
-        var period = _ref14.value, onClick = _ref14.onClick, onMouseEnter = _ref14.onMouseEnter, onMouseLeave = _ref14.onMouseLeave, other = _objectWithoutProperties(_ref14, _excluded);
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, value = _this$asProps.value, onChange = _this$asProps.onChange, periods = _this$asProps.periods, onHighlightedChange = _this$asProps.onHighlightedChange, onDisplayedPeriodChange = _this$asProps.onDisplayedPeriodChange;
+      return _ref12 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriod, _ref12.cn("SPeriod", _objectSpread({}, assignProps({}, _ref8))), periods.map(function(_ref16, i) {
+        var period = _ref16.value, onClick = _ref16.onClick, onMouseEnter = _ref16.onMouseEnter, onMouseLeave = _ref16.onMouseLeave, other = _objectWithoutProperties(_ref16, _excluded);
         return /* @__PURE__ */ React.createElement(Button, _extends({
-          ref: periodRef === null || periodRef === void 0 ? void 0 : periodRef(i),
           key: i,
           use: "tertiary",
           theme: "muted",
@@ -131,7 +134,8 @@ var Period = /* @__PURE__ */ (function(_Component) {
       }));
     }
   }]);
-})(Component);
+  return Period2;
+}(Component);
 export {
   Header,
   InputTrigger,

package/lib/esm/style/calendar.shadow.css

@@ -1,11 +1,6 @@
 SCalendar {
   display: flex;
   flex-direction: column;
-  border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
-
-  SCalendarUnit:focus-visible {
-    outline: none;
-  }
 }
 
 SGridDays {
@@ -64,7 +59,7 @@ SCalendarUnit {
   min-height: 32px;
   min-width: 32px;
   position: relative;
-  transition: border-radius 0.15s 0.15s;
+  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0.15s 0.15s;
   outline: none;
   margin: 0;
   margin-top: 4px;
@@ -100,7 +95,7 @@ SCalendarUnit[today]SCalendarUnit[endSelected] {
 SCalendarUnit[selected] {
   background-color: var(--intergalactic-date-picker-cell-range, oklch(0.96 0.015 278.4));
   border-radius: 0;
-  transition: border-radius 0s 0s;
+  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0s 0s;
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &:hover {
@@ -109,9 +104,9 @@ SCalendarUnit[selected] {
 }
 
 SCalendarUnit[highlighted] {
-  background-color: var(--intergalactic-date-picker-cell-range, oklch(0.96 0.015 278.4));
+  background-color: var(--intergalactic-date-picker-cell-range-hover, oklch(0.9 0.038 278.4));
   border-radius: 0;
-  transition: border-radius 0s 0s;
+  transition: color 0.15s, background 0.15s, box-shadow 0.15s, border-radius 0s 0s;
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 
   &:hover {
@@ -238,12 +233,19 @@ SCalendarUnit[disabled] {
 }
 
 SCalendar:focus {
+  outline: none;
   & SCalendarUnit[highlighted] {
     z-index: 1;
+    box-shadow: var(
+      --intergalactic-keyboard-focus,
+      0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441)
+    );
   }
-
   &:not(&:has(SCalendarUnit[highlighted])) {
-    border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
+    box-shadow: var(
+      --intergalactic-keyboard-focus,
+      0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441)
+    );
   }
 }
 
@@ -254,4 +256,4 @@ SCalendar:focus {
   SCalendarUnit[highlighted] {
     transition: none;
   }
-}
+}

package/lib/esm/style/date-picker.shadow.css

@@ -10,8 +10,13 @@ SPopper {
   &:active,
   &:hover,
   &:focus {
+    outline: 0;
     text-decoration: none;
   }
+
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
+  }
 }
 
 SHeader {
@@ -58,10 +63,6 @@ SInputMask[animationsDisabled] {
 
 SInputMask SValue {
   letter-spacing: 0;
-
-  &:focus {
-    outline: none;
-  }
 }
 
 SIndicator {
@@ -137,7 +138,7 @@ SInputMask[noHumanizedDate] SMask {
 }
 
 SDateRange SInputMask:focus-within SMask {
-  background-color: var(--intergalactic-bg-highlight-focus, oklch(0.94 0.023 278.4));
+  background-color: var(--intergalactic-bg-highlight-focus, oklch(0.405 0.257 264.2 / 0.093));
 }
 
 SRangeSep[fulfilled],
@@ -175,4 +176,4 @@ SCompareToggle {
   SInputMask {
     transition: none;
   }
-}
+}

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,13 +6,13 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
-import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
 import ru from "./ru.json.mjs";
-import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/esm/translations/de.json.mjs

@@ -9,17 +9,13 @@ const last2Months = "Letzte 2 Monate";
 const last3Months = "Letzte 3 Monate";
 const last6Months = "Letzte 6 Monate";
 const last12Months = "Letzte 12 Monate";
-const prevYear = "Voriges Jahr";
-const nextYear = "Folgejahr";
-const prevMonth = "Vormonat";
-const nextMonth = "Folgemonat";
+const prev = "Voriger Zeitraum";
+const next = "Nächster Zeitraum";
 const input = "Datumsfeld";
 const compare = "Vergleichen mit";
 const fromDate = "Vom {date}";
 const toDate = "Bis {date}";
-const fromDatePlaceholder = "Von-Datum";
 const periods = "Vorgaben";
-const toDatePlaceholder = "Bis-Datum";
 const dateRange = "Datumsbereich";
 const dateRange1 = "Erster Datumsbereich";
 const dateRange2 = "Zweiter Datumsbereich";
@@ -41,17 +37,13 @@ const de = {
   last3Months,
   last6Months,
   last12Months,
-  prevYear,
-  nextYear,
-  prevMonth,
-  nextMonth,
+  prev,
+  next,
   input,
   compare,
   fromDate,
   toDate,
-  fromDatePlaceholder,
   periods,
-  toDatePlaceholder,
   dateRange,
   dateRange1,
   dateRange2,
@@ -73,7 +65,6 @@ export {
   dateRange2,
   de as default,
   fromDate,
-  fromDatePlaceholder,
   input,
   last12Months,
   last2Days,
@@ -83,16 +74,13 @@ export {
   last6Months,
   lastMonth,
   lastWeek,
-  nextMonth,
-  nextYear,
+  next,
   periods,
-  prevMonth,
-  prevYear,
+  prev,
   reset,
   selectingFinished,
   selectingStarted,
   toDate,
-  toDatePlaceholder,
   today,
   unavailableDate,
   unavailableEndDate,

package/lib/esm/translations/es.json.mjs

@@ -9,17 +9,13 @@ const last2Months = "Últimos 2 meses";
 const last3Months = "Últimos 3 meses";
 const last6Months = "Últimos 6 meses";
 const last12Months = "Últimos 12 meses";
-const prevYear = "Año anterior";
-const nextYear = "Año siguiente";
-const prevMonth = "Mes anterior";
-const nextMonth = "Mes siguiente";
+const prev = "Periodo precedente";
+const next = "Periodo siguiente";
 const input = "Campo de datos";
 const compare = "Comparar con";
 const fromDate = "Desde {date}";
 const toDate = "Hasta {date}";
-const fromDatePlaceholder = "Fecha de inicio";
 const periods = "Predefinidos";
-const toDatePlaceholder = "Fecha de fin";
 const dateRange = "Rango de fechas";
 const dateRange1 = "Primer rango de fechas";
 const dateRange2 = "Segundo rango de fechas";
@@ -41,17 +37,13 @@ const es = {
   last3Months,
   last6Months,
   last12Months,
-  prevYear,
-  nextYear,
-  prevMonth,
-  nextMonth,
+  prev,
+  next,
   input,
   compare,
   fromDate,
   toDate,
-  fromDatePlaceholder,
   periods,
-  toDatePlaceholder,
   dateRange,
   dateRange1,
   dateRange2,
@@ -73,7 +65,6 @@ export {
   dateRange2,
   es as default,
   fromDate,
-  fromDatePlaceholder,
   input,
   last12Months,
   last2Days,
@@ -83,16 +74,13 @@ export {
   last6Months,
   lastMonth,
   lastWeek,
-  nextMonth,
-  nextYear,
+  next,
   periods,
-  prevMonth,
-  prevYear,
+  prev,
   reset,
   selectingFinished,
   selectingStarted,
   toDate,
-  toDatePlaceholder,
   today,
   unavailableDate,
   unavailableEndDate,

package/lib/esm/translations/fr.json.mjs

@@ -9,17 +9,13 @@ const last2Months = "2 derniers mois";
 const last3Months = "3 derniers mois";
 const last6Months = "6 derniers mois";
 const last12Months = "12 derniers mois";
-const prevYear = "Année précédente";
-const nextYear = "Année suivante";
-const prevMonth = "Mois précédent";
-const nextMonth = "Mois suivant";
+const prev = "Période précédente";
+const next = "Période suivante";
 const input = "Champ de date";
 const compare = "Comparer à";
 const fromDate = "Du {date}";
 const toDate = "Au {date}";
-const fromDatePlaceholder = "Date de début";
 const periods = "Préréglages";
-const toDatePlaceholder = "Date de fin";
 const dateRange = "Plage de dates";
 const dateRange1 = "Première plage de dates";
 const dateRange2 = "Deuxième plage de dates";
@@ -41,17 +37,13 @@ const fr = {
   last3Months,
   last6Months,
   last12Months,
-  prevYear,
-  nextYear,
-  prevMonth,
-  nextMonth,
+  prev,
+  next,
   input,
   compare,
   fromDate,
   toDate,
-  fromDatePlaceholder,
   periods,
-  toDatePlaceholder,
   dateRange,
   dateRange1,
   dateRange2,
@@ -73,7 +65,6 @@ export {
   dateRange2,
   fr as default,
   fromDate,
-  fromDatePlaceholder,
   input,
   last12Months,
   last2Days,
@@ -83,16 +74,13 @@ export {
   last6Months,
   lastMonth,
   lastWeek,
-  nextMonth,
-  nextYear,
+  next,
   periods,
-  prevMonth,
-  prevYear,
+  prev,
   reset,
   selectingFinished,
   selectingStarted,
   toDate,
-  toDatePlaceholder,
   today,
   unavailableDate,
   unavailableEndDate,

package/lib/esm/translations/it.json.mjs

@@ -9,17 +9,13 @@ const last2Months = "Ultimi 2 mesi";
 const last3Months = "Ultimi 3 mesi";
 const last6Months = "Ultimi 6 mesi";
 const last12Months = "Ultimi 12 mesi";
-const prevYear = "Anno precedente";
-const nextYear = "Anno successivo";
-const prevMonth = "Mese precedente";
-const nextMonth = "Mese successivo";
+const prev = "Periodo precedente";
+const next = "Periodo successivo";
 const input = "Campo data";
 const compare = "Confronta con";
 const fromDate = "Da {date}";
 const toDate = "A {date}";
-const fromDatePlaceholder = "Dalla data";
 const periods = "Impostazioni predefinite";
-const toDatePlaceholder = "Alla data";
 const dateRange = "Intervallo temporale";
 const dateRange1 = "Primo intervallo temporale";
 const dateRange2 = "Secondo intervallo temporale";
@@ -41,17 +37,13 @@ const it = {
   last3Months,
   last6Months,
   last12Months,
-  prevYear,
-  nextYear,
-  prevMonth,
-  nextMonth,
+  prev,
+  next,
   input,
   compare,
   fromDate,
   toDate,
-  fromDatePlaceholder,
   periods,
-  toDatePlaceholder,
   dateRange,
   dateRange1,
   dateRange2,
@@ -73,7 +65,6 @@ export {
   dateRange2,
   it as default,
   fromDate,
-  fromDatePlaceholder,
   input,
   last12Months,
   last2Days,
@@ -83,16 +74,13 @@ export {
   last6Months,
   lastMonth,
   lastWeek,
-  nextMonth,
-  nextYear,
+  next,
   periods,
-  prevMonth,
-  prevYear,
+  prev,
   reset,
   selectingFinished,
   selectingStarted,
   toDate,
-  toDatePlaceholder,
   today,
   unavailableDate,
   unavailableEndDate,

package/lib/esm/translations/ja.json.mjs

@@ -9,17 +9,13 @@ const last2Months = "過去2か月間";
 const last3Months = "過去3か月間";
 const last6Months = "過去6か月間";
 const last12Months = "過去12か月間";
-const prevYear = "前年";
-const nextYear = "翌年";
-const prevMonth = "前月";
-const nextMonth = "翌月";
+const prev = "前期間";
+const next = "次の期間";
 const input = "データフィールド";
 const compare = "次と比較";
 const fromDate = "{date}から";
 const toDate = "{date}まで";
-const fromDatePlaceholder = "開始日";
 const periods = "プリセット";
-const toDatePlaceholder = "終了日";
 const dateRange = "日付範囲";
 const dateRange1 = "一番目の日付範囲";
 const dateRange2 = "二番目の日付範囲";
@@ -41,17 +37,13 @@ const ja = {
   last3Months,
   last6Months,
   last12Months,
-  prevYear,
-  nextYear,
-  prevMonth,
-  nextMonth,
+  prev,
+  next,
   input,
   compare,
   fromDate,
   toDate,
-  fromDatePlaceholder,
   periods,
-  toDatePlaceholder,
   dateRange,
   dateRange1,
   dateRange2,
@@ -73,7 +65,6 @@ export {
   dateRange2,
   ja as default,
   fromDate,
-  fromDatePlaceholder,
   input,
   last12Months,
   last2Days,
@@ -83,16 +74,13 @@ export {
   last6Months,
   lastMonth,
   lastWeek,
-  nextMonth,
-  nextYear,
+  next,
   periods,
-  prevMonth,
-  prevYear,
+  prev,
   reset,
   selectingFinished,
   selectingStarted,
   toDate,
-  toDatePlaceholder,
   today,
   unavailableDate,
   unavailableEndDate,

package/lib/esm/translations/ko.json.mjs

@@ -9,17 +9,13 @@ const last2Months = "최근 2개월";
 const last3Months = "최근 3개월";
 const last6Months = "최근 6개월";
 const last12Months = "최근 12개월";
-const prevYear = "지난해";
-const nextYear = "내년";
-const prevMonth = "이전 달";
-const nextMonth = "다음 달";
+const prev = "지난 기간";
+const next = "다음 기간";
 const input = "날짜 필드";
 const compare = "비교 기간";
 const fromDate = "{date}부터";
 const toDate = "{date}까지";
-const fromDatePlaceholder = "시작 날짜";
 const periods = "사전 설정";
-const toDatePlaceholder = "종료 날짜";
 const dateRange = "날짜 범위";
 const dateRange1 = "첫 번째 날짜 범위";
 const dateRange2 = "두 번째 날짜 범위";
@@ -41,17 +37,13 @@ const ko = {
   last3Months,
   last6Months,
   last12Months,
-  prevYear,
-  nextYear,
-  prevMonth,
-  nextMonth,
+  prev,
+  next,
   input,
   compare,
   fromDate,
   toDate,
-  fromDatePlaceholder,
   periods,
-  toDatePlaceholder,
   dateRange,
   dateRange1,
   dateRange2,
@@ -73,7 +65,6 @@ export {
   dateRange2,
   ko as default,
   fromDate,
-  fromDatePlaceholder,
   input,
   last12Months,
   last2Days,
@@ -83,16 +74,13 @@ export {
   last6Months,
   lastMonth,
   lastWeek,
-  nextMonth,
-  nextYear,
+  next,
   periods,
-  prevMonth,
-  prevYear,
+  prev,
   reset,
   selectingFinished,
   selectingStarted,
   toDate,
-  toDatePlaceholder,
   today,
   unavailableDate,
   unavailableEndDate,