@kaizen/components 1.50.0 → 1.52.0

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

@@ -0,0 +1,219 @@
+import React from "react"
+import { Meta, StoryObj } from "@storybook/react"
+import { expect, userEvent, waitFor, within } from "@storybook/test"
+import isChromatic from "chromatic"
+import { Button, IconButton } from "~components/Button"
+import { AddIcon } from "~components/Icon"
+import { Tab, TabList, TabPanel, TabPanels, Tabs } from "~components/Tabs"
+import { Text } from "~components/Text"
+import { Tag } from "~components/__future__/Tag"
+import { Focusable } from "~components/__overlays__/v3"
+import { Tooltip, TooltipTrigger } from "../index"
+
+const meta = {
+  title: "Overlays/Tooltip/v3/Tests",
+  component: Tooltip,
+  parameters: {
+    layout: "centered",
+  },
+  args: {
+    defaultOpen: isChromatic(),
+  },
+  argTypes: {
+    // eslint-disable-next-line camelcase
+    UNSTABLE_portalContainer: {
+      control: false,
+      table: { disable: true },
+    },
+    triggerRef: { control: false },
+  },
+} satisfies Meta<typeof Tooltip>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const OnButton: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement.parentElement!)
+    const button = canvas.queryByRole("button") || canvas.getByRole("link")
+
+    await step("Hover shows", async () => {
+      await userEvent.unhover(button)
+      await userEvent.hover(button)
+      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
+      expect(button).toHaveAttribute(
+        "aria-describedby",
+        canvas.getByRole("tooltip").id
+      )
+      await userEvent.unhover(button)
+    })
+
+    await step("Focus shows", async () => {
+      await userEvent.tab() // focus
+      await waitFor(() => expect(canvas.getByRole("tooltip")).toBeVisible())
+      await userEvent.tab() // unfocus
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+    })
+
+    await step("Escape closes", async () => {
+      await userEvent.tab() // focus
+      await userEvent.keyboard("{Escape}")
+      await waitFor(() => expect(canvas.queryByRole("tooltip")).toBeNull())
+      await userEvent.tab() // unfocus
+    })
+  },
+}
+
+export const OnLink: Story = {
+  ...OnButton,
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" href="#" />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnButtonWithDesc: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <>
+      <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+        <IconButton
+          label="(TESTING) Add label"
+          icon={<AddIcon role="presentation" />}
+          primary
+          aria-describedby="blah"
+        />
+        <Tooltip {...args}>Tooltip content</Tooltip>
+      </TooltipTrigger>
+      <Text variant="body" id="blah" classNameOverride="p-4">
+        This is target of aria-describedby
+      </Text>
+    </>
+  ),
+}
+
+export const OnIconButton: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <IconButton
+        label="Add something"
+        icon={<AddIcon role="presentation" />}
+        primary
+        // Negate the aria description (added by RAC) as it should be the
+        // same as the accessible name, therefore no need to duplicate it
+        aria-describedby={null}
+      />
+      <Tooltip {...args}>Add something</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnDisabledButton: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" disabled />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnCustomButtonAnchor: Story = {
+  name: "On Button with custom <a>",
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button
+        label="Button"
+        component={props => (
+          // eslint-disable-next-line jsx-a11y/anchor-is-valid
+          <a {...props} href="#" style={{ padding: "0 1rem" }}>
+            Custom Link
+          </a>
+        )}
+      />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnCustomButton: Story = {
+  ...OnButton,
+  name: "On Button with custom <button>",
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button
+        label="Button"
+        component={props => <button type="button" {...props} />}
+      />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnCustomFocusableElement: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Focusable>
+        <Tag>Non-interactive element</Tag>
+      </Focusable>
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnTabs: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <Tabs>
+      <TabList aria-label="Tabs">
+        <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+          <Tab>Tab 1</Tab>
+          <Tooltip {...args}>Tooltip content</Tooltip>
+        </TooltipTrigger>
+      </TabList>
+      <TabPanels>
+        <TabPanel classNameOverride="p-24 font-family-paragraph">
+          Tab content
+        </TabPanel>
+      </TabPanels>
+    </Tabs>
+  ),
+}
+
+export const Placement: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" />
+      <Tooltip {...args} placement="top" shouldFlip={false}>
+        Placement top
+      </Tooltip>
+      <Tooltip {...args} placement="end" shouldFlip={false}>
+        Placement end
+      </Tooltip>
+      <Tooltip {...args} placement="bottom" shouldFlip={false}>
+        Placement bottom
+      </Tooltip>
+      <Tooltip {...args} placement="start" shouldFlip={false}>
+        Placement start
+      </Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const ReversedColors: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Button label="Button" />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+  parameters: {
+    reverseColors: true,
+  },
+}

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

@@ -0,0 +1,46 @@
+import React from "react"
+import { Meta, composeStories } from "@storybook/react"
+import { ReversedColors } from "~components/__utilities__/v3"
+import { StickerSheetStory } from "~storybook/components/StickerSheet"
+import { mergeClassNames } from "~utils/mergeClassNames"
+import * as testStories from "./Tooltip.spec.stories"
+
+export default {
+  title: "Overlays/Tooltip/v3/Tests",
+  parameters: {
+    chromatic: { disable: false },
+    controls: { disable: true },
+  },
+} satisfies Meta
+
+const Stories = composeStories(testStories)
+
+export const Standard: StickerSheetStory = {
+  name: "Sticker Sheet (Default)",
+  render: args => (
+    <div className="grid gap-x-128 gap-y-128 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+      {Object.values(Stories).map((Story, index) => (
+        <div
+          key={index}
+          className={mergeClassNames(
+            "flex items-center justify-center min-h-[10rem]",
+            Story.parameters.reverseColors ? "bg-purple-700" : ""
+          )}
+        >
+          <ReversedColors isReversed={!!Story.parameters.reverseColors}>
+            <Story {...args} defaultOpen={true} />
+          </ReversedColors>
+        </div>
+      ))}
+    </div>
+  ),
+}
+
+export const StickerSheetRTL: StickerSheetStory = {
+  ...Standard,
+  name: "Sticker Sheet (RTL)",
+  parameters: {
+    ...Standard.parameters,
+    textDirection: "rtl",
+  },
+}

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

@@ -0,0 +1,72 @@
+import React, { FunctionComponent } from "react"
+import { Meta, StoryObj } from "@storybook/react"
+import isChromatic from "chromatic"
+import { Button } from "~components/Button"
+import { Tag } from "~components/__future__"
+import { Focusable } from "~components/__overlays__/v3"
+import { Tooltip, TooltipTrigger } from "../index"
+import * as testStories from "./Tooltip.spec.stories"
+
+const meta = {
+  title: "Overlays/Tooltip/v3",
+  component: Tooltip,
+  parameters: {
+    layout: "centered",
+  },
+  args: {
+    defaultOpen: isChromatic(),
+  },
+  subcomponents: { TooltipTrigger } as Record<string, FunctionComponent<any>>,
+  argTypes: {
+    // eslint-disable-next-line camelcase
+    UNSTABLE_portalContainer: {
+      control: false,
+      table: { disable: true },
+    },
+    triggerRef: { control: false },
+  },
+} satisfies Meta<typeof Tooltip>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Playground: Story = {
+  render: ({ defaultOpen: _, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={true} isOpen={isOpen}>
+      <Button label="Button" />
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+}
+
+export const OnButton: Story = { ...testStories.OnButton, play: undefined }
+export const OnLink: Story = { ...testStories.OnLink, play: undefined }
+export const OnIconButton: Story = {
+  ...testStories.OnIconButton,
+  play: undefined,
+}
+export const Placement: Story = {
+  ...testStories.OnButton,
+  play: undefined,
+  args: { placement: "end" },
+}
+export const OnTabs: Story = {
+  ...testStories.OnTabs,
+  play: undefined,
+}
+export const OnCustomFocusableElement: Story = {
+  render: ({ defaultOpen, isOpen, ...args }) => (
+    <TooltipTrigger defaultOpen={defaultOpen} isOpen={isOpen}>
+      <Focusable>
+        <Tag>Non-interactive element</Tag>
+      </Focusable>
+      <Tooltip {...args}>Tooltip content</Tooltip>
+    </TooltipTrigger>
+  ),
+  play: undefined,
+}
+export const OnReversed: Story = {
+  ...testStories.ReversedColors,
+  play: undefined,
+}

package/src/__overlays__/Tooltip/v3/index.ts

@@ -0,0 +1,2 @@
+export * from "./Tooltip"
+export * from "./TooltipTrigger"

package/src/__overlays__/v1.ts

@@ -0,0 +1 @@
+export * from "./Tooltip/v1"

package/src/__overlays__/v2.ts

@@ -0,0 +1,2 @@
+// Alias of current
+export * from "./Tooltip/v2"

package/src/__overlays__/v3.ts

@@ -0,0 +1,2 @@
+export * from "./Tooltip/v3"
+export * from "./Focusable/v3"

package/src/__react-aria-components__/index.ts

@@ -0,0 +1 @@
+export * from "react-aria-components"

package/src/__react-aria__/index.ts

@@ -0,0 +1 @@
+export * from "react-aria"

package/src/__utilities__/ReversedColors/v3/ReversedColors.tsx

@@ -0,0 +1,20 @@
+import React, { ReactNode } from "react"
+
+export type ReversedColorsProps = {
+  children: ReactNode
+  isReversed?: boolean
+}
+
+const ReversedColorsContext = React.createContext<boolean>(false)
+
+export const useReversedColors = (): boolean =>
+  React.useContext(ReversedColorsContext)
+
+export const ReversedColors = ({
+  children,
+  isReversed = true,
+}: ReversedColorsProps): JSX.Element => (
+  <ReversedColorsContext.Provider value={isReversed}>
+    {children}
+  </ReversedColorsContext.Provider>
+)

package/src/__utilities__/ReversedColors/v3/index.ts

@@ -0,0 +1 @@
+export * from "./ReversedColors"

package/src/__utilities__/v3.ts

@@ -0,0 +1 @@
+export * from "./ReversedColors/v3"

package/src/index.ts

@@ -56,8 +56,8 @@ export * from "./Tile"
 export * from "./TimeField"
 export * from "./TitleBlockZen"
 export * from "./ToggleSwitch"
-export * from "./Tooltip"
 export * from "./utils"
 export * from "./VisuallyHidden"
 export * from "./Well"
 export * from "./Workflow"
+export * from "./__overlays__/Tooltip/v1"

package/src/types/cssVariables.d.ts

@@ -0,0 +1,7 @@
+import "react"
+
+declare module "react" {
+  interface CSSProperties {
+    [key: `--${string}`]: string | number
+  }
+}

package/src/utils/mergeClassNames.ts

@@ -0,0 +1,32 @@
+import classnames from "classnames"
+
+type ClassNameValue = string | number | boolean | undefined | null
+
+/**
+ * Helper to merge classnames together with support for functions that receive state (render props).
+ * This is useful when working with react-aria-components which have a feature where you can pass a function that receives state and returns a classname.
+ * https://react-spectrum.adobe.com/react-aria/styling.html#render-props
+ */
+export const mergeClassNames = <
+  ClassNameTypes extends Array<ClassNameValue | ((state: any) => string)>,
+>(
+  ...classNames: ClassNameTypes
+): (() => string) extends ClassNameTypes[number]
+  ? (state: any) => string
+  : string => {
+  const containsFunction = classNames.some(
+    className => typeof className === "function"
+  )
+
+  // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
+  if (!containsFunction)
+    return classnames(...(classNames as ClassNameValue[])) as any
+
+  // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
+  return ((state: any) =>
+    classnames(
+      ...(classNames.map(className =>
+        typeof className === "function" ? className(state) : className
+      ) as ClassNameValue[])
+    )) as any
+}

package/v1/overlays/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/overlaysV1.cjs",
+  "module": "../../dist/esm/overlaysV1.mjs",
+  "types": "../../dist/types/__overlays__/v1.d.ts"
+}

package/v2/overlays/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/overlaysV2.cjs",
+  "module": "../../dist/esm/overlaysV2.mjs",
+  "types": "../../dist/types/__overlays__/v2.d.ts"
+}

package/v3/overlays/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/overlaysV3.cjs",
+  "module": "../../dist/esm/overlaysV3.mjs",
+  "types": "../../dist/types/__overlays__/v3.d.ts"
+}

package/v3/react-aria/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/reactAriaV3.cjs",
+  "module": "../../dist/esm/reactAriaV3.mjs",
+  "types": "../../dist/types/__react-aria__/index.d.ts"
+}

package/v3/react-aria-components/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../../dist/cjs/reactAriaComponentsV3.cjs",
+  "module": "../../dist/esm/reactAriaComponentsV3.mjs",
+  "types": "../../dist/types/__react-aria-components__/index.d.ts"
+}

package/dist/cjs/Tooltip/Tooltip.module.scss.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var styles = {
-  "tooltip": "Tooltip-module_tooltip__NMZ65",
-  "tooltipContent": "Tooltip-module_tooltipContent__7vVkT",
-  "default": "Tooltip-module_default__lCIk7",
-  "informative": "Tooltip-module_informative__cgZuq",
-  "positive": "Tooltip-module_positive__xe7nM",
-  "cautionary": "Tooltip-module_cautionary__xoU2V",
-  "highlight": "Tooltip-module_highlight__bmY0r",
-  "arrow": "Tooltip-module_arrow__fL2PX",
-  "arrowInner": "Tooltip-module_arrowInner__knDLR",
-  "arrowMain": "Tooltip-module_arrowMain__KidE0",
-  "arrowShadow": "Tooltip-module_arrowShadow__Se33a",
-  "displayInline": "Tooltip-module_displayInline__HkfUK",
-  "displayBlock": "Tooltip-module_displayBlock__WswRy",
-  "displayInlineBlock": "Tooltip-module_displayInlineBlock__d6X3l",
-  "displayFlex": "Tooltip-module_displayFlex__DZdVc",
-  "displayInlineFlex": "Tooltip-module_displayInlineFlex__quEIM"
-};
-module.exports = styles;

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

@@ -1,19 +0,0 @@
-var styles = {
-  "tooltip": "Tooltip-module_tooltip__NMZ65",
-  "tooltipContent": "Tooltip-module_tooltipContent__7vVkT",
-  "default": "Tooltip-module_default__lCIk7",
-  "informative": "Tooltip-module_informative__cgZuq",
-  "positive": "Tooltip-module_positive__xe7nM",
-  "cautionary": "Tooltip-module_cautionary__xoU2V",
-  "highlight": "Tooltip-module_highlight__bmY0r",
-  "arrow": "Tooltip-module_arrow__fL2PX",
-  "arrowInner": "Tooltip-module_arrowInner__knDLR",
-  "arrowMain": "Tooltip-module_arrowMain__KidE0",
-  "arrowShadow": "Tooltip-module_arrowShadow__Se33a",
-  "displayInline": "Tooltip-module_displayInline__HkfUK",
-  "displayBlock": "Tooltip-module_displayBlock__WswRy",
-  "displayInlineBlock": "Tooltip-module_displayInlineBlock__d6X3l",
-  "displayFlex": "Tooltip-module_displayFlex__DZdVc",
-  "displayInlineFlex": "Tooltip-module_displayInlineFlex__quEIM"
-};
-export { styles as default };

package/dist/types/AvatarGroup/_docs/example-data.d.ts

@@ -1,8 +0,0 @@
-import { AvatarGroupAvatarProps, AvatarList } from "../AvatarGroup";
-export declare const EXAMPLE_USER_1: AvatarGroupAvatarProps;
-export declare const EXAMPLE_USER_2: AvatarGroupAvatarProps;
-export declare const EXAMPLE_USER_3: AvatarGroupAvatarProps;
-export declare const EXAMPLE_USER_4: AvatarGroupAvatarProps;
-export declare const EXAMPLE_USER_5: AvatarGroupAvatarProps;
-export declare const EXAMPLE_USER_6: AvatarGroupAvatarProps;
-export declare const AVATARS: AvatarList;

package/dist/types/BrandMoment/_docs/ExampleHeaders.d.ts

@@ -1,3 +0,0 @@
-export declare const MinimalBasic: () => JSX.Element;
-export declare const MinimalCustomerFocused: () => JSX.Element;
-export declare const FakeNavBar: () => JSX.Element;

package/dist/types/Calendar/_docs/controls/defaultMonthControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const defaultMonthControls: Partial<ArgTypes>;

package/dist/types/Calendar/_docs/controls/weekStartsOnControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const weekStartsOnControls: Partial<ArgTypes>;

package/dist/types/DatePicker/_docs/controls/datePickerLocaleControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const datePickerLocaleControls: Partial<ArgTypes>;

package/dist/types/DatePicker/_docs/controls/disabledDayMatchersControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const disabledDayMatchersControls: Partial<ArgTypes>;

package/dist/types/Filter/FilterBar/context/types.d.ts

@@ -1,28 +0,0 @@
-import { FilterAttributes, FilterIsUsableWhen, FiltersValues } from "../types";
-export type MappedFilters<ValuesMap extends FiltersValues> = {
-    [K in keyof ValuesMap]: FilterAttributes<ValuesMap, K>;
-};
-export type FilterStateEditableAttributes = {
-    isOpen: boolean;
-};
-export type InternalFilterState<ValuesMap extends FiltersValues, Id extends keyof ValuesMap> = {
-    id: Id;
-    name: string;
-    isRemovable: boolean;
-    isUsableWhen?: FilterIsUsableWhen<ValuesMap>;
-    isUsable: boolean;
-    isOpen: boolean;
-    value?: never;
-    isActive?: never;
-};
-export type FilterBarStateFilters<ValuesMap extends FiltersValues> = {
-    [K in keyof ValuesMap]: InternalFilterState<ValuesMap, K>;
-};
-export type FilterBarState<ValuesMap extends FiltersValues> = {
-    hasUpdatedValues: boolean;
-    filters: FilterBarStateFilters<ValuesMap>;
-    activeFilterIds: Set<keyof ValuesMap>;
-    values: Partial<ValuesMap>;
-    dependentFilterIds: Set<keyof ValuesMap>;
-};
-export type ActiveFiltersArray<ValuesMap extends FiltersValues> = Array<FilterAttributes<ValuesMap>>;

package/dist/types/Filter/FilterDatePicker/_docs/controls/disabledDaysControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const disabledDaysControls: Partial<ArgTypes>;

package/dist/types/Filter/FilterDatePicker/_docs/controls/validationControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const validationControls: Partial<ArgTypes>;

package/dist/types/Filter/FilterDateRangePicker/_docs/controls/disabledDaysControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const disabledDaysControls: Partial<ArgTypes>;

package/dist/types/Filter/FilterDateRangePicker/_docs/controls/validationControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const validationControls: Partial<ArgTypes>;

package/dist/types/Filter/FilterMultiSelect/_docs/MockData.d.ts

@@ -1,10 +0,0 @@
-import { ItemType } from "../types";
-export declare const mockItems: ItemType[];
-export declare const departmentDemographicValues: {
-    demographicValueId: string;
-    label: string;
-}[];
-export declare const locationDemographicValues: {
-    demographicValueId: string;
-    label: string;
-}[];

package/dist/types/Filter/FilterSelect/_docs/mockData.d.ts

@@ -1,6 +0,0 @@
-import { SelectItem } from "../types";
-export declare const singleMockItems: SelectItem[];
-export declare const groupedMockItems: SelectItem[];
-export declare const mixedMockItemsDisabled: SelectItem[];
-export declare const mixedMockItemsUngroupedFirst: SelectItem[];
-export declare const mixedMockItemsUnordered: SelectItem[];

package/dist/types/Filter/_docs/controls/renderTriggerControls.d.ts

@@ -1,2 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-export declare const renderTriggerControls: Partial<ArgTypes>;

package/dist/types/Menu/_docs/MenuContentExample.d.ts

@@ -1,8 +0,0 @@
-type MenuContentExampleProps = {
-    isShortList?: boolean;
-};
-/**
- * This is an mocked example of a Menu's children using all of the subcomponents.
- */
-export declare const MenuContentExample: ({ isShortList, }: MenuContentExampleProps) => JSX.Element;
-export {};