@kaizen/components 1.59.0 → 1.60.0

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -1,9 +1,9 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { assetUrl } from '@kaizen/hosted-assets';
 import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
+import { assetUrl } from '../utils/hostedAssets.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
 import styles from './BrandMoment.module.scss.mjs';
 import { Button } from '../__actions__/Button/v1/Button/Button.mjs';

package/dist/esm/Card/Card.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import styles from './Card.module.scss.mjs';
+import styles from './Card.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |

package/dist/esm/Card/Card.module.css.mjs

@@ -0,0 +1,20 @@
+var styles = {
+  "wrapper": "Card-module_wrapper__Hriov",
+  "elevated": "Card-module_elevated__qkaCe",
+  "blue": "Card-module_blue__JOIuL",
+  "gray": "Card-module_gray__cRl9J",
+  "green": "Card-module_green__s2Oj8",
+  "orange": "Card-module_orange__qrxQo",
+  "purple": "Card-module_purple__cp6Bx",
+  "red": "Card-module_red__Ux35X",
+  "white": "Card-module_white__LjMQF",
+  "yellow": "Card-module_yellow__A3F9a",
+  "default": "Card-module_default__c8nG0",
+  "informative": "Card-module_informative__6la3C",
+  "positive": "Card-module_positive__waT0O",
+  "cautionary": "Card-module_cautionary__Fxfva",
+  "destructive": "Card-module_destructive__OqDdg",
+  "assertive": "Card-module_assertive__5ntbN",
+  "highlight": "Card-module_highlight__QJ5hP"
+};
+export { styles as default };

package/dist/esm/Illustration/subcomponents/Base/Base.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { assetUrl } from '@kaizen/hosted-assets';
+import { assetUrl } from '../../../utils/hostedAssets.mjs';
 import styles from './Base.module.scss.mjs';
 const Base = /*#__PURE__*/function () {
   const Base = function (_a) {

package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import { assetUrl } from '@kaizen/hosted-assets';
+import { assetUrl } from '../../../utils/hostedAssets.mjs';
 import { canPlayWebm } from '../../utils/canPlayWebm.mjs';
 import { usePausePlay } from '../../utils/usePausePlay.mjs';
 import styles from '../Base/Base.module.scss.mjs';

package/dist/esm/Popover/Popover.module.scss.mjs

@@ -20,13 +20,6 @@ var styles = {
   "close": "Popover-module_close__8h4Rt",
   "arrowWrapper": "Popover-module_arrowWrapper__DiE3-",
   "arrow": "Popover-module_arrow__PS4V6",
-  "arrowSideTop": "Popover-module_arrowSideTop__JoORK",
-  "arrowSideLeft": "Popover-module_arrowSideLeft__2Zhqb",
-  "arrowSideRight": "Popover-module_arrowSideRight__fHKWI",
-  "arrowSideBottom": "Popover-module_arrowSideBottom__mBr5k",
-  "arrowPositionCenter": "Popover-module_arrowPositionCenter__l8V0-",
-  "arrowPositionStart": "Popover-module_arrowPositionStart__eXyu0",
-  "arrowPositionEnd": "Popover-module_arrowPositionEnd__UY4MU",
   "large": "Popover-module_large__-LH0l",
   "singleLine": "Popover-module_singleLine__7il24"
 };

package/dist/esm/index.mjs

@@ -407,6 +407,7 @@ export { TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID, TITLE_BLOCK_ZEN_SECONDARY_MENU_H
 export { ToggleSwitch } from './ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs';
 export { ToggleSwitchField } from './ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs';
 export { subtractOnePixel, useMediaQueries } from './utils/useMediaQueries.mjs';
+export { assetUrl } from './utils/hostedAssets.mjs';
 export { VisuallyHidden } from './VisuallyHidden/VisuallyHidden.mjs';
 export { Well } from './Well/Well.mjs';
 export { Workflow } from './Workflow/Workflow.mjs';

package/dist/esm/utils/hostedAssets.mjs

@@ -0,0 +1,14 @@
+var ORIGIN_BASE_URL = "https://d1e7r7b0lb8p4d.cloudfront.net";
+/**
+ * Returns the full URL of the asset at `path` managed by the
+ * `kaizen-design-system-assets` service.
+ *
+ * @example
+ * assetUrl("some/blob.png") -> "https://<origin>/some/blob.png"
+ *
+ * @see https://github.com/cultureamp/kaizen-design-system-assets/
+ */
+var assetUrl = function (path) {
+  return [ORIGIN_BASE_URL, path].join("/");
+};
+export { assetUrl };

package/dist/esm/utils/useResizeObserver.mjs

@@ -11,6 +11,7 @@ var defaultCallback = function (entry) {
  * @return {Array} An array containing a ref for binding to the observed DOM
  * element, and the current value of the callback-resolved ResizeObserverEntry
  * @callback resolveEntryCallback
+ * @deprecated use native `ResizeObserver` DOM API instead
  */
 var useResizeObserver = function (resolveEntry) {
   if (resolveEntry === void 0) {