@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.
Files changed (90) hide show
  1. package/dist/{AlertBannerProvider-DqKYu7mr.js → AlertBannerProvider-DdHf1KzM.js} +16 -10
  2. package/dist/Dialog.module-Ba1X7b3N.js +29 -0
  3. package/dist/{IconTile-CNkN8foG.js → IconTile-CO0yr9Fr.js} +1 -1
  4. package/dist/assets/Accordion.css +2 -2
  5. package/dist/assets/AlertBannerProvider.css +2 -2
  6. package/dist/assets/AlertDialog.css +2 -2
  7. package/dist/assets/Avatar.css +3 -3
  8. package/dist/assets/AvatarWithStatus.css +2 -2
  9. package/dist/assets/Badge.css +1 -1
  10. package/dist/assets/Box.css +3 -3
  11. package/dist/assets/BubbleCounter.css +1 -1
  12. package/dist/assets/Button.css +4 -4
  13. package/dist/assets/ButtonBase.css +4 -4
  14. package/dist/assets/Checkbox.css +1 -1
  15. package/dist/assets/Chips.css +2 -2
  16. package/dist/assets/ChipsPrimitive.css +2 -2
  17. package/dist/assets/CountryFlag.css +1 -1
  18. package/dist/assets/Dialog.css +75 -78
  19. package/dist/assets/Divider.css +1 -1
  20. package/dist/assets/DropdownMenu.css +2 -2
  21. package/dist/assets/FieldButton.css +3 -3
  22. package/dist/assets/FormControl.css +1 -1
  23. package/dist/assets/Heading.css +3 -3
  24. package/dist/assets/Icon.css +3 -3
  25. package/dist/assets/IconTile.css +1 -1
  26. package/dist/assets/InputContainer.css +2 -2
  27. package/dist/assets/LayoutFlex.css +1 -1
  28. package/dist/assets/LayoutFlexItem.css +1 -1
  29. package/dist/assets/Link.css +3 -3
  30. package/dist/assets/Loader.css +1 -1
  31. package/dist/assets/OnboardingTooltip.css +1 -1
  32. package/dist/assets/OnboardingTour.css +1 -1
  33. package/dist/assets/PreplyLogo.css +1 -1
  34. package/dist/assets/ProgressBar.css +1 -1
  35. package/dist/assets/ProgressSteps.css +1 -1
  36. package/dist/assets/Select.css +2 -2
  37. package/dist/assets/Slider.css +1 -1
  38. package/dist/assets/Spinner.css +3 -3
  39. package/dist/assets/Stars.css +3 -3
  40. package/dist/assets/Steps.css +2 -2
  41. package/dist/assets/Switch.css +1 -1
  42. package/dist/assets/Text.css +3 -3
  43. package/dist/assets/TextHighlighted.css +3 -3
  44. package/dist/assets/TextInline.css +3 -3
  45. package/dist/assets/Toast.css +2 -2
  46. package/dist/assets/Tooltip.css +1 -1
  47. package/dist/assets/align-self.css +1 -1
  48. package/dist/assets/exp-color.css +2 -2
  49. package/dist/assets/index.css +1 -1
  50. package/dist/assets/layout-gap.css +3 -3
  51. package/dist/assets/layout-grid.css +3 -3
  52. package/dist/assets/layout-hide.css +1 -1
  53. package/dist/assets/layout-padding.css +3 -3
  54. package/dist/assets/layout-relative.css +1 -1
  55. package/dist/assets/text-accent.css +2 -2
  56. package/dist/assets/text-centered.css +1 -1
  57. package/dist/assets/text-weight.css +2 -2
  58. package/dist/components/AlertBanner/AlertBanner.js +1 -1
  59. package/dist/components/AlertBanner/AlertBannerProvider.d.ts +1 -1
  60. package/dist/components/AlertBanner/AlertBannerProvider.d.ts.map +1 -1
  61. package/dist/components/AlertBanner/AlertBannerProvider.js +1 -1
  62. package/dist/components/AlertBanner/index.js +2 -2
  63. package/dist/components/AlertBanner/primitives/AlertBannerAction.js +2 -2
  64. package/dist/components/AlertBanner/primitives/AlertBannerIcon.js +1 -1
  65. package/dist/components/AlertBanner/primitives/AlertBannerRoot.js +1 -1
  66. package/dist/components/AlertBanner/primitives/AlertBannerText.js +2 -2
  67. package/dist/components/AlertBanner/primitives/index.js +1 -1
  68. package/dist/components/Dialog/Dialog.d.ts.map +1 -1
  69. package/dist/components/Dialog/Dialog.js +4 -3
  70. package/dist/components/Dialog/DialogSteps.d.ts.map +1 -1
  71. package/dist/components/Dialog/DialogSteps.js +5 -4
  72. package/dist/components/Dialog/primitives/DialogActions.d.ts.map +1 -1
  73. package/dist/components/Dialog/primitives/DialogActions.js +1 -2
  74. package/dist/components/Dialog/primitives/DialogButtonStack.d.ts.map +1 -1
  75. package/dist/components/Dialog/primitives/DialogButtonStack.js +3 -2
  76. package/dist/components/Dialog/primitives/DialogCloseButton.js +1 -1
  77. package/dist/components/Dialog/primitives/DialogDescription.js +1 -1
  78. package/dist/components/Dialog/primitives/DialogFooter.d.ts.map +1 -1
  79. package/dist/components/Dialog/primitives/DialogFooter.js +7 -8
  80. package/dist/components/Dialog/primitives/DialogRoot.d.ts +3 -1
  81. package/dist/components/Dialog/primitives/DialogRoot.d.ts.map +1 -1
  82. package/dist/components/Dialog/primitives/DialogRoot.js +20 -8
  83. package/dist/components/Dialog/primitives/DialogTitle.js +1 -1
  84. package/dist/components/IconTile/IconTile.js +2 -2
  85. package/dist/components/index.d.ts +1 -1
  86. package/dist/components/index.d.ts.map +1 -1
  87. package/dist/components/index.js +17 -3
  88. package/dist/index.js +17 -3
  89. package/package.json +12 -12
  90. 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 { moduleClassNames, stringClassNames, getDatasetProps } from "@preply/ds-web-core";
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-CuVE-KQX.js";
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 sizeClassNames = moduleClassNames(styles, "dialog", [stringClassNames("size", size)]);
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.Dialog
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.classList.toggle(styles["no-border-radius"], y === 0);
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-CuVE-KQX.js";
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-CNkN8foG.js";
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-DqKYu7mr.js";
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 { Dialog, type DialogProps, DialogActions, type DialogActionsProps, DialogSteps, type DialogStepsProps, DialogStep, type DialogStepProps, DialogStepsActions, type DialogStepsActionsProps, } from './Dialog';
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":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
@@ -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-DqKYu7mr.js";
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-CNkN8foG.js";
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-DqKYu7mr.js";
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-CNkN8foG.js";
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.0.0",
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.0.0",
38
- "@preply/ds-media-icons": "9.0.0",
39
- "@preply/ds-visual-coverage-preply-component-names": "9.0.0",
40
- "@preply/ds-web-core": "9.0.0",
41
- "@preply/ds-web-root": "9.0.0",
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.0.0",
48
- "@preply/ds-media-icons": "9.0.0",
49
- "@preply/ds-visual-coverage-preply-component-names": "9.0.0",
50
- "@preply/ds-web-core": "9.0.0",
51
- "@preply/ds-web-root": "9.0.0",
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": "a0b46c59704c7529f5fc2d2af6b8a41dba73ec8e"
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
- };