@alfalab/core-components 45.9.0-beta.2 → 45.9.0-beta.3

package/universal-date-input/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -11,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var UniversalDateInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -11,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var UniversalDateInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -766,6 +766,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const usePortalContainer: () => () => Element | null;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -977,7 +978,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -22,6 +21,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
@@ -33,7 +33,7 @@ import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
 
 var UniversalDateInput = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseUniversalDateInput, __assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/esm/index-5712fce2.d.ts

@@ -766,6 +766,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const usePortalContainer: () => () => Element | null;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -977,7 +978,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/esm/index.js

@@ -2,7 +2,6 @@ export { UniversalDateInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -23,6 +22,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';

package/universal-date-input/index-5712fce2.d.ts

@@ -766,6 +766,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const usePortalContainer: () => () => Element | null;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -977,7 +978,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -21,6 +20,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
@@ -31,7 +31,7 @@ import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import './components/time-input/Component.js';
 
-const UniversalDateInput = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, view, ...restProps }, ref) => {
+const UniversalDateInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, view, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
 });

package/universal-date-input/modern/index-5712fce2.d.ts

@@ -766,6 +766,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const usePortalContainer: () => () => Element | null;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -977,7 +978,7 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";

package/universal-date-input/modern/index.js

@@ -1,7 +1,6 @@
 export { UniversalDateInput } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -22,6 +21,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';

package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defaultComponentBreakpoint = 1024;
-var getCustomBreakpoint = function () {
-    var _a;
-    var breakpoint = (_a = window === null || window === void 0 ? void 0 : window.getComputedStyle(document.documentElement)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--global-breakpoint-desktop');
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    var customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-exports.getComponentBreakpoint = getComponentBreakpoint;

package/shared/cssm/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/cssm/getComponentBreakpoint/index.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getComponentBreakpoint_getComponentBreakpoint = require('./getComponentBreakpoint.js');
-
-
-
-exports.getComponentBreakpoint = getComponentBreakpoint_getComponentBreakpoint.getComponentBreakpoint;

package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,15 +0,0 @@
-var defaultComponentBreakpoint = 1024;
-var getCustomBreakpoint = function () {
-    var _a;
-    var breakpoint = (_a = window === null || window === void 0 ? void 0 : window.getComputedStyle(document.documentElement)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--global-breakpoint-desktop');
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    var customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-export { getComponentBreakpoint };

package/shared/esm/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/esm/getComponentBreakpoint/index.js

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from './getComponentBreakpoint.js';

package/shared/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defaultComponentBreakpoint = 1024;
-var getCustomBreakpoint = function () {
-    var _a;
-    var breakpoint = (_a = window === null || window === void 0 ? void 0 : window.getComputedStyle(document.documentElement)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--global-breakpoint-desktop');
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    var customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-exports.getComponentBreakpoint = getComponentBreakpoint;

package/shared/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/getComponentBreakpoint/index.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getComponentBreakpoint_getComponentBreakpoint = require('./getComponentBreakpoint.js');
-
-
-
-exports.getComponentBreakpoint = getComponentBreakpoint_getComponentBreakpoint.getComponentBreakpoint;

package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare function getComponentBreakpoint(): number;
-export { getComponentBreakpoint };

package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.js

@@ -1,16 +0,0 @@
-const defaultComponentBreakpoint = 1024;
-const getCustomBreakpoint = () => {
-    const breakpoint = window
-        ?.getComputedStyle(document.documentElement)
-        ?.getPropertyValue('--global-breakpoint-desktop');
-    return breakpoint ? parseFloat(breakpoint) : null;
-};
-function getComponentBreakpoint() {
-    const customBreakpoint = getCustomBreakpoint();
-    if (customBreakpoint) {
-        return customBreakpoint;
-    }
-    return defaultComponentBreakpoint;
-}
-
-export { getComponentBreakpoint };

package/shared/modern/getComponentBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from "./getComponentBreakpoint";

package/shared/modern/getComponentBreakpoint/index.js

@@ -1 +0,0 @@
-export { getComponentBreakpoint } from './getComponentBreakpoint.js';

package/themes/breakpoints/breakpoint-768.css

@@ -1,3 +0,0 @@
-:root {
-    --global-breakpoint-desktop: 768;
-}