@procore/core-react 12.44.0 → 12.45.0

package/dist/Thumbnail/Thumbnail.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.types.js","names":[],"sources":["../../src/Thumbnail/Thumbnail.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { ReactNode } from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props } from '../_utils/types'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport type SizeVariant = 'sm' | 'lg'\n\nexport type LayoutVariant = 'row' | 'column'\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  caption?: string\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRoleType = 'checkbox' | 'figure'\n\nexport type ThumbnailRoles = ThumbnailRoleType | undefined\n\nexport interface ThumbnailPolyMap\n  extends Record<ThumbnailRoleType, React.ElementType> {\n  figure: 'figure'\n  checkbox: 'input'\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRef<Role extends ThumbnailRoles = undefined> =\n  Role extends ThumbnailRoleType\n    ? Polymorphic.Ref<ThumbnailPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseThumbnailProps extends Props {\n  /**\n   * Alt text for the Thumbnail image\n   * @since 11.6.0\n   */\n  alt?: string\n\n  /**\n   * An image URL or a `File` to generate a preview for\n   * @since 10.19.0\n   */\n  src?: File | string | null\n\n  /**\n   * Thumbnail size\n   * @default 'lg'\n   * @since 10.19.0\n   */\n  size?: SizeVariant\n\n  /**\n   * Use \"focused\" view\n   * @default false\n   * @since 10.19.0\n   */\n  focused?: boolean\n\n  /**\n   * Use \"selected\" view\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Use \"disabled\" view\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * Thumbnail caption\n   * @default ''\n   * @since 10.19.0\n   */\n  caption?: string\n\n  /**\n   * Show placeholder for caption if it is empty\n   * @default false\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder?: boolean\n\n  /**\n   * Unless variant is provided, filename is used\n   * to choose a placeholder icon based on extension.\n   * E.g. for 'filename=\"panda.png\"', image variant will be used\n   * @since 11.7.0\n   * */\n  filename?: string\n\n  /**\n   * @since 11.7.0\n   */\n  variant?: ThumbnailDocumentIconVariant\n\n  /**\n   * Thumbnail label\n   * @default ''\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * @since 11.6.0\n   */\n  tabIndex?: number\n\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n\n  /**\n   * @since 11.6.0\n   */\n  onClick?: (e: React.MouseEvent) => void\n}\n\ntype DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BaseThumbnailProps\n\nexport type ThumbnailProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        BaseThumbnailProps\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        BaseThumbnailProps & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativeThumbnailProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface FilePreviewProps {\n  /**\n   * @since 10.19.0\n   */\n  file: File\n}\nexport interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {}\n\ntype DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BasePlaceholderProps\n\nexport type PlaceholderProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        AriaLabelled<BasePlaceholderProps>\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        AriaLabelled<BasePlaceholderProps> & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativePlaceholderProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface MultilineCaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface SinglelineCaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface CaptionTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  overlay: string\n  /**\n   * @since 10.19.0\n   */\n  isVisible: boolean\n  /**\n   * @since 10.19.0\n   */\n  children: ReactNode\n}\n\nexport interface CaptionProps {\n  /**\n   * @since 10.19.0\n   */\n  layout: LayoutVariant\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiline: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface LabelProps {\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n}\n\nexport interface TickIconProps {\n  /**\n   * @since 10.19.0\n   */\n  size: SizeVariant\n  /**\n   * @since 10.19.0\n   */\n  selected: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Thumbnail.types.js","names":[],"sources":["../../src/Thumbnail/Thumbnail.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { ReactNode } from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props } from '../_utils/types'\nimport type { ThumbnailDocumentIconVariant } from './ThumbnailDocumentIcon'\n\nexport type SizeVariant = 'sm' | 'lg'\n\nexport type LayoutVariant = 'row' | 'column'\n\nexport interface QaTags {\n  /**\n   * @since 10.19.0\n   */\n  caption?: string\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRoleType = 'checkbox' | 'figure'\n\nexport type ThumbnailRoles = ThumbnailRoleType | undefined\n\nexport interface ThumbnailPolyMap\n  extends Record<ThumbnailRoleType, React.ElementType> {\n  figure: 'figure'\n  checkbox: 'input'\n}\n\n/**\n * @since 11.6.0\n */\nexport type ThumbnailRef<Role extends ThumbnailRoles = undefined> =\n  Role extends ThumbnailRoleType\n    ? Polymorphic.Ref<ThumbnailPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseThumbnailProps extends Props {\n  /**\n   * Alt text for the Thumbnail image\n   * @since 11.6.0\n   */\n  alt?: string\n\n  /**\n   * An image URL or a `File` to generate a preview for\n   * @since 10.19.0\n   */\n  src?: File | string | null\n\n  /**\n   * Thumbnail size\n   * @default 'lg'\n   * @since 10.19.0\n   */\n  size?: SizeVariant\n\n  /**\n   * Use \"focused\" view\n   * @default false\n   * @since 10.19.0\n   */\n  focused?: boolean\n\n  /**\n   * Use \"selected\" view\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Use \"disabled\" view\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  clickable?: boolean\n\n  /**\n   * Thumbnail caption\n   * @default ''\n   * @since 10.19.0\n   */\n  caption?: string\n\n  /**\n   * Show placeholder for caption if it is empty\n   * @default false\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder?: boolean\n\n  /**\n   * Unless variant is provided, filename is used\n   * to choose a placeholder icon based on extension.\n   * E.g. for 'filename=\"panda.png\"', image variant will be used\n   * @since 11.7.0\n   * */\n  filename?: string\n\n  /**\n   * @since 11.7.0\n   */\n  variant?: ThumbnailDocumentIconVariant\n\n  /**\n   * Thumbnail label\n   * @default ''\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * @since 11.6.0\n   */\n  tabIndex?: number\n\n  /**\n   * @since 10.19.0\n   */\n  qa?: QaTags\n\n  /**\n   * @since 11.6.0\n   */\n  onClick?: (e: React.MouseEvent) => void\n}\n\ntype DecorativeThumbnailProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BaseThumbnailProps\n\nexport type ThumbnailProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        BaseThumbnailProps\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        BaseThumbnailProps & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativeThumbnailProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface FilePreviewProps {\n  /**\n   * @since 10.19.0\n   */\n  file: File\n}\nexport interface BasePlaceholderProps extends Omit<BaseThumbnailProps, 'src'> {}\n\ntype DecorativePlaceholderProps<Role extends ThumbnailRoles = undefined> = {\n  role?: Role\n} & BasePlaceholderProps\n\nexport type PlaceholderProps<Role extends ThumbnailRoles = undefined> =\n  Role extends 'figure'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'figure',\n        never,\n        AriaLabelled<BasePlaceholderProps>\n      >\n    : Role extends 'checkbox'\n    ? Polymorphic.ComponentPropsWithRef<\n        ThumbnailPolyMap,\n        'checkbox',\n        never,\n        AriaLabelled<BasePlaceholderProps> & {\n          /** onChange from React Aria is fired before onClick */\n          onChange?: (isSelected: boolean) => void\n        }\n      >\n    : DecorativePlaceholderProps & { ref?: ThumbnailRef<undefined> }\n\nexport interface MultilineCaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface SinglelineCaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: 'row' | 'column'\n  /**\n   * @since 10.19.0\n   */\n  qa: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface CaptionTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  overlay: string\n  /**\n   * @since 10.19.0\n   */\n  isVisible: boolean\n  /**\n   * @since 10.19.0\n   */\n  children: ReactNode\n}\n\nexport interface CaptionProps {\n  /**\n   * When true, hides this caption subtree from assistive technology (e.g. checkbox Thumbnail).\n   */\n  ariaHidden?: boolean\n  /**\n   * @since 10.19.0\n   */\n  layout: LayoutVariant\n  /**\n   * @since 10.19.0\n   */\n  caption: string\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @since 10.19.0\n   */\n  hasCaptionPlaceholder: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiline: boolean\n  /**\n   * @since 10.19.0\n   */\n  qa?: string\n  /**\n   * Called when the caption overflow state changes (e.g. when it becomes truncated).\n   */\n  onCaptionOverflowChange?: (isOverflowing: boolean) => void\n}\n\nexport interface LabelProps {\n  /**\n   * @since 11.6.0\n   */\n  id?: string\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n}\n\nexport interface TickIconProps {\n  /**\n   * @since 10.19.0\n   */\n  size: SizeVariant\n  /**\n   * @since 10.19.0\n   */\n  selected: boolean\n}\n"],"mappings":""}

package/dist/Thumbnail/ThumbnailCaption.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { CaptionProps } from './Thumbnail.types';
-export declare function ThumbnailCaption({ layout, disabled, error, caption, hasCaptionPlaceholder, multiline, qa, ...props }: CaptionProps): React.JSX.Element | null;
+export declare function ThumbnailCaption({ ariaHidden, layout, disabled, error, caption, hasCaptionPlaceholder, multiline, qa, ...props }: CaptionProps): React.JSX.Element | null;

package/dist/Thumbnail/ThumbnailCaption.js

@@ -1,6 +1,6 @@
-var _excluded = ["disabled", "caption", "error", "layout", "qa", "onCaptionOverflowChange"],
-  _excluded2 = ["caption", "error", "disabled", "layout", "qa", "onCaptionOverflowChange"],
-  _excluded3 = ["layout", "disabled", "error", "caption", "hasCaptionPlaceholder", "multiline", "qa"];
+var _excluded = ["ariaHidden", "disabled", "caption", "error", "layout", "qa", "onCaptionOverflowChange"],
+  _excluded2 = ["ariaHidden", "caption", "error", "disabled", "layout", "qa", "onCaptionOverflowChange"],
+  _excluded3 = ["ariaHidden", "layout", "disabled", "error", "caption", "hasCaptionPlaceholder", "multiline", "qa"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -9,7 +9,8 @@ import { useOverflowObserver } from '../_hooks/OverflowObserver';
 import { parseFilename } from '../_utils/filename';
 import { StyledCaptionText, StyledMultilineCaption, StyledPlaceholderCaption, StyledSingleLineCaption, StyledSinglelineCaptionBody, StyledSinglelineCaptionEnding } from './Thumbnail.styles';
 function MultilineCaption(_ref) {
-  var disabled = _ref.disabled,
+  var ariaHidden = _ref.ariaHidden,
+    disabled = _ref.disabled,
     caption = _ref.caption,
     error = _ref.error,
     layout = _ref.layout,
@@ -23,7 +24,8 @@ function MultilineCaption(_ref) {
     onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 ? void 0 : onCaptionOverflowChange(isOverflowing);
   }, [isOverflowing, onCaptionOverflowChange]);
   return /*#__PURE__*/React.createElement("span", {
-    "data-qa": qa
+    "data-qa": qa,
+    "aria-hidden": ariaHidden ? true : undefined
   }, /*#__PURE__*/React.createElement(StyledMultilineCaption, _extends({
     ref: ref,
     $disabled: disabled,
@@ -32,7 +34,8 @@ function MultilineCaption(_ref) {
   }, props), /*#__PURE__*/React.createElement(StyledCaptionText, null, caption)));
 }
 function SinglelineCaption(_ref2) {
-  var caption = _ref2.caption,
+  var ariaHidden = _ref2.ariaHidden,
+    caption = _ref2.caption,
     error = _ref2.error,
     disabled = _ref2.disabled,
     layout = _ref2.layout,
@@ -50,6 +53,7 @@ function SinglelineCaption(_ref2) {
     onCaptionOverflowChange === null || onCaptionOverflowChange === void 0 ? void 0 : onCaptionOverflowChange(isOverflowing);
   }, [isOverflowing, onCaptionOverflowChange]);
   return /*#__PURE__*/React.createElement(StyledSingleLineCaption, _extends({
+    "aria-hidden": ariaHidden ? true : undefined,
     $error: error,
     $disabled: disabled,
     $layout: layout,
@@ -59,7 +63,8 @@ function SinglelineCaption(_ref2) {
   }, isFilename ? "".concat(filename, ".") : caption), isFilename && /*#__PURE__*/React.createElement(StyledSinglelineCaptionEnding, null, extension));
 }
 export function ThumbnailCaption(_ref3) {
-  var layout = _ref3.layout,
+  var ariaHidden = _ref3.ariaHidden,
+    layout = _ref3.layout,
     _ref3$disabled = _ref3.disabled,
     disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
     _ref3$error = _ref3.error,
@@ -74,6 +79,7 @@ export function ThumbnailCaption(_ref3) {
     var captionPlaceholder = hasCaptionPlaceholder && '- -';
     if (captionPlaceholder) {
       return /*#__PURE__*/React.createElement(StyledPlaceholderCaption, {
+        "aria-hidden": ariaHidden ? true : undefined,
         $disabled: disabled,
         $error: error,
         $layout: layout,
@@ -84,6 +90,7 @@ export function ThumbnailCaption(_ref3) {
   }
   if (multiline) {
     return /*#__PURE__*/React.createElement(MultilineCaption, _extends({
+      ariaHidden: ariaHidden,
       disabled: disabled,
       caption: caption,
       error: error,
@@ -93,6 +100,7 @@ export function ThumbnailCaption(_ref3) {
     }, props));
   }
   return /*#__PURE__*/React.createElement(SinglelineCaption, _extends({
+    ariaHidden: ariaHidden,
     caption: caption,
     disabled: disabled,
     error: error,

package/dist/Thumbnail/ThumbnailCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailCaption.js","names":["React","useEffect","useOverflowObserver","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","MultilineCaption","_ref","disabled","caption","error","layout","qa","onCaptionOverflowChange","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","createElement","_extends","$disabled","$error","$layout","SinglelineCaption","_ref2","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref3","_ref3$disabled","_ref3$error","hasCaptionPlaceholder","multiline","_ref3$qa","_excluded3","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { parseFilename } from '../_utils/filename'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledCaptionText,\n  StyledMultilineCaption,\n  StyledPlaceholderCaption,\n  StyledSingleLineCaption,\n  StyledSinglelineCaptionBody,\n  StyledSinglelineCaptionEnding,\n} from './Thumbnail.styles'\nimport type {\n  CaptionProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\n\nfunction MultilineCaption({\n  disabled,\n  caption,\n  error,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <span data-qa={qa}>\n      <StyledMultilineCaption\n        ref={ref}\n        $disabled={disabled}\n        $error={error}\n        $layout={layout}\n        {...props}\n      >\n        <StyledCaptionText>{caption}</StyledCaptionText>\n      </StyledMultilineCaption>\n    </span>\n  )\n}\n\nfunction SinglelineCaption({\n  caption,\n  error,\n  disabled,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <StyledSingleLineCaption\n      $error={error}\n      $disabled={disabled}\n      $layout={layout}\n      data-qa={qa}\n      {...props}\n    >\n      <StyledSinglelineCaptionBody ref={ref}>\n        {isFilename ? `${filename}.` : caption}\n      </StyledSinglelineCaptionBody>\n      {isFilename && (\n        <StyledSinglelineCaptionEnding>\n          {extension}\n        </StyledSinglelineCaptionEnding>\n      )}\n    </StyledSingleLineCaption>\n  )\n}\n\nexport function ThumbnailCaption({\n  layout,\n  disabled = false,\n  error = false,\n  caption,\n  hasCaptionPlaceholder,\n  multiline,\n  qa = '',\n  ...props\n}: CaptionProps) {\n  if (!caption) {\n    const captionPlaceholder = hasCaptionPlaceholder && '- -'\n\n    if (captionPlaceholder) {\n      return (\n        <StyledPlaceholderCaption\n          $disabled={disabled}\n          $error={error}\n          $layout={layout}\n          data-qa={qa}\n        >\n          <StyledCaptionText>{captionPlaceholder}</StyledCaptionText>\n        </StyledPlaceholderCaption>\n      )\n    }\n\n    return null\n  }\n\n  if (multiline) {\n    return (\n      <MultilineCaption\n        disabled={disabled}\n        caption={caption}\n        error={error}\n        layout={layout}\n        qa={qa}\n        onCaptionOverflowChange={props.onCaptionOverflowChange}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <SinglelineCaption\n      caption={caption}\n      disabled={disabled}\n      error={error}\n      layout={layout}\n      qa={qa}\n      onCaptionOverflowChange={props.onCaptionOverflowChange}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,wBAAwB,EACxBC,uBAAuB,EACvBC,2BAA2B,EAC3BC,6BAA6B,QACxB,oBAAoB;AAO3B,SAASC,gBAAgBA,CAAAC,IAAA,EAQS;EAAA,IAPhCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,EAAE,GAAAL,IAAA,CAAFK,EAAE;IACFC,uBAAuB,GAAAN,IAAA,CAAvBM,uBAAuB;IACpBC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAER,IAAAC,oBAAA,GAA+BnB,mBAAmB,CAAC,CAAC;IAA5CoB,GAAG,GAAAD,oBAAA,CAAHC,GAAG;IAAEC,aAAa,GAAAF,oBAAA,CAAbE,aAAa;EAE1BtB,SAAS,CAAC,YAAM;IACdgB,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAGM,aAAa,CAAC;EAC1C,CAAC,EAAE,CAACA,aAAa,EAAEN,uBAAuB,CAAC,CAAC;EAE5C,oBACEjB,KAAA,CAAAwB,aAAA;IAAM,WAASR;EAAG,gBAChBhB,KAAA,CAAAwB,aAAA,CAACnB,sBAAsB,EAAAoB,QAAA;IACrBH,GAAG,EAAEA,GAAI;IACTI,SAAS,EAAEd,QAAS;IACpBe,MAAM,EAAEb,KAAM;IACdc,OAAO,EAAEb;EAAO,GACZG,KAAK,gBAETlB,KAAA,CAAAwB,aAAA,CAACpB,iBAAiB,QAAES,OAA2B,CACzB,CACpB,CAAC;AAEX;AAEA,SAASgB,iBAAiBA,CAAAC,KAAA,EAQS;EAAA,IAPjCjB,OAAO,GAAAiB,KAAA,CAAPjB,OAAO;IACPC,KAAK,GAAAgB,KAAA,CAALhB,KAAK;IACLF,QAAQ,GAAAkB,KAAA,CAARlB,QAAQ;IACRG,MAAM,GAAAe,KAAA,CAANf,MAAM;IACNC,EAAE,GAAAc,KAAA,CAAFd,EAAE;IACFC,uBAAuB,GAAAa,KAAA,CAAvBb,uBAAuB;IACpBC,KAAK,GAAAC,wBAAA,CAAAW,KAAA,EAAAC,UAAA;EAER,IAAAC,qBAAA,GAA+B9B,mBAAmB,CAAC,CAAC;IAA5CoB,GAAG,GAAAU,qBAAA,CAAHV,GAAG;IAAEC,aAAa,GAAAS,qBAAA,CAAbT,aAAa;EAC1B,IAAAU,cAAA,GAA4C9B,aAAa,CAACU,OAAO,CAAC;IAA1DqB,QAAQ,GAAAD,cAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,cAAA,CAATE,SAAS;IAAEC,UAAU,GAAAH,cAAA,CAAVG,UAAU;EAEvCnC,SAAS,CAAC,YAAM;IACdgB,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAGM,aAAa,CAAC;EAC1C,CAAC,EAAE,CAACA,aAAa,EAAEN,uBAAuB,CAAC,CAAC;EAE5C,oBACEjB,KAAA,CAAAwB,aAAA,CAACjB,uBAAuB,EAAAkB,QAAA;IACtBE,MAAM,EAAEb,KAAM;IACdY,SAAS,EAAEd,QAAS;IACpBgB,OAAO,EAAEb,MAAO;IAChB,WAASC;EAAG,GACRE,KAAK,gBAETlB,KAAA,CAAAwB,aAAA,CAAChB,2BAA2B;IAACc,GAAG,EAAEA;EAAI,GACnCc,UAAU,MAAAC,MAAA,CAAMH,QAAQ,SAAMrB,OACJ,CAAC,EAC7BuB,UAAU,iBACTpC,KAAA,CAAAwB,aAAA,CAACf,6BAA6B,QAC3B0B,SAC4B,CAEV,CAAC;AAE9B;AAEA,OAAO,SAASG,gBAAgBA,CAAAC,KAAA,EASf;EAAA,IARfxB,MAAM,GAAAwB,KAAA,CAANxB,MAAM;IAAAyB,cAAA,GAAAD,KAAA,CACN3B,QAAQ;IAARA,QAAQ,GAAA4B,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAC,WAAA,GAAAF,KAAA,CAChBzB,KAAK;IAALA,KAAK,GAAA2B,WAAA,cAAG,KAAK,GAAAA,WAAA;IACb5B,OAAO,GAAA0B,KAAA,CAAP1B,OAAO;IACP6B,qBAAqB,GAAAH,KAAA,CAArBG,qBAAqB;IACrBC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAAC,QAAA,GAAAL,KAAA,CACTvB,EAAE;IAAFA,EAAE,GAAA4B,QAAA,cAAG,EAAE,GAAAA,QAAA;IACJ1B,KAAK,GAAAC,wBAAA,CAAAoB,KAAA,EAAAM,UAAA;EAER,IAAI,CAAChC,OAAO,EAAE;IACZ,IAAMiC,kBAAkB,GAAGJ,qBAAqB,IAAI,KAAK;IAEzD,IAAII,kBAAkB,EAAE;MACtB,oBACE9C,KAAA,CAAAwB,aAAA,CAAClB,wBAAwB;QACvBoB,SAAS,EAAEd,QAAS;QACpBe,MAAM,EAAEb,KAAM;QACdc,OAAO,EAAEb,MAAO;QAChB,WAASC;MAAG,gBAEZhB,KAAA,CAAAwB,aAAA,CAACpB,iBAAiB,QAAE0C,kBAAsC,CAClC,CAAC;IAE/B;IAEA,OAAO,IAAI;EACb;EAEA,IAAIH,SAAS,EAAE;IACb,oBACE3C,KAAA,CAAAwB,aAAA,CAACd,gBAAgB,EAAAe,QAAA;MACfb,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEA,MAAO;MACfC,EAAE,EAAEA,EAAG;MACPC,uBAAuB,EAAEC,KAAK,CAACD;IAAwB,GACnDC,KAAK,CACV,CAAC;EAEN;EAEA,oBACElB,KAAA,CAAAwB,aAAA,CAACK,iBAAiB,EAAAJ,QAAA;IAChBZ,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,EAAE,EAAEA,EAAG;IACPC,uBAAuB,EAAEC,KAAK,CAACD;EAAwB,GACnDC,KAAK,CACV,CAAC;AAEN"}
+{"version":3,"file":"ThumbnailCaption.js","names":["React","useEffect","useOverflowObserver","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","MultilineCaption","_ref","ariaHidden","disabled","caption","error","layout","qa","onCaptionOverflowChange","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","createElement","undefined","_extends","$disabled","$error","$layout","SinglelineCaption","_ref2","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref3","_ref3$disabled","_ref3$error","hasCaptionPlaceholder","multiline","_ref3$qa","_excluded3","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { parseFilename } from '../_utils/filename'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledCaptionText,\n  StyledMultilineCaption,\n  StyledPlaceholderCaption,\n  StyledSingleLineCaption,\n  StyledSinglelineCaptionBody,\n  StyledSinglelineCaptionEnding,\n} from './Thumbnail.styles'\nimport type {\n  CaptionProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\n\nfunction MultilineCaption({\n  ariaHidden,\n  disabled,\n  caption,\n  error,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <span data-qa={qa} aria-hidden={ariaHidden ? true : undefined}>\n      <StyledMultilineCaption\n        ref={ref}\n        $disabled={disabled}\n        $error={error}\n        $layout={layout}\n        {...props}\n      >\n        <StyledCaptionText>{caption}</StyledCaptionText>\n      </StyledMultilineCaption>\n    </span>\n  )\n}\n\nfunction SinglelineCaption({\n  ariaHidden,\n  caption,\n  error,\n  disabled,\n  layout,\n  qa,\n  onCaptionOverflowChange,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  useEffect(() => {\n    onCaptionOverflowChange?.(isOverflowing)\n  }, [isOverflowing, onCaptionOverflowChange])\n\n  return (\n    <StyledSingleLineCaption\n      aria-hidden={ariaHidden ? true : undefined}\n      $error={error}\n      $disabled={disabled}\n      $layout={layout}\n      data-qa={qa}\n      {...props}\n    >\n      <StyledSinglelineCaptionBody ref={ref}>\n        {isFilename ? `${filename}.` : caption}\n      </StyledSinglelineCaptionBody>\n      {isFilename && (\n        <StyledSinglelineCaptionEnding>\n          {extension}\n        </StyledSinglelineCaptionEnding>\n      )}\n    </StyledSingleLineCaption>\n  )\n}\n\nexport function ThumbnailCaption({\n  ariaHidden,\n  layout,\n  disabled = false,\n  error = false,\n  caption,\n  hasCaptionPlaceholder,\n  multiline,\n  qa = '',\n  ...props\n}: CaptionProps) {\n  if (!caption) {\n    const captionPlaceholder = hasCaptionPlaceholder && '- -'\n\n    if (captionPlaceholder) {\n      return (\n        <StyledPlaceholderCaption\n          aria-hidden={ariaHidden ? true : undefined}\n          $disabled={disabled}\n          $error={error}\n          $layout={layout}\n          data-qa={qa}\n        >\n          <StyledCaptionText>{captionPlaceholder}</StyledCaptionText>\n        </StyledPlaceholderCaption>\n      )\n    }\n\n    return null\n  }\n\n  if (multiline) {\n    return (\n      <MultilineCaption\n        ariaHidden={ariaHidden}\n        disabled={disabled}\n        caption={caption}\n        error={error}\n        layout={layout}\n        qa={qa}\n        onCaptionOverflowChange={props.onCaptionOverflowChange}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <SinglelineCaption\n      ariaHidden={ariaHidden}\n      caption={caption}\n      disabled={disabled}\n      error={error}\n      layout={layout}\n      qa={qa}\n      onCaptionOverflowChange={props.onCaptionOverflowChange}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_44_0__sc-1inrbm9-0"
+  componentId: "core-12_45_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_44_0__sc-1inrbm9-1"
+  componentId: "core-12_45_0__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_44_0__sc-1inrbm9-2"
+  componentId: "core-12_45_0__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_44_0__sc-1inrbm9-3"
+  componentId: "core-12_45_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_44_0__sc-1inrbm9-4"
+  componentId: "core-12_45_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_44_0__sc-1inrbm9-5"
+  componentId: "core-12_45_0__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_44_0__sc-1inrbm9-6"
+  componentId: "core-12_45_0__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_44_0__sc-e1ql06-0"
+  componentId: "core-12_45_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_44_0__sc-e1ql06-1"
+  componentId: "core-12_45_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_44_0__sc-e1ql06-2"
+  componentId: "core-12_45_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_44_0__sc-e1ql06-3"
+  componentId: "core-12_45_0__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_44_0__sc-e1ql06-4"
+  componentId: "core-12_45_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_44_0__sc-e1ql06-5"
+  componentId: "core-12_45_0__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_44_0__sc-e1ql06-6"
+  componentId: "core-12_45_0__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_44_0__sc-e1ql06-7"
+  componentId: "core-12_45_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_44_0__sc-e1ql06-8"
+  componentId: "core-12_45_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_44_0__sc-8q9p0n-0"
+  componentId: "core-12_45_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_44_0__sc-8q9p0n-1"
+  componentId: "core-12_45_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_44_0__sc-8q9p0n-2"
+  componentId: "core-12_45_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_44_0__sc-8q9p0n-3"
+  componentId: "core-12_45_0__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_44_0__sc-8q9p0n-4"
+  componentId: "core-12_45_0__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_44_0__sc-8q9p0n-5"
+  componentId: "core-12_45_0__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_44_0__sc-8q9p0n-6"
+  componentId: "core-12_45_0__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_44_0__sc-8q9p0n-7"
+  componentId: "core-12_45_0__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_44_0__sc-1t2ye1d-0"
+  componentId: "core-12_45_0__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_44_0__sc-1t2ye1d-1"
+  componentId: "core-12_45_0__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_44_0__sc-1t2ye1d-2"
+  componentId: "core-12_45_0__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_44_0__sc-1t2ye1d-3"
+  componentId: "core-12_45_0__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_44_0__sc-1t2ye1d-4"
+  componentId: "core-12_45_0__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_44_0__sc-1t2ye1d-5"
+  componentId: "core-12_45_0__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_44_0__sc-1t2ye1d-6"
+  componentId: "core-12_45_0__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_44_0__sc-1l6lk2n-0"
+  componentId: "core-12_45_0__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_44_0__sc-1l6lk2n-1"
+  componentId: "core-12_45_0__sc-1l6lk2n-1"
 })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_44_0__sc-1l6lk2n-2"
+  componentId: "core-12_45_0__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js

@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_44_0__sc-1x59fxi-0"
+  componentId: "core-12_45_0__sc-1x59fxi-0"
 })(["", ""], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);

package/dist/Token/Token.styles.js

@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_44_0__sc-zqi94b-0"
+  componentId: "core-12_45_0__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_44_0__sc-zqi94b-1"
+  componentId: "core-12_45_0__sc-zqi94b-1"
 })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}&:disabled,&[aria-disabled='true']{color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40, colors.white);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-12_44_0__sc-zqi94b-2"
+  componentId: "core-12_45_0__sc-zqi94b-2"
 })(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused,

package/dist/ToolHeader/ToolHeader.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_44_0__sc-1jpjx47-0"
+  componentId: "core-12_45_0__sc-1jpjx47-0"
 })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
   var $variant = _ref.$variant;
   if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
 // TODO in v12 remove cursor: pointer;
 export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeaderIconContainer",
-  componentId: "core-12_44_0__sc-1jpjx47-1"
+  componentId: "core-12_45_0__sc-1jpjx47-1"
 })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
 export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderTabs",
-  componentId: "core-12_44_0__sc-1jpjx47-2"
+  componentId: "core-12_45_0__sc-1jpjx47-2"
 })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_44_0__sc-1jpjx47-3"
+  componentId: "core-12_45_0__sc-1jpjx47-3"
 })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
 export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
   displayName: "StyledToolHeaderTitle",
-  componentId: "core-12_44_0__sc-1jpjx47-4"
+  componentId: "core-12_45_0__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_44_0__sc-1jpjx47-5"
+  componentId: "core-12_45_0__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.styles.js

@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
 import { spacing } from '../_styles/spacing';
 export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
   displayName: "StyledTitleOuter",
-  componentId: "core-12_44_0__sc-wa8j06-0"
+  componentId: "core-12_45_0__sc-wa8j06-0"
 })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
 export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleInner",
-  componentId: "core-12_44_0__sc-wa8j06-1"
+  componentId: "core-12_45_0__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_44_0__sc-wa8j06-2"
+  componentId: "core-12_45_0__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map

package/dist/Tooltip/Tooltip.styles.js

@@ -8,16 +8,16 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTooltip",
-  componentId: "core-12_44_0__sc-1fawsi4-0"
+  componentId: "core-12_45_0__sc-1fawsi4-0"
 })(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;&:empty{display:none;}"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
 export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledContainer",
-  componentId: "core-12_44_0__sc-1fawsi4-1"
+  componentId: "core-12_45_0__sc-1fawsi4-1"
 })(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}&:has(> span:empty) + [data-overlay-arrow]{display:none;}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
 
 // This is for the inline typography icon button. Note: not `Button` styles
 export var StyledTooltipButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledTooltipButton",
-  componentId: "core-12_44_0__sc-1fawsi4-2"
+  componentId: "core-12_45_0__sc-1fawsi4-2"
 })(["", " border-radius:50%;color:", ";display:inline-flex;vertical-align:middle;&:focus-visible{", "}* + &{margin-left:", "px;}"], getUnstyledButton, colors.gray45, getGapOutlineFocus('ontop'), spacing.sm);
 //# sourceMappingURL=Tooltip.styles.js.map

package/dist/Tree/Tree.js

@@ -565,7 +565,7 @@ var IconContainer = function IconContainer(_ref5) {
 };
 var StyledChevronIcon = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevronIcon",
-  componentId: "core-12_44_0__sc-f25ekl-0"
+  componentId: "core-12_45_0__sc-f25ekl-0"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref6) {
   var $isExpanded = _ref6.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Tree/Tree.styles.js

@@ -5,11 +5,11 @@ import { Typography } from '../Typography/Typography';
 import { colors } from '../_styles/colors';
 export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledFilenameCaption",
-  componentId: "core-12_44_0__sc-2d45b5-0"
+  componentId: "core-12_45_0__sc-2d45b5-0"
 })(["display:flex;width:100%;"]);
 export var StyledTree = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTree",
-  componentId: "core-12_44_0__sc-2d45b5-1"
+  componentId: "core-12_45_0__sc-2d45b5-1"
 })(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
 export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -17,7 +17,7 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
   }
 }).withConfig({
   displayName: "StyledTreeRowContainer",
-  componentId: "core-12_44_0__sc-2d45b5-2"
+  componentId: "core-12_45_0__sc-2d45b5-2"
 })(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
   var isSelectable = _ref.isSelectable,
     $isSelectable = _ref.$isSelectable;
@@ -35,29 +35,29 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
 });
 export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowContent",
-  componentId: "core-12_44_0__sc-2d45b5-3"
+  componentId: "core-12_45_0__sc-2d45b5-3"
 })(["display:flex;align-items:center;"]);
 export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTreeRowWrapper",
-  componentId: "core-12_44_0__sc-2d45b5-4"
+  componentId: "core-12_45_0__sc-2d45b5-4"
 })(["outline:none;"]);
 var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledIconBase",
-  componentId: "core-12_44_0__sc-2d45b5-5"
+  componentId: "core-12_45_0__sc-2d45b5-5"
 })(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
 
 /** @deprecated Use StyledChevronPlaceholder instead */
 export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronContainer",
-  componentId: "core-12_44_0__sc-2d45b5-6"
+  componentId: "core-12_45_0__sc-2d45b5-6"
 })([""]);
 export var StyledChevronPlaceholder = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledChevronPlaceholder",
-  componentId: "core-12_44_0__sc-2d45b5-7"
+  componentId: "core-12_45_0__sc-2d45b5-7"
 })([""]);
 export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_44_0__sc-2d45b5-8"
+  componentId: "core-12_45_0__sc-2d45b5-8"
 })(["color:", ";"], function (_ref4) {
   var $isSelected = _ref4.$isSelected;
   return $isSelected ? colors.blue45 : colors.gray40;
@@ -66,7 +66,7 @@ export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig(
 /** @deprecated TreeRowChevron now uses Button with inline styled icon */
 export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
   displayName: "StyledChevron",
-  componentId: "core-12_44_0__sc-2d45b5-9"
+  componentId: "core-12_45_0__sc-2d45b5-9"
 })(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
   var $isExpanded = _ref5.$isExpanded;
   return $isExpanded ? 90 : 0;

package/dist/Typeahead/Typeahead.styles.js

@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
 var inputHeight = 36;
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_44_0__sc-gpc39h-0"
+  componentId: "core-12_45_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_44_0__sc-gpc39h-1"
+  componentId: "core-12_45_0__sc-gpc39h-1"
 })(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
   return p.disabled ? colors.gray70 : colors.gray45;
 }, inputHeight, function (p) {
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
 }, inputHeight);
 export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTypeahead",
-  componentId: "core-12_44_0__sc-gpc39h-2"
+  componentId: "core-12_45_0__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typography/Typography.styles.js

@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
 };
 export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTypography",
-  componentId: "core-12_44_0__sc-1c4583t-0"
+  componentId: "core-12_45_0__sc-1c4583t-0"
 })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
   var _ref$$intent = _ref.$intent,
     $intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;