@kaizen/components 1.68.6 → 1.68.7

package/dist/types/__future__/Tabs/subcomponents/Tab/Tab.d.ts

@@ -1,11 +1,11 @@
-import { TabProps as RACTabProps } from "react-aria-components";
+import { TabProps as RACTabProps } from 'react-aria-components';
 export type TabProps = {
     /**
      * Adds a Kaizen Badge component to the tab.
      * Comes with some logic baked in - changes variant based on active/focus/hover state.
      */
     badge?: string;
-} & Omit<RACTabProps, "href" | "hrefLang" | "target" | "rel" | "download" | "ping" | "referrerPolicy">;
+} & Omit<RACTabProps, 'href' | 'hrefLang' | 'target' | 'rel' | 'download' | 'ping' | 'referrerPolicy'>;
 /**
  * A tab button
  */

package/dist/types/__future__/Tabs/subcomponents/Tab/index.d.ts

@@ -1 +1 @@
-export * from "./Tab";
+export * from './Tab';

package/dist/types/__future__/Tabs/subcomponents/TabList/TabList.d.ts

@@ -1,15 +1,15 @@
-import { ReactNode } from "react";
-import { TabListProps as RACTabListProps } from "react-aria-components";
+import { ReactNode } from 'react';
+import { TabListProps as RACTabListProps } from 'react-aria-components';
 export type TabListProps = {
     /**
      * Accessible name for the set of tabs
      */
-    "aria-label": string;
+    'aria-label': string;
     /**
      * Removes the built in padding
      */
-    noPadding?: boolean;
-    children: ReactNode;
+    'noPadding'?: boolean;
+    'children': ReactNode;
 } & RACTabListProps<HTMLElement>;
 /**
  * Wrapper for the tabs themselves

package/dist/types/__future__/Tabs/subcomponents/TabList/index.d.ts

@@ -1 +1 @@
-export * from "./TabList";
+export * from './TabList';

package/dist/types/__future__/Tabs/subcomponents/TabPanel/TabPanel.d.ts

@@ -1,4 +1,4 @@
-import { TabPanelProps as RACTabPanelProps } from "react-aria-components";
+import { TabPanelProps as RACTabPanelProps } from 'react-aria-components';
 export type TabPanelProps = RACTabPanelProps;
 /**
  * Wrapper for the content that shows when tab is active

package/dist/types/__future__/Tabs/subcomponents/TabPanel/index.d.ts

@@ -1 +1 @@
-export * from "./TabPanel";
+export * from './TabPanel';

package/dist/types/__future__/Tabs/subcomponents/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./Tab/";
-export * from "./TabList/";
-export * from "./TabPanel/";
+export * from './Tab/';
+export * from './TabList/';
+export * from './TabPanel/';

package/dist/types/__future__/Tag/RemovableTag/RemovableTag.d.ts

@@ -1,8 +1,8 @@
-import { TagProps } from "../Tag";
-import { RemoveButtonBaseProps } from "./subcomponents/RemoveButton";
+import { TagProps } from '../Tag';
+import { RemoveButtonBaseProps } from './subcomponents/RemoveButton';
 export type RemovableTagProps = {
     removeButtonProps: RemoveButtonBaseProps;
-} & Omit<TagProps, "color" | "icon">;
+} & Omit<TagProps, 'color' | 'icon'>;
 export declare const RemovableTag: {
     ({ children, classNameOverride, removeButtonProps, ...restProps }: RemovableTagProps): JSX.Element;
     displayName: string;

package/dist/types/__future__/Tag/RemovableTag/index.d.ts

@@ -1 +1 @@
-export * from "./RemovableTag";
+export * from './RemovableTag';

package/dist/types/__future__/Tag/RemovableTag/subcomponents/RemoveButton.d.ts

@@ -1,10 +1,10 @@
-import { ButtonHTMLAttributes } from "react";
+import { ButtonHTMLAttributes } from 'react';
 import { OverrideClassName } from "../../../../types/OverrideClassName";
 export type RemoveButtonBaseProps = {
     ariaLabel: string;
     onClick: () => void;
 };
-export type RemoveButtonProps = OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "color"> & RemoveButtonBaseProps>;
+export type RemoveButtonProps = OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> & RemoveButtonBaseProps>;
 export declare const RemoveButton: {
     ({ classNameOverride, ariaLabel, onClick, ...restProps }: RemoveButtonProps): JSX.Element;
     displayName: string;

package/dist/types/__future__/Tag/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode, HTMLAttributes } from "react";
+import React, { ReactNode, HTMLAttributes } from 'react';
 import { OverrideClassName } from "../../../types/OverrideClassName";
-import { TagColors } from "./types";
+import { TagColors } from './types';
 export type TagProps = {
     children: ReactNode;
     color?: TagColors;

package/dist/types/__future__/Tag/Tag/index.d.ts

@@ -1 +1 @@
-export * from "./Tag";
+export * from './Tag';

package/dist/types/__future__/Tag/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./RemovableTag";
-export * from "./Tag";
+export * from './RemovableTag';
+export * from './Tag';

package/dist/types/__future__/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./Icon";
-export * from "./Select";
-export * from "./Tag";
-export * from "./Tabs";
+export * from './Icon';
+export * from './Select';
+export * from './Tag';
+export * from './Tabs';

package/dist/types/__overlays__/Focusable/v3/Focusable.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { FocusableOptions } from "react-aria";
+import { HTMLAttributes, ReactNode } from 'react';
+import { FocusableOptions } from 'react-aria';
 export type FocusableProps = {
     children: ReactNode;
 } & FocusableOptions & HTMLAttributes<HTMLDivElement>;

package/dist/types/__overlays__/Focusable/v3/index.d.ts

@@ -1 +1 @@
-export * from "./Focusable";
+export * from './Focusable';

package/dist/types/__overlays__/Tooltip/v1/Tooltip.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-type Position = "above" | "below" | "left" | "right";
-type Mood = "default" | "informative" | "positive" | "cautionary" | "highlight";
+import React from 'react';
+type Position = 'above' | 'below' | 'left' | 'right';
+type Mood = 'default' | 'informative' | 'positive' | 'cautionary' | 'highlight';
 export type TooltipProps = {
     /**
      * Unfortunately, the content needed to be wrapped in a div. This can sometimes
@@ -8,7 +8,7 @@ export type TooltipProps = {
      * display value directly. If you need to need to modify more values, feel free
      * to use the `classNameOverride` prop, but avoid it if you can.
      */
-    display?: "block" | "inline" | "inline-block" | "flex" | "inline-flex";
+    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex';
     /**
      * This is more a "desired position". The tooltip will automatically change
      * its position, if there's not enough room to show it in the one specified.

package/dist/types/__overlays__/Tooltip/v1/index.d.ts

@@ -1,4 +1,4 @@
-import { TooltipProps as TooltipPropsV1 } from "./Tooltip";
+import { TooltipProps as TooltipPropsV1 } from './Tooltip';
 /** * @deprecated use v2 or upgrade to v3 for the latest release */
 export declare const Tooltip: {
     ({ children, text, display, position, classNameOverride, portalSelector, animationDuration, isInitiallyVisible, mood, }: TooltipPropsV1): JSX.Element;

package/dist/types/__overlays__/Tooltip/v1/subcomponents/AppearanceAnim.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 type AnimationProps = {
     isAnimIn?: boolean;
     isAnimOut?: boolean;

package/dist/types/__overlays__/Tooltip/v1/utils/isSemanticElement.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { ReactNode } from 'react';
 export declare function extractDisplayName(type: React.FunctionComponent): string;
 /**
  *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers

package/dist/types/__overlays__/Tooltip/v2/index.d.ts

@@ -1 +1 @@
-export * from "../v1/Tooltip";
+export * from '../v1/Tooltip';

package/dist/types/__overlays__/Tooltip/v3/OverlayArrow.d.ts

@@ -1,4 +1,4 @@
-import { type OverlayArrowProps } from "react-aria-components";
+import { type OverlayArrowProps } from 'react-aria-components';
 export { type OverlayArrowProps };
 /**
  * An OverlayArrow renders a custom arrow element relative to an overlay element

package/dist/types/__overlays__/Tooltip/v3/Tooltip.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { TooltipContext, TooltipProps as RACTooltipProps } from "react-aria-components";
+import React from 'react';
+import { TooltipContext, TooltipProps as RACTooltipProps } from 'react-aria-components';
 export { TooltipContext };
-export type TooltipProps = Omit<RACTooltipProps, "offset"> & {
+export type TooltipProps = Omit<RACTooltipProps, 'offset'> & {
     /**
      * The additional offset applied along the main axis between the element and its
      * anchor element.
@@ -12,7 +12,7 @@ export type TooltipProps = Omit<RACTooltipProps, "offset"> & {
      * The placement of the tooltip relative to the trigger.
      * + we're intentionally limiting the placement options to rtl friendly ones (start, end, top, bottom)
      */
-    placement?: "bottom" | "bottom start" | "bottom end" | "top" | "top start" | "top end" | "start" | "start top" | "start bottom" | "end" | "end top" | "end bottom";
+    placement?: 'bottom' | 'bottom start' | 'bottom end' | 'top' | 'top start' | 'top end' | 'start' | 'start top' | 'start bottom' | 'end' | 'end top' | 'end bottom';
 };
 /**
  * A tooltip displays a description of an element on hover or focus.

package/dist/types/__overlays__/Tooltip/v3/TooltipTrigger.d.ts

@@ -1,5 +1,5 @@
-import { TooltipTriggerComponentProps } from "react-aria-components";
-export type TooltipTriggerProps = Omit<TooltipTriggerComponentProps, "delay" | "closeDelay"> & {
+import { TooltipTriggerComponentProps } from 'react-aria-components';
+export type TooltipTriggerProps = Omit<TooltipTriggerComponentProps, 'delay' | 'closeDelay'> & {
     /**
      * The delay time for the tooltip to show up. [See guidelines](https://spectrum.adobe.com/page/tooltip/#Immediate-or-delayed-appearance).
      * @default 300

package/dist/types/__overlays__/Tooltip/v3/index.d.ts

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

package/dist/types/__overlays__/v1.d.ts

@@ -1 +1 @@
-export * from "./Tooltip/v1";
+export * from './Tooltip/v1';

package/dist/types/__overlays__/v2.d.ts

@@ -1 +1 @@
-export * from "./Tooltip/v2";
+export * from './Tooltip/v2';

package/dist/types/__overlays__/v3.d.ts

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

package/dist/types/__react-aria-components__/index.d.ts

@@ -1 +1 @@
-export * from "react-aria-components";
+export * from 'react-aria-components';

package/dist/types/__react-aria__/index.d.ts

@@ -1 +1 @@
-export * from "react-aria";
+export * from 'react-aria';

package/dist/types/__utilities__/ReversedColors/v3/ReversedColors.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export type ReversedColorsProps = {
     children: ReactNode;
     isReversed?: boolean;

package/dist/types/__utilities__/ReversedColors/v3/index.d.ts

@@ -1 +1 @@
-export * from "./ReversedColors";
+export * from './ReversedColors';

package/dist/types/__utilities__/useIsClientReady/index.d.ts

@@ -1 +1 @@
-export * from "./useIsClientReady";
+export * from './useIsClientReady';

package/dist/types/__utilities__/v3.d.ts

@@ -1 +1 @@
-export * from "./ReversedColors/v3";
+export * from './ReversedColors/v3';

package/dist/types/index.d.ts

@@ -1,63 +1,63 @@
-export * from "./Avatar";
-export * from "./AvatarGroup";
-export * from "./Badge";
-export * from "./Brand";
-export * from "./BrandMoment";
-export * from "./ButtonGroup";
-export * from "./Calendar";
-export * from "./Card";
-export * from "./Checkbox";
-export * from "./ClearButton";
-export * from "./Collapsible";
-export * from "./Container";
-export * from "./Content";
-export * from "./DateInput";
-export * from "./DatePicker";
-export * from "./DateRangePicker";
-export * from "./Divider";
-export * from "./EmptyState";
-export * from "./ErrorPage";
-export * from "./FieldGroup";
-export * from "./FieldMessage";
-export * from "./Filter";
-export * from "./GuidanceBlock";
-export * from "./Heading";
-export * from "./Icon";
-export * from "./Illustration";
-export * from "./Input";
-export * from "./KaizenProvider";
-export * from "./Label";
-export * from "./LabelledMessage";
-export * from "./LikertScaleLegacy";
-export * from "./Loading";
-export * from "./Modal";
-export * from "./MultiSelect";
-export * from "./Notification";
-export * from "./Pagination";
-export * from "./Popover";
-export * from "./ProgressBar";
-export * from "./Radio";
-export * from "./RichTextEditor";
-export * from "./SearchField";
-export * from "./Select";
-export * from "./Skirt";
-export * from "./Slider";
-export * from "./SplitButton";
-export * from "./Table";
-export * from "./Tabs";
-export * from "./Tag";
-export * from "./Text";
-export * from "./TextArea";
-export * from "./TextAreaField";
-export * from "./TextField";
-export * from "./Tile";
-export * from "./TimeField";
-export * from "./TitleBlockZen";
-export * from "./ToggleSwitch";
-export * from "./utils";
-export * from "./VisuallyHidden";
-export * from "./Well";
-export * from "./Workflow";
-export * from "./__overlays__/Tooltip/v1";
-export * from "./__actions__/Menu/v1";
-export * from "./__actions__/Button/v1";
+export * from './Avatar';
+export * from './AvatarGroup';
+export * from './Badge';
+export * from './Brand';
+export * from './BrandMoment';
+export * from './ButtonGroup';
+export * from './Calendar';
+export * from './Card';
+export * from './Checkbox';
+export * from './ClearButton';
+export * from './Collapsible';
+export * from './Container';
+export * from './Content';
+export * from './DateInput';
+export * from './DatePicker';
+export * from './DateRangePicker';
+export * from './Divider';
+export * from './EmptyState';
+export * from './ErrorPage';
+export * from './FieldGroup';
+export * from './FieldMessage';
+export * from './Filter';
+export * from './GuidanceBlock';
+export * from './Heading';
+export * from './Icon';
+export * from './Illustration';
+export * from './Input';
+export * from './KaizenProvider';
+export * from './Label';
+export * from './LabelledMessage';
+export * from './LikertScaleLegacy';
+export * from './Loading';
+export * from './Modal';
+export * from './MultiSelect';
+export * from './Notification';
+export * from './Pagination';
+export * from './Popover';
+export * from './ProgressBar';
+export * from './Radio';
+export * from './RichTextEditor';
+export * from './SearchField';
+export * from './Select';
+export * from './Skirt';
+export * from './Slider';
+export * from './SplitButton';
+export * from './Table';
+export * from './Tabs';
+export * from './Tag';
+export * from './Text';
+export * from './TextArea';
+export * from './TextAreaField';
+export * from './TextField';
+export * from './Tile';
+export * from './TimeField';
+export * from './TitleBlockZen';
+export * from './ToggleSwitch';
+export * from './utils';
+export * from './VisuallyHidden';
+export * from './Well';
+export * from './Workflow';
+export * from './__overlays__/Tooltip/v1';
+export * from './__actions__/Menu/v1';
+export * from './__actions__/Button/v1';

package/dist/types/types/DataAttributes.d.ts

@@ -1,3 +1 @@
-export type DataAttributes = {
-    [key: `data-${string}`]: string | undefined;
-};
+export type DataAttributes = Record<`data-${string}`, string | undefined>;

package/dist/types/types/OverrideClassName.d.ts

@@ -1,4 +1,4 @@
-export type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
+export type OverrideClassName<T extends Record<string, any>> = Omit<T, 'className'> & {
     /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
     classNameOverride?: string;
 };

package/dist/types/utils/AppearanceAnim.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 type AppearanceAnimProps = {
     children: React.ReactNode;
     isVisible: boolean;

package/dist/types/utils/getNodeText.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import React from 'react';
 export declare const getNodeText: (node: React.ReactNode) => string | number;

package/dist/types/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./useMediaQueries";
-export * from "./hostedAssets";
+export * from './useMediaQueries';
+export * from './hostedAssets';

package/dist/types/utils/mergeClassNames.d.ts

@@ -4,5 +4,5 @@ type ClassNameValue = string | number | boolean | undefined | null;
  * 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 declare const mergeClassNames: <ClassNameTypes extends Array<ClassNameValue | ((state: any) => string)>>(...classNames: ClassNameTypes) => (() => string) extends ClassNameTypes[number] ? (state: any) => string : string;
+export declare const mergeClassNames: <ClassNameTypes extends (ClassNameValue | ((state: any) => string))[]>(...classNames: ClassNameTypes) => (() => string) extends ClassNameTypes[number] ? (state: any) => string : string;
 export {};

package/dist/types/utils/useMediaQueries.d.ts

@@ -1,7 +1,5 @@
-import { ReactNode } from "react";
-type Props = {
-    [key: string]: string;
-};
+import { ReactNode } from 'react';
+type Props = Record<string, string>;
 type GenericChildrenType = {
     children?: ReactNode;
 };

package/dist/types/utils/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "react";
+import { Ref } from 'react';
 export interface DOMRectReadOnly {
     readonly x: number;
     readonly y: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.68.6",
+  "version": "1.68.7",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -89,7 +89,6 @@
   "devDependencies": {
     "@cultureamp/frontend-apis": "^11.0.0",
     "@cultureamp/i18n-react-intl": "^2.7.1",
-    "@tanstack/react-query": "^5.60.5",
     "@testing-library/dom": "^10.4.0",
     "@types/jest-axe": "^3.5.9",
     "@types/lodash.debounce": "^4.0.9",
@@ -118,8 +117,8 @@
     "svgo": "^3.3.2",
     "tslib": "^2.8.0",
     "tsx": "^4.19.2",
-    "@kaizen/design-tokens": "10.8.4",
-    "@kaizen/package-bundler": "2.0.1"
+    "@kaizen/design-tokens": "10.8.5",
+    "@kaizen/package-bundler": "2.0.2"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",

package/src/Avatar/Avatar.module.scss

@@ -1,7 +1,7 @@
-@import "~@kaizen/design-tokens/sass/typography";
-@import "~@kaizen/design-tokens/sass/shadow";
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/border";
+@import '~@kaizen/design-tokens/sass/typography';
+@import '~@kaizen/design-tokens/sass/shadow';
+@import '~@kaizen/design-tokens/sass/color';
+@import '~@kaizen/design-tokens/sass/border';
 
 $avatar-sm: 1.25rem;
 $avatar-md: 3rem;
@@ -143,7 +143,7 @@ $avatar-xxl: 7.75rem;
 
   // Whitespace cropping
   &:not(.longName)::before {
-    content: "";
+    content: '';
     display: block;
     margin-top: -0.001em;
   }