@preply/ds-web-lib 9.0.0 → 9.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AlertBannerProvider-DqKYu7mr.js → AlertBannerProvider-DdHf1KzM.js} +16 -10
- package/dist/Dialog.module-Ba1X7b3N.js +29 -0
- package/dist/{IconTile-CNkN8foG.js → IconTile-CO0yr9Fr.js} +1 -1
- package/dist/assets/Accordion.css +2 -2
- package/dist/assets/AlertBannerProvider.css +2 -2
- package/dist/assets/AlertDialog.css +2 -2
- package/dist/assets/Avatar.css +3 -3
- package/dist/assets/AvatarWithStatus.css +2 -2
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/Box.css +3 -3
- package/dist/assets/BubbleCounter.css +1 -1
- package/dist/assets/Button.css +4 -4
- package/dist/assets/ButtonBase.css +4 -4
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Chips.css +2 -2
- package/dist/assets/ChipsPrimitive.css +2 -2
- package/dist/assets/CountryFlag.css +1 -1
- package/dist/assets/Dialog.css +75 -78
- package/dist/assets/Divider.css +1 -1
- package/dist/assets/DropdownMenu.css +2 -2
- package/dist/assets/FieldButton.css +3 -3
- package/dist/assets/FormControl.css +1 -1
- package/dist/assets/Heading.css +3 -3
- package/dist/assets/Icon.css +3 -3
- package/dist/assets/IconTile.css +1 -1
- package/dist/assets/InputContainer.css +2 -2
- package/dist/assets/LayoutFlex.css +1 -1
- package/dist/assets/LayoutFlexItem.css +1 -1
- package/dist/assets/Link.css +3 -3
- package/dist/assets/Loader.css +1 -1
- package/dist/assets/OnboardingTooltip.css +1 -1
- package/dist/assets/OnboardingTour.css +1 -1
- package/dist/assets/PreplyLogo.css +1 -1
- package/dist/assets/ProgressBar.css +1 -1
- package/dist/assets/ProgressSteps.css +1 -1
- package/dist/assets/Select.css +2 -2
- package/dist/assets/Slider.css +1 -1
- package/dist/assets/Spinner.css +3 -3
- package/dist/assets/Stars.css +3 -3
- package/dist/assets/Steps.css +2 -2
- package/dist/assets/Switch.css +1 -1
- package/dist/assets/Text.css +3 -3
- package/dist/assets/TextHighlighted.css +3 -3
- package/dist/assets/TextInline.css +3 -3
- package/dist/assets/Toast.css +2 -2
- package/dist/assets/Tooltip.css +1 -1
- package/dist/assets/align-self.css +1 -1
- package/dist/assets/exp-color.css +2 -2
- package/dist/assets/index.css +1 -1
- package/dist/assets/layout-gap.css +3 -3
- package/dist/assets/layout-grid.css +3 -3
- package/dist/assets/layout-hide.css +1 -1
- package/dist/assets/layout-padding.css +3 -3
- package/dist/assets/layout-relative.css +1 -1
- package/dist/assets/text-accent.css +2 -2
- package/dist/assets/text-centered.css +1 -1
- package/dist/assets/text-weight.css +2 -2
- package/dist/components/AlertBanner/AlertBanner.js +1 -1
- package/dist/components/AlertBanner/AlertBannerProvider.d.ts +1 -1
- package/dist/components/AlertBanner/AlertBannerProvider.d.ts.map +1 -1
- package/dist/components/AlertBanner/AlertBannerProvider.js +1 -1
- package/dist/components/AlertBanner/index.js +2 -2
- package/dist/components/AlertBanner/primitives/AlertBannerAction.js +2 -2
- package/dist/components/AlertBanner/primitives/AlertBannerIcon.js +1 -1
- package/dist/components/AlertBanner/primitives/AlertBannerRoot.js +1 -1
- package/dist/components/AlertBanner/primitives/AlertBannerText.js +2 -2
- package/dist/components/AlertBanner/primitives/index.js +1 -1
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.js +4 -3
- package/dist/components/Dialog/DialogSteps.d.ts.map +1 -1
- package/dist/components/Dialog/DialogSteps.js +5 -4
- package/dist/components/Dialog/primitives/DialogActions.d.ts.map +1 -1
- package/dist/components/Dialog/primitives/DialogActions.js +1 -2
- package/dist/components/Dialog/primitives/DialogButtonStack.d.ts.map +1 -1
- package/dist/components/Dialog/primitives/DialogButtonStack.js +3 -2
- package/dist/components/Dialog/primitives/DialogCloseButton.js +1 -1
- package/dist/components/Dialog/primitives/DialogDescription.js +1 -1
- package/dist/components/Dialog/primitives/DialogFooter.d.ts.map +1 -1
- package/dist/components/Dialog/primitives/DialogFooter.js +7 -8
- package/dist/components/Dialog/primitives/DialogRoot.d.ts +3 -1
- package/dist/components/Dialog/primitives/DialogRoot.d.ts.map +1 -1
- package/dist/components/Dialog/primitives/DialogRoot.js +20 -8
- package/dist/components/Dialog/primitives/DialogTitle.js +1 -1
- package/dist/components/IconTile/IconTile.js +2 -2
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +17 -3
- package/dist/index.js +17 -3
- package/package.json +12 -12
- package/dist/Dialog.module-CuVE-KQX.js +0 -69
|
@@ -5,10 +5,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
5
5
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
import React__default, { useCallback, useState, useEffect } from "react";
|
|
8
|
-
import {
|
|
8
|
+
import { getDatasetProps } from "@preply/ds-web-core";
|
|
9
9
|
import { usePortalElement } from "@preply/ds-web-root";
|
|
10
10
|
import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
|
|
11
|
-
import { s as styles } from "../../../Dialog.module-
|
|
11
|
+
import { s as styles } from "../../../Dialog.module-Ba1X7b3N.js";
|
|
12
12
|
import { N as NOOP, u as useRenderElement, a as useRefWithInit, E as EMPTY_OBJECT } from "../../../useRenderElement-BSthtPOr.js";
|
|
13
13
|
import { u as useEventCallback, a as useIsoLayoutEffect } from "../../../floating-ui.utils.dom-BvMNldxo.js";
|
|
14
14
|
import { u as useTransitionStatus, a as useOpenInteractionType, b as useOpenChangeComplete, c as useFloatingRootContext, d as useRole, e as useClick, f as useDismiss, g as useScrollLock, h as useInteractions, i as getTarget, p as popupStateMapping, t as transitionStatusMapping, C as CommonPopupDataAttributes, j as COMPOSITE_KEYS, I as InternalBackdrop, k as inertValue, F as FloatingFocusManager, l as FloatingPortal, m as getEmptyContext } from "../../../useOpenInteractionType-CigEtzqy.js";
|
|
@@ -1406,14 +1406,13 @@ const DialogRoot2 = ({
|
|
|
1406
1406
|
onOpen == null ? void 0 : onOpen();
|
|
1407
1407
|
}
|
|
1408
1408
|
}, [onClose, onOpen]);
|
|
1409
|
-
const
|
|
1410
|
-
const classNames = [styles.dialog, ...sizeClassNames, mobileFullHeight && styles["dialog--fullheight"], className].filter(Boolean).join(" ");
|
|
1409
|
+
const classNames = [styles.dialog, className].filter(Boolean).join(" ");
|
|
1411
1410
|
const datasetProps = getDatasetProps(dataset, {
|
|
1412
|
-
preplyDsComponent: webComponentNames.
|
|
1411
|
+
preplyDsComponent: webComponentNames.DialogRoot
|
|
1413
1412
|
});
|
|
1414
1413
|
return /* @__PURE__ */ jsx(DialogRoot$1, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPortal, { container, children: [
|
|
1415
|
-
overlay && /* @__PURE__ */ jsx(DialogBackdrop, { className: styles.overlay, forceRender: true, "data-testid": "dialog-overlay" }),
|
|
1416
|
-
/* @__PURE__ */ jsx(DialogPopup, { ref: respondToHeightChange, className: classNames, ...datasetProps, ...props, children })
|
|
1414
|
+
overlay && /* @__PURE__ */ jsx(DialogBackdrop, { className: styles.overlay, forceRender: true, "data-testid": "dialog-overlay", "data-preply-ds-component": webComponentNames.DialogOverlay }),
|
|
1415
|
+
/* @__PURE__ */ jsx(DialogPopup, { ref: respondToHeightChange, className: classNames, ...getResponsiveSizeAttributes(size), "data-mobile-full-height": mobileFullHeight ? "" : void 0, ...datasetProps, ...props, children })
|
|
1417
1416
|
] }) });
|
|
1418
1417
|
};
|
|
1419
1418
|
function useResponsiveFullHeightStyle(isOpen) {
|
|
@@ -1429,7 +1428,7 @@ function useResponsiveFullHeightStyle(isOpen) {
|
|
|
1429
1428
|
const {
|
|
1430
1429
|
y
|
|
1431
1430
|
} = el.getBoundingClientRect();
|
|
1432
|
-
el.
|
|
1431
|
+
el.toggleAttribute("data-no-border-radius", y === 0);
|
|
1433
1432
|
};
|
|
1434
1433
|
toggleFullHeight();
|
|
1435
1434
|
window.addEventListener("resize", toggleFullHeight);
|
|
@@ -1442,6 +1441,19 @@ function useResponsiveFullHeightStyle(isOpen) {
|
|
|
1442
1441
|
}, [isOpen, el]);
|
|
1443
1442
|
return captureRef;
|
|
1444
1443
|
}
|
|
1444
|
+
function getResponsiveSizeAttributes(size) {
|
|
1445
|
+
if (typeof size === "string") return {
|
|
1446
|
+
"data-size": size
|
|
1447
|
+
};
|
|
1448
|
+
const dataAttrs = {};
|
|
1449
|
+
if (typeof size._ === "string") dataAttrs["data-size"] = size._;
|
|
1450
|
+
if (typeof size["narrow-l"] === "string") dataAttrs["data-size-narrow-l"] = size["narrow-l"];
|
|
1451
|
+
if (typeof size["medium-s"] === "string") dataAttrs["data-size-medium-s"] = size["medium-s"];
|
|
1452
|
+
if (typeof size["medium-l"] === "string") dataAttrs["data-size-medium-l"] = size["medium-l"];
|
|
1453
|
+
if (typeof size["wide-s"] === "string") dataAttrs["data-size-wide-s"] = size["wide-s"];
|
|
1454
|
+
if (typeof size["wide-l"] === "string") dataAttrs["data-size-wide-l"] = size["wide-l"];
|
|
1455
|
+
return dataAttrs;
|
|
1456
|
+
}
|
|
1445
1457
|
export {
|
|
1446
1458
|
DialogRoot2 as DialogRoot
|
|
1447
1459
|
};
|
|
@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { forwardRef } from "react";
|
|
5
5
|
import { getDatasetProps } from "@preply/ds-web-core";
|
|
6
|
-
import { s as styles } from "../../../Dialog.module-
|
|
6
|
+
import { s as styles } from "../../../Dialog.module-Ba1X7b3N.js";
|
|
7
7
|
import { u as useDialogRootContext } from "../../../DialogRootContext-BCXmmJAw.js";
|
|
8
8
|
import { u as useRenderElement } from "../../../useRenderElement-BSthtPOr.js";
|
|
9
9
|
import { u as useBaseUiId } from "../../../useBaseUiId-DavsGYu9.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "@preply/ds-web-core";
|
|
3
3
|
import "react";
|
|
4
|
-
import { I } from "../../IconTile-
|
|
4
|
+
import { I } from "../../IconTile-CO0yr9Fr.js";
|
|
5
5
|
import "@preply/ds-visual-coverage-preply-component-names";
|
|
6
6
|
import "../Accordion/Accordion.js";
|
|
7
7
|
import "../AlertDialog/AlertDialog.js";
|
|
8
|
-
import "../../AlertBannerProvider-
|
|
8
|
+
import "../../AlertBannerProvider-DdHf1KzM.js";
|
|
9
9
|
import "../AlertBanner/primitives/AlertBannerIcon.js";
|
|
10
10
|
import "../AlertBanner/primitives/AlertBannerRoot.js";
|
|
11
11
|
import "../Avatar/Avatar.js";
|
|
@@ -15,7 +15,7 @@ export { SingleSelectChips, type SingleSelectChipsProps, SingleSelectChipsItem,
|
|
|
15
15
|
export { MultiSelectChips, type MultiSelectChipsProps, MultiSelectChipsItem, type MultiSelectChipsItemProps, } from './Chips/MultiSelectChips';
|
|
16
16
|
export { DismissibleChips, type DismissibleChipsProps, DismissibleChipsItem, type DismissibleChipsItemProps, } from './Chips/DismissibleChips';
|
|
17
17
|
export { createOnboardingTour } from './OnboardingTour/OnboardingTour';
|
|
18
|
-
export
|
|
18
|
+
export * from './Dialog';
|
|
19
19
|
export { Divider, type DividerProps } from './Divider/Divider';
|
|
20
20
|
export { DropdownMenu, type DropdownMenuProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownSubmenu, type DropdownSubmenuProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSelect, type DropdownMenuSelectProps, DropdownMenuSelectOption, type DropdownMenuSelectOptionProps, } from './DropdownMenu/DropdownMenu';
|
|
21
21
|
export { FieldButton, type FieldButtonProps } from './FieldButton/FieldButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,eAAe,EACf,KAAK,oBAAoB,EACzB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,eAAe,EACf,KAAK,oBAAoB,EACzB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,GAC1B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACH,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,0BAA0B,EAC1B,KAAK,+BAA+B,EACpC,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,qBAAqB,EACrB,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,GAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EACH,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,qBAAqB,EACrB,KAAK,0BAA0B,GAClC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACH,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,KAAK,yBAAyB,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACH,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,KAAK,yBAAyB,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Accordion, AccordionContent, AccordionHeader, AccordionItem } from "./Accordion/Accordion.js";
|
|
2
2
|
import { AlertDialog } from "./AlertDialog/AlertDialog.js";
|
|
3
|
-
import { A } from "../AlertBannerProvider-
|
|
3
|
+
import { A } from "../AlertBannerProvider-DdHf1KzM.js";
|
|
4
4
|
import { AlertBanner } from "./AlertBanner/AlertBanner.js";
|
|
5
5
|
import { AlertBannerCriticalIcon, AlertBannerIcon, AlertBannerPositiveIcon, AlertBannerWarningIcon } from "./AlertBanner/primitives/AlertBannerIcon.js";
|
|
6
6
|
import { AlertBannerRoot } from "./AlertBanner/primitives/AlertBannerRoot.js";
|
|
7
|
-
import { A as A2, a, I } from "../IconTile-
|
|
7
|
+
import { A as A2, a, I } from "../IconTile-CO0yr9Fr.js";
|
|
8
8
|
import { Avatar } from "./Avatar/Avatar.js";
|
|
9
9
|
import { AvatarWithStatus } from "./AvatarWithStatus/AvatarWithStatus.js";
|
|
10
10
|
import { Badge } from "./Badge/Badge.js";
|
|
@@ -64,7 +64,13 @@ import { IntlFormattedDate } from "./IntlFormatted/IntlFormattedDate.js";
|
|
|
64
64
|
import { IntlFormattedTime } from "./IntlFormatted/IntlFormattedTime.js";
|
|
65
65
|
import { usePortalElement } from "@preply/ds-web-root";
|
|
66
66
|
import { DialogActions } from "./Dialog/primitives/DialogActions.js";
|
|
67
|
-
import { DialogStep, DialogSteps, DialogStepsActions } from "./Dialog/DialogSteps.js";
|
|
67
|
+
import { DialogStep, DialogSteps, DialogStepsActions, DialogStepsNext, DialogStepsPrevious } from "./Dialog/DialogSteps.js";
|
|
68
|
+
import { DialogRoot } from "./Dialog/primitives/DialogRoot.js";
|
|
69
|
+
import { DialogCloseButton } from "./Dialog/primitives/DialogCloseButton.js";
|
|
70
|
+
import { DialogFooter } from "./Dialog/primitives/DialogFooter.js";
|
|
71
|
+
import { DialogTitle } from "./Dialog/primitives/DialogTitle.js";
|
|
72
|
+
import { DialogDescription } from "./Dialog/primitives/DialogDescription.js";
|
|
73
|
+
import { DialogButtonStack } from "./Dialog/primitives/DialogButtonStack.js";
|
|
68
74
|
export {
|
|
69
75
|
Accordion,
|
|
70
76
|
AccordionContent,
|
|
@@ -99,9 +105,17 @@ export {
|
|
|
99
105
|
CountryFlag,
|
|
100
106
|
Dialog,
|
|
101
107
|
DialogActions,
|
|
108
|
+
DialogButtonStack,
|
|
109
|
+
DialogCloseButton,
|
|
110
|
+
DialogDescription,
|
|
111
|
+
DialogFooter,
|
|
112
|
+
DialogRoot,
|
|
102
113
|
DialogStep,
|
|
103
114
|
DialogSteps,
|
|
104
115
|
DialogStepsActions,
|
|
116
|
+
DialogStepsNext,
|
|
117
|
+
DialogStepsPrevious,
|
|
118
|
+
DialogTitle,
|
|
105
119
|
DismissibleChips,
|
|
106
120
|
DismissibleChipsItem,
|
|
107
121
|
Divider,
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Accordion, AccordionContent, AccordionHeader, AccordionItem } from "./components/Accordion/Accordion.js";
|
|
2
2
|
import { AlertDialog } from "./components/AlertDialog/AlertDialog.js";
|
|
3
|
-
import { A } from "./AlertBannerProvider-
|
|
3
|
+
import { A } from "./AlertBannerProvider-DdHf1KzM.js";
|
|
4
4
|
import { AlertBanner } from "./components/AlertBanner/AlertBanner.js";
|
|
5
5
|
import { AlertBannerCriticalIcon, AlertBannerIcon, AlertBannerPositiveIcon, AlertBannerWarningIcon } from "./components/AlertBanner/primitives/AlertBannerIcon.js";
|
|
6
6
|
import { AlertBannerRoot } from "./components/AlertBanner/primitives/AlertBannerRoot.js";
|
|
7
|
-
import { A as A2, a, I } from "./IconTile-
|
|
7
|
+
import { A as A2, a, I } from "./IconTile-CO0yr9Fr.js";
|
|
8
8
|
import { Avatar } from "./components/Avatar/Avatar.js";
|
|
9
9
|
import { AvatarWithStatus } from "./components/AvatarWithStatus/AvatarWithStatus.js";
|
|
10
10
|
import { Badge } from "./components/Badge/Badge.js";
|
|
@@ -64,7 +64,13 @@ import { IntlFormattedDate } from "./components/IntlFormatted/IntlFormattedDate.
|
|
|
64
64
|
import { IntlFormattedTime } from "./components/IntlFormatted/IntlFormattedTime.js";
|
|
65
65
|
import { usePortalElement } from "@preply/ds-web-root";
|
|
66
66
|
import { DialogActions } from "./components/Dialog/primitives/DialogActions.js";
|
|
67
|
-
import { DialogStep, DialogSteps, DialogStepsActions } from "./components/Dialog/DialogSteps.js";
|
|
67
|
+
import { DialogStep, DialogSteps, DialogStepsActions, DialogStepsNext, DialogStepsPrevious } from "./components/Dialog/DialogSteps.js";
|
|
68
|
+
import { DialogRoot } from "./components/Dialog/primitives/DialogRoot.js";
|
|
69
|
+
import { DialogCloseButton } from "./components/Dialog/primitives/DialogCloseButton.js";
|
|
70
|
+
import { DialogFooter } from "./components/Dialog/primitives/DialogFooter.js";
|
|
71
|
+
import { DialogTitle } from "./components/Dialog/primitives/DialogTitle.js";
|
|
72
|
+
import { DialogDescription } from "./components/Dialog/primitives/DialogDescription.js";
|
|
73
|
+
import { DialogButtonStack } from "./components/Dialog/primitives/DialogButtonStack.js";
|
|
68
74
|
export {
|
|
69
75
|
Accordion,
|
|
70
76
|
AccordionContent,
|
|
@@ -99,9 +105,17 @@ export {
|
|
|
99
105
|
CountryFlag,
|
|
100
106
|
Dialog,
|
|
101
107
|
DialogActions,
|
|
108
|
+
DialogButtonStack,
|
|
109
|
+
DialogCloseButton,
|
|
110
|
+
DialogDescription,
|
|
111
|
+
DialogFooter,
|
|
112
|
+
DialogRoot,
|
|
102
113
|
DialogStep,
|
|
103
114
|
DialogSteps,
|
|
104
115
|
DialogStepsActions,
|
|
116
|
+
DialogStepsNext,
|
|
117
|
+
DialogStepsPrevious,
|
|
118
|
+
DialogTitle,
|
|
105
119
|
DismissibleChips,
|
|
106
120
|
DismissibleChipsItem,
|
|
107
121
|
Divider,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.1.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -34,21 +34,21 @@
|
|
|
34
34
|
"usehooks-ts": "^3.1.1"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
|
-
"@preply/ds-core": "9.
|
|
38
|
-
"@preply/ds-media-icons": "9.
|
|
39
|
-
"@preply/ds-visual-coverage-preply-component-names": "9.
|
|
40
|
-
"@preply/ds-web-core": "9.
|
|
41
|
-
"@preply/ds-web-root": "9.
|
|
37
|
+
"@preply/ds-core": "9.1.0",
|
|
38
|
+
"@preply/ds-media-icons": "9.1.0",
|
|
39
|
+
"@preply/ds-visual-coverage-preply-component-names": "9.1.0",
|
|
40
|
+
"@preply/ds-web-core": "9.1.0",
|
|
41
|
+
"@preply/ds-web-root": "9.1.0",
|
|
42
42
|
"react": "^16 || ^18",
|
|
43
43
|
"react-dom": "^16 || ^18",
|
|
44
44
|
"react-intl": "^6.5.5"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@preply/ds-core": "9.
|
|
48
|
-
"@preply/ds-media-icons": "9.
|
|
49
|
-
"@preply/ds-visual-coverage-preply-component-names": "9.
|
|
50
|
-
"@preply/ds-web-core": "9.
|
|
51
|
-
"@preply/ds-web-root": "9.
|
|
47
|
+
"@preply/ds-core": "9.1.0",
|
|
48
|
+
"@preply/ds-media-icons": "9.1.0",
|
|
49
|
+
"@preply/ds-visual-coverage-preply-component-names": "9.1.0",
|
|
50
|
+
"@preply/ds-web-core": "9.1.0",
|
|
51
|
+
"@preply/ds-web-root": "9.1.0",
|
|
52
52
|
"@storybook/react-vite": "10.1.4",
|
|
53
53
|
"@testing-library/react": "16.3.0",
|
|
54
54
|
"@types/react-is": "^18.2.0",
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"vite-plugin-svgr": "4.5.0",
|
|
65
65
|
"vitest-browser-react": "^0.1.1"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "89047c8c022b9c864f5ab6bdb0d61199caa27137"
|
|
68
68
|
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import './assets/Dialog.css';const dialog = "dialog__80F7X";
|
|
2
|
-
const slideInUp = "slideInUp__Ni5JT";
|
|
3
|
-
const slideOutDown = "slideOutDown__g4ZMG";
|
|
4
|
-
const footer = "footer__xkM-4";
|
|
5
|
-
const opacityIn = "opacityIn__p29KJ";
|
|
6
|
-
const opacityOut = "opacityOut__4QmKk";
|
|
7
|
-
const slidesUp = "slidesUp__P7Bjm";
|
|
8
|
-
const slideOutUp = "slideOutUp__FRb6L";
|
|
9
|
-
const overlay = "overlay__otkvG";
|
|
10
|
-
const close = "close__-TGOq";
|
|
11
|
-
const title = "title__tGVp1";
|
|
12
|
-
const description = "description__84a0F";
|
|
13
|
-
const header = "header__ADm9A";
|
|
14
|
-
const scrollEndDetector = "scrollEndDetector__Zrfqq";
|
|
15
|
-
const sticky = "sticky__fB3an";
|
|
16
|
-
const buttonStack = "buttonStack__KhEjj";
|
|
17
|
-
const stepControls = "stepControls__FoOIr";
|
|
18
|
-
const previous = "previous__q2IlS";
|
|
19
|
-
const next = "next__h6v4X";
|
|
20
|
-
const styles = {
|
|
21
|
-
dialog,
|
|
22
|
-
slideInUp,
|
|
23
|
-
slideOutDown,
|
|
24
|
-
"dialog--fullheight": "dialog--fullheight__9hYfm",
|
|
25
|
-
"no-border-radius": "no-border-radius__sLZ8A",
|
|
26
|
-
footer,
|
|
27
|
-
opacityIn,
|
|
28
|
-
opacityOut,
|
|
29
|
-
slidesUp,
|
|
30
|
-
slideOutUp,
|
|
31
|
-
"dialog--size-xs": "dialog--size-xs__86lDW",
|
|
32
|
-
"dialog--size-sm": "dialog--size-sm__zlBiL",
|
|
33
|
-
"dialog--size-md": "dialog--size-md__O2zSS",
|
|
34
|
-
"dialog--size-lg": "dialog--size-lg__E9kM0",
|
|
35
|
-
"dialog--narrow-l--size-xs": "dialog--narrow-l--size-xs__CCtfn",
|
|
36
|
-
"dialog--medium-s--size-xs": "dialog--medium-s--size-xs__uw7Ob",
|
|
37
|
-
"dialog--medium-l--size-xs": "dialog--medium-l--size-xs__lmMcL",
|
|
38
|
-
"dialog--wide-s--size-xs": "dialog--wide-s--size-xs__AzI8n",
|
|
39
|
-
"dialog--wide-l--size-xs": "dialog--wide-l--size-xs__jhPFX",
|
|
40
|
-
"dialog--narrow-l--size-sm": "dialog--narrow-l--size-sm__DYeNC",
|
|
41
|
-
"dialog--medium-s--size-sm": "dialog--medium-s--size-sm__baCNa",
|
|
42
|
-
"dialog--medium-l--size-sm": "dialog--medium-l--size-sm__Oy6nP",
|
|
43
|
-
"dialog--wide-s--size-sm": "dialog--wide-s--size-sm__g8GpB",
|
|
44
|
-
"dialog--wide-l--size-sm": "dialog--wide-l--size-sm__h0xzy",
|
|
45
|
-
"dialog--narrow-l--size-md": "dialog--narrow-l--size-md__0rLFg",
|
|
46
|
-
"dialog--medium-s--size-md": "dialog--medium-s--size-md__f64sr",
|
|
47
|
-
"dialog--medium-l--size-md": "dialog--medium-l--size-md__ga4RE",
|
|
48
|
-
"dialog--wide-s--size-md": "dialog--wide-s--size-md__sLaM7",
|
|
49
|
-
"dialog--wide-l--size-md": "dialog--wide-l--size-md__clTT7",
|
|
50
|
-
"dialog--narrow-l--size-lg": "dialog--narrow-l--size-lg__iZQJw",
|
|
51
|
-
"dialog--medium-s--size-lg": "dialog--medium-s--size-lg__nx1H1",
|
|
52
|
-
"dialog--medium-l--size-lg": "dialog--medium-l--size-lg__qxGb-",
|
|
53
|
-
"dialog--wide-s--size-lg": "dialog--wide-s--size-lg__q5Nvs",
|
|
54
|
-
"dialog--wide-l--size-lg": "dialog--wide-l--size-lg__fgQ7x",
|
|
55
|
-
overlay,
|
|
56
|
-
close,
|
|
57
|
-
title,
|
|
58
|
-
description,
|
|
59
|
-
header,
|
|
60
|
-
scrollEndDetector,
|
|
61
|
-
sticky,
|
|
62
|
-
buttonStack,
|
|
63
|
-
stepControls,
|
|
64
|
-
previous,
|
|
65
|
-
next
|
|
66
|
-
};
|
|
67
|
-
export {
|
|
68
|
-
styles as s
|
|
69
|
-
};
|