ublo-lib 1.42.25 → 1.42.27

package/es/common/components/collapsible/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAqBF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAsB,EACtB,MAAY,EACZ,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,KAAK,2CAsDP"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAqBF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAsB,EACtB,MAAY,EACZ,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,KAAK,2CAwDP"}

package/es/common/components/collapsible/collapsible.js

@@ -6,7 +6,7 @@ import * as Icons from "dt-design-system/es/icons";
 import classnames from "classnames";
 import * as Cms from "../../utils/cms";
 import styles from "./collapsible.module.css";
-const messages = {
+const i18n = {
     fr: {
         open: "Afficher",
         close: "Masquer",
@@ -37,7 +37,8 @@ export default function Collapsible({ gradientColor = "#fff", height = 150, lang
     const toggleOpen = () => {
         setOpened(!opened);
     };
-    const message = opened ? messages[lang].close : messages[lang].open;
+    const messages = i18n[lang] || i18n.en;
+    const message = opened ? messages.close : messages.open;
     const Icon = opened ? Icons.ChevronUp : Icons.ChevronDown;
     React.useEffect(() => {
         const parentHeight = parentRef.current?.offsetHeight;

package/es/esf/components/period-picker/date-display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-display.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/date-display.js"],"names":[],"mappings":"AASA;;4CA6DC"}
+{"version":3,"file":"date-display.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/date-display.js"],"names":[],"mappings":"AAOA;;4CAyCC"}

package/es/esf/components/period-picker/date-display.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
-import { motion } from "framer-motion";
 import { useUbloContext } from "ublo/with-ublo";
 import * as Messages from "./messages";
 import * as Stay from "./services/stay";
-import * as Motions from "./services/motions";
 import css from "./date-display.module.css";
 export default function DateDisplay({ className }) {
     const [stay, setStay] = React.useState();
@@ -36,5 +34,5 @@ export default function DateDisplay({ className }) {
     if (!extend || !stay || metadata?.disableWeekpicker)
         return null;
     const formattedStay = Stay.formatStay(lang, stay);
-    return (_jsxs("div", { className: classes, children: [Messages.get(lang, "offers"), " ", _jsx("span", { className: css.dates, children: formattedStay.split(" ").map((word, index) => (_jsx(motion.span, { className: css.word, transition: { delayChildren: index * 0.05, staggerChildren: 0.05 }, initial: "hidden", animate: "visible", children: word.split("").map((letter, index) => (_jsx(motion.span, { className: css.letter, variants: Motions.character, children: letter }, `${letter}-${index}`))) }, `${word}-${index}`))) })] }));
+    return (_jsxs("div", { className: classes, children: [Messages.get(lang, "offers"), " ", _jsx("span", { className: css.dates, children: formattedStay })] }));
 }

package/es/esf/components/period-picker/date-display.module.css

@@ -7,12 +7,3 @@
 .dates {
   color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
 }
-
-.word {
-  display: inline-block;
-  margin-right: 1rem;
-}
-
-.letter {
-  display: inline-block;
-}

package/es/esf/components/period-picker/days.module.css

@@ -109,5 +109,5 @@
   margin-top: 8px;
   color: var(--ds-grey-700, #171e30);
   font-size: 11px;
-  text-transform: uppercase;
+  text-transform: capitalize;
 }

package/es/esf/components/period-picker/extended-stay-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extended-stay-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/extended-stay-picker.js"],"names":[],"mappings":"AASA;;;;;;;;;;4CAwDC"}
+{"version":3,"file":"extended-stay-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/extended-stay-picker.js"],"names":[],"mappings":"AAOA;;;;;;;;;;4CA2CC"}

package/es/esf/components/period-picker/extended-stay-picker.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { AnimatePresence, motion } from "framer-motion";
 import Button from "dt-design-system/es/button";
 import Days from "./days";
 import * as Dates from "./services/dates";
-import * as Motions from "./services/motions";
 import * as Messages from "./messages";
 import css from "./extended-stay-picker.module.css";
 export default function ExtendedStayPicker({ lang, stay, extend, week, endWeek, forceSeasonSwitch, opened, setExtendedOpened, onChange, }) {
@@ -18,5 +16,7 @@ export default function ExtendedStayPicker({ lang, stay, extend, week, endWeek,
     const close = () => {
         setExtendedOpened(false);
     };
-    return (_jsx(AnimatePresence, { mode: "wait", children: opened && (_jsxs(motion.div, { className: css.picker, initial: "hidden", animate: "visible", exit: "hidden", variants: Motions.fading, children: [_jsxs("div", { className: css.title, children: [Messages.get(lang, "extended-title"), _jsx(Button, { className: css.button, variant: "link", onClick: close, compact: true, children: Messages.get(lang, "update-period") })] }), _jsx(Days, { ref: barRef, lang: lang, fullStay: fullStay, interval: interval, onChange: onChange })] })) }));
+    if (!opened)
+        return null;
+    return (_jsxs("div", { className: css.picker, children: [_jsxs("div", { className: css.title, children: [Messages.get(lang, "extended-title"), _jsx(Button, { className: css.button, variant: "link", onClick: close, compact: true, children: Messages.get(lang, "update-period") })] }), _jsx(Days, { ref: barRef, lang: lang, fullStay: fullStay, interval: interval, onChange: onChange })] }));
 }

package/es/esf/components/period-picker/extended-stay-picker.module.css

@@ -10,9 +10,17 @@
   gap: 16px;
   padding: 24px 0;
   background-color: var(--ds-grey-000, #ffffff);
+  animation: picker-appearance 320ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
   z-index: 1;
 }
 
+@keyframes picker-appearance {
+  0% {
+    opacity: 0;
+  }
+}
+
 .title {
   align-self: center;
   position: relative;
@@ -23,7 +31,6 @@
   gap: 6px;
   padding: 0 20px;
   font-size: 20px;
-  text-transform: uppercase;
   font-weight: 700;
   text-align: center;
 }

package/es/esf/components/period-picker/period-picker.d.ts

@@ -1,8 +1,7 @@
-export default function PeriodPicker({ setClosed, force, onChange, isPopup, ubloContext, }: {
+export default function PeriodPicker({ setClosed, force, onChange, ubloContext, }: {
     setClosed?: any;
     force?: boolean;
     onChange?: any;
-    isPopup?: boolean;
     ubloContext?: {};
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=period-picker.d.ts.map

package/es/esf/components/period-picker/period-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;;4CA2MC"}
+{"version":3,"file":"period-picker.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/period-picker.js"],"names":[],"mappings":"AA2BA;;;;;4CAyMC"}

package/es/esf/components/period-picker/period-picker.js

@@ -18,7 +18,7 @@ const { publicRuntimeConfig } = getConfig();
 const { start, end, forceSeasonSwitch = false, extend, } = publicRuntimeConfig.season;
 const WEEK_STORAGE = "stayWeek";
 const EXTEND_STAY_PICKER_APPEARANCE_DELAY = 1000;
-export default function PeriodPicker({ setClosed = undefined, force = false, onChange = undefined, isPopup = false, ubloContext = {}, }) {
+export default function PeriodPicker({ setClosed = undefined, force = false, onChange = undefined, ubloContext = {}, }) {
     const ref = React.useRef();
     const { lang, cmsMode, metadata, path } = {
         ...ubloContext,
@@ -129,5 +129,5 @@ export default function PeriodPicker({ setClosed = undefined, force = false, onC
         setOpened(false);
         openExtendedPicker();
     };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: pickerClasses, children: _jsxs("div", { className: css.inner, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.iconContainer, children: _jsx(Icons.Calendar, { className: css.icon }) }), _jsx(Title, { lang: lang, stay: stay }), _jsx(Controls, { barRef: ref, distance: 200 })] }), _jsx(Weeks, { ref: ref, lang: lang, weeks: weeks, beginWeek: beginWeek, endWeek: endWeek, selected: selected, select: select, forceSeasonSwitch: forceSeasonSwitch, openExtendedPicker: openExtendedPicker, isPopup: isPopup }), _jsx(Warning, { lang: lang, warn: warn, setWarn: setWarn, selectWeek: selectWeek, chosenWeek: chosenWeek }), _jsx(ExtendedStayPicker, { lang: lang, stay: stay, extend: extend, week: selected, endWeek: endWeek, forceSeasonSwitch: forceSeasonSwitch, opened: extendedOpened, setExtendedOpened: setExtendedOpened, onChange: onChange })] }) }), _jsx(Popup, { mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: pickerClasses, children: _jsxs("div", { className: css.inner, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.iconContainer, children: _jsx(Icons.Calendar, { className: css.icon }) }), _jsx(Title, { lang: lang, stay: stay }), _jsx(Controls, { barRef: ref, distance: 200 })] }), _jsx(Weeks, { ref: ref, lang: lang, weeks: weeks, beginWeek: beginWeek, endWeek: endWeek, selected: selected, select: select, forceSeasonSwitch: forceSeasonSwitch, openExtendedPicker: openExtendedPicker }), _jsx(Warning, { lang: lang, warn: warn, setWarn: setWarn, selectWeek: selectWeek, chosenWeek: chosenWeek }), _jsx(ExtendedStayPicker, { lang: lang, stay: stay, extend: extend, week: selected, endWeek: endWeek, forceSeasonSwitch: forceSeasonSwitch, opened: extendedOpened, setExtendedOpened: setExtendedOpened, onChange: onChange })] }) }), _jsx(Popup, { mustFilterSections: mustFilterSections, showDialog: showDialog, opened: opened, selectAndClose: selectAndClose, onChange: onChange })] }));
 }

package/es/esf/components/period-picker/period-picker.module.css

@@ -8,17 +8,6 @@
   animation: period-picker-appearance 320ms
     var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
   overflow: hidden;
-
-  /* @media (prefers-color-scheme: dark) {
-    --ds-grey-000: #171e30;
-    --ds-grey-100: #2d303c;
-    --ds-grey-200: #484848;
-    --ds-grey-300: #d2d2d2;
-    --ds-grey-400: #d4d4d4;
-    --ds-grey-500: #efefef;
-    --ds-grey-600: #f5f5f5;
-    --ds-grey-700: #fff;
-  } */
 }
 
 @keyframes period-picker-appearance {

package/es/esf/components/period-picker/popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAOA;;;;;;sBAuCC;uBA9CsB,OAAO"}
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/popup.js"],"names":[],"mappings":"AAKA;;;;;;sBA2BC;uBAhCsB,OAAO"}

package/es/esf/components/period-picker/popup.js

@@ -1,9 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import { AnimatePresence, motion } from "framer-motion";
 import PeriodPicker from "./period-picker";
-import * as Motions from "./services/motions";
 import css from "./popup.module.css";
 export default function Popup({ mustFilterSections, showDialog, opened, onChange, selectAndClose, }) {
     const [ready, setReady] = React.useState(false);
@@ -13,5 +11,7 @@ export default function Popup({ mustFilterSections, showDialog, opened, onChange
     if (!ready)
         return null;
     const isVisible = mustFilterSections && showDialog && opened;
-    return ReactDOM.createPortal(_jsx(AnimatePresence, { mode: "wait", children: isVisible && (_jsx("div", { className: css.popup, children: _jsx(motion.div, { initial: "hidden", animate: "visible", exit: "hidden", variants: Motions.fading, className: css.inner, children: _jsx(PeriodPicker, { onChange: onChange, setClosed: selectAndClose, isPopup: true }) }) })) }), document.body);
+    if (!isVisible)
+        return null;
+    return ReactDOM.createPortal(_jsx("div", { className: css.popup, children: _jsx("div", { className: css.inner, children: _jsx(PeriodPicker, { onChange: onChange, setClosed: selectAndClose }) }) }), document.body);
 }

package/es/esf/components/period-picker/warning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/warning.js"],"names":[],"mappings":"AAQA;;;;;;4CAyCC"}
+{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/warning.js"],"names":[],"mappings":"AAMA;;;;;;4CAiCC"}

package/es/esf/components/period-picker/warning.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { AnimatePresence, motion } from "framer-motion";
 import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
 import * as Messages from "./messages";
-import * as Motions from "./services/motions";
 import css from "./warning.module.css";
 export default function Warning({ lang, warn, setWarn, selectWeek, chosenWeek, }) {
     const cancel = () => {
@@ -13,5 +11,7 @@ export default function Warning({ lang, warn, setWarn, selectWeek, chosenWeek, }
     const confirm = () => {
         selectWeek(chosenWeek, true);
     };
-    return (_jsx(AnimatePresence, { mode: "wait", children: warn && (_jsxs(motion.div, { className: css.warn, initial: "hidden", animate: "visible", exit: "hidden", variants: Motions.fading, children: [_jsxs("div", { className: css.text, children: [_jsx(Icons.AlertCircle, { className: css.icon }), Messages.get(lang, "warn")] }), _jsxs("div", { className: css.buttons, children: [_jsx(Button, { className: css.cancelButton, onClick: cancel, children: Messages.get(lang, "cancel") }), _jsx(Button, { className: css.button, onClick: confirm, children: Messages.get(lang, "ok") })] })] })) }));
+    if (!warn)
+        return null;
+    return (_jsxs("div", { className: css.warn, children: [_jsxs("div", { className: css.text, children: [_jsx(Icons.AlertCircle, { className: css.icon }), Messages.get(lang, "warn")] }), _jsxs("div", { className: css.buttons, children: [_jsx(Button, { className: css.cancelButton, onClick: cancel, children: Messages.get(lang, "cancel") }), _jsx(Button, { className: css.button, onClick: confirm, children: Messages.get(lang, "ok") })] })] }));
 }

package/es/esf/components/period-picker/weeks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"weeks.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/weeks.js"],"names":[],"mappings":";AAaA,+EA6CG;uBA1DoB,OAAO"}
+{"version":3,"file":"weeks.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/weeks.js"],"names":[],"mappings":";AAWA,+EA6CG;uBAxDoB,OAAO"}

package/es/esf/components/period-picker/weeks.js

@@ -2,9 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from "react";
 import classNames from "classnames";
 import getConfig from "next/config";
-import { LayoutGroup, motion } from "framer-motion";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
 import * as Dates from "./services/dates";
 import * as Messages from "./messages";
 import css from "./weeks.module.css";
@@ -24,13 +22,11 @@ const Weeks = React.forwardRef(({ weeks, lang, ...props }, ref) => {
     const classes = classNames(css.weeks, {
         [css.withPeriods]: periods,
     });
-    return (_jsxs(LayoutGroup, { children: [_jsx("div", { ref: ref, className: classes, children: weeks.map((week) => (_jsx(Week, { lang: lang, week: week, ...props }, week))) }), periods && (_jsxs("div", { className: css.nomenclature, children: [periods.high?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "high", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "high-period")] })), periods.medium?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "medium", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "medium-period")] })), periods.low?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "low", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "low-period")] }))] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, className: classes, children: weeks.map((week) => (_jsx(Week, { lang: lang, week: week, ...props }, week))) }), periods && (_jsxs("div", { className: css.nomenclature, children: [periods.high?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "high", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "high-period")] })), periods.medium?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "medium", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "medium-period")] })), periods.low?.length > 0 && (_jsxs("div", { className: css.period, "data-period": "low", children: [_jsx("div", { className: css.pill }), Messages.get(lang, "low-period")] }))] }))] }));
 });
 Weeks.displayName = "Weeks";
 export default Weeks;
-function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwitch, openExtendedPicker, isPopup, }) {
-    const [checkVisible, setCheckVisible] = React.useState(false);
-    const [checkTimeout, setCheckTimeout] = React.useState();
+function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwitch, openExtendedPicker, }) {
     const now = new Date();
     const prevDate = Dates.weekToDate(week - 1, endWeek, forceSeasonSwitch);
     const currDate = Dates.weekToDate(week, endWeek, forceSeasonSwitch);
@@ -59,12 +55,6 @@ function Week({ lang, week, beginWeek, endWeek, selected, select, forceSeasonSwi
     const selectWeek = () => {
         select(week);
         openExtendedPicker();
-        clearTimeout(checkTimeout);
-        setCheckVisible(true);
-        setCheckTimeout(setTimeout(() => {
-            setCheckVisible(false);
-        }, 1200));
     };
-    const layoutId = isPopup ? "current-popup" : "current";
-    return (_jsxs("div", { className: weekClasses, children: [_jsx(Button, { className: css.button, onClick: selectWeek, "aria-label": `${Dates.weekToLongDate(week)} - ${Dates.weekToLongDate(week + 1)}`, disabled: isPast, children: !periods && (_jsxs(_Fragment, { children: [isSelected && (_jsx(motion.div, { layoutId: layoutId, className: css.buttonFiller })), checkVisible && _jsx(Icons.CheckCircle, { className: css.check })] })) }), _jsxs("div", { className: css.date, children: [_jsx("div", { className: css.dateFrom, children: Dates.formatShort(currDate) }), isLast && (_jsx("div", { className: css.dateTo, children: Dates.formatShort(nextDate) }))] }), showMonth && (_jsxs("span", { className: css.month, children: [formattedMonth, " ", showYear && _jsx("b", { className: css.year, children: currYear })] }))] }));
+    return (_jsxs("div", { className: weekClasses, children: [_jsx(Button, { className: css.button, onClick: selectWeek, "aria-label": `${Dates.weekToLongDate(week)} - ${Dates.weekToLongDate(week + 1)}`, disabled: isPast }), _jsxs("div", { className: css.date, children: [_jsx("div", { className: css.dateFrom, children: Dates.formatShort(currDate) }), isLast && (_jsx("div", { className: css.dateTo, children: Dates.formatShort(nextDate) }))] }), showMonth && (_jsxs("span", { className: css.month, children: [formattedMonth, " ", showYear && _jsx("b", { className: css.year, children: currYear })] }))] }));
 }

package/es/esf/components/period-picker/weeks.module.css

@@ -128,24 +128,12 @@ button.button {
   background-color: var(--ds-grey-500, #484848);
 }
 
-.weeks.withPeriods .selected button.button {
-  outline: 2px solid var(--ds-primary, var(--ds-blue-500, #002dcc));
-  outline-offset: -1px;
-  border-radius: var(--ds-radius-100, 4px);
-}
-
-.buttonFiller {
+.selected button.button {
   position: relative;
-  width: calc(100% + var(--gap) * 2);
-  height: 100%;
-  margin-left: calc(0px - var(--gap));
   background-color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
-  pointer-events: none;
-  touch-action: none;
-  z-index: 1;
 }
 
-.buttonFiller::before {
+button.button::before {
   --border-width: 8px;
 
   content: "";
@@ -154,7 +142,23 @@ button.button {
   height: 100%;
   left: calc(0px - var(--border-width));
   background-color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
+  opacity: 0;
+  transform: scaleX(0.8);
+  transition: opacity 160ms
+      var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1)),
+    transform 160ms var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+  pointer-events: none;
+}
+
+.selected button.button::before {
   opacity: 0.5;
+  transform: none;
+}
+
+.weeks.withPeriods .selected button.button {
+  outline: 2px solid var(--ds-primary, var(--ds-blue-500, #002dcc));
+  outline-offset: -1px;
+  border-radius: var(--ds-radius-100, 4px);
 }
 
 .check {

package/es/future/components/msem/account.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import type { GlobalOptions } from "./types";
-type Options = GlobalOptions & {};
+type Options = GlobalOptions & {
+    cartUrl?: string;
+};
 type Presets = {};
 type Props = {
     options?: Options;

package/es/future/components/msem/account.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem/account.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,OAAO,GAAG,aAAa,GAAG,EAAE,CAAC;AAElC,KAAK,OAAO,GAAG,EAAE,CAAC;AAElB,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AAEF,wBAAmC;AAEnC,iBAAS,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,mBAcrD"}
+{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../../../src/future/components/msem/account.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,OAAO,GAAG,aAAa,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,OAAO,GAAG,EAAE,CAAC;AAElB,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AAEF,wBAAmC;AAEnC,iBAAS,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,mBAcrD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.42.25",
+  "version": "1.42.27",
   "peerDependencies": {
     "classnames": "^2.5.1",
     "dt-design-system": "^3.10.8",

package/es/esf/components/period-picker/services/motions.d.ts

@@ -1,51 +0,0 @@
-export namespace scaling {
-    namespace hidden {
-        export let opacity: number;
-        export let scale: number;
-        export { transition };
-    }
-    namespace visible {
-        let opacity_1: number;
-        export { opacity_1 as opacity };
-        let scale_1: number;
-        export { scale_1 as scale };
-        export { transition };
-    }
-}
-export namespace fading {
-    export namespace hidden_1 {
-        let opacity_2: number;
-        export { opacity_2 as opacity };
-        export { transition };
-    }
-    export { hidden_1 as hidden };
-    export namespace visible_1 {
-        let opacity_3: number;
-        export { opacity_3 as opacity };
-        export { transition };
-    }
-    export { visible_1 as visible };
-}
-export namespace character {
-    export namespace hidden_2 {
-        let opacity_4: number;
-        export { opacity_4 as opacity };
-        export let y: string;
-        export { transition };
-    }
-    export { hidden_2 as hidden };
-    export namespace visible_2 {
-        let opacity_5: number;
-        export { opacity_5 as opacity };
-        let y_1: string;
-        export { y_1 as y };
-        export { transition };
-    }
-    export { visible_2 as visible };
-}
-declare namespace transition {
-    let duration: number;
-    let ease: string;
-}
-export {};
-//# sourceMappingURL=motions.d.ts.map

package/es/esf/components/period-picker/services/motions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"motions.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/period-picker/services/motions.js"],"names":[],"mappings":""}

package/es/esf/components/period-picker/services/motions.js

@@ -1,13 +0,0 @@
-const transition = { duration: 0.64, ease: "easeInOut" };
-export const scaling = {
-    hidden: { opacity: 0, scale: 1.1, transition },
-    visible: { opacity: 1, scale: 1, transition },
-};
-export const fading = {
-    hidden: { opacity: 0, transition },
-    visible: { opacity: 1, transition },
-};
-export const character = {
-    hidden: { opacity: 0, y: `0.15em`, transition },
-    visible: { opacity: 1, y: `0em`, transition },
-};