@kaizen/components 0.0.0-canary-toast-notification-fix-20240822034045 → 0.0.0-canary-workflow-export-20240910075656

package/src/__future__/Select/subcomponents/Option/Option.tsx

@@ -4,7 +4,7 @@ import { useOption } from "@react-aria/listbox"
 import { mergeProps } from "@react-aria/utils"
 import classnames from "classnames"
 import { CheckIcon } from "~components/Icon"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { useSelectContext } from "../../context"
 import { SelectOption, SelectOptionNode } from "../../types"
 import styles from "./Option.module.scss"

package/src/__future__/Select/subcomponents/Overlay/Overlay.tsx

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from "react"
 import { FocusScope } from "@react-aria/focus"
 import { useOverlay, DismissButton } from "@react-aria/overlays"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { useSelectContext } from "../../context"
 import { SelectOption } from "../../types"
 

package/src/__future__/Select/subcomponents/SelectToggle/SelectToggle.tsx

@@ -3,7 +3,7 @@ import { DOMAttributes, FocusableElement } from "@react-types/shared"
 import classnames from "classnames"
 import { ChevronDownIcon, ChevronUpIcon } from "~components/Icon"
 import { Label } from "~components/Label"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import styles from "./SelectToggle.module.scss"
 
 export type SelectToggleProps = {

package/src/__future__/Tag/RemovableTag/subcomponents/RemoveButton.tsx

@@ -1,6 +1,6 @@
 import React, { ButtonHTMLAttributes } from "react"
 import classnames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { RemoveTagIcon } from "./RemoveTagIcon"
 import styles from "./RemoveButton.module.scss"
 

package/src/__future__/Tag/Tag/Tag.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode, HTMLAttributes } from "react"
 import classNames from "classnames"
-import { OverrideClassName } from "~types/OverrideClassName"
+import { OverrideClassName } from "~components/types/OverrideClassName"
 import { TagColors } from "./types"
 import styles from "./Tag.module.scss"
 

package/src/__future__/index.ts

@@ -1,3 +1,2 @@
 export * from "./Select"
 export * from "./Tag"
-export * from "./Workflow"

package/src/{Workflow → __layout__/Workflow/v2}/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss

@@ -87,9 +87,15 @@ $indicator-size: 1.25rem;
 .stepperDescription {
   display: flex;
   justify-content: center;
+  color: var(--color-white);
+  font-family: var(--typography-paragraph-small-font-family);
+  font-weight: var(--typography-paragraph-small-font-weight);
+  font-size: var(--typography-paragraph-small-font-size);
+  line-height: var(--typography-paragraph-small-line-height);
+  letter-spacing: var(--typography-paragraph-small-letter-spacing);
 
-  @media (min-width: 768px) {
-    // sr hidden styles
+  @media (width >= 768px) {
+    /* sr hidden styles */
     position: absolute;
     width: 0;
     height: 0;

package/src/{__future__/Workflow → __layout__/Workflow/v2}/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx

@@ -133,14 +133,9 @@ export const ProgressStepper = ({
           )
         })}
       </ol>
-      <Text
-        classNameOverride={styles.stepperDescription}
-        variant="small"
-        color="white"
-        id="stepper-description"
-      >
+      <span className={styles.stepperDescription} id="stepper-description">
         Step {currentStepIndex + 1} of {steps.length}
-      </Text>
+      </span>
     </div>
   )
 }

package/src/__overlays__/Tooltip/v1/Tooltip.spec.tsx

@@ -48,7 +48,7 @@ describe("<Tooltip />", () => {
     // Non-semantic elements without roles should not have aria-description on them.
     // They won't read to all screen readers as expected and may be reported in Storybook's accessibility tab (which uses Axe under the hood)
     it("doesn't add an accessible description when wrapping a non-semantic element", async () => {
-      const warn = jest.spyOn(console, "warn").mockImplementation()
+      const warn = vi.spyOn(console, "warn").mockImplementation(vi.fn())
 
       render(
         <Tooltip

package/src/__overlays__/Tooltip/v1/utils/isSemanticElement.spec.tsx

@@ -1,13 +1,13 @@
 import React from "react"
+import { vi } from "vitest"
 import { ArrowRightIcon } from "~components/Icon"
 import { Button, IconButton } from "~components/__actions__/v2"
 import { isSemanticElement } from "./isSemanticElement"
-
 describe("isSemanticElement", () => {
   it("returns true if provided a native element with a semantic role", () => {
     expect(
       isSemanticElement(
-        <button onClick={jest.fn()} type="button">
+        <button onClick={vi.fn()} type="button">
           click
         </button>
       )
@@ -28,19 +28,14 @@ describe("isSemanticElement", () => {
   it("will return true if provided a non-semantic element with a semantic role", () => {
     expect(
       isSemanticElement(
-        <span
-          tabIndex={0}
-          role="button"
-          onKeyDown={jest.fn}
-          onClick={jest.fn()}
-        >
+        <span tabIndex={0} role="button" onKeyDown={vi.fn()} onClick={vi.fn()}>
           custom semantic el
         </span>
       )
     ).toBe(true)
     expect(
       isSemanticElement(
-        <div tabIndex={0} role="button" onKeyDown={jest.fn} onClick={jest.fn()}>
+        <div tabIndex={0} role="button" onKeyDown={vi.fn()} onClick={vi.fn()}>
           custom semantic el
         </div>
       )

package/src/__overlays__/Tooltip/v3/OverlayArrow.tsx

@@ -4,7 +4,7 @@ import {
   type OverlayArrowProps,
 } from "react-aria-components"
 import { useReversedColors } from "~components/__utilities__/v3"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 
 import styles from "./OverlayArrow.module.scss"
 

package/src/__overlays__/Tooltip/v3/Tooltip.tsx

@@ -8,7 +8,7 @@ import {
   useContextProps,
 } from "react-aria-components"
 import { useReversedColors } from "~components/__utilities__/v3"
-import { mergeClassNames } from "~utils/mergeClassNames"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import { OverlayArrow } from "./OverlayArrow"
 import styles from "./Tooltip.module.scss"
 

package/src/__overlays__/Tooltip/v3/_docs/Tooltip.stickersheet.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react"
 import { Meta, composeStories } from "@storybook/react"
 import { ReversedColors } from "~components/__utilities__/v3"
+import { mergeClassNames } from "~components/utils/mergeClassNames"
 import { StickerSheetStory } from "~storybook/components/StickerSheet"
-import { mergeClassNames } from "~utils/mergeClassNames"
 import * as testStories from "./Tooltip.spec.stories"
 
 export default {

package/src/index.ts

@@ -20,7 +20,7 @@ export * from "./ErrorPage"
 export * from "./FieldGroup"
 export * from "./FieldMessage"
 export * from "./Filter"
-
+export * from "./GuidanceBlock"
 export * from "./Heading"
 export * from "./Icon"
 export * from "./Illustration"
@@ -61,4 +61,3 @@ export * from "./Workflow"
 export * from "./__overlays__/Tooltip/v1"
 export * from "./__actions__/Menu/v1"
 export * from "./__actions__/Button/v1"
-export * from "./__containers__/GuidanceBlock/v1"

package/src/utils/hostedAssets.ts

@@ -0,0 +1,13 @@
+const 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/
+ */
+export const assetUrl = (path: string): string =>
+  [ORIGIN_BASE_URL, path].join("/")

package/src/utils/index.ts

@@ -1,2 +1,3 @@
 // Not all utils are exported because most are intended for internal use only
 export * from "./useMediaQueries"
+export * from "./hostedAssets"

package/src/utils/useMediaQueries.spec.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { render, screen } from "@testing-library/react"
+import { vi } from "vitest"
 import { useMediaQueries, subtractOnePixel } from "./useMediaQueries"
-
 const ExampleComponent = (): JSX.Element => {
   const { queries, components } = useMediaQueries({
     prefersReducedMotion: "(prefers-reduced-motion: reduce)",
@@ -27,15 +27,15 @@ const ExampleComponent = (): JSX.Element => {
 export const mockMatchMedia = (matches: boolean = false): void => {
   Object.defineProperty(window, "matchMedia", {
     writable: true,
-    value: jest.fn().mockImplementation(query => ({
+    value: vi.fn().mockImplementation(query => ({
       matches,
       media: query,
       onchange: null,
-      addListener: jest.fn(), // Deprecated
-      removeListener: jest.fn(), // Deprecated
-      addEventListener: jest.fn(),
-      removeEventListener: jest.fn(),
-      dispatchEvent: jest.fn(),
+      addListener: vi.fn(), // Deprecated
+      removeListener: vi.fn(), // Deprecated
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+      dispatchEvent: vi.fn(),
     })),
   })
 }

package/src/utils/useResizeObserver.ts

@@ -23,6 +23,7 @@ export interface DOMRectReadOnly {
  * @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
  */
 export const useResizeObserver = <T, E extends Element = HTMLElement>(
   resolveEntry: (entry: ResizeObserverEntry) => any = defaultCallback

package/codemods/updateGuidanceBlockVariantProp/index.ts

@@ -1,19 +0,0 @@
-import { transformComponentsInDir } from "../utils"
-import { transformGuidanceBlockVariantProp } from "./transformGuidanceBlockVariantProp"
-/** This is here as a script runner that updates GuidanceBlock variants to v2 variants */
-const updateGuidanceBlockVariantProp = (): void => {
-  // eslint-disable-next-line no-console
-  console.log(" ~(-_- ~) Running GuidanceBlock transformer (~ -_-)~")
-  const targetDir = process.argv[2]
-  if (!targetDir) {
-    process.exit(1)
-  }
-
-  transformComponentsInDir(
-    targetDir,
-    transformGuidanceBlockVariantProp,
-    "GuidanceBlock"
-  )
-}
-
-updateGuidanceBlockVariantProp()

package/codemods/updateGuidanceBlockVariantProp/transformGuidanceBlockVariantProp.spec.ts

@@ -1,135 +0,0 @@
-import { parseJsx } from "../__tests__/utils"
-import { transformSource, printAst } from "../utils"
-import { transformGuidanceBlockVariantProp } from "./transformGuidanceBlockVariantProp"
-
-describe("transformGuidanceBlockVariantProp", () => {
-  it("updates the import statement for GuidanceBlock to the new family version", () => {
-    const inputAst = parseJsx(`
-      import { GuidanceBlock } from "@kaizen/components"
-      import { Card } from "@kaizen/components"
-    `)
-    const outputAst = parseJsx(`
-      import { GuidanceBlock } from "@kaizen/components/v2/containers"
-      import { Card } from "@kaizen/components"
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-
-  it("removes all instances of `positive`, `negative`, `informative`, `cautionary`, `assertive`", () => {
-    const inputAst = parseJsx(`
-      const TestComponent = () => <GuidanceBlock variant="positive" />
-      const TestComponent = () => <GuidanceBlock variant="negative" />
-      const TestComponent = () => <GuidanceBlock variant="informative" />
-      const TestComponent = () => <GuidanceBlock variant="cautionary" />
-      const TestComponent = () => <GuidanceBlock variant="assertive" />
-    `)
-    const outputAst = parseJsx(`
-      const TestComponent = () => <GuidanceBlock />
-      const TestComponent = () => <GuidanceBlock />
-      const TestComponent = () => <GuidanceBlock />
-      const TestComponent = () => <GuidanceBlock />
-      const TestComponent = () => <GuidanceBlock />
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toEqual(printAst(outputAst))
-  })
-
-  it('replaces variant="expert-advice" with variant="prominent"', () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <GuidanceBlock variant="expert-advice" />
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <GuidanceBlock variant="prominent" />
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-
-  it("handles multiple attributes and replace only variant", () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <GuidanceBlock variant="positive" id="123" />
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <GuidanceBlock id="123" />
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-
-  it("handles nested GuidanceBlock components", () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock variant="positive" id="123" /></div>
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock id="123" /></div>
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-
-  it("transforms multiple GuidanceBlock", () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock variant="positive" /><GuidanceBlock variant="positive" /></div>
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock /><GuidanceBlock /></div>
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-
-  it("transforms GuidanceBlock with arbitrary braces", () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock variant={"informative"} /><GuidanceBlock variant={'assertive'} /><GuidanceBlock variant={\`expert-advice\`} /></div>
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock /><GuidanceBlock /><GuidanceBlock variant="prominent" /></div>
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-
-  it("won't modify variants usings variables", () => {
-    const inputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock variant={varName} /></div>
-    `)
-    const outputAst = parseJsx(`
-      export const TestComponent = () => <div><GuidanceBlock variant={varName} /></div>
-    `)
-    const transformed = transformSource({
-      sourceFile: inputAst,
-      astTransformer: transformGuidanceBlockVariantProp,
-      tagName: "GuidanceBlock",
-    })
-    expect(transformed).toBe(printAst(outputAst))
-  })
-})

package/codemods/updateGuidanceBlockVariantProp/transformGuidanceBlockVariantProp.ts

@@ -1,77 +0,0 @@
-import ts from "typescript"
-import { getPropValueText } from "../utils/getPropValueText"
-
-/** Recurses through AST to find and update any jsx element that matched the tagName */
-export const transformGuidanceBlockVariantProp =
-  (context: ts.TransformationContext, tagName: string) =>
-  (rootNode: ts.Node): ts.Node => {
-    function visit(node: ts.Node): ts.Node {
-      if (ts.isImportDeclaration(node) && node.getText().includes(tagName)) {
-        const newModuleSpecifier = ts.factory.createStringLiteral(
-          "@kaizen/components/v2/containers"
-        )
-        return ts.factory.updateImportDeclaration(
-          node,
-          node.modifiers,
-          node.importClause,
-          newModuleSpecifier,
-          node.attributes
-        )
-      }
-
-      if (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() === "variant") {
-              const valueName =
-                attr.initializer && getPropValueText(attr.initializer)
-
-              const oldValues = [
-                "positive",
-                "negative",
-                "informative",
-                "cautionary",
-                "assertive",
-              ]
-
-              if (valueName) {
-                if (oldValues.includes(valueName)) {
-                  // Remove the attribute for old values
-                  return acc
-                }
-
-                if (valueName === "expert-advice") {
-                  // Replace the attribute value for expert-advice
-                  return [
-                    ...acc,
-                    ts.factory.createJsxAttribute(
-                      attr.name,
-                      ts.factory.createStringLiteral("prominent")
-                    ),
-                  ]
-                }
-
-                // Keep the attribute for other values
-                return [...acc, attr]
-              }
-            }
-
-            return [...acc, attr]
-          }, [])
-
-          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)
-  }

package/dist/cjs/Card/Card.module.scss.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "Card-module_wrapper__h5MUx",
-  "elevated": "Card-module_elevated__m7z8s",
-  "blue": "Card-module_blue__3-ogH",
-  "gray": "Card-module_gray__laFe8",
-  "green": "Card-module_green__FOeLt",
-  "orange": "Card-module_orange__hIZPr",
-  "purple": "Card-module_purple__7tEwm",
-  "red": "Card-module_red__e6deN",
-  "white": "Card-module_white__HD1ph",
-  "yellow": "Card-module_yellow__j4aX-",
-  "default": "Card-module_default__MzW74",
-  "informative": "Card-module_informative__4yRSy",
-  "positive": "Card-module_positive__KvUqp",
-  "cautionary": "Card-module_cautionary__iMWR-",
-  "destructive": "Card-module_destructive__9wC8X",
-  "assertive": "Card-module_assertive__6d1GM",
-  "highlight": "Card-module_highlight__2GSL-"
-};
-module.exports = styles;

package/dist/cjs/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.module.scss.cjs

@@ -1,8 +0,0 @@
-'use strict';
-
-var styles = {
-  "footerAction": "FooterActions-module_footerAction__H-bdq",
-  "footerActionPrevious": "FooterActions-module_footerActionPrevious__yyzsX",
-  "footerActionNext": "FooterActions-module_footerActionNext__GIowc"
-};
-module.exports = styles;

package/dist/cjs/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styles = {
-  "stepsContainer": "ProgressStepper-module_stepsContainer__kh4S2",
-  "stepList": "ProgressStepper-module_stepList__ToKVO",
-  "step": "ProgressStepper-module_step__5Zakx",
-  "stepContent": "ProgressStepper-module_stepContent__brp8m",
-  "stepIndicator": "ProgressStepper-module_stepIndicator__vAWW6",
-  "stepName": "ProgressStepper-module_stepName__21rPP",
-  "stepIcon": "ProgressStepper-module_stepIcon__eW-Ps",
-  "stepDivider": "ProgressStepper-module_stepDivider__SaO4y",
-  "stepperDescription": "ProgressStepper-module_stepperDescription__XT8Ra"
-};
-module.exports = styles;

package/dist/cjs/Workflow/subcomponents/Header/components/Branding/Branding.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "branding": "Branding-module_branding__Oayqr",
-  "logo": "Branding-module_logo__rTXU9"
-};
-module.exports = styles;

package/dist/cjs/Workflow/subcomponents/Header/components/Root/Root.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "root": "Root-module_root__cfRZi"
-};
-module.exports = styles;

package/dist/cjs/Workflow/subcomponents/Header/components/Titles/Titles.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var styles = {
-  "titles": "Titles-module_titles__tO9dZ",
-  "pageTitle": "Titles-module_pageTitle__7-ui0",
-  "prefix": "Titles-module_prefix__vV-WW",
-  "status": "Titles-module_status__RvbTg"
-};
-module.exports = styles;

package/dist/cjs/Workflow/subcomponents/Main/Main.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "main": "Main-module_main__H-zGJ"
-};
-module.exports = styles;

package/dist/cjs/__containers__/GuidanceBlock/v1/GuidanceBlock.module.scss.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var styles = {
-  "rightMargin": "GuidanceBlock-module_rightMargin__SbVUD",
-  "noRightMargin": "GuidanceBlock-module_noRightMargin__CbCz9",
-  "banner": "GuidanceBlock-module_banner__NyOs1",
-  "noMaxWidth": "GuidanceBlock-module_noMaxWidth__Rh070",
-  "illustrationWrapper": "GuidanceBlock-module_illustrationWrapper__lIGaj",
-  "illustration": "GuidanceBlock-module_illustration__W7PwM",
-  "hasSceneIllustration": "GuidanceBlock-module_hasSceneIllustration__CX8GF",
-  "descriptionContainer": "GuidanceBlock-module_descriptionContainer__JyNJp",
-  "descriptionAndActions": "GuidanceBlock-module_descriptionAndActions__2KGZQ",
-  "buttonContainer": "GuidanceBlock-module_buttonContainer__6-Ty-",
-  "hidden": "GuidanceBlock-module_hidden__a6zCg",
-  "headingWrapper": "GuidanceBlock-module_headingWrapper__3zGY2",
-  "cancel": "GuidanceBlock-module_cancel__G-4ci",
-  "icon": "GuidanceBlock-module_icon__W0pEX",
-  "disabled": "GuidanceBlock-module_disabled__GL1dK",
-  "hover": "GuidanceBlock-module_hover__5PdJM",
-  "active": "GuidanceBlock-module_active__3ifEz",
-  "default": "GuidanceBlock-module_default__9rhEq",
-  "positive": "GuidanceBlock-module_positive__m6n-N",
-  "negative": "GuidanceBlock-module_negative__Z8tj-",
-  "assertive": "GuidanceBlock-module_assertive__76y6Y",
-  "informative": "GuidanceBlock-module_informative__QBzhx",
-  "cautionary": "GuidanceBlock-module_cautionary__iwOA-",
-  "prominent": "GuidanceBlock-module_prominent__LWMSm",
-  "inline": "GuidanceBlock-module_inline__Dq-OU",
-  "stacked": "GuidanceBlock-module_stacked__h3bUz",
-  "centerContent": "GuidanceBlock-module_centerContent__Cyd34",
-  "smallScreenTextAlignment": "GuidanceBlock-module_smallScreenTextAlignment__VI-fw"
-};
-module.exports = styles;