@procore/core-react 12.13.0 → 12.15.0

package/dist/Thumbnail/Thumbnail.styles.js

@@ -28,35 +28,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_13_0__sc-195f70c-0"
+  componentId: "core-12_15_0__sc-195f70c-0"
 })(["", " display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_13_0__sc-195f70c-1"
+  componentId: "core-12_15_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_13_0__sc-195f70c-2"
+  componentId: "core-12_15_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_13_0__sc-195f70c-3"
+  componentId: "core-12_15_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_13_0__sc-195f70c-4"
+  componentId: "core-12_15_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_13_0__sc-195f70c-5"
+  componentId: "core-12_15_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_13_0__sc-195f70c-6"
+  componentId: "core-12_15_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_13_0__sc-195f70c-7"
+  componentId: "core-12_15_0__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -64,7 +64,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_13_0__sc-195f70c-8"
+  componentId: "core-12_15_0__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var clickable = _ref6.clickable;
@@ -86,7 +86,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_13_0__sc-195f70c-9"
+  componentId: "core-12_15_0__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref11) {
   var selected = _ref11.selected;
   return selected ? "\n        opacity: 1;\n        transform: scale(1);\n      " : '';
@@ -96,28 +96,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_13_0__sc-195f70c-10"
+  componentId: "core-12_15_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_13_0__sc-195f70c-11"
+  componentId: "core-12_15_0__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref13) {
   var $bgImage = _ref13.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_13_0__sc-195f70c-12"
+  componentId: "core-12_15_0__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_13_0__sc-195f70c-13"
+  componentId: "core-12_15_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_13_0__sc-195f70c-14"
+  componentId: "core-12_15_0__sc-195f70c-14"
 })(["", " flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref14) {
   var disabled = _ref14.disabled;
   return disabled ? "\n        &,\n        &:hover {\n          ".concat(StyledImageThumbnailOverlay, " {\n            display: block;\n            ").concat(whiteOverlay, "\n          }\n        }\n        ").concat(StyledImageThumbnailPreview, ",\n        ").concat(StyledTickIcon, ",\n        ").concat(StyledImageThumbnailImage, " {\n          filter: saturate(0);\n        }\n        ").concat(StyledFileIcon, " {\n          filter: saturate(0);\n          z-index: -1;\n        }\n      ") : '';
@@ -146,7 +146,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_13_0__sc-195f70c-15"
+  componentId: "core-12_15_0__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref20) {
   var size = _ref20.size;
   return size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -157,7 +157,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_13_0__sc-195f70c-16"
+  componentId: "core-12_15_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref22) {
   var clickable = _ref22.clickable;
   return clickable ? "\n        &:hover {\n          background-color: ".concat(colors.gray96, ";\n        }\n\n      ") : '';

package/dist/Thumbnail/Thumbnail.types.d.ts

@@ -31,7 +31,7 @@ export interface BaseThumbnailProps extends Props {
      */
     alt?: string;
     /**
-     * An image URL or a <Code>File</Code> to generate a preview for
+     * An image URL or a `File` to generate a preview for
      * @since 10.19.0
      */
     src?: File | string | null;
@@ -82,8 +82,7 @@ export interface BaseThumbnailProps extends Props {
     /**
      * Unless variant is provided, filename is used
      * to choose a placeholder icon based on extension.
-     * E.g. for 'filename="panda.png"', image {' '}
-     * variant will be used
+     * E.g. for 'filename="panda.png"', image variant will be used
      * @since 11.7.0
      * */
     filename?: string;

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\ninterface 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 <Code>File</Code> 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 {' '}\n   * 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\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\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\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\ninterface 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\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\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\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.js

@@ -82,12 +82,12 @@ export function ThumbnailCaption(_ref4) {
   if (!caption) {
     var captionPlaceholder = hasCaptionPlaceholder && '- -';
     if (captionPlaceholder) {
-      return /*#__PURE__*/React.createElement(StyledPlaceholderCaption, _extends({}, props, {
+      return /*#__PURE__*/React.createElement(StyledPlaceholderCaption, {
         disabled: disabled,
         error: error,
         layout: layout,
         "data-qa": qa
-      }), /*#__PURE__*/React.createElement(StyledCaptionText, null, captionPlaceholder));
+      }, /*#__PURE__*/React.createElement(StyledCaptionText, null, captionPlaceholder));
     }
     return null;
   }

package/dist/Thumbnail/ThumbnailCaption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailCaption.js","names":["React","Tooltip","useOverflowObserver","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","CaptionTooltip","_ref","children","overlay","isVisible","createElement","Content","placement","trigger","MultilineCaption","_ref2","disabled","caption","error","layout","qa","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","_extends","SinglelineCaption","_ref3","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref4","_ref4$disabled","_ref4$error","hasCaptionPlaceholder","multiline","_ref4$qa","_excluded3","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import React from 'react'\nimport { Tooltip } from '../Tooltip/Tooltip'\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  CaptionTooltipProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\n\nfunction CaptionTooltip({ children, overlay, isVisible }: CaptionTooltipProps) {\n  return (\n    <Tooltip\n      overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n      placement=\"bottom\"\n      trigger={isVisible ? 'hover' : 'none'}\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nfunction MultilineCaption({\n  disabled,\n  caption,\n  error,\n  layout,\n  qa,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\n      {/* additional container is needed because Tooltip overrides the passed `ref` */}\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    </CaptionTooltip>\n  )\n}\n\nfunction SinglelineCaption({\n  caption,\n  error,\n  disabled,\n  layout,\n  qa,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\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    </CaptionTooltip>\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          {...props}\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        {...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      {...props}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThumbnailCaption.js","names":["React","Tooltip","useOverflowObserver","parseFilename","StyledCaptionText","StyledMultilineCaption","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","CaptionTooltip","_ref","children","overlay","isVisible","createElement","Content","placement","trigger","MultilineCaption","_ref2","disabled","caption","error","layout","qa","props","_objectWithoutProperties","_excluded","_useOverflowObserver","ref","isOverflowing","_extends","SinglelineCaption","_ref3","_excluded2","_useOverflowObserver2","_parseFilename","filename","extension","isFilename","concat","ThumbnailCaption","_ref4","_ref4$disabled","_ref4$error","hasCaptionPlaceholder","multiline","_ref4$qa","_excluded3","captionPlaceholder"],"sources":["../../src/Thumbnail/ThumbnailCaption.tsx"],"sourcesContent":["import React from 'react'\nimport { Tooltip } from '../Tooltip/Tooltip'\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  CaptionTooltipProps,\n  MultilineCaptionProps,\n  SinglelineCaptionProps,\n} from './Thumbnail.types'\n\nfunction CaptionTooltip({ children, overlay, isVisible }: CaptionTooltipProps) {\n  return (\n    <Tooltip\n      overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n      placement=\"bottom\"\n      trigger={isVisible ? 'hover' : 'none'}\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nfunction MultilineCaption({\n  disabled,\n  caption,\n  error,\n  layout,\n  qa,\n  ...props\n}: MultilineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\n      {/* additional container is needed because Tooltip overrides the passed `ref` */}\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    </CaptionTooltip>\n  )\n}\n\nfunction SinglelineCaption({\n  caption,\n  error,\n  disabled,\n  layout,\n  qa,\n  ...props\n}: SinglelineCaptionProps & Props) {\n  const { ref, isOverflowing } = useOverflowObserver()\n  const { filename, extension, isFilename } = parseFilename(caption)\n\n  return (\n    <CaptionTooltip overlay={caption} isVisible={isOverflowing}>\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    </CaptionTooltip>\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        {...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      {...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_13_0__sc-1inrbm9-0"
+  componentId: "core-12_15_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_13_0__sc-1inrbm9-1"
+  componentId: "core-12_15_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_13_0__sc-1inrbm9-2"
+  componentId: "core-12_15_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_13_0__sc-1inrbm9-3"
+  componentId: "core-12_15_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_13_0__sc-1inrbm9-4"
+  componentId: "core-12_15_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_13_0__sc-1inrbm9-5"
+  componentId: "core-12_15_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_13_0__sc-1inrbm9-6"
+  componentId: "core-12_15_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_13_0__sc-e1ql06-0"
+  componentId: "core-12_15_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_13_0__sc-e1ql06-1"
+  componentId: "core-12_15_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_13_0__sc-e1ql06-2"
+  componentId: "core-12_15_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_13_0__sc-e1ql06-3"
+  componentId: "core-12_15_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_13_0__sc-e1ql06-4"
+  componentId: "core-12_15_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_13_0__sc-e1ql06-5"
+  componentId: "core-12_15_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_13_0__sc-e1ql06-6"
+  componentId: "core-12_15_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_13_0__sc-e1ql06-7"
+  componentId: "core-12_15_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_13_0__sc-e1ql06-8"
+  componentId: "core-12_15_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/TieredSelect/TieredSelect.types.d.ts

@@ -77,43 +77,62 @@ export interface TieredSelectApi {
      */
     block?: boolean;
     /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.GroupId'}</CodeBlock>
+     * Callback for using a custom `tier` shape
+     * ```
+     * (tier: any) => Id
+     * ```
+     * Defaults to
+     * ```
+     * (tier: any) => tier.GroupId
+     * ```
      * @since 10.19.0
      */
     getGroupId: (tier: any) => Id;
     /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.Id'}</CodeBlock>
+     * Callback for using a custom `tier` shape
+     * ```
+     * (tier: any) => Id
+     * ```
+     * Defaults to
+     * ```
+     * (tier: any) => tier.Id
+     * ```
      * @since 10.19.0
      */
     getId: (tier: any) => Id;
     /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => string'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.Label'}</CodeBlock>
+     * Callback for using a custom `tier` shape
+     * ```
+     * (tier: any) => string
+     * ```
+     * Defaults to
+     * ```
+     * (tier: any) => tier.Label
+     * ```
      * @since 10.19.0
      */
     getLabel: (tier: any) => string | undefined;
     /**
-     * Callback for using a custom <Code>tier</Code> shape
-     * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>
-     * Defaults to <CodeBlock>{'(tier: any) => tier.NextGroupId'}</CodeBlock>
+     * Callback for using a custom `tier` shape
+     * ```
+     * (tier: any) => Id
+     * ```
+     * Defaults to
+     * ```
+     * (tier: any) => tier.NextGroupId
+     * ```
      * @since 10.19.0
      */
     getNextGroupId: (tier: any) => Id;
     /**
-     * Predefined strings or a callback for using a custom <Code>value</Code>{' '}
-     * string
-     * <CodeBlock>{'(value: any[]) => string | undefined'}</CodeBlock>
-     * Defaults to{' '}
-     * <CodeBlock>
-     * {
-     *     '(value: any[]) => value.map((tier) => getLabel!(tier)).join(" > ")'
-     * }
-     * </CodeBlock>
+     * Predefined strings or a callback for using a custom `value` string
+     * ```
+     * (value: any[]) => string | undefined
+     * ```
+     * Defaults to
+     * ```
+     * (value: any[]) => value.map((tier) => getLabel!(tier)).join(" > ")
+     * ```
      * @since 10.19.0
      */
     getValueString: GetValueStringFn;
@@ -133,27 +152,27 @@ export interface TieredSelectApi {
     isLeaf?: (tier: any) => boolean;
     /**
      * Used to display a loading indicator as the last item of the list. Can
-     * be used with <Code>onScrollBottom</Code> or <Code>onSearch</Code>{' '}
-     * (empty <Code>options</Code> during search async call) to indicate the
+     * be used with `onScrollBottom` or `onSearch`
+     * (empty `options` during search async call) to indicate the
      * loading of new items.
      * @since 10.19.0
      */
     loadingMore?: boolean;
     /**
-     * <div>
-     *  Callback for selecting an item from the tiered select. Returns the{' '}
-     *  <Code>Selection</Code> object from the <Code>Menu</Code> api, along
-     *  with the updated <Code>value</Code>
-     * </div>
-     * <CodeBlock>
-     *  {'(Selection: { event, item, group }, value) =>'}
-     * </CodeBlock>
+     * Callback for selecting an item from the tiered select. Returns the
+     * `Selection` object from the `Menu` api, along
+     * with the updated `value`
+     * ```
+     * (Selection: { event, item, group }, value) =>
+     * ```
      * @since 10.19.0
      */
     onChange: (selection: TierSelection) => void;
     /**
      * Callback for when the x icon is pressed.
-     * <CodeBlock>{'(event) =>'}</CodeBlock>
+     * ```
+     * (event) =>
+     * ```
      * @since 10.19.0
      */
     onClear?: SelectProps['onClear'];
@@ -161,9 +180,9 @@ export interface TieredSelectApi {
      * Callback for when navigation occurs. Triggered by the left and right
      * arrow keys, or clicking a navigable item. Returns the id of the next
      * group that will be navigated to, and the updated path.
-     * <CodeBlock>
-     *  {'(nextGroupId: string | number | undefined, path: any[]) => '}
-     * </CodeBlock>
+     * ```
+     * (nextGroupId: string | number | undefined, path: any[]) =>
+     * ```
      * @since 10.19.0
      */
     onNavigate?: (nextGroupId: Id, value: any[]) => void;
@@ -171,22 +190,27 @@ export interface TieredSelectApi {
      * Pass this callback when a quick create experience is desired. Called
      * when the "create" button in quick create mode is clicked. Returns the
      * value of the quick create input.
-     * <CodeBlock>{'(string) =>'}</CodeBlock>
+     * ```
+     * (string) =>
+     * ```
      * @since 10.19.0
      */
     onQuickCreate?: (name: string) => void;
     /**
      * Called when the selection menu is scrolled to the bottom. Can be
-     * combined with <Code>loadingMore</Code>
-     * for an async infinite scrolling menu.
-     * <CodeBlock>{'(event) =>'}</CodeBlock>
+     * combined with `loadingMore` for an async infinite scrolling menu.
+     * ```
+     * (event) =>
+     * ```
      * @since 10.19.0
      */
     onScrollBottom?: SelectProps['onScrollBottom'];
     /**
      * Called when searching the TieredSelect. Behavior must be controlled by
      * implementor
-     * <CodeBlock>{'(event) =>'}</CodeBlock>
+     * ```
+     * (event) =>
+     * ```
      * @since 10.19.0
      */
     onSearch?: SelectProps['onSearch'];

package/dist/TieredSelect/TieredSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TieredSelect.types.js","names":[],"sources":["../../src/TieredSelect/TieredSelect.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport type { SelectProps } from '../Select/Select.types'\n\nexport type GetValueStringFn = (value: any[]) => string | undefined\n\nexport type GetValueString = 'full-path' | 'leaf-only' | GetValueStringFn\n\nexport type Div = React.ComponentPropsWithoutRef<'div'>\n\nexport type Id = number | string | null | undefined\n\n// all keys are optional since data shape can custom\nexport interface Tier {\n  /**\n   * @since 10.19.0\n   */\n  id?: Id\n  /**\n   * @since 10.19.0\n   */\n  label?: string\n  /**\n   * @since 10.19.0\n   */\n  nextGroupId?: Id\n  /**\n   * @since 10.19.0\n   */\n  groupId?: Id\n}\n\nexport interface TierSelection extends Selection {\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface InternalTieredSelectProps\n  extends Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * @since 10.19.0\n   */\n  options?: any[]\n  /**\n   * @since 10.19.0\n   */\n  value?: any[]\n}\n\nexport interface TieredSelectApi {\n  /**\n   * @since 10.19.0\n   */\n  afterHide: SelectProps['afterHide']\n  /**\n   * @since 10.19.0\n   */\n  afterShow: SelectProps['afterShow']\n  /**\n   * @since 10.19.0\n   */\n  beforeHide: SelectProps['beforeHide']\n  /**\n   * @since 10.19.0\n   */\n  beforeShow: SelectProps['beforeShow']\n  /**\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * Callback for using a custom <Code>tier</Code> shape\n   * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>\n   * Defaults to <CodeBlock>{'(tier: any) => tier.GroupId'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getGroupId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom <Code>tier</Code> shape\n   * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>\n   * Defaults to <CodeBlock>{'(tier: any) => tier.Id'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom <Code>tier</Code> shape\n   * <CodeBlock>{'(tier: any) => string'}</CodeBlock>\n   * Defaults to <CodeBlock>{'(tier: any) => tier.Label'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getLabel: (tier: any) => string | undefined\n\n  /**\n   * Callback for using a custom <Code>tier</Code> shape\n   * <CodeBlock>{'(tier: any) => Id'}</CodeBlock>\n   * Defaults to <CodeBlock>{'(tier: any) => tier.NextGroupId'}</CodeBlock>\n   * @since 10.19.0\n   */\n  getNextGroupId: (tier: any) => Id\n\n  /**\n   * Predefined strings or a callback for using a custom <Code>value</Code>{' '}\n   * string\n   * <CodeBlock>{'(value: any[]) => string | undefined'}</CodeBlock>\n   * Defaults to{' '}\n   * <CodeBlock>\n   * {\n   *     '(value: any[]) => value.map((tier) => getLabel!(tier)).join(\" > \")'\n   * }\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  getValueString: GetValueStringFn\n\n  /**\n   * The i18n key to use for the tiered select's configurable strings.\n   * Defaults to using the core library's default strings.\n   * @since 10.19.0\n   */\n  i18nScope: string\n  /**\n   * @since 10.19.0\n   */\n  isTierDisabled?: (tier: any) => boolean | string | undefined\n  /**\n   * @since 10.19.0\n   */\n  isLeaf?: (tier: any) => boolean\n\n  /**\n   * Used to display a loading indicator as the last item of the list. Can\n   * be used with <Code>onScrollBottom</Code> or <Code>onSearch</Code>{' '}\n   * (empty <Code>options</Code> during search async call) to indicate the\n   * loading of new items.\n   * @since 10.19.0\n   */\n  loadingMore?: boolean\n\n  /**\n   * <div>\n   *  Callback for selecting an item from the tiered select. Returns the{' '}\n   *  <Code>Selection</Code> object from the <Code>Menu</Code> api, along\n   *  with the updated <Code>value</Code>\n   * </div>\n   * <CodeBlock>\n   *  {'(Selection: { event, item, group }, value) =>'}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n\n  /**\n   * Callback for when the x icon is pressed.\n   * <CodeBlock>{'(event) =>'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onClear?: SelectProps['onClear']\n\n  /**\n   * Callback for when navigation occurs. Triggered by the left and right\n   * arrow keys, or clicking a navigable item. Returns the id of the next\n   * group that will be navigated to, and the updated path.\n   * <CodeBlock>\n   *  {'(nextGroupId: string | number | undefined, path: any[]) => '}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  onNavigate?: (nextGroupId: Id, value: any[]) => void\n\n  /**\n   * Pass this callback when a quick create experience is desired. Called\n   * when the \"create\" button in quick create mode is clicked. Returns the\n   * value of the quick create input.\n   * <CodeBlock>{'(string) =>'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onQuickCreate?: (name: string) => void\n\n  /**\n   * Called when the selection menu is scrolled to the bottom. Can be\n   * combined with <Code>loadingMore</Code>\n   * for an async infinite scrolling menu.\n   * <CodeBlock>{'(event) =>'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onScrollBottom?: SelectProps['onScrollBottom']\n\n  /**\n   * Called when searching the TieredSelect. Behavior must be controlled by\n   * implementor\n   * <CodeBlock>{'(event) =>'}</CodeBlock>\n   * @since 10.19.0\n   */\n  onSearch?: SelectProps['onSearch']\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n}\nexport interface TieredSelectProps\n  extends Partial<Omit<TieredSelectApi, 'getValueString'>>,\n    Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * Prop to define a custom footer for the tiered select. Accepts a `React.ReactNode`. Takes precedence over quick create footer.\n   *\n   * Example:\n   * ```tsx\n   * <TieredSelect\n   *   ...\n   *   footer={<div>Custom Footer</div>}\n   *   ...\n   * />\n   * ```\n   *\n   * @default undefined\n   * @since 11.4.0\n   */\n  footer?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  getValueString?: GetValueString\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * Flat array of tier objects, this array is used as data for the component\n   * @since 10.19.0\n   */\n  options?: any[]\n\n  /**\n   * If true, any tier is selectable. If false, only leaf nodes are selectable\n   * @default true\n   * @since 10.19.0\n   */\n  selectableTiers?: boolean\n\n  /**\n   * Flat array of tier objects that represents the selected value\n   * @since 10.19.0\n   */\n  value?: any[]\n}\n\nexport interface TieredSelectMenuProps\n  extends Omit<Div, 'onSelect' | 'onChange' | 'onDragEnd'>,\n    Pick<TieredSelectProps, 'footer' | 'loading' | 'loadingMore' | 'options'> {\n  /**\n   * @since 10.19.0\n   */\n  currentTier: Id\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n  /**\n   * @since 10.19.0\n   */\n  onNavigate: (nextGroupId: Id, value: any[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  previousValue: any[]\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface ArrowButtonProps {\n  /**\n   * @since 10.19.0\n   */\n  onClick?: (event: React.SyntheticEvent) => void\n}\n\nexport interface QuickCreateInputProps {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSubmit: (name: string) => void\n  /**\n   * @since 10.19.0\n   */\n  placeholder: string\n}\n\nexport interface OptionsProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  emptyMessage?: string\n}\n"],"mappings":""}
+{"version":3,"file":"TieredSelect.types.js","names":[],"sources":["../../src/TieredSelect/TieredSelect.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport type { SelectProps } from '../Select/Select.types'\n\nexport type GetValueStringFn = (value: any[]) => string | undefined\n\nexport type GetValueString = 'full-path' | 'leaf-only' | GetValueStringFn\n\nexport type Div = React.ComponentPropsWithoutRef<'div'>\n\nexport type Id = number | string | null | undefined\n\n// all keys are optional since data shape can custom\nexport interface Tier {\n  /**\n   * @since 10.19.0\n   */\n  id?: Id\n  /**\n   * @since 10.19.0\n   */\n  label?: string\n  /**\n   * @since 10.19.0\n   */\n  nextGroupId?: Id\n  /**\n   * @since 10.19.0\n   */\n  groupId?: Id\n}\n\nexport interface TierSelection extends Selection {\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface InternalTieredSelectProps\n  extends Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * @since 10.19.0\n   */\n  options?: any[]\n  /**\n   * @since 10.19.0\n   */\n  value?: any[]\n}\n\nexport interface TieredSelectApi {\n  /**\n   * @since 10.19.0\n   */\n  afterHide: SelectProps['afterHide']\n  /**\n   * @since 10.19.0\n   */\n  afterShow: SelectProps['afterShow']\n  /**\n   * @since 10.19.0\n   */\n  beforeHide: SelectProps['beforeHide']\n  /**\n   * @since 10.19.0\n   */\n  beforeShow: SelectProps['beforeShow']\n  /**\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.GroupId\n   * ```\n   * @since 10.19.0\n   */\n  getGroupId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.Id\n   * ```\n   * @since 10.19.0\n   */\n  getId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => string\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.Label\n   * ```\n   * @since 10.19.0\n   */\n  getLabel: (tier: any) => string | undefined\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.NextGroupId\n   * ```\n   * @since 10.19.0\n   */\n  getNextGroupId: (tier: any) => Id\n\n  /**\n   * Predefined strings or a callback for using a custom `value` string\n   * ```\n   * (value: any[]) => string | undefined\n   * ```\n   * Defaults to\n   * ```\n   * (value: any[]) => value.map((tier) => getLabel!(tier)).join(\" > \")\n   * ```\n   * @since 10.19.0\n   */\n  getValueString: GetValueStringFn\n\n  /**\n   * The i18n key to use for the tiered select's configurable strings.\n   * Defaults to using the core library's default strings.\n   * @since 10.19.0\n   */\n  i18nScope: string\n  /**\n   * @since 10.19.0\n   */\n  isTierDisabled?: (tier: any) => boolean | string | undefined\n  /**\n   * @since 10.19.0\n   */\n  isLeaf?: (tier: any) => boolean\n\n  /**\n   * Used to display a loading indicator as the last item of the list. Can\n   * be used with `onScrollBottom` or `onSearch`\n   * (empty `options` during search async call) to indicate the\n   * loading of new items.\n   * @since 10.19.0\n   */\n  loadingMore?: boolean\n\n  /**\n   * Callback for selecting an item from the tiered select. Returns the\n   * `Selection` object from the `Menu` api, along\n   * with the updated `value`\n   * ```\n   * (Selection: { event, item, group }, value) =>\n   * ```\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n\n  /**\n   * Callback for when the x icon is pressed.\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onClear?: SelectProps['onClear']\n\n  /**\n   * Callback for when navigation occurs. Triggered by the left and right\n   * arrow keys, or clicking a navigable item. Returns the id of the next\n   * group that will be navigated to, and the updated path.\n   * ```\n   * (nextGroupId: string | number | undefined, path: any[]) =>\n   * ```\n   * @since 10.19.0\n   */\n  onNavigate?: (nextGroupId: Id, value: any[]) => void\n\n  /**\n   * Pass this callback when a quick create experience is desired. Called\n   * when the \"create\" button in quick create mode is clicked. Returns the\n   * value of the quick create input.\n   * ```\n   * (string) =>\n   * ```\n   * @since 10.19.0\n   */\n  onQuickCreate?: (name: string) => void\n\n  /**\n   * Called when the selection menu is scrolled to the bottom. Can be\n   * combined with `loadingMore` for an async infinite scrolling menu.\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onScrollBottom?: SelectProps['onScrollBottom']\n\n  /**\n   * Called when searching the TieredSelect. Behavior must be controlled by\n   * implementor\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onSearch?: SelectProps['onSearch']\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n}\nexport interface TieredSelectProps\n  extends Partial<Omit<TieredSelectApi, 'getValueString'>>,\n    Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * Prop to define a custom footer for the tiered select. Accepts a `React.ReactNode`. Takes precedence over quick create footer.\n   *\n   * Example:\n   * ```tsx\n   * <TieredSelect\n   *   ...\n   *   footer={<div>Custom Footer</div>}\n   *   ...\n   * />\n   * ```\n   *\n   * @default undefined\n   * @since 11.4.0\n   */\n  footer?: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  getValueString?: GetValueString\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * Flat array of tier objects, this array is used as data for the component\n   * @since 10.19.0\n   */\n  options?: any[]\n\n  /**\n   * If true, any tier is selectable. If false, only leaf nodes are selectable\n   * @default true\n   * @since 10.19.0\n   */\n  selectableTiers?: boolean\n\n  /**\n   * Flat array of tier objects that represents the selected value\n   * @since 10.19.0\n   */\n  value?: any[]\n}\n\nexport interface TieredSelectMenuProps\n  extends Omit<Div, 'onSelect' | 'onChange' | 'onDragEnd'>,\n    Pick<TieredSelectProps, 'footer' | 'loading' | 'loadingMore' | 'options'> {\n  /**\n   * @since 10.19.0\n   */\n  currentTier: Id\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n  /**\n   * @since 10.19.0\n   */\n  onNavigate: (nextGroupId: Id, value: any[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  previousValue: any[]\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface ArrowButtonProps {\n  /**\n   * @since 10.19.0\n   */\n  onClick?: (event: React.SyntheticEvent) => void\n}\n\nexport interface QuickCreateInputProps {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSubmit: (name: string) => void\n  /**\n   * @since 10.19.0\n   */\n  placeholder: string\n}\n\nexport interface OptionsProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  emptyMessage?: string\n}\n"],"mappings":""}

package/dist/Tile/Tile.styles.js

@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_13_0__sc-8q9p0n-0"
+  componentId: "core-12_15_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_13_0__sc-8q9p0n-1"
+  componentId: "core-12_15_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_13_0__sc-8q9p0n-2"
+  componentId: "core-12_15_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_13_0__sc-8q9p0n-3"
+  componentId: "core-12_15_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_13_0__sc-8q9p0n-4"
+  componentId: "core-12_15_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_13_0__sc-8q9p0n-5"
+  componentId: "core-12_15_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_13_0__sc-8q9p0n-6"
+  componentId: "core-12_15_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_13_0__sc-8q9p0n-7"
+  componentId: "core-12_15_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/Tile/Tile.types.d.ts

@@ -33,7 +33,7 @@ export interface SelectableTileProps extends TileCommonProps, Omit<DivAttributes
      */
     variant?: 'selectable';
     /**
-     * A function for controlling <Code>selected</Code> Tile prop.
+     * A function for controlling `selected` Tile prop.
      * @since 10.19.0
      */
     onClick?: () => {};

package/dist/Tile/Tile.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.types.js","names":[],"sources":["../../src/Tile/Tile.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { AnchorAttributes, DivAttributes, Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n  overlay?: boolean\n  onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport interface TileCommonProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  orientation: 'portrait' | 'landscape'\n}\n\nexport interface InteractableTileProps extends TileCommonProps, DivAttributes {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'interactive'\n}\n\nexport interface LinkTileProps extends TileCommonProps, AnchorAttributes {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'link'\n}\n\nexport interface SelectableTileProps\n  extends TileCommonProps,\n    Omit<DivAttributes, 'onClick'> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'selectable'\n\n  /**\n   * A function for controlling <Code>selected</Code> Tile prop.\n   * @since 10.19.0\n   */\n  onClick?: () => {}\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport type TileProps =\n  | SelectableTileProps\n  | InteractableTileProps\n  | LinkTileProps\n"],"mappings":""}
+{"version":3,"file":"Tile.types.js","names":[],"sources":["../../src/Tile/Tile.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { AnchorAttributes, DivAttributes, Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n  overlay?: boolean\n  onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport interface TileCommonProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  orientation: 'portrait' | 'landscape'\n}\n\nexport interface InteractableTileProps extends TileCommonProps, DivAttributes {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'interactive'\n}\n\nexport interface LinkTileProps extends TileCommonProps, AnchorAttributes {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'link'\n}\n\nexport interface SelectableTileProps\n  extends TileCommonProps,\n    Omit<DivAttributes, 'onClick'> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'selectable'\n\n  /**\n   * A function for controlling `selected` Tile prop.\n   * @since 10.19.0\n   */\n  onClick?: () => {}\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport type TileProps =\n  | SelectableTileProps\n  | InteractableTileProps\n  | LinkTileProps\n"],"mappings":""}