@databricks/design-system 1.12.15 → 1.12.17

package/dist/theme/gradients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../src/theme/gradients.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IAC3B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,YAAY,CAAC,UAAU,EAAE,OAAO,GAAG,qBAAqB,CAKvE"}

package/dist/theme/index.d.ts

@@ -2,6 +2,7 @@ import borders from './borders';
 import responsive from './breakpoints';
 import { getColors } from './colors';
 import generalVariables, { getShadowVariables } from './generalVariables';
+import { getGradients } from './gradients';
 import spacing from './spacing';
 import typography from './typography';
 export type ComponentTheme = ReturnType<typeof getTheme>;
@@ -11,6 +12,7 @@ export interface ThemeOptions {
 }
 export interface Theme {
     colors: ReturnType<typeof getColors>;
+    gradients: ReturnType<typeof getGradients>;
     spacing: typeof spacing;
     general: typeof generalVariables & ReturnType<typeof getShadowVariables>;
     typography: typeof typography;

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,gBAAgB,EAAE,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IACrC,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,gBAAgB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACzE,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;CACvB;AASD,wBAAgB,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,GAAE,YAA6B,GAAG,KAAK,CAc3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,gBAAgB,EAAE,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IACrC,SAAS,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,gBAAgB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACzE,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;CACvB;AASD,wBAAgB,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,GAAE,YAA6B,GAAG,KAAK,CAe3F"}

package/dist/useMediaQuery-fddfe3fd.js

@@ -0,0 +1,499 @@
+import { forwardRef, useContext, createContext, useLayoutEffect, useEffect, useState } from 'react';
+import { I as Icon, m as DesignSystemEventSuppressInteractionProviderContext, n as DesignSystemEventSuppressInteractionTrueContextValue, a as useDesignSystemTheme, c as useDesignSystemEventComponentCallbacks, d as DesignSystemEventProviderComponentTypes, e as DesignSystemEventProviderAnalyticsEventTypes, f as useNotifyOnFirstView, D as DesignSystemAntDConfigProvider, h as addDebugOutlineIfEnabled, R as RestoreAntDDefaultClsPrefix, C as CloseIcon, x as DangerIcon, B as Button, b as addDebugOutlineStylesIfEnabled, i as getDarkModePortalStyles, w as getShadowScrollStyles, g as getAnimationCss } from './Typography-ed0b1c4d.js';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { Modal as Modal$1 } from 'antd';
+
+function SvgListIcon(props) {
+  return jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...props,
+    children: jsx("path", {
+      fill: "currentColor",
+      d: "M1.5 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M3 2h13v1.5H3zM3 5.5h13V7H3zM3 9h13v1.5H3zM3 12.5h13V14H3zM.75 7a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M1.5 13.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M.75 10.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
+    })
+  });
+}
+const ListIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+  return jsx(Icon, {
+    ref: forwardedRef,
+    ...props,
+    component: SvgListIcon
+  });
+});
+ListIcon.displayName = 'ListIcon';
+var ListIcon$1 = ListIcon;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const ModalContext = /*#__PURE__*/createContext({
+  isInsideModal: true
+});
+const useModalContext = () => useContext(ModalContext);
+const SIZE_PRESETS = {
+  normal: 640,
+  wide: 880
+};
+const getModalEmotionStyles = args => {
+  const {
+    theme,
+    clsPrefix,
+    hasFooter = true,
+    maxedOutHeight
+  } = args;
+  const classNameClose = `.${clsPrefix}-modal-close`;
+  const classNameCloseX = `.${clsPrefix}-modal-close-x`;
+  const classNameTitle = `.${clsPrefix}-modal-title`;
+  const classNameContent = `.${clsPrefix}-modal-content`;
+  const classNameBody = `.${clsPrefix}-modal-body`;
+  const classNameHeader = `.${clsPrefix}-modal-header`;
+  const classNameFooter = `.${clsPrefix}-modal-footer`;
+  const classNameButton = `.${clsPrefix}-btn`;
+  const classNameDropdownTrigger = `.${clsPrefix}-dropdown-button`;
+  const MODAL_PADDING = theme.spacing.lg;
+  const BUTTON_SIZE = theme.general.heightSm;
+  // Needed for moving some of the padding from the header and footer to the content to avoid a scrollbar from appearing
+  // when the content has some interior components that reach the limits of the content div
+  // 8px is an arbitrary value, it still leaves enough padding for the header and footer too to avoid the same problem
+  // from occurring there too
+  const CONTENT_BUFFER = 8;
+  const modalMaxHeight = '90vh';
+  const headerHeight = 64;
+  const footerHeight = hasFooter ? 52 : 0;
+  const bodyMaxHeight = `calc(${modalMaxHeight} - ${headerHeight}px - ${footerHeight}px - ${MODAL_PADDING}px)`;
+  return /*#__PURE__*/css({
+    '&&': {
+      ...addDebugOutlineStylesIfEnabled(theme)
+    },
+    [classNameHeader]: {
+      background: 'transparent',
+      paddingTop: theme.spacing.md,
+      paddingLeft: theme.spacing.lg,
+      paddingRight: theme.spacing.md,
+      paddingBottom: theme.spacing.md
+    },
+    [classNameFooter]: {
+      height: footerHeight,
+      paddingTop: theme.spacing.lg - CONTENT_BUFFER,
+      paddingLeft: MODAL_PADDING,
+      paddingRight: MODAL_PADDING,
+      marginTop: 'auto',
+      [`${classNameButton} + ${classNameButton}`]: {
+        marginLeft: theme.spacing.sm
+      },
+      // Needed to override AntD style for the SplitButton's dropdown button back to its original value
+      [`${classNameDropdownTrigger} > ${classNameButton}:nth-of-type(2)`]: {
+        marginLeft: -1
+      }
+    },
+    [classNameCloseX]: {
+      fontSize: theme.general.iconSize,
+      height: BUTTON_SIZE,
+      width: BUTTON_SIZE,
+      lineHeight: 'normal',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      color: theme.colors.textSecondary
+    },
+    [classNameClose]: {
+      height: BUTTON_SIZE,
+      width: BUTTON_SIZE,
+      // Note: Ant has the close button absolutely positioned, rather than in a flex container with the title.
+      // This magic number is eyeballed to get the close X to align with the title text.
+      margin: '16px 16px 0 0',
+      borderRadius: theme.borders.borderRadiusMd,
+      backgroundColor: theme.colors.actionDefaultBackgroundDefault,
+      borderColor: theme.colors.actionDefaultBackgroundDefault,
+      color: theme.colors.actionDefaultTextDefault,
+      '&:hover': {
+        backgroundColor: theme.colors.actionDefaultBackgroundHover,
+        borderColor: theme.colors.actionDefaultBackgroundHover,
+        color: theme.colors.actionDefaultTextHover
+      },
+      '&:active': {
+        backgroundColor: theme.colors.actionDefaultBackgroundPress,
+        borderColor: theme.colors.actionDefaultBackgroundPress,
+        color: theme.colors.actionDefaultTextPress
+      },
+      '&:focus-visible': {
+        outlineStyle: 'solid',
+        outlineWidth: '2px',
+        outlineOffset: '1px',
+        outlineColor: theme.colors.primary
+      }
+    },
+    [classNameTitle]: {
+      fontSize: theme.typography.fontSizeXl,
+      lineHeight: theme.typography.lineHeightXl,
+      fontWeight: theme.typography.typographyBoldFontWeight,
+      paddingRight: MODAL_PADDING,
+      minHeight: headerHeight / 2,
+      display: 'flex',
+      alignItems: 'center',
+      overflowWrap: 'anywhere'
+    },
+    [classNameContent]: {
+      backgroundColor: theme.colors.backgroundPrimary,
+      maxHeight: modalMaxHeight,
+      height: maxedOutHeight ? modalMaxHeight : '',
+      overflow: 'hidden',
+      paddingBottom: MODAL_PADDING,
+      display: 'flex',
+      flexDirection: 'column',
+      boxShadow: theme.general.shadowHigh,
+      ...getDarkModePortalStyles(theme)
+    },
+    [classNameBody]: {
+      overflowY: 'auto',
+      maxHeight: bodyMaxHeight,
+      paddingLeft: MODAL_PADDING,
+      paddingRight: MODAL_PADDING,
+      paddingTop: CONTENT_BUFFER,
+      paddingBottom: CONTENT_BUFFER,
+      ...getShadowScrollStyles(theme)
+    },
+    ...getAnimationCss(theme.options.enableAnimation)
+  }, process.env.NODE_ENV === "production" ? "" : ";label:getModalEmotionStyles;");
+};
+function closeButtonComponentId(componentId) {
+  return componentId ? `${componentId}.footer.cancel` : 'codegen_design-system_src_design-system_modal_modal.tsx_260';
+}
+
+/**
+ * Render default footer with our buttons. Copied from AntD.
+ */
+function DefaultFooter(_ref) {
+  let {
+    componentId,
+    onOk,
+    onCancel,
+    confirmLoading,
+    okText,
+    cancelText,
+    okButtonProps,
+    cancelButtonProps,
+    autoFocusButton,
+    shouldStartInteraction
+  } = _ref;
+  const handleCancel = e => {
+    onCancel === null || onCancel === void 0 || onCancel(e);
+  };
+  const handleOk = e => {
+    onOk === null || onOk === void 0 || onOk(e);
+  };
+  return jsxs(Fragment, {
+    children: [cancelText && jsx(Button, {
+      componentId: closeButtonComponentId(componentId),
+      onClick: handleCancel,
+      autoFocus: autoFocusButton === 'cancel',
+      dangerouslyUseFocusPseudoClass: true,
+      shouldStartInteraction: shouldStartInteraction,
+      ...cancelButtonProps,
+      children: cancelText
+    }), okText && jsx(Button, {
+      componentId: componentId ? `${componentId}.footer.ok` : 'codegen_design-system_src_design-system_modal_modal.tsx_271',
+      loading: confirmLoading,
+      onClick: handleOk,
+      type: "primary",
+      autoFocus: autoFocusButton === 'ok',
+      dangerouslyUseFocusPseudoClass: true,
+      shouldStartInteraction: shouldStartInteraction,
+      ...okButtonProps,
+      children: okText
+    })]
+  });
+}
+function Modal(props) {
+  return jsx(DesignSystemEventSuppressInteractionProviderContext.Provider, {
+    value: DesignSystemEventSuppressInteractionTrueContextValue,
+    children: jsx(ModalInternal, {
+      ...props
+    })
+  });
+}
+function ModalInternal(_ref2) {
+  let {
+    componentId,
+    analyticsEvents,
+    okButtonProps,
+    cancelButtonProps,
+    dangerouslySetAntdProps,
+    children,
+    title,
+    footer,
+    size = 'normal',
+    verticalSizing = 'dynamic',
+    autoFocusButton,
+    truncateTitle,
+    shouldStartInteraction,
+    ...props
+  } = _ref2;
+  const {
+    theme,
+    classNamePrefix
+  } = useDesignSystemTheme();
+  const eventContext = useDesignSystemEventComponentCallbacks({
+    componentType: DesignSystemEventProviderComponentTypes.Modal,
+    componentId,
+    analyticsEvents: analyticsEvents !== null && analyticsEvents !== void 0 ? analyticsEvents : [DesignSystemEventProviderAnalyticsEventTypes.OnView],
+    shouldStartInteraction
+  });
+  const {
+    elementRef
+  } = useNotifyOnFirstView({
+    onView: eventContext.onView
+  });
+
+  // Need to simulate the close button being closed if the user clicks outside of the modal or clicks on the dismiss button
+  // This should only be applied to the modal prop and not to the footer component
+  const closeButtonEventContext = useDesignSystemEventComponentCallbacks({
+    componentType: DesignSystemEventProviderComponentTypes.Button,
+    componentId: closeButtonComponentId(componentId),
+    analyticsEvents: [DesignSystemEventProviderAnalyticsEventTypes.OnClick],
+    shouldStartInteraction
+  });
+  const onCancelWrapper = e => {
+    var _props$onCancel;
+    closeButtonEventContext.onClick();
+    (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, e);
+  };
+  return jsx(DesignSystemAntDConfigProvider, {
+    children: jsx(Modal$1, {
+      ...addDebugOutlineIfEnabled(),
+      css: getModalEmotionStyles({
+        theme,
+        clsPrefix: classNamePrefix,
+        hasFooter: footer !== null,
+        maxedOutHeight: verticalSizing === 'maxed_out'
+      }),
+      title: jsx(RestoreAntDDefaultClsPrefix, {
+        children: truncateTitle ? jsx("div", {
+          css: /*#__PURE__*/css({
+            textOverflow: 'ellipsis',
+            marginRight: theme.spacing.md,
+            overflow: 'hidden',
+            whiteSpace: 'nowrap'
+          }, process.env.NODE_ENV === "production" ? "" : ";label:ModalInternal;"),
+          title: typeof title === 'string' ? title : undefined,
+          children: title
+        }) : title
+      }),
+      footer: footer === null ? null : jsx(RestoreAntDDefaultClsPrefix, {
+        children: footer === undefined ? jsx(DefaultFooter, {
+          componentId: componentId,
+          onOk: props.onOk,
+          onCancel: props.onCancel,
+          confirmLoading: props.confirmLoading,
+          okText: props.okText,
+          cancelText: props.cancelText,
+          okButtonProps: okButtonProps,
+          cancelButtonProps: cancelButtonProps,
+          autoFocusButton: autoFocusButton,
+          shouldStartInteraction: shouldStartInteraction
+        }) : footer
+      }),
+      width: size ? SIZE_PRESETS[size] : undefined,
+      closeIcon: jsx(CloseIcon, {
+        ref: elementRef
+      }),
+      centered: true,
+      zIndex: theme.options.zIndexBase,
+      ...props,
+      onCancel: onCancelWrapper,
+      ...dangerouslySetAntdProps,
+      children: jsx(RestoreAntDDefaultClsPrefix, {
+        children: jsx(ModalContext.Provider, {
+          value: {
+            isInsideModal: true
+          },
+          children: children
+        })
+      })
+    })
+  });
+}
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "b9hrb",
+  styles: "position:relative;display:inline-flex;align-items:center"
+} : {
+  name: "1jkwrsj-titleComp",
+  styles: "position:relative;display:inline-flex;align-items:center;label:titleComp;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "1o6wc9k",
+  styles: "padding-left:6px"
+} : {
+  name: "i303lp-titleComp",
+  styles: "padding-left:6px;label:titleComp;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+function DangerModal(props) {
+  const {
+    theme
+  } = useDesignSystemTheme();
+  const {
+    title,
+    onCancel,
+    onOk,
+    cancelText,
+    okText,
+    okButtonProps,
+    cancelButtonProps,
+    ...restProps
+  } = props;
+  const iconSize = 18;
+  const iconFontSize = 18;
+  const titleComp = jsxs("div", {
+    css: _ref3,
+    children: [jsx(DangerIcon, {
+      css: /*#__PURE__*/css({
+        color: theme.colors.textValidationDanger,
+        left: 2,
+        height: iconSize,
+        width: iconSize,
+        fontSize: iconFontSize
+      }, process.env.NODE_ENV === "production" ? "" : ";label:titleComp;")
+    }), jsx("div", {
+      css: _ref4,
+      children: title
+    })]
+  });
+  return jsx(Modal, {
+    componentId: props.componentId,
+    analyticsEvents: props.analyticsEvents,
+    shouldStartInteraction: props.shouldStartInteraction,
+    title: titleComp,
+    footer: [jsx(Button, {
+      componentId: props.componentId ? `${props.componentId}.danger.footer.cancel` : 'codegen_design-system_src_design-system_modal_modal.tsx_386',
+      onClick: onCancel,
+      shouldStartInteraction: props.shouldStartInteraction,
+      ...cancelButtonProps,
+      children: cancelText || 'Cancel'
+    }, "cancel"), jsx(Button, {
+      componentId: props.componentId ? `${props.componentId}.danger.footer.ok` : 'codegen_design-system_src_design-system_modal_modal.tsx_395',
+      type: "primary",
+      danger: true,
+      onClick: onOk,
+      loading: props.confirmLoading,
+      shouldStartInteraction: props.shouldStartInteraction,
+      ...okButtonProps,
+      children: okText || 'Delete'
+    }, "discard")],
+    onOk: onOk,
+    onCancel: onCancel,
+    ...restProps
+  });
+}
+
+const Spacer = _ref => {
+  let {
+    size = 'md',
+    shrinks,
+    ...props
+  } = _ref;
+  const {
+    theme
+  } = useDesignSystemTheme();
+  const spacingValues = {
+    xs: theme.spacing.xs,
+    sm: theme.spacing.sm,
+    md: theme.spacing.md,
+    lg: theme.spacing.lg
+  };
+  return jsx("div", {
+    css: /*#__PURE__*/css({
+      height: spacingValues[size],
+      ...(shrinks === false ? {
+        flexShrink: 0
+      } : undefined)
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Spacer;"),
+    ...props
+  });
+};
+
+/**
+ * Copied from usehooks-ts.
+ * Custom hook for using either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
+ *
+ * [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)
+ *
+ * Example:
+ * ```
+ * useIsomorphicLayoutEffect(() => {
+ * // Code to be executed during the layout phase on the client side
+ * }, [dependency1, dependency2]);
+ * ```
+ */
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+const IS_SERVER = typeof window === 'undefined';
+/**
+ * Copied from usehooks-ts.
+ * Custom hook for tracking the state of a media query. Returns The current state of the media query (true if the query matches, false otherwise).
+ *
+ * [Documentation](https://usehooks-ts.com/react-hook/use-media-query)
+ *
+ * [MDN Match Media](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)
+ *
+ * Example:
+ *
+ * `const isSmallScreen = useMediaQuery('(max-width: 600px)');`
+ *
+ * Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.
+ */
+function useMediaQuery(_ref) {
+  var _options$defaultValue, _options$initializeWi;
+  let {
+    query,
+    options
+  } = _ref;
+  // TODO: Refactor this code after the deprecated signature has been removed.
+  const defaultValue = typeof options === 'boolean' ? options : (_options$defaultValue = options === null || options === void 0 ? void 0 : options.defaultValue) !== null && _options$defaultValue !== void 0 ? _options$defaultValue : false;
+  const initializeWithValue = typeof options === 'boolean' ? undefined : (_options$initializeWi = options === null || options === void 0 ? void 0 : options.initializeWithValue) !== null && _options$initializeWi !== void 0 ? _options$initializeWi : undefined;
+  const [matches, setMatches] = useState(() => {
+    if (initializeWithValue) {
+      return getMatches(query);
+    }
+    return defaultValue;
+  });
+  const getMatches = query => {
+    if (IS_SERVER) {
+      return defaultValue;
+    }
+    return window.matchMedia(query).matches;
+  };
+
+  /** Handles the change event of the media query. */
+  function handleChange() {
+    setMatches(getMatches(query));
+  }
+  useIsomorphicLayoutEffect(() => {
+    const matchMedia = window.matchMedia(query);
+
+    // Triggered at the first client-side load and if query changes
+    handleChange();
+
+    // Use deprecated `addListener` and `removeListener` to support Safari < 14 (#135)
+    if (matchMedia.addListener) {
+      matchMedia.addListener(handleChange);
+    } else {
+      matchMedia.addEventListener('change', handleChange);
+    }
+    return () => {
+      if (matchMedia.removeListener) {
+        matchMedia.removeListener(handleChange);
+      } else {
+        matchMedia.removeEventListener('change', handleChange);
+      }
+    };
+  }, [query]);
+  return matches;
+}
+
+export { DangerModal as D, ListIcon$1 as L, Modal as M, Spacer as S, useMediaQuery as a, useModalContext as u };
+//# sourceMappingURL=useMediaQuery-fddfe3fd.js.map

package/dist/useMediaQuery-fddfe3fd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery-fddfe3fd.js","sources":["../src/design-system/Icon/__generated/icons/ListIcon.tsx","../src/design-system/Modal/Modal.tsx","../src/design-system/Spacer/Spacer.tsx","../src/design-system/utils/useIsomorphicLayoutEffect.ts","../src/design-system/utils/useMediaQuery.ts"],"sourcesContent":["import * as React from 'react';\nimport { forwardRef } from 'react';\nimport type { Ref } from 'react';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon } from '../../Icon';\nfunction SvgListIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 16 16\" {...props}>\n      <path\n        fill=\"currentColor\"\n        d=\"M1.5 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M3 2h13v1.5H3zM3 5.5h13V7H3zM3 9h13v1.5H3zM3 12.5h13V14H3zM.75 7a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M1.5 13.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M.75 10.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5\"\n      />\n    </svg>\n  );\n}\nconst ListIcon = forwardRef((props: IconProps, forwardedRef?: Ref<HTMLSpanElement>) => {\n  return <Icon ref={forwardedRef} {...props} component={SvgListIcon} />;\n});\nListIcon.displayName = 'ListIcon';\nexport default ListIcon;\n","import type { SerializedStyles } from '@emotion/react';\nimport { css } from '@emotion/react';\nimport type { ModalProps as AntDModalProps } from 'antd';\nimport { Modal as AntDModal } from 'antd';\nimport { createContext, useContext } from 'react';\n\nimport type { Theme } from '../../theme';\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport {\n  useDesignSystemEventComponentCallbacks,\n  DesignSystemEventProviderAnalyticsEventTypes,\n  DesignSystemEventProviderComponentTypes,\n} from '../DesignSystemEventProvider/DesignSystemEventProvider';\nimport {\n  DesignSystemEventSuppressInteractionProviderContext,\n  DesignSystemEventSuppressInteractionTrueContextValue,\n} from '../DesignSystemEventProvider/DesignSystemEventSuppressInteractionProvider';\nimport { DesignSystemAntDConfigProvider, getAnimationCss, RestoreAntDDefaultClsPrefix } from '../DesignSystemProvider';\nimport { useDesignSystemTheme } from '../Hooks';\nimport { CloseIcon, DangerIcon } from '../Icon';\nimport type {\n  AnalyticsEventOptionalPropsWithStartInteraction,\n  DangerouslySetAntdProps,\n  HTMLDataAttributes,\n} from '../types';\nimport { getDarkModePortalStyles, getShadowScrollStyles } from '../utils';\nimport { addDebugOutlineIfEnabled, addDebugOutlineStylesIfEnabled } from '../utils/debug';\nimport { useNotifyOnFirstView } from '../utils/useNotifyOnFirstView';\n\nexport interface ModalProps\n  extends HTMLDataAttributes,\n    DangerouslySetAntdProps<AntDModalProps>,\n    AnalyticsEventOptionalPropsWithStartInteraction<DesignSystemEventProviderAnalyticsEventTypes.OnView> {\n  /** Whether or not the modal is currently open. Use together with onOk and onCancel to control the modal state. */\n  visible?: AntDModalProps['visible'];\n\n  /** Function called when the primary button is clicked */\n  onOk?: AntDModalProps['onOk'];\n\n  /** Function called when the secondary button is clicked */\n  onCancel?: AntDModalProps['onCancel'];\n\n  /** Title displayed at the top of the modal */\n  title?: AntDModalProps['title'];\n\n  /** Contents displayed in the body of the modal */\n  children?: React.ReactNode;\n\n  /** A custom JSX element to render in place of the default footer. If `footer` is not provided or is set to `undefined`, the default footer will be rendered. `footer` must be explicitly set to `null` to hide the footer. */\n  footer?: AntDModalProps['footer'];\n\n  /** Sets the horizontal size according to the size presets */\n  size?: 'normal' | 'wide';\n\n  /** Defines the modal height either by both its content and maximum height (dynamic) or by its maximum height only (maxed_out) */\n  verticalSizing?: 'dynamic' | 'maxed_out';\n\n  /** When set to true, the confirm button will show a loading indicator */\n  confirmLoading?: AntDModalProps['confirmLoading'];\n\n  /** Function called after the modal has finished closing */\n  afterClose?: AntDModalProps['afterClose'];\n\n  /** Text of the primary button */\n  okText?: AntDModalProps['okText'];\n\n  /** Text of the secondary button */\n  cancelText?: AntDModalProps['cancelText'];\n\n  /** Set to true to force the modal to render */\n  forceRender?: AntDModalProps['forceRender'];\n\n  /** When true, the modal content will be destroyed when closed, rather than just visually hidden. */\n  destroyOnClose?: AntDModalProps['destroyOnClose'];\n\n  /** A CSS class name to apply to the modal wrapper */\n  wrapClassName?: AntDModalProps['wrapClassName'];\n\n  /** A CSS class name to apply to the modal */\n  className?: AntDModalProps['className'];\n\n  /** A function that returns the element into which the modal will be rendered */\n  getContainer?: AntDModalProps['getContainer'];\n\n  /**\n   * Allows setting the CSS z-index of the modal.\n   * Can be used to work around ordering issues when the modal is not overlaying other elements correctly\n   */\n  zIndex?: AntDModalProps['zIndex'];\n\n  /** The OK button props */\n  okButtonProps?: Omit<ButtonProps, 'componentId' | 'analyticsEvents'>;\n\n  /** The cancel button props */\n  cancelButtonProps?: Omit<ButtonProps, 'componentId' | 'analyticsEvents'>;\n\n  /** Custom modal content render function. While custom rendering is discouraged in general, this prop can be used to wrap the modal contents in a React context. */\n  modalRender?: (node: React.ReactNode) => React.ReactNode;\n\n  /** Specify which button to autofocus, only works with default footer */\n  autoFocusButton?: 'ok' | 'cancel';\n\n  /** Specify whether to truncate the Modal title when it is too long */\n  truncateTitle?: boolean;\n}\n\nexport interface ModalContextProps {\n  isInsideModal: boolean;\n}\n\nconst ModalContext = createContext<ModalContextProps>({\n  isInsideModal: true,\n});\n\nexport const useModalContext = () => useContext(ModalContext);\n\nconst SIZE_PRESETS = {\n  normal: 640,\n  wide: 880,\n};\n\nconst getModalEmotionStyles = (args: {\n  theme: Theme;\n  clsPrefix: string;\n  hasFooter: boolean;\n  maxedOutHeight: boolean;\n}): SerializedStyles => {\n  const { theme, clsPrefix, hasFooter = true, maxedOutHeight } = args;\n\n  const classNameClose = `.${clsPrefix}-modal-close`;\n  const classNameCloseX = `.${clsPrefix}-modal-close-x`;\n  const classNameTitle = `.${clsPrefix}-modal-title`;\n  const classNameContent = `.${clsPrefix}-modal-content`;\n  const classNameBody = `.${clsPrefix}-modal-body`;\n  const classNameHeader = `.${clsPrefix}-modal-header`;\n  const classNameFooter = `.${clsPrefix}-modal-footer`;\n  const classNameButton = `.${clsPrefix}-btn`;\n  const classNameDropdownTrigger = `.${clsPrefix}-dropdown-button`;\n\n  const MODAL_PADDING = theme.spacing.lg;\n  const BUTTON_SIZE = theme.general.heightSm;\n  // Needed for moving some of the padding from the header and footer to the content to avoid a scrollbar from appearing\n  // when the content has some interior components that reach the limits of the content div\n  // 8px is an arbitrary value, it still leaves enough padding for the header and footer too to avoid the same problem\n  // from occurring there too\n  const CONTENT_BUFFER = 8;\n\n  const modalMaxHeight = '90vh';\n  const headerHeight = 64;\n  const footerHeight = hasFooter ? 52 : 0;\n  const bodyMaxHeight = `calc(${modalMaxHeight} - ${headerHeight}px - ${footerHeight}px - ${MODAL_PADDING}px)`;\n\n  return css({\n    '&&': {\n      ...addDebugOutlineStylesIfEnabled(theme),\n    },\n\n    [classNameHeader]: {\n      background: 'transparent',\n      paddingTop: theme.spacing.md,\n      paddingLeft: theme.spacing.lg,\n      paddingRight: theme.spacing.md,\n      paddingBottom: theme.spacing.md,\n    },\n    [classNameFooter]: {\n      height: footerHeight,\n      paddingTop: theme.spacing.lg - CONTENT_BUFFER,\n      paddingLeft: MODAL_PADDING,\n      paddingRight: MODAL_PADDING,\n      marginTop: 'auto',\n\n      [`${classNameButton} + ${classNameButton}`]: {\n        marginLeft: theme.spacing.sm,\n      },\n      // Needed to override AntD style for the SplitButton's dropdown button back to its original value\n      [`${classNameDropdownTrigger} > ${classNameButton}:nth-of-type(2)`]: {\n        marginLeft: -1,\n      },\n    },\n    [classNameCloseX]: {\n      fontSize: theme.general.iconSize,\n      height: BUTTON_SIZE,\n      width: BUTTON_SIZE,\n      lineHeight: 'normal',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      color: theme.colors.textSecondary,\n    },\n    [classNameClose]: {\n      height: BUTTON_SIZE,\n      width: BUTTON_SIZE,\n      // Note: Ant has the close button absolutely positioned, rather than in a flex container with the title.\n      // This magic number is eyeballed to get the close X to align with the title text.\n      margin: '16px 16px 0 0',\n      borderRadius: theme.borders.borderRadiusMd,\n\n      backgroundColor: theme.colors.actionDefaultBackgroundDefault,\n      borderColor: theme.colors.actionDefaultBackgroundDefault,\n      color: theme.colors.actionDefaultTextDefault,\n\n      '&:hover': {\n        backgroundColor: theme.colors.actionDefaultBackgroundHover,\n        borderColor: theme.colors.actionDefaultBackgroundHover,\n        color: theme.colors.actionDefaultTextHover,\n      },\n\n      '&:active': {\n        backgroundColor: theme.colors.actionDefaultBackgroundPress,\n        borderColor: theme.colors.actionDefaultBackgroundPress,\n        color: theme.colors.actionDefaultTextPress,\n      },\n\n      '&:focus-visible': {\n        outlineStyle: 'solid',\n        outlineWidth: '2px',\n        outlineOffset: '1px',\n        outlineColor: theme.colors.primary,\n      },\n    },\n    [classNameTitle]: {\n      fontSize: theme.typography.fontSizeXl,\n      lineHeight: theme.typography.lineHeightXl,\n      fontWeight: theme.typography.typographyBoldFontWeight,\n      paddingRight: MODAL_PADDING,\n      minHeight: headerHeight / 2,\n      display: 'flex',\n      alignItems: 'center',\n      overflowWrap: 'anywhere',\n    },\n    [classNameContent]: {\n      backgroundColor: theme.colors.backgroundPrimary,\n      maxHeight: modalMaxHeight,\n      height: maxedOutHeight ? modalMaxHeight : '',\n      overflow: 'hidden',\n      paddingBottom: MODAL_PADDING,\n      display: 'flex',\n      flexDirection: 'column',\n      boxShadow: theme.general.shadowHigh,\n      ...getDarkModePortalStyles(theme),\n    },\n    [classNameBody]: {\n      overflowY: 'auto',\n      maxHeight: bodyMaxHeight,\n      paddingLeft: MODAL_PADDING,\n      paddingRight: MODAL_PADDING,\n      paddingTop: CONTENT_BUFFER,\n      paddingBottom: CONTENT_BUFFER,\n\n      ...getShadowScrollStyles(theme),\n    },\n\n    ...getAnimationCss(theme.options.enableAnimation),\n  });\n};\n\nfunction closeButtonComponentId(componentId: string | undefined): string {\n  return componentId ? `${componentId}.footer.cancel` : 'codegen_design-system_src_design-system_modal_modal.tsx_260';\n}\n\n/**\n * Render default footer with our buttons. Copied from AntD.\n */\nfunction DefaultFooter({\n  componentId,\n  onOk,\n  onCancel,\n  confirmLoading,\n  okText,\n  cancelText,\n  okButtonProps,\n  cancelButtonProps,\n  autoFocusButton,\n  shouldStartInteraction,\n}: Pick<\n  ModalProps,\n  | 'componentId'\n  | 'onOk'\n  | 'onCancel'\n  | 'confirmLoading'\n  | 'okText'\n  | 'cancelText'\n  | 'okButtonProps'\n  | 'cancelButtonProps'\n  | 'autoFocusButton'\n  | 'shouldStartInteraction'\n>) {\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onCancel?.(e);\n  };\n\n  const handleOk = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onOk?.(e);\n  };\n\n  return (\n    <>\n      {cancelText && (\n        <Button\n          componentId={closeButtonComponentId(componentId)}\n          onClick={handleCancel}\n          autoFocus={autoFocusButton === 'cancel'}\n          dangerouslyUseFocusPseudoClass\n          shouldStartInteraction={shouldStartInteraction}\n          {...cancelButtonProps}\n        >\n          {cancelText}\n        </Button>\n      )}\n      {okText && (\n        <Button\n          componentId={\n            componentId ? `${componentId}.footer.ok` : 'codegen_design-system_src_design-system_modal_modal.tsx_271'\n          }\n          loading={confirmLoading}\n          onClick={handleOk}\n          type=\"primary\"\n          autoFocus={autoFocusButton === 'ok'}\n          dangerouslyUseFocusPseudoClass\n          shouldStartInteraction={shouldStartInteraction}\n          {...okButtonProps}\n        >\n          {okText}\n        </Button>\n      )}\n    </>\n  );\n}\n\nexport function Modal(props: ModalProps): JSX.Element {\n  return (\n    <DesignSystemEventSuppressInteractionProviderContext.Provider\n      value={DesignSystemEventSuppressInteractionTrueContextValue}\n    >\n      <ModalInternal {...props} />\n    </DesignSystemEventSuppressInteractionProviderContext.Provider>\n  );\n}\n\nfunction ModalInternal({\n  componentId,\n  analyticsEvents,\n  okButtonProps,\n  cancelButtonProps,\n  dangerouslySetAntdProps,\n  children,\n  title,\n  footer,\n  size = 'normal',\n  verticalSizing = 'dynamic',\n  autoFocusButton,\n  truncateTitle,\n  shouldStartInteraction,\n  ...props\n}: ModalProps): JSX.Element {\n  const { theme, classNamePrefix } = useDesignSystemTheme();\n  const eventContext = useDesignSystemEventComponentCallbacks({\n    componentType: DesignSystemEventProviderComponentTypes.Modal,\n    componentId,\n    analyticsEvents: analyticsEvents ?? [DesignSystemEventProviderAnalyticsEventTypes.OnView],\n    shouldStartInteraction,\n  });\n  const { elementRef } = useNotifyOnFirstView<HTMLElement>({ onView: eventContext.onView });\n\n  // Need to simulate the close button being closed if the user clicks outside of the modal or clicks on the dismiss button\n  // This should only be applied to the modal prop and not to the footer component\n  const closeButtonEventContext = useDesignSystemEventComponentCallbacks({\n    componentType: DesignSystemEventProviderComponentTypes.Button,\n    componentId: closeButtonComponentId(componentId),\n    analyticsEvents: [DesignSystemEventProviderAnalyticsEventTypes.OnClick],\n    shouldStartInteraction,\n  });\n\n  const onCancelWrapper = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    closeButtonEventContext.onClick();\n    props.onCancel?.(e);\n  };\n\n  return (\n    <DesignSystemAntDConfigProvider>\n      <AntDModal\n        {...addDebugOutlineIfEnabled()}\n        css={getModalEmotionStyles({\n          theme,\n          clsPrefix: classNamePrefix,\n          hasFooter: footer !== null,\n          maxedOutHeight: verticalSizing === 'maxed_out',\n        })}\n        title={\n          <RestoreAntDDefaultClsPrefix>\n            {truncateTitle ? (\n              <div\n                css={{\n                  textOverflow: 'ellipsis',\n                  marginRight: theme.spacing.md,\n                  overflow: 'hidden',\n                  whiteSpace: 'nowrap',\n                }}\n                title={typeof title === 'string' ? title : undefined}\n              >\n                {title}\n              </div>\n            ) : (\n              title\n            )}\n          </RestoreAntDDefaultClsPrefix>\n        }\n        footer={\n          footer === null ? null : (\n            <RestoreAntDDefaultClsPrefix>\n              {footer === undefined ? (\n                <DefaultFooter\n                  componentId={componentId}\n                  onOk={props.onOk}\n                  onCancel={props.onCancel}\n                  confirmLoading={props.confirmLoading}\n                  okText={props.okText}\n                  cancelText={props.cancelText}\n                  okButtonProps={okButtonProps}\n                  cancelButtonProps={cancelButtonProps}\n                  autoFocusButton={autoFocusButton}\n                  shouldStartInteraction={shouldStartInteraction}\n                />\n              ) : (\n                footer\n              )}\n            </RestoreAntDDefaultClsPrefix>\n          )\n        }\n        width={size ? SIZE_PRESETS[size] : undefined}\n        closeIcon={<CloseIcon ref={elementRef} />}\n        centered\n        zIndex={theme.options.zIndexBase}\n        {...props}\n        onCancel={onCancelWrapper}\n        {...dangerouslySetAntdProps}\n      >\n        <RestoreAntDDefaultClsPrefix>\n          <ModalContext.Provider value={{ isInsideModal: true }}>{children}</ModalContext.Provider>\n        </RestoreAntDDefaultClsPrefix>\n      </AntDModal>\n    </DesignSystemAntDConfigProvider>\n  );\n}\n\nexport function DangerModal(props: Omit<ModalProps, 'footer'>): JSX.Element {\n  const { theme } = useDesignSystemTheme();\n\n  const { title, onCancel, onOk, cancelText, okText, okButtonProps, cancelButtonProps, ...restProps } = props;\n  const iconSize = 18;\n  const iconFontSize = 18;\n\n  const titleComp = (\n    <div css={{ position: 'relative', display: 'inline-flex', alignItems: 'center' }}>\n      <DangerIcon\n        css={{\n          color: theme.colors.textValidationDanger,\n          left: 2,\n          height: iconSize,\n          width: iconSize,\n          fontSize: iconFontSize,\n        }}\n      />\n      <div css={{ paddingLeft: 6 }}>{title}</div>\n    </div>\n  );\n\n  return (\n    <Modal\n      componentId={props.componentId}\n      analyticsEvents={props.analyticsEvents}\n      shouldStartInteraction={props.shouldStartInteraction}\n      title={titleComp}\n      footer={[\n        <Button\n          componentId={\n            props.componentId\n              ? `${props.componentId}.danger.footer.cancel`\n              : 'codegen_design-system_src_design-system_modal_modal.tsx_386'\n          }\n          key=\"cancel\"\n          onClick={onCancel}\n          shouldStartInteraction={props.shouldStartInteraction}\n          {...cancelButtonProps}\n        >\n          {cancelText || 'Cancel'}\n        </Button>,\n\n        <Button\n          componentId={\n            props.componentId\n              ? `${props.componentId}.danger.footer.ok`\n              : 'codegen_design-system_src_design-system_modal_modal.tsx_395'\n          }\n          key=\"discard\"\n          type=\"primary\"\n          danger\n          onClick={onOk}\n          loading={props.confirmLoading}\n          shouldStartInteraction={props.shouldStartInteraction}\n          {...okButtonProps}\n        >\n          {okText || 'Delete'}\n        </Button>,\n      ]}\n      onOk={onOk}\n      onCancel={onCancel}\n      {...restProps}\n    />\n  );\n}\n","import { css } from '@emotion/react';\n\nimport { useDesignSystemTheme } from '../Hooks';\nimport type { HTMLDataAttributes } from '../types';\n\ntype validSpacerOptions = 'xs' | 'sm' | 'md' | 'lg';\n\nexport interface SpacerProps extends HTMLDataAttributes {\n  size?: validSpacerOptions;\n  /** Prevents the Spacer component from shrinking when used in flexbox columns. **/\n  shrinks?: boolean;\n}\n\nexport const Spacer: React.FC<SpacerProps> = ({ size = 'md', shrinks, ...props }) => {\n  const { theme } = useDesignSystemTheme();\n\n  const spacingValues: Record<validSpacerOptions, number> = {\n    xs: theme.spacing.xs,\n    sm: theme.spacing.sm,\n    md: theme.spacing.md,\n    lg: theme.spacing.lg,\n  };\n\n  return (\n    <div\n      css={css({\n        height: spacingValues[size],\n        ...(shrinks === false ? { flexShrink: 0 } : undefined),\n      })}\n      {...props}\n    />\n  );\n};\n","import { useEffect, useLayoutEffect } from 'react';\n\n/**\n * Copied from usehooks-ts.\n * Custom hook for using either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).\n *\n * [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)\n *\n * Example:\n * ```\n * useIsomorphicLayoutEffect(() => {\n * // Code to be executed during the layout phase on the client side\n * }, [dependency1, dependency2]);\n * ```\n */\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { useState } from 'react';\n\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\ntype UseMediaQueryOptions = {\n  defaultValue?: boolean;\n  initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\ninterface useMediaQueryProps {\n  /** The media query to track. */\n  query: string;\n  /**\n   * The default value to return if the hook is being run on the server (default is `false`).\n   * options.defaultValue: The default value to return if the hook is being run on the server (default is `false`).\n   * options.initializeWithValue: If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.\n   */\n  options?: boolean | UseMediaQueryOptions;\n}\n\n/**\n * Copied from usehooks-ts.\n * Custom hook for tracking the state of a media query. Returns The current state of the media query (true if the query matches, false otherwise).\n *\n * [Documentation](https://usehooks-ts.com/react-hook/use-media-query)\n *\n * [MDN Match Media](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)\n *\n * Example:\n *\n * `const isSmallScreen = useMediaQuery('(max-width: 600px)');`\n *\n * Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.\n */\nexport function useMediaQuery({ query, options }: useMediaQueryProps): boolean {\n  // TODO: Refactor this code after the deprecated signature has been removed.\n  const defaultValue = typeof options === 'boolean' ? options : options?.defaultValue ?? false;\n  const initializeWithValue = typeof options === 'boolean' ? undefined : options?.initializeWithValue ?? undefined;\n\n  const [matches, setMatches] = useState<boolean>(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n\n  const getMatches = (query: string): boolean => {\n    if (IS_SERVER) {\n      return defaultValue;\n    }\n    return window.matchMedia(query).matches;\n  };\n\n  /** Handles the change event of the media query. */\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n\n    // Triggered at the first client-side load and if query changes\n    handleChange();\n\n    // Use deprecated `addListener` and `removeListener` to support Safari < 14 (#135)\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener('change', handleChange);\n    }\n\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener('change', handleChange);\n      }\n    };\n  }, [query]);\n\n  return matches;\n}\n"],"names":["SvgListIcon","props","_jsx","xmlns","width","height","fill","viewBox","children","d","ListIcon","forwardRef","forwardedRef","Icon","ref","component","displayName","ModalContext","createContext","isInsideModal","useModalContext","useContext","SIZE_PRESETS","normal","wide","getModalEmotionStyles","args","theme","clsPrefix","hasFooter","maxedOutHeight","classNameClose","classNameCloseX","classNameTitle","classNameContent","classNameBody","classNameHeader","classNameFooter","classNameButton","classNameDropdownTrigger","MODAL_PADDING","spacing","lg","BUTTON_SIZE","general","heightSm","CONTENT_BUFFER","modalMaxHeight","headerHeight","footerHeight","bodyMaxHeight","css","addDebugOutlineStylesIfEnabled","background","paddingTop","md","paddingLeft","paddingRight","paddingBottom","marginTop","marginLeft","sm","fontSize","iconSize","lineHeight","display","alignItems","justifyContent","color","colors","textSecondary","margin","borderRadius","borders","borderRadiusMd","backgroundColor","actionDefaultBackgroundDefault","borderColor","actionDefaultTextDefault","actionDefaultBackgroundHover","actionDefaultTextHover","actionDefaultBackgroundPress","actionDefaultTextPress","outlineStyle","outlineWidth","outlineOffset","outlineColor","primary","typography","fontSizeXl","lineHeightXl","fontWeight","typographyBoldFontWeight","minHeight","overflowWrap","backgroundPrimary","maxHeight","overflow","flexDirection","boxShadow","shadowHigh","getDarkModePortalStyles","overflowY","getShadowScrollStyles","getAnimationCss","options","enableAnimation","process","env","NODE_ENV","closeButtonComponentId","componentId","DefaultFooter","_ref","onOk","onCancel","confirmLoading","okText","cancelText","okButtonProps","cancelButtonProps","autoFocusButton","shouldStartInteraction","handleCancel","e","handleOk","_jsxs","_Fragment","Button","onClick","autoFocus","dangerouslyUseFocusPseudoClass","loading","type","Modal","DesignSystemEventSuppressInteractionProviderContext","Provider","value","DesignSystemEventSuppressInteractionTrueContextValue","ModalInternal","_ref2","analyticsEvents","dangerouslySetAntdProps","title","footer","size","verticalSizing","truncateTitle","classNamePrefix","useDesignSystemTheme","eventContext","useDesignSystemEventComponentCallbacks","componentType","DesignSystemEventProviderComponentTypes","DesignSystemEventProviderAnalyticsEventTypes","OnView","elementRef","useNotifyOnFirstView","onView","closeButtonEventContext","OnClick","onCancelWrapper","_props$onCancel","call","DesignSystemAntDConfigProvider","AntDModal","addDebugOutlineIfEnabled","RestoreAntDDefaultClsPrefix","_css","textOverflow","marginRight","whiteSpace","undefined","closeIcon","CloseIcon","centered","zIndex","zIndexBase","_ref3","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref4","DangerModal","restProps","iconFontSize","titleComp","DangerIcon","textValidationDanger","left","danger","Spacer","shrinks","spacingValues","xs","flexShrink","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","IS_SERVER","useMediaQuery","_options$defaultValue","_options$initializeWi","query","defaultValue","initializeWithValue","matches","setMatches","useState","getMatches","matchMedia","handleChange","addListener","addEventListener","removeListener","removeEventListener"],"mappings":"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"}

package/dist/~patterns/Wizard/HorizontalWizardContent.d.ts

@@ -0,0 +1,5 @@
+import type { WizardControlledProps } from './WizardProps';
+type HorizontalWizardContentProps = Omit<WizardControlledProps, 'layout' | 'title' | 'initialStep'>;
+export declare function HorizontalWizardContent({ width, height, steps, currentStepIndex, localizeStepNumber, onStepsChange, enableClickingToSteps, ...footerProps }: HorizontalWizardContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HorizontalWizardContent.d.ts.map

package/dist/~patterns/Wizard/HorizontalWizardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalWizardContent.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/HorizontalWizardContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAI3D,KAAK,4BAA4B,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC,CAAC;AAEpG,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,qBAAqB,EACrB,GAAG,WAAW,EACf,EAAE,4BAA4B,oDA4B9B"}

package/dist/~patterns/Wizard/HorizontalWizardStepsContent.d.ts

@@ -0,0 +1,11 @@
+import type { WizardStep } from './WizardStep';
+import type { StepperProps } from '../../development/Stepper';
+export interface HorizontalWizardStepsContentProps {
+    steps: WizardStep[];
+    currentStepIndex: number;
+    localizeStepNumber: StepperProps['localizeStepNumber'];
+    enableClickingToSteps: boolean;
+    goToStep: (step: number) => void;
+}
+export declare function HorizontalWizardStepsContent({ steps: wizardSteps, currentStepIndex, localizeStepNumber, enableClickingToSteps, goToStep, }: HorizontalWizardStepsContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HorizontalWizardStepsContent.d.ts.map

package/dist/~patterns/Wizard/HorizontalWizardStepsContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalWizardStepsContent.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/HorizontalWizardStepsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAG9D,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACvD,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,EAAE,WAAW,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,QAAQ,GACT,EAAE,iCAAiC,oDA6BnC"}

package/dist/~patterns/Wizard/VerticalWizardContent.d.ts

@@ -0,0 +1,5 @@
+import type { WizardControlledProps } from './WizardProps';
+type VerticalWizardContentProps = Omit<WizardControlledProps, 'layout' | 'initialStep'>;
+export declare function VerticalWizardContent({ width, height, steps: wizardSteps, currentStepIndex, localizeStepNumber, onStepsChange, title, padding, verticalCompactButtonContent, enableClickingToSteps, ...footerProps }: VerticalWizardContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VerticalWizardContent.d.ts.map

package/dist/~patterns/Wizard/VerticalWizardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalWizardContent.d.ts","sourceRoot":"","sources":["../../../src/~patterns/Wizard/VerticalWizardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO3D,KAAK,0BAA0B,GAAG,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,aAAa,CAAC,CAAC;AAOxF,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,MAAM,EACN,KAAK,EAAE,WAAW,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,KAAK,EACL,OAAO,EACP,4BAA4B,EAC5B,qBAAqB,EACrB,GAAG,WAAW,EACf,EAAE,0BAA0B,oDAmH5B"}