@kaizen/components 1.59.0 → 1.60.0

package/codemods/README.md

@@ -8,7 +8,7 @@ Install `@kaizen/components`.
 ## CLI pattern
 
 ```
-  kaizen-codemod {DIR} {CODEMOD_NAME}
+kaizen-codemod {DIR} {CODEMOD_NAME}
 ```
 
 DIR - the directory to run the codemod for. Note that node_modules are excluded.
@@ -16,16 +16,21 @@ CODEMOD_NAME - the name of the codemod (refer to list below).
 
 Example:
 ```
-  kaizen-codemod src migrateWellVariantToColor
+kaizen-codemod src migrateWellVariantToColor
 ```
 
 ## Available codemods
-- `migrateBrandMomentMoodToVariant`: Migrates `BrandMoment` component prop from `mood` to `variant`.
-- `migrateEmptyStateIllustrationTypeToVariant`: Migrates `EmptyState` component prop from `illustrationType` to `variant`.
-- `migrateGlobalNotificationTypeToVariant`: Transforms `GlobalNotification`'s `type` prop to the new `variant` prop.
-- `migrateInlineNotificationTypeToVariant`: Transforms `InlineNotification`'s `type` prop to the new `variant` prop.
-- `migrateInformationTileMoodToVariant`: Migrates `InformationTile` component prop from `mood` to `variant`.
-- `migrateMultiActionTileMoodToVariant`: Migrates `MultiActionTile` component prop from `mood` to `variant`.
+- `migrateBrandMomentMoodToVariant`: Migrates `BrandMoment` component prop from `mood` to `variant`
+- `migrateCardVariantToColor`: Migrates `Card` component prop from `variant` to `color`
+- `migrateConfirmationModalMoodsToVariant`: Migrates `ConfirmationModal` component prop from `mood` to `variant`
+- `migrateEmptyStateIllustrationTypeToVariant`: Migrates `EmptyState` component prop from `illustrationType` to `variant`
+- `migrateGlobalNotificationTypeToVariant`: Transforms `GlobalNotification`'s `type` prop to the new `variant` prop
+- `migrateInformationTileMoodToVariant`: Migrates `InformationTile` component prop from `mood` to `variant`
+- `migrateInlineNotificationTypeToVariant`: Transforms `InlineNotification`'s `type` prop to the new `variant` prop
+- `migrateMultiActionTileMoodToVariant`: Migrates `MultiActionTile` component prop from `mood` to `variant`
 - `migrateProgressBarMoodToColor`: Migrates `ProgressBar` component prop from `mood` to `color`
-- `migrateToastNotificationTypeToVariant`: Transforms `ToastNotification`'s `type` prop to the new `variant` prop.
-- `migrateWellVariantToColor`: Migrates `Well` component prop from `variant` to `color`.
+- `migrateToastNotificationTypeToVariant`: Transforms `ToastNotification`'s `type` prop to the new `variant` prop
+- `migrateWellVariantToColor`: Migrates `Well` component prop from `variant` to `color`
+- `removeInputEditModalMood`: Removes `InputEditModal` component prop `mood`
+- `removePopoverVariant`: Removes `Popover` component props `variant` and `customIcon`
+- `updateGuidanceBlockVariantProp`: Updates `GuidanceBlock` import location and updates `variant` prop to `default` or `expert-advice`

package/codemods/migrateBrandMomentMoodToVariant/transformBrandMomentMoodToVariant.ts

@@ -1,4 +1,4 @@
-import type { BrandMomentProps } from "~components/BrandMoment"
+import type { BrandMomentProps } from "../../src/BrandMoment"
 import { migrateStringProp } from "../utils"
 
 const OLD_PROP_NAME = "mood"

package/codemods/migrateCardVariantToColor/transformCardVariantToColor.ts

@@ -1,4 +1,4 @@
-import type { CardProps } from "~components/Card"
+import type { CardProps } from "../../src/Card"
 import { migrateStringProp } from "../utils"
 
 const OLD_PROP_NAME = "variant"

package/codemods/migrateConfirmationModalMoodsToVariant/index.ts

@@ -1,7 +1,7 @@
 import { transformComponentsInDir } from "../utils"
 import { transformConfirmationModalMoodsToVariant } from "./transformConfirmationModalMoodsToVariant"
-/** This is here as a script runner that migrates Well variant to their color equivalent */
-const migrateModalMoodsToVariant = (): void => {
+
+const run = (): void => {
   // eslint-disable-next-line no-console
   console.log(" ~(-_- ~) Running ConfirmationModal transformer (~ -_-)~")
   const targetDir = process.argv[2]
@@ -16,4 +16,4 @@ const migrateModalMoodsToVariant = (): void => {
   )
 }
 
-migrateModalMoodsToVariant()
+run()

package/codemods/migrateConfirmationModalMoodsToVariant/transformConfirmationModalMoodsToVariant.ts

@@ -1,59 +1,28 @@
-import ts from "typescript"
-import { getPropValueText } from "../utils/getPropValueText"
+import type { ConfirmationModalProps } from "../../src/Modal"
+import { migrateStringProp } from "../utils"
 
-/** Recurses through AST to find and update any jsx element that matched the tagName */
-export const transformConfirmationModalMoodsToVariant =
-  (context: ts.TransformationContext, tagName: string) =>
-  (rootNode: ts.Node): ts.Node => {
-    function visit(node: ts.Node): ts.Node {
-      if (ts.isJsxOpeningElement(node) || ts.isJsxSelfClosingElement(node)) {
-        if (node.tagName.getText() === tagName) {
-          const newAttributes = node.attributes.properties.map(attr => {
-            if (ts.isJsxAttribute(attr) && attr.name.getText() === "mood") {
-              const valueName =
-                attr.initializer && getPropValueText(attr.initializer)
+const OLD_PROP_NAME = "mood"
+const NEW_PROP_NAME = "variant"
 
-              if (valueName) {
-                let variantValue: string = ""
-                switch (valueName) {
-                  case "positive":
-                    variantValue = "success"
-                    break
-                  case "negative":
-                    variantValue = "warning"
-                    break
-                  case "assertive":
-                    variantValue = "cautionary"
-                    break
-                }
-                return ts.factory.createJsxAttribute(
-                  ts.factory.createIdentifier("variant"),
-                  ts.factory.createStringLiteral(variantValue)
-                )
-              }
-            }
-
-            return attr
-          })
-
-          if (ts.isJsxOpeningElement(node)) {
-            return ts.factory.updateJsxOpeningElement(
-              node,
-              node.tagName,
-              node.typeArguments,
-              ts.factory.createJsxAttributes(newAttributes)
-            )
-          } else if (ts.isJsxSelfClosingElement(node)) {
-            return ts.factory.updateJsxSelfClosingElement(
-              node,
-              node.tagName,
-              node.typeArguments,
-              ts.factory.createJsxAttributes(newAttributes)
-            )
-          }
-        }
-      }
-      return ts.visitEachChild(node, visit, context)
-    }
-    return ts.visitNode(rootNode, visit)
+const getNewVariantValue = (
+  oldValue: Exclude<ConfirmationModalProps[typeof OLD_PROP_NAME], undefined>
+): Exclude<ConfirmationModalProps[typeof NEW_PROP_NAME], undefined> => {
+  switch (oldValue) {
+    case "positive":
+      return "success"
+    case "informative":
+      return "informative"
+    case "negative":
+      return "warning"
+    case "cautionary":
+      return "cautionary"
+    case "assertive":
+      return "cautionary"
   }
+}
+
+export const transformConfirmationModalMoodsToVariant = migrateStringProp(
+  OLD_PROP_NAME,
+  NEW_PROP_NAME,
+  getNewVariantValue
+)

package/codemods/migrateEmptyStateIllustrationTypeToVariant/transformEmptyStateIllustrationTypeToVariant.ts

@@ -1,4 +1,4 @@
-import type { EmptyStateProps } from "~components/EmptyState"
+import type { EmptyStateProps } from "../../src/EmptyState"
 import { migrateStringProp } from "../utils"
 
 const OLD_PROP_NAME = "illustrationType"

package/codemods/migrateInformationTileMoodToVariant/transformInformationTileMoodToVariant.ts

@@ -1,4 +1,4 @@
-import type { InformationTileProps } from "~components/Tile"
+import type { InformationTileProps } from "../../src/Tile"
 import { migrateStringProp } from "../utils"
 
 const OLD_PROP_NAME = "mood"

package/codemods/migrateMultiActionTileMoodToVariant/transformMultiActionTileMoodToVariant.ts

@@ -1,4 +1,4 @@
-import type { MultiActionTileProps } from "~components/Tile"
+import type { MultiActionTileProps } from "../../src/Tile"
 import { migrateStringProp } from "../utils"
 
 const OLD_PROP_NAME = "mood"

package/codemods/migrateNotificationTypeToVariant/migrateNotificationTypeToVariant.ts

@@ -1,4 +1,4 @@
-import type { GenericNotificationProps } from "~components/Notification/subcomponents/GenericNotification"
+import type { GenericNotificationProps } from "../../src/Notification/subcomponents/GenericNotification"
 import { migrateStringProp } from "../utils"
 
 const OLD_PROP_NAME = "type"

package/codemods/migrateProgressBarMoodToColor/transformProgressBarMoodToColor.ts

@@ -1,4 +1,4 @@
-import type { ProgressBarProps } from "~components/ProgressBar"
+import type { ProgressBarProps } from "../../src/ProgressBar"
 import { migrateStringProp } from "../utils"
 
 const OLD_PROP_NAME = "mood"

package/codemods/removeInputEditModalMood/index.ts

@@ -1,7 +1,7 @@
 import { transformComponentsInDir } from "../utils"
 import { removeInputEditModalMood } from "./removeInputEditModalMood"
 /** This is here as a script runner that migrates Well variant to their color equivalent */
-const migrateModalMoodsToVariant = (): void => {
+const run = (): void => {
   // eslint-disable-next-line no-console
   console.log(" ~(-_- ~) Running InputEditModal transformer (~ -_-)~")
   const targetDir = process.argv[2]
@@ -16,4 +16,4 @@ const migrateModalMoodsToVariant = (): void => {
   )
 }
 
-migrateModalMoodsToVariant()
+run()

package/codemods/removeInputEditModalMood/removeInputEditModalMood.spec.ts

@@ -3,7 +3,7 @@ import { transformSource, printAst } from "../utils"
 import { removeInputEditModalMood } from "./removeInputEditModalMood"
 
 describe("removeInputEditModalMood", () => {
-  it("removed mood", () => {
+  it("removes mood", () => {
     const inputAst = parseJsx(`
       export const TestComponent = () => <InputEditModal mood="positive"/>
     `)
@@ -47,34 +47,4 @@ describe("removeInputEditModalMood", () => {
     })
     expect(transformed).toBe(printAst(outputAst))
   })
-
-  it("transforms InputEditModal with arbitrary braces", () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <div><InputEditModal mood={"positive"}/><InputEditModal mood={'assertive'}/><InputEditModal mood={\`positive\`}/></div>
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <div><InputEditModal /><InputEditModal /><InputEditModal /></div>
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: removeInputEditModalMood,
-      tagName: "InputEditModal",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-
-  it("won't modify variants usings variables", () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <div><InputEditModal mood={InputEditModalVariable}/></div>
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <div><InputEditModal /></div>
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: removeInputEditModalMood,
-      tagName: "InputEditModal",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
 })

package/codemods/removeInputEditModalMood/removeInputEditModalMood.ts

@@ -1,40 +1,3 @@
-import ts from "typescript"
+import { removeProps } from "../utils/removeProps"
 
-/** Recurses through AST to find and update any jsx element that matched the tagName */
-export const removeInputEditModalMood =
-  (context: ts.TransformationContext, tagName: string) =>
-  (rootNode: ts.Node): ts.Node => {
-    function visit(node: ts.Node): ts.Node {
-      if (ts.isJsxOpeningElement(node) || ts.isJsxSelfClosingElement(node)) {
-        if (node.tagName.getText() === tagName) {
-          const newAttributes = node.attributes.properties.reduce<
-            ts.JsxAttributeLike[]
-          >((acc, attr) => {
-            if (ts.isJsxAttribute(attr) && attr.name.getText() === "mood") {
-              return acc
-            }
-
-            return [...acc, attr]
-          }, [])
-
-          if (ts.isJsxOpeningElement(node)) {
-            return ts.factory.updateJsxOpeningElement(
-              node,
-              node.tagName,
-              node.typeArguments,
-              ts.factory.createJsxAttributes(newAttributes)
-            )
-          } else if (ts.isJsxSelfClosingElement(node)) {
-            return ts.factory.updateJsxSelfClosingElement(
-              node,
-              node.tagName,
-              node.typeArguments,
-              ts.factory.createJsxAttributes(newAttributes)
-            )
-          }
-        }
-      }
-      return ts.visitEachChild(node, visit, context)
-    }
-    return ts.visitNode(rootNode, visit)
-  }
+export const removeInputEditModalMood = removeProps(["mood"])

package/codemods/removePopoverVariant/index.ts

@@ -0,0 +1,15 @@
+import { transformComponentsInDir } from "../utils"
+import { removePopoverVariant } from "./removePopoverVariant"
+
+const run = (): void => {
+  // eslint-disable-next-line no-console
+  console.log(" ~(-_- ~) Running Popover transformer (~ -_-)~")
+  const targetDir = process.argv[2]
+  if (!targetDir) {
+    process.exit(1)
+  }
+
+  transformComponentsInDir(targetDir, removePopoverVariant, "Popover")
+}
+
+run()

package/codemods/removePopoverVariant/removePopoverVariant.spec.ts

@@ -0,0 +1,65 @@
+import { parseJsx } from "../__tests__/utils"
+import { transformSource, printAst } from "../utils"
+import { removePopoverVariant } from "./removePopoverVariant"
+
+describe("removePopoverVariant()", () => {
+  it("removes variant", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <Popover variant="positive" />
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <Popover />
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removePopoverVariant,
+      tagName: "Popover",
+    })
+    expect(transformed).toEqual(printAst(outputAst))
+  })
+
+  it("removes customIcon", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <Popover variant="positive" customIcon={<Icon />} />
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <Popover />
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removePopoverVariant,
+      tagName: "Popover",
+    })
+    expect(transformed).toEqual(printAst(outputAst))
+  })
+
+  it("handles multiple attributes and remove only variant", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <Popover variant="negative" id="123"/>
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <Popover id="123"/>
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removePopoverVariant,
+      tagName: "Popover",
+    })
+    expect(transformed).toBe(printAst(outputAst))
+  })
+
+  it("transforms multiple Popovers", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <div><Popover variant="positive"/><Popover variant="negative" customIcon={<Icon />}/></div>
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <div><Popover /><Popover /></div>
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removePopoverVariant,
+      tagName: "Popover",
+    })
+    expect(transformed).toBe(printAst(outputAst))
+  })
+})

package/codemods/removePopoverVariant/removePopoverVariant.ts

@@ -0,0 +1,3 @@
+import { removeProps } from "../utils/removeProps"
+
+export const removePopoverVariant = removeProps(["variant", "customIcon"])

package/codemods/updateGuidanceBlockVariantProp/transformGuidanceBlockVariantProp.spec.ts

@@ -120,10 +120,10 @@ describe("transformGuidanceBlockVariantProp", () => {
 
   it("won't modify variants usings variables", () => {
     const inputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock variant={wellVariable} /></div>
+      export const TestComponent = () => <div><GuidanceBlock variant={varName} /></div>
     `)
     const outputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock variant={wellVariable} /></div>
+      export const TestComponent = () => <div><GuidanceBlock variant={varName} /></div>
     `)
     const transformed = transformSource({
       sourceFile: inputAst,

package/codemods/utils/removeProps.spec.ts

@@ -0,0 +1,65 @@
+import { parseJsx } from "../__tests__/utils"
+import { transformSource, printAst } from "../utils"
+import { removeProps } from "./removeProps"
+
+describe("removeProps()", () => {
+  it("removes single specified prop", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <Pancakes topping="butter" />
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <Pancakes />
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removeProps(["topping"]),
+      tagName: "Pancakes",
+    })
+    expect(transformed).toEqual(printAst(outputAst))
+  })
+
+  it("removes multiple specified props", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <Pancakes topping="butter" fruit="blueberries" />
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <Pancakes />
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removeProps(["topping", "fruit"]),
+      tagName: "Pancakes",
+    })
+    expect(transformed).toEqual(printAst(outputAst))
+  })
+
+  it("handles multiple attributes and removes only specified props", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <Pancakes topping="jam" id="123"/>
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <Pancakes id="123"/>
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removeProps(["topping"]),
+      tagName: "Pancakes",
+    })
+    expect(transformed).toBe(printAst(outputAst))
+  })
+
+  it("transforms multiple Pancakess", () => {
+    const inputAst = parseJsx(`
+      export const TestComponent = () => <div><Pancakes topping="butter"/><Pancakes topping="jam"/></div>
+    `)
+    const outputAst = parseJsx(`
+      export const TestComponent = () => <div><Pancakes /><Pancakes /></div>
+    `)
+    const transformed = transformSource({
+      sourceFile: inputAst,
+      astTransformer: removeProps(["topping"]),
+      tagName: "Pancakes",
+    })
+    expect(transformed).toBe(printAst(outputAst))
+  })
+})

package/codemods/utils/removeProps.ts

@@ -0,0 +1,30 @@
+import ts from "typescript"
+import { updateJsxElementWithNewProps } from "./updateJsxElementWithNewProps"
+
+export const removeProps =
+  (propsToRemove: string[]) =>
+  (context: ts.TransformationContext, tagName: string) =>
+  (rootNode: ts.Node): ts.Node => {
+    function visit(node: ts.Node): ts.Node {
+      if (ts.isJsxOpeningElement(node) || ts.isJsxSelfClosingElement(node)) {
+        if (node.tagName.getText() === tagName) {
+          const newAttributes = node.attributes.properties.reduce<
+            ts.JsxAttributeLike[]
+          >((acc, attr) => {
+            if (
+              ts.isJsxAttribute(attr) &&
+              propsToRemove.includes(attr.name.getText())
+            ) {
+              return acc
+            }
+
+            return [...acc, attr]
+          }, [])
+
+          return updateJsxElementWithNewProps(node, newAttributes)
+        }
+      }
+      return ts.visitEachChild(node, visit, context)
+    }
+    return ts.visitNode(rootNode, visit)
+  }

package/dist/cjs/Brand/Brand.cjs

@@ -2,7 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var hostedAssets = require('@kaizen/hosted-assets');
+var hostedAssets = require('../utils/hostedAssets.cjs');
 var BrandCollectiveIntelligence = require('./BrandCollectiveIntelligence/BrandCollectiveIntelligence.cjs');
 var Brand_module = require('./Brand.module.scss.cjs');
 function _interopDefault(e) {

package/dist/cjs/BrandMoment/BrandMoment.cjs

@@ -3,9 +3,9 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var hostedAssets = require('@kaizen/hosted-assets');
 var Heading = require('../Heading/Heading.cjs');
 var Text = require('../Text/Text.cjs');
+var hostedAssets = require('../utils/hostedAssets.cjs');
 var useMediaQueries = require('../utils/useMediaQueries.cjs');
 var BrandMoment_module = require('./BrandMoment.module.scss.cjs');
 var Button = require('../__actions__/Button/v1/Button/Button.cjs');

package/dist/cjs/Card/Card.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Card_module = require('./Card.module.scss.cjs');
+var Card_module = require('./Card.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Card/Card.module.css.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+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"
+};
+module.exports = styles;

package/dist/cjs/Illustration/subcomponents/Base/Base.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var hostedAssets = require('@kaizen/hosted-assets');
+var hostedAssets = require('../../../utils/hostedAssets.cjs');
 var Base_module = require('./Base.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var hostedAssets = require('@kaizen/hosted-assets');
+var hostedAssets = require('../../../utils/hostedAssets.cjs');
 var canPlayWebm = require('../../utils/canPlayWebm.cjs');
 var usePausePlay = require('../../utils/usePausePlay.cjs');
 var Base_module = require('../Base/Base.module.scss.cjs');

package/dist/cjs/Popover/Popover.module.scss.cjs

@@ -22,13 +22,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/cjs/index.cjs

@@ -402,6 +402,7 @@ var constants = require('./TitleBlockZen/constants.cjs');
 var ToggleSwitch = require('./ToggleSwitch/ToggleSwitch/ToggleSwitch.cjs');
 var ToggleSwitchField = require('./ToggleSwitch/ToggleSwitchField/ToggleSwitchField.cjs');
 var useMediaQueries = require('./utils/useMediaQueries.cjs');
+var hostedAssets = require('./utils/hostedAssets.cjs');
 var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.cjs');
 var Well = require('./Well/Well.cjs');
 var Workflow = require('./Workflow/Workflow.cjs');
@@ -1032,6 +1033,7 @@ exports.ToggleSwitch = ToggleSwitch.ToggleSwitch;
 exports.ToggleSwitchField = ToggleSwitchField.ToggleSwitchField;
 exports.subtractOnePixel = useMediaQueries.subtractOnePixel;
 exports.useMediaQueries = useMediaQueries.useMediaQueries;
+exports.assetUrl = hostedAssets.assetUrl;
 exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
 exports.Well = Well.Well;
 exports.Workflow = Workflow.Workflow;

package/dist/cjs/utils/hostedAssets.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+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("/");
+};
+exports.assetUrl = assetUrl;

package/dist/cjs/utils/useResizeObserver.cjs

@@ -19,6 +19,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) {

package/dist/esm/Brand/Brand.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
-import { assetUrl } from '@kaizen/hosted-assets';
+import { assetUrl } from '../utils/hostedAssets.mjs';
 import { BrandCollectiveIntelligence } from './BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs';
 import styles from './Brand.module.scss.mjs';
 var isSVG = function (variant, restProps) {