@broxus/react-uikit 0.19.5 → 0.20.0

package/dist/esm/components/DatePicker/locale/km_KH.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/km_KH';
+import CalendarLocale from '@rc-component/picker/es/locale/km_KH';
 import TimePickerLocale from '../../../components/TimePicker/locale/km_KH';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/kmr_IQ.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/kmr_IQ';
+import CalendarLocale from '@rc-component/picker/es/locale/kmr_IQ';
 import TimePickerLocale from '../../../components/TimePicker/locale/kmr_IQ';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/kn_IN.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/kn_IN';
+import CalendarLocale from '@rc-component/picker/es/locale/kn_IN';
 import TimePickerLocale from '../../../components/TimePicker/locale/kn_IN';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/ko_KR.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/ko_KR';
+import CalendarLocale from '@rc-component/picker/es/locale/ko_KR';
 import TimePickerLocale from '../../../components/TimePicker/locale/ko_KR';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/lt_LT.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/lt_LT';
+import CalendarLocale from '@rc-component/picker/es/locale/lt_LT';
 import TimePickerLocale from '../../../components/TimePicker/locale/lt_LT';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/lv_LV.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/lv_LV';
+import CalendarLocale from '@rc-component/picker/es/locale/lv_LV';
 import TimePickerLocale from '../../../components/TimePicker/locale/lv_LV';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/mk_MK.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/mk_MK';
+import CalendarLocale from '@rc-component/picker/es/locale/mk_MK';
 import TimePickerLocale from '../../../components/TimePicker/locale/mk_MK';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/ml_IN.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/ml_IN';
+import CalendarLocale from '@rc-component/picker/es/locale/ml_IN';
 import TimePickerLocale from '../../../components/TimePicker/locale/ml_IN';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/mn_MN.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/mn_MN';
+import CalendarLocale from '@rc-component/picker/es/locale/mn_MN';
 import TimePickerLocale from '../../../components/TimePicker/locale/mn_MN';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/ms_MY.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/ms_MY';
+import CalendarLocale from '@rc-component/picker/es/locale/ms_MY';
 import TimePickerLocale from '../../../components/TimePicker/locale/ms_MY';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/my_MM.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/my_MM';
+import CalendarLocale from '@rc-component/picker/es/locale/my_MM';
 import TimePickerLocale from '../../../components/TimePicker/locale/my_MM';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/nb_NO.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/nb_NO';
+import CalendarLocale from '@rc-component/picker/es/locale/nb_NO';
 import TimePickerLocale from '../../../components/TimePicker/locale/nb_NO';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/nl_BE.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/nl_BE';
+import CalendarLocale from '@rc-component/picker/es/locale/nl_BE';
 import TimePickerLocale from '../../../components/TimePicker/locale/nl_BE';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/nl_NL.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/nl_NL';
+import CalendarLocale from '@rc-component/picker/es/locale/nl_NL';
 import TimePickerLocale from '../../../components/TimePicker/locale/nl_NL';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/pl_PL.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/pl_PL';
+import CalendarLocale from '@rc-component/picker/es/locale/pl_PL';
 import TimePickerLocale from '../../../components/TimePicker/locale/pl_PL';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/pt_BR.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/pt_BR';
+import CalendarLocale from '@rc-component/picker/es/locale/pt_BR';
 import TimePickerLocale from '../../../components/TimePicker/locale/pt_BR';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/pt_PT.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/pt_PT';
+import CalendarLocale from '@rc-component/picker/es/locale/pt_PT';
 import TimePickerLocale from '../../../components/TimePicker/locale/pt_PT';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/ro_RO.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/ro_RO';
+import CalendarLocale from '@rc-component/picker/es/locale/ro_RO';
 import TimePickerLocale from '../../../components/TimePicker/locale/ro_RO';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/ru_RU.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/ru_RU';
+import CalendarLocale from '@rc-component/picker/es/locale/ru_RU';
 import TimePickerLocale from '../../../components/TimePicker/locale/ru_RU';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/si_LK.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/si_LK';
+import CalendarLocale from '@rc-component/picker/es/locale/si_LK';
 import TimePickerLocale from '../../../components/TimePicker/locale/si_LK';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/sk_SK.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/sk_SK';
+import CalendarLocale from '@rc-component/picker/es/locale/sk_SK';
 import TimePickerLocale from '../../../components/TimePicker/locale/sk_SK';
 // 统一合并为完整的 Locale
 const locale = {

package/dist/esm/components/DatePicker/locale/sl_SI.js

@@ -1,5 +1,5 @@
 import TimePickerLocale from '../../../components/TimePicker/locale/sl_SI';
-import CalendarLocale from '@rc-component/picker/lib/locale/sl_SI';
+import CalendarLocale from '@rc-component/picker/es/locale/sl_SI';
 /* eslint-disable */
 const locale = {
     lang: {

package/dist/esm/components/DatePicker/locale/sr_RS.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/sr_RS';
+import CalendarLocale from '@rc-component/picker/es/locale/sr_RS';
 import TimePickerLocale from '../../../components/TimePicker/locale/sr_RS';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/sv_SE.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/sv_SE';
+import CalendarLocale from '@rc-component/picker/es/locale/sv_SE';
 import TimePickerLocale from '../../../components/TimePicker/locale/sv_SE';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/ta_IN.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/ta_IN';
+import CalendarLocale from '@rc-component/picker/es/locale/ta_IN';
 import TimePickerLocale from '../../../components/TimePicker/locale/ta_IN';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/th_TH.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/th_TH';
+import CalendarLocale from '@rc-component/picker/es/locale/th_TH';
 import TimePickerLocale from '../../../components/TimePicker/locale/th_TH';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/tk_TK.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/tk_TK';
+import CalendarLocale from '@rc-component/picker/es/locale/tk_TK';
 import TimePickerLocale from '../../../components/TimePicker/locale/tk_TK';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/tr_TR.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/tr_TR';
+import CalendarLocale from '@rc-component/picker/es/locale/tr_TR';
 import TimePickerLocale from '../../../components/TimePicker/locale/tr_TR';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/uk_UA.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/uk_UA';
+import CalendarLocale from '@rc-component/picker/es/locale/uk_UA';
 import TimePickerLocale from '../../../components/TimePicker/locale/uk_UA';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/ur_PK.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/ur_PK';
+import CalendarLocale from '@rc-component/picker/es/locale/ur_PK';
 import TimePickerLocale from '../../../components/TimePicker/locale/ur_PK';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/uz_UZ.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/uz_UZ';
+import CalendarLocale from '@rc-component/picker/es/locale/uz_UZ';
 import TimePickerLocale from '../../../components/TimePicker/locale/uz_UZ';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/vi_VN.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/vi_VN';
+import CalendarLocale from '@rc-component/picker/es/locale/vi_VN';
 import TimePickerLocale from '../../../components/TimePicker/locale/vi_VN';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/zh_CN.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/zh_CN';
+import CalendarLocale from '@rc-component/picker/es/locale/zh_CN';
 import TimePickerLocale from '../../../components/TimePicker/locale/zh_CN';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/locale/zh_TW.js

@@ -1,4 +1,4 @@
-import CalendarLocale from '@rc-component/picker/lib/locale/zh_TW';
+import CalendarLocale from '@rc-component/picker/es/locale/zh_TW';
 import TimePickerLocale from '../../../components/TimePicker/locale/zh_TW';
 /* eslint-disable */
 const locale = {

package/dist/esm/components/DatePicker/types.d.ts

@@ -1,6 +1,6 @@
 import { type PickerRef, type PickerPanelProps as RcPickerPanelProps, type PickerProps as RcPickerProps, type RangePickerProps as RcRangePickerProps } from '@rc-component/picker';
-import { type Locale as RcPickerLocale } from '@rc-component/picker/lib/interface';
-import { type PickerPanelRef } from '@rc-component/picker/lib/PickerPanel';
+import { type Locale as RcPickerLocale } from '@rc-component/picker/es/interface';
+import { type PickerPanelRef } from '@rc-component/picker/es/PickerPanel';
 import type * as React from 'react';
 import { type TimePickerLocale } from '../../components/TimePicker';
 import { type AnyObject, type SizeType, type StateType } from '../../types';

package/dist/esm/components/DatePicker/useComponents.d.ts

@@ -1,2 +1,2 @@
-import { type Components } from '@rc-component/picker/lib/interface';
+import { type Components } from '@rc-component/picker/es/interface';
 export declare function useComponents(components?: Components): Components;

package/dist/esm/components/DatePicker/utils.d.ts

@@ -1,4 +1,4 @@
-import { type PickerMode } from '@rc-component/picker/lib/interface';
+import { type PickerMode } from '@rc-component/picker/es/interface';
 import { type PickerLocale } from '../../components/DatePicker/types';
 export declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
 export declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;

package/dist/esm/components/Drawer/index.js

@@ -7,7 +7,7 @@ import { addModalMode, getMotionName, removeModalMode } from '../../utils';
 const defaultPushState = { distance: 180 };
 export const Drawer = React.forwardRef((props, ref) => {
     const config = useConfig();
-    const { animation = 'slide', children, className, defaultOpen, destroyOnClose, direction, getContainer = config.getPopupContainer, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', prefixCls = config.prefixCls, push = defaultPushState, size, rootClassName, rootStyle, trigger, onClose: onCloseCallback, ...restProps } = props;
+    const { animation = 'slide', children, className, defaultOpen, destroyOnHidden, direction, getContainer = config.getPopupContainer, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', prefixCls = config.prefixCls, push = defaultPushState, size, rootClassName, rootStyle, trigger, onClose: onCloseCallback, ...restProps } = props;
     const [isShown, setShown] = React.useState(defaultOpen);
     const [internalOpen, setOpen] = React.useState(defaultOpen);
     const mergedOpen = open === undefined ? internalOpen : open;
@@ -100,7 +100,7 @@ export const Drawer = React.forwardRef((props, ref) => {
     React.useEffect(() => cleanup, [cleanup]);
     return (React.createElement(React.Fragment, null,
         trigger?.({ collapse, expand, isOpen: !!mergedOpen }),
-        React.createElement(RcDrawer, { className: className, destroyOnClose: destroyOnClose, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
+        React.createElement(RcDrawer, { className: className, destroyOnHidden: destroyOnHidden, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
                 motionName: getMotionName(prefixCls || config.prefixCls, 'drawer-fade'),
             }, motion: mergedMotion, open: mergedOpen, placement: placement, prefixCls: rootCls, push: push, rootClassName: drawerRootClassName, rootStyle: { ...rootStyle, display: (mergedOpen || isShown) ? 'block' : '' }, onClose: onClose, ...restProps, classNames: {
                 ...restProps.classNames,

package/dist/esm/components/Modal/index.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Close } from '../../components/Close';
 import { useConfig } from '../../components/ConfigProvider';
-import { getMotionName } from '../../utils';
+import { addModalMode, getMotionName, removeModalMode } from '../../utils';
 let mousePosition;
 const getClickPosition = (event) => {
     mousePosition = {
@@ -24,17 +24,26 @@ export function Modal(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'modal'), [config, prefixCls]);
     const defaultMaskTransitionName = React.useMemo(() => getMotionName(prefixCls || config.prefixCls, 'fade'), [config.prefixCls, prefixCls]);
     const defaultTransitionName = React.useMemo(() => getMotionName(prefixCls || config.prefixCls, 'zoom'), [config.prefixCls, prefixCls]);
+    const afterClose = React.useCallback(() => {
+        removeModalMode(`${prefixCls || config.prefixCls}-modal-page`);
+        onClosed?.();
+    }, [config.prefixCls, onClosed, prefixCls]);
+    React.useEffect(() => {
+        if (visible) {
+            addModalMode(`${prefixCls || config.prefixCls}-modal-page`);
+        }
+    }, [config.prefixCls, prefixCls, visible]);
     return (React.createElement(Dialog, { className: classNames(className, {
             [`${rootCls}-centered`]: centered && !full,
-            [`${rootCls}-full`]: full && !centered,
-        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, onClose: onClose, afterClose: onClosed, classNames: {
+        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, onClose: onClose, afterClose: afterClose, classNames: {
             ...restProps.classNames,
-            section: classNames(`${rootCls}-content`, restProps.classNames?.section),
+            wrapper: classNames({
+                [`${rootCls}-full`]: full && !centered,
+            }),
         }, closable: false, closeIcon: null },
-        closable
-            && (closeIcon || (React.createElement(Close, { className: classNames({
-                    [`${rootCls}-close-default`]: !full,
-                    [`${rootCls}-close-full`]: full,
-                }), component: "button", onClick: onClose }))),
+        closable && (closeIcon || (React.createElement(Close, { className: classNames({
+                [`${rootCls}-close-default`]: !full,
+                [`${rootCls}-close-full`]: full,
+            }), component: "button", onClick: onClose }))),
         children));
 }

package/dist/esm/components/Tabs/index.d.ts

@@ -8,7 +8,7 @@ export interface Tab {
     className?: string;
     closable?: boolean;
     closeIcon?: React.ReactNode;
-    destroyInactiveTabPane?: boolean;
+    destroyOnHidden?: boolean;
     disabled?: boolean;
     forceRender?: boolean;
     icon?: React.ReactNode;

package/dist/esm/components/Text/index.d.ts

@@ -11,6 +11,7 @@ export type TextOwnProps = {
     dropcap?: boolean;
     italic?: boolean;
     kind?: 'meta' | 'lead' | 'base';
+    loading?: boolean;
     prefixCls?: string;
     size?: 'xsmall' | 'small' | 'large';
     transform?: 'capitalize' | 'uppercase' | 'lowercase';

package/dist/esm/components/Text/index.js

@@ -6,7 +6,7 @@ import { getBreakpointsConfigClasses } from '../../utils';
 const defaultElement = 'span';
 export function Text(props) {
     const config = useConfig();
-    const { align, className, color, column, decoration, dropcap, italic, kind, prefixCls = config.prefixCls, size, transform, verticalAlign, weight, wrap, ...restProps } = props;
+    const { align, className, color, column, decoration, dropcap, italic, kind, loading, prefixCls = config.prefixCls, size, transform, verticalAlign, weight, wrap, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'text'), [config, prefixCls]);
     const alignClassName = React.useMemo(() => (typeof align === 'string'
         ? `${rootCls}-${align}`
@@ -25,5 +25,6 @@ export function Text(props) {
             [`${rootCls}-${wrap}`]: wrap && ['truncate', 'break', 'nowrap'].includes(wrap),
             [`${rootCls}-decoration-none`]: decoration === 'none',
             [`${rootCls}-italic`]: italic,
+            [`${rootCls}-loading`]: loading,
         }, className), component: defaultElement, ...restProps }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@broxus/react-uikit",
-    "version": "0.19.5",
+    "version": "0.20.0",
     "description": "React-based UIkit library",
     "license": "AGPL-3.0",
     "keywords": [
@@ -20,9 +20,10 @@
     },
     "exports": {
         ".": {
-            "import": "./dist/esm/index.js",
+            "types": "./dist/esm/index.d.ts",
+            "node": "./dist/cjs/index.js",
             "require": "./dist/cjs/index.js",
-            "types": "./dist/esm/index.d.ts"
+            "import": "./dist/esm/index.js"
         },
         "./styles/*": "./styles/*",
         "./package.json": "./package.json"
@@ -57,34 +58,39 @@
         "prepare": "npx yarn cleanup && npx yarn build"
     },
     "dependencies": {
-        "@broxus/js-utils": "^1.4.0",
-        "@rc-component/collapse": "^1.0.1",
-        "@rc-component/dialog": "^1.2.0",
-        "@rc-component/drawer": "^1.0.0",
+        "@broxus/js-utils": "^1.4.2",
+        "@rc-component/collapse": "^1.1.0",
+        "@rc-component/dialog": "^1.4.0",
+        "@rc-component/drawer": "^1.1.0",
         "@rc-component/dropdown": "^1.0.0",
-        "@rc-component/input-number": "^1.1.0",
+        "@rc-component/input": "^1.1.0",
+        "@rc-component/input-number": "^1.2.0",
         "@rc-component/motion": "^1.1.4",
         "@rc-component/picker": "^1.3.0",
         "@rc-component/resize-observer": "^1.0.0",
-        "@rc-component/segmented": "^1.1.0",
-        "@rc-component/select": "^1.0.3",
+        "@rc-component/segmented": "^1.2.1",
+        "@rc-component/select": "^1.1.3",
         "@rc-component/switch": "^1.0.0",
-        "@rc-component/tabs": "^1.4.1",
-        "@rc-component/textarea": "^1.0.0",
-        "@rc-component/trigger": "^3.2.0",
-        "@rc-component/util": "^1.2.1",
+        "@rc-component/tabs": "^1.5.1",
+        "@rc-component/textarea": "^1.1.0",
+        "@rc-component/trigger": "^3.5.2",
+        "@rc-component/util": "^1.2.2",
         "classnames": "^2.5.1",
         "rc-motion": "npm:@rc-component/motion@^1.1.4",
         "rc-overflow": "^1.4.1",
         "rc-resize-observer": "npm:@rc-component/resize-observer@^1.0.0",
         "rc-slider": "^11.1.8",
-        "rc-util": "npm:@rc-component/util@^1.2.1",
+        "rc-util": "npm:@rc-component/util@^1.2.2",
         "shallowequal": "^1.1.0",
-        "uikit": "^3.23.6"
+        "uikit": "^3.23.11"
+    },
+    "optionalDependencies": {
+        "luxon": "^3.7.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.x || ^18.x || ^19.x",
-        "react-dom": "^16.8.0 || ^17.x || ^18.x || ^19.x"
+        "luxon": "^3.7.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     },
-    "gitHead": "b381e347e474e7ef4e7596d31915fd37dcce4148"
+    "gitHead": "dd4f4796db2f624810e4a6c38bb5f0f082b0014d"
 }

package/styles/mixins.scss

@@ -1497,7 +1497,7 @@
 //@mixin hook-padding-misc() {}
 
 //@mixin hook-modal() {}
-//@mixin hook-modal-content() {}
+//@mixin hook-modal-container() {}
 //@mixin hook-modal-mask() {}
 //@mixin hook-modal-full() {}
 //@mixin hook-modal-header() {}

package/styles/modal.scss

@@ -41,6 +41,7 @@
     outline: 0 none;
     -webkit-overflow-scrolling: touch;
     overflow-y: auto;
+    padding: var(--modal-padding-vertical) var(--modal-padding-horizontal);
     position: fixed;
     z-index: var(--modal-z-index);
 }
@@ -49,8 +50,7 @@
     box-sizing: border-box;
     height: 100%;
     margin: 0 auto;
-    max-width: calc(100vw - 32px);
-    padding: var(--modal-padding-vertical) var(--modal-padding-horizontal);
+    max-width: 100%;
     pointer-events: none;
     width: var(--modal-width);
     z-index: var(--modal-z-index);
@@ -61,14 +61,14 @@
 
 /* Phone landscape and bigger */
 @media (min-width: $breakpoint-small) {
-    .uk-modal {
+    .uk-modal-wrap {
         padding: var(--modal-padding-vertical-s) var(--modal-padding-horizontal-s);
     }
 }
 
 /* Tablet landscape and bigger */
 @media (min-width: $breakpoint-medium) {
-    .uk-modal {
+    .uk-modal-wrap {
         padding-left: var(--modal-padding-horizontal-m);
         padding-right: var(--modal-padding-horizontal-m);
     }
@@ -99,18 +99,17 @@
  * 5. Slide-in transition
  */
 
-.uk-modal-content {
+.uk-modal-container {
     /* 4 */
-    background: var(--modal-content-background);
+    background: var(--modal-background);
 
     /* 2 */
     box-sizing: border-box;
     max-width: calc(100% - 0.01px);
     pointer-events: auto;
     position: relative;
-    width: 100%;
-    @if meta.mixin-exists('hook-modal-content') {
-        @include hook-modal-content;
+    @if meta.mixin-exists('hook-modal-container') {
+        @include hook-modal-container;
     }
 }
 
@@ -148,15 +147,6 @@
 /* Size modifier
  ========================================================================== */
 
-/*
- * Container size
- * Take the same size as the Container component
- */
-
-.uk-modal-container .uk-modal-content {
-    width: var(--modal-container-width);
-}
-
 /*
  * Full size
  * 1. Remove padding and background from modal
@@ -171,7 +161,7 @@
 }
 
 /* 2 */
-.uk-modal-full .uk-modal-content {
+.uk-modal-full .uk-modal {
     height: 100%;
     margin: 0;
     max-width: 100%;
@@ -353,14 +343,13 @@
 :root {
     --modal-z-index: calc(var(--global-z-index) + 10);
     --modal-mask-background: #{$modal-mask-background};
+    --modal-background: var(--global-background);
     --modal-padding-horizontal: #{$modal-padding-horizontal};
     --modal-padding-horizontal-s: var(--global-gutter);
     --modal-padding-horizontal-m: var(--global-medium-gutter);
     --modal-padding-vertical: var(--modal-padding-horizontal);
     --modal-padding-vertical-s: #{$modal-padding-vertical-s};
     --modal-width: #{$modal-width};
-    --modal-content-background: var(--global-background);
-    --modal-container-width: #{$modal-container-width};
     --modal-body-padding-horizontal: var(--global-gutter);
     --modal-body-padding-vertical: var(--global-gutter);
     --modal-header-background: var(--global-muted-background);

package/styles/text.scss

@@ -161,6 +161,44 @@
     }
 }
 
+/* Loading modifier
+ ========================================================================== */
+
+.uk-text-loading {
+    animation: uk-text-loading 1.65s infinite both linear;
+    -webkit-background-clip: text;
+    background-size: 200% 100%;
+    display: inline-block;
+    position: relative;
+    -webkit-text-fill-color: transparent;
+}
+
+@supports (-webkit-background-clip: text) {
+    .uk-text-loading {
+        background-image: linear-gradient(
+                90deg,
+                var(--text-loading-color) 25%,
+                var(--text-loading-emphasis-color) 50%,
+                var(--text-loading-color) 75%
+        );
+        color: transparent !important;
+
+        @if meta.mixin-exists('hook-text-loading') {
+            @include hook-text-loading;
+        }
+    }
+}
+
+@keyframes uk-text-loading {
+    0% {
+        background-position: 200% 0;
+    }
+
+    100% {
+        background-position: -200% 0;
+    }
+}
+
 
 /* Alignment modifiers
  ========================================================================== */
@@ -307,6 +345,8 @@ td.uk-text-break { word-break: break-all; }
     --text-warning-color: var(--global-warning-color);
     --text-danger-color: var(--global-danger-color);
     --text-background-color: var(--global-primary-background);
+    --text-loading-color: var(--global-color);
+    --text-loading-emphasis-color: var(--global-muted-color);
 
     // Inverse
     --inverse-text-lead-color: var(--inverse-global-color);