@procore/core-react 12.53.0 → 12.53.2

package/dist/TieredSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { TieredSelect } from './TieredSelect';
-export type { Tier, TieredSelectProps, TierSelection, } from './TieredSelect.types';
+export type { Tier, TierSelection, TieredSelectProps, } from './TieredSelect.types';

package/dist/TieredSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TieredSelect"],"sources":["../../src/TieredSelect/index.ts"],"sourcesContent":["export { TieredSelect } from './TieredSelect'\nexport type {\n  Tier,\n  TieredSelectProps,\n  TierSelection,\n} from './TieredSelect.types'\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB"}
+{"version":3,"file":"index.js","names":["TieredSelect"],"sources":["../../src/TieredSelect/index.ts"],"sourcesContent":["export { TieredSelect } from './TieredSelect'\nexport type {\n  Tier,\n  TierSelection,\n  TieredSelectProps,\n} from './TieredSelect.types'\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/dist/Tile/Tile.js

@@ -29,8 +29,8 @@ var HeroMedia = /*#__PURE__*/React.forwardRef(function HeroMedia(_ref, ref) {
   var heroRef = React.useRef(null);
   React.useLayoutEffect(function () {
     if (orientation === 'landscape') {
-      var _heroRef$current, _heroRef$current$pare;
-      (_heroRef$current = heroRef.current) === null || _heroRef$current === void 0 ? void 0 : (_heroRef$current$pare = _heroRef$current.parentElement) === null || _heroRef$current$pare === void 0 ? void 0 : _heroRef$current$pare.style.removeProperty('--core-tile-grid-template-columns');
+      var _heroRef$current;
+      (_heroRef$current = heroRef.current) === null || _heroRef$current === void 0 || (_heroRef$current = _heroRef$current.parentElement) === null || _heroRef$current === void 0 || _heroRef$current.style.removeProperty('--core-tile-grid-template-columns');
     }
   }, [orientation]);
   return /*#__PURE__*/React.createElement(StyledHeroMedia, _extends({
@@ -48,8 +48,8 @@ var HeroText = /*#__PURE__*/React.forwardRef(function HeroText(_ref2, ref) {
   var heroRef = React.useRef(null);
   React.useLayoutEffect(function () {
     if (orientation === 'landscape') {
-      var _heroRef$current2, _heroRef$current2$par;
-      (_heroRef$current2 = heroRef.current) === null || _heroRef$current2 === void 0 ? void 0 : (_heroRef$current2$par = _heroRef$current2.parentElement) === null || _heroRef$current2$par === void 0 ? void 0 : _heroRef$current2$par.style.setProperty('--core-tile-grid-template-columns', heroTextGridTemplateColumns);
+      var _heroRef$current2;
+      (_heroRef$current2 = heroRef.current) === null || _heroRef$current2 === void 0 || (_heroRef$current2 = _heroRef$current2.parentElement) === null || _heroRef$current2 === void 0 || _heroRef$current2.style.setProperty('--core-tile-grid-template-columns', heroTextGridTemplateColumns);
     }
   }, [orientation]);
   return /*#__PURE__*/React.createElement(StyledHeroText, _extends({
@@ -120,15 +120,15 @@ export var SelectableTile = /*#__PURE__*/React.forwardRef(function SelectableTil
     tabIndex: !disabled ? 0 : undefined,
     onClick: function onClick() {
       if (!disabled) {
-        _onClick === null || _onClick === void 0 ? void 0 : _onClick();
+        _onClick === null || _onClick === void 0 || _onClick();
       }
     },
     onKeyDown: function onKeyDown(e) {
       var code = e.code;
       if (code === 'Enter' || code === 'Space') {
-        _onClick === null || _onClick === void 0 ? void 0 : _onClick();
+        _onClick === null || _onClick === void 0 || _onClick();
       }
-      _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+      _onKeyDown === null || _onKeyDown === void 0 || _onKeyDown(e);
     }
   }, props), /*#__PURE__*/React.createElement(TileContext.Provider, {
     value: {

package/dist/Tile/Tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","names":["React","StyledActions","addSubcomponents","mergeRefs","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","heroTextGridTemplateColumns","TileContext","createContext","orientation","HeroMedia","forwardRef","_ref","ref","children","_ref$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","_heroRef$current$pare","current","parentElement","style","removeProperty","createElement","_extends","$orientation","onClick","HeroText","_ref2","_excluded2","_React$useContext2","_heroRef$current2","_heroRef$current2$par","setProperty","Content","Footer","_ref3","_excluded3","Actions","_ref4","_excluded4","InteractableTile","_ref5","_excluded5","Provider","value","LinkTile","_ref6","_excluded6","SelectableTile","_ref7","_ref7$selected","selected","onKeyDown","_ref7$disabled","disabled","_excluded7","$disabled","$selected","tabIndex","undefined","e","code","Tile_","Tile","_ref8","_ref8$variant","variant","_ref8$orientation","_excluded8"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledActions } from '../Content/Content.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledFooter,\n  StyledHeroMedia,\n  StyledHeroOverlay,\n  StyledHeroText,\n  StyledInteractableTile,\n  StyledLinkTile,\n  StyledSelectableTile,\n  StyledTileContent,\n} from './Tile.styles'\nimport type {\n  HeroMediaProps,\n  HeroTextProps,\n  InteractableTileProps,\n  LinkTileProps,\n  SelectableTileProps,\n  TileCommonProps,\n  TileProps,\n} from './Tile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\nconst TileContext = React.createContext<Pick<TileCommonProps, 'orientation'>>({\n  orientation: 'portrait',\n})\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n  function HeroMedia(\n    { children, overlay = false, onOverlayClick, ...props },\n    ref\n  ) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.removeProperty(\n          '--core-tile-grid-template-columns'\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroMedia\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n        {children}\n      </StyledHeroMedia>\n    )\n  }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function HeroText({ children, ...props }, ref) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.setProperty(\n          '--core-tile-grid-template-columns',\n          heroTextGridTemplateColumns\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroText\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {children}\n      </StyledHeroText>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function Content(props, ref) {\n    return <StyledTileContent ref={ref} {...props} />\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledFooter ref={ref} {...props}>\n      {children}\n    </StyledFooter>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledActions ref={ref} {...props}>\n      {children}\n    </StyledActions>\n  )\n})\n\nexport const InteractableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<InteractableTileProps, 'variant'>\n>(function InteractableTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledInteractableTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledInteractableTile>\n  )\n})\n\nexport const LinkTile = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<LinkTileProps, 'variant'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledLinkTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledLinkTile>\n  )\n})\n\nexport const SelectableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<SelectableTileProps, 'variant'>\n>(function SelectableTile(\n  {\n    orientation,\n    selected = false,\n    onClick,\n    onKeyDown,\n    disabled = false,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <StyledSelectableTile\n      ref={ref}\n      $disabled={disabled}\n      $orientation={orientation}\n      $selected={selected}\n      tabIndex={!disabled ? 0 : undefined}\n      onClick={() => {\n        if (!disabled) {\n          onClick?.()\n        }\n      }}\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n        const { code } = e\n\n        if (code === 'Enter' || code === 'Space') {\n          onClick?.()\n        }\n\n        onKeyDown?.(e)\n      }}\n      {...props}\n    >\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledSelectableTile>\n  )\n})\n\nconst Tile_ = React.forwardRef<HTMLElement, TileProps>(function Tile(\n  { variant = 'interactive', orientation = 'portrait', ...props },\n  ref\n) {\n  switch (variant) {\n    case 'interactive':\n      return (\n        <InteractableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<InteractableTileProps, 'orientation'>)}\n        />\n      )\n    case 'selectable':\n      return (\n        <SelectableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<SelectableTileProps, 'orientation'>)}\n        />\n      )\n    case 'link':\n      return (\n        <LinkTile\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          orientation={orientation}\n          {...(props as Omit<LinkTileProps, 'orientation'>)}\n        />\n      )\n  }\n})\n\nexport const Tile = addSubcomponents(\n  { Actions, Content, Footer, HeroText, HeroMedia },\n  Tile_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Tile.js","names":["React","StyledActions","addSubcomponents","mergeRefs","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","heroTextGridTemplateColumns","TileContext","createContext","orientation","HeroMedia","forwardRef","_ref","ref","children","_ref$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","current","parentElement","style","removeProperty","createElement","_extends","$orientation","onClick","HeroText","_ref2","_excluded2","_React$useContext2","_heroRef$current2","setProperty","Content","Footer","_ref3","_excluded3","Actions","_ref4","_excluded4","InteractableTile","_ref5","_excluded5","Provider","value","LinkTile","_ref6","_excluded6","SelectableTile","_ref7","_ref7$selected","selected","onKeyDown","_ref7$disabled","disabled","_excluded7","$disabled","$selected","tabIndex","undefined","e","code","Tile_","Tile","_ref8","_ref8$variant","variant","_ref8$orientation","_excluded8"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledActions } from '../Content/Content.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledFooter,\n  StyledHeroMedia,\n  StyledHeroOverlay,\n  StyledHeroText,\n  StyledInteractableTile,\n  StyledLinkTile,\n  StyledSelectableTile,\n  StyledTileContent,\n} from './Tile.styles'\nimport type {\n  HeroMediaProps,\n  HeroTextProps,\n  InteractableTileProps,\n  LinkTileProps,\n  SelectableTileProps,\n  TileCommonProps,\n  TileProps,\n} from './Tile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\nconst TileContext = React.createContext<Pick<TileCommonProps, 'orientation'>>({\n  orientation: 'portrait',\n})\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n  function HeroMedia(\n    { children, overlay = false, onOverlayClick, ...props },\n    ref\n  ) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.removeProperty(\n          '--core-tile-grid-template-columns'\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroMedia\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n        {children}\n      </StyledHeroMedia>\n    )\n  }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function HeroText({ children, ...props }, ref) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.setProperty(\n          '--core-tile-grid-template-columns',\n          heroTextGridTemplateColumns\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroText\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {children}\n      </StyledHeroText>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function Content(props, ref) {\n    return <StyledTileContent ref={ref} {...props} />\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledFooter ref={ref} {...props}>\n      {children}\n    </StyledFooter>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledActions ref={ref} {...props}>\n      {children}\n    </StyledActions>\n  )\n})\n\nexport const InteractableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<InteractableTileProps, 'variant'>\n>(function InteractableTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledInteractableTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledInteractableTile>\n  )\n})\n\nexport const LinkTile = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<LinkTileProps, 'variant'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledLinkTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledLinkTile>\n  )\n})\n\nexport const SelectableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<SelectableTileProps, 'variant'>\n>(function SelectableTile(\n  {\n    orientation,\n    selected = false,\n    onClick,\n    onKeyDown,\n    disabled = false,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <StyledSelectableTile\n      ref={ref}\n      $disabled={disabled}\n      $orientation={orientation}\n      $selected={selected}\n      tabIndex={!disabled ? 0 : undefined}\n      onClick={() => {\n        if (!disabled) {\n          onClick?.()\n        }\n      }}\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n        const { code } = e\n\n        if (code === 'Enter' || code === 'Space') {\n          onClick?.()\n        }\n\n        onKeyDown?.(e)\n      }}\n      {...props}\n    >\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledSelectableTile>\n  )\n})\n\nconst Tile_ = React.forwardRef<HTMLElement, TileProps>(function Tile(\n  { variant = 'interactive', orientation = 'portrait', ...props },\n  ref\n) {\n  switch (variant) {\n    case 'interactive':\n      return (\n        <InteractableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<InteractableTileProps, 'orientation'>)}\n        />\n      )\n    case 'selectable':\n      return (\n        <SelectableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<SelectableTileProps, 'orientation'>)}\n        />\n      )\n    case 'link':\n      return (\n        <LinkTile\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          orientation={orientation}\n          {...(props as Omit<LinkTileProps, 'orientation'>)}\n        />\n      )\n  }\n})\n\nexport const Tile = addSubcomponents(\n  { Actions, Content, Footer, HeroText, HeroMedia },\n  Tile_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/Tile.styles.d.ts

@@ -1,25 +1,47 @@
-/// <reference types="react" />
 import type { TileCommonProps } from './Tile.types';
 interface StyledTile {
     $orientation: TileCommonProps['orientation'];
 }
-export declare const StyledLinkTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledTile>> & string;
-export declare const StyledSelectableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTile & {
+export declare const StyledLinkTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTile>> & string;
+export declare const StyledSelectableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTile & {
     $selected: boolean;
-    $disabled?: boolean | undefined;
-    $focused?: boolean | undefined;
-    $layoutless?: boolean | undefined;
+    $disabled?: boolean;
+    $focused?: boolean;
+    $layoutless?: boolean;
 }>> & string;
-export declare const StyledInteractableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTile>> & string;
-export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTileContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>, never>> & string;
-export declare const StyledHeroMedia: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $orientation: TileCommonProps['orientation'];
+export declare const StyledInteractableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTile>> & string;
+export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTileContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const StyledHeroMedia: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $orientation: TileCommonProps["orientation"];
 }>> & string;
-export declare const StyledHeroOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledHeroText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $orientation: TileCommonProps['orientation'];
+export declare const StyledHeroOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledHeroText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $orientation: TileCommonProps["orientation"];
 }>> & string;
 export {};

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_53_0__sc-8q9p0n-0"
+  componentId: "core-12_53_2__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_53_0__sc-8q9p0n-1"
+  componentId: "core-12_53_2__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_53_0__sc-8q9p0n-2"
+  componentId: "core-12_53_2__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_53_0__sc-8q9p0n-3"
+  componentId: "core-12_53_2__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_53_0__sc-8q9p0n-4"
+  componentId: "core-12_53_2__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_53_0__sc-8q9p0n-5"
+  componentId: "core-12_53_2__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:calc(", "px - 1px);border-bottom-left-radius:calc(", "px - 1px);> *,> picture > img{border-bottom-left-radius:calc(", "px - 1px);border-top-left-radius:calc(", "px - 1px);height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md, mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);> *,> picture > img{border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);min-height:inherit;max-height:inherit;height:auto;width:100%;}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_53_0__sc-8q9p0n-6"
+  componentId: "core-12_53_2__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_53_0__sc-8q9p0n-7"
+  componentId: "core-12_53_2__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;align-items:flex-start;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Tile/Tile.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.styles.js","names":["styled","css","StyledActions","StyledContent","StyledForm","SForm","StyledFormRow","SFormRow","borderRadius","colors","mediaIE11Hack","getFocus","getShadow","spacing","isIE11","getHover","$selected","arguments","length","undefined","blue94","gray96","getSelected","blue98","getDisabled","oneThirdTwoThirds","getLandscapeTemplate","getPortraitTemplate","getLayoutCSS","orientation","getTileStyles","_ref","$orientation","_ref$$selected","_ref$$hoverable","$hoverable","_ref$$disabled","$disabled","_ref$$focused","$focused","_ref$$layoutless","$layoutless","white","md","StyledLinkTile","a","withConfig","displayName","componentId","_ref2","StyledSelectableTile","div","_ref3","StyledInteractableTile","_ref4","StyledFooter","lg","StyledTileContent","StyledHeroMedia","figure","black","_ref5","StyledHeroOverlay","StyledHeroText","_ref6"],"sources":["../../src/Tile/Tile.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions, StyledContent } from '../Content/Content.styles'\nimport {\n  StyledForm as SForm,\n  StyledFormRow as SFormRow,\n} from '../Form/Form.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { mediaIE11Hack } from '../_styles/media'\nimport { getFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { TileCommonProps } from './Tile.types'\n\ninterface StyledTile {\n  $orientation: TileCommonProps['orientation']\n}\n\nconst getHover = ($selected = false) => css`\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ${$selected ? colors.blue94 : colors.gray96};\n  }\n`\n\nconst getSelected = () => css`\n  background-color: ${colors.blue98};\n`\n\nconst getDisabled = () => css`\n  cursor: not-allowed;\n`\n\ninterface GetTileStylesProps {\n  $orientation: TileCommonProps['orientation']\n  $selected?: boolean\n  $hoverable?: boolean\n  $disabled?: boolean\n  $focused?: boolean\n  $layoutless?: boolean\n}\n\nconst oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)'\n\nconst getLandscapeTemplate = () => {\n  return css`\n    --core-tile-grid-template-columns: ${oneThirdTwoThirds};\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ${oneThirdTwoThirds}\n    );\n  `\n}\n\nconst getPortraitTemplate = () => {\n  return css`\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  `\n}\n\nconst getLayoutCSS = (orientation: TileCommonProps['orientation']) => css`\n  display: grid;\n  ${orientation === 'landscape'\n    ? getLandscapeTemplate()\n    : getPortraitTemplate()};\n`\n\nconst getTileStyles = ({\n  $orientation,\n  $selected = false,\n  $hoverable = false,\n  $disabled = false,\n  $focused = false,\n  $layoutless = false,\n}: GetTileStylesProps) => {\n  return css`\n    ${!$layoutless && getLayoutCSS($orientation)}\n\n    background-color: ${colors.white};\n    border-radius: ${borderRadius.md}px;\n    width: 100%;\n    ${getShadow(1, 'bottom')}\n\n    &:focus, &.focus {\n      ${getFocus()}\n    }\n    ${$focused ? getFocus() : ''}\n\n    ${$disabled ? getDisabled() : ''}\n    ${$selected ? getSelected() : ''}\n    ${$hoverable && !$disabled ? getHover($selected) : ''}\n  `\n}\n\nexport const StyledLinkTile = styled.a<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation, $hoverable: true })}\n  text-decoration: none;\n  color: inherit;\n`\n\nexport const StyledSelectableTile = styled.div<\n  StyledTile & {\n    $selected: boolean\n    $disabled?: boolean\n    $focused?: boolean\n    $layoutless?: boolean\n  }\n>`\n  ${({ $orientation, $selected, $disabled, $focused, $layoutless }) =>\n    getTileStyles({\n      $orientation,\n      $selected,\n      $disabled,\n      $focused,\n      $hoverable: true,\n      $layoutless,\n    })}\n`\n\nexport const StyledInteractableTile = styled.div<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation })}\n`\n\nexport const StyledFooter = styled.div`\n  grid-area: footer;\n  padding: ${spacing.lg}px;\n\n  > ${StyledActions} {\n    flex-wrap: wrap-reverse;\n  }\n`\n\nexport const StyledTileContent = styled(StyledContent)`\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ${spacing.lg}px;\n\n  + ${StyledFooter} {\n    padding-top: 0;\n  }\n\n  > ${SFormRow}, > ${SForm} > ${SFormRow}, > ${SFormRow} {\n    grid-column-gap: ${spacing.md}px;\n  }\n`\n\nexport const StyledHeroMedia = styled.figure<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ${colors.black};\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ${({ $orientation }) =>\n    $orientation === 'landscape' && !isIE11()\n      ? css`\n          border-top-left-radius: calc(${borderRadius.md}px - 1px);\n          border-bottom-left-radius: calc(${borderRadius.md}px - 1px);\n          > *,\n          > picture > img {\n            border-bottom-left-radius: calc(${borderRadius.md}px - 1px);\n            border-top-left-radius: calc(${borderRadius.md}px - 1px);\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ${mediaIE11Hack} {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        `\n      : css`\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: calc(${borderRadius.md}px - 1px);\n          border-top-right-radius: calc(${borderRadius.md}px - 1px);\n          > *,\n          > picture > img {\n            border-top-left-radius: calc(${borderRadius.md}px - 1px);\n            border-top-right-radius: calc(${borderRadius.md}px - 1px);\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        `}\n`\n\nexport const StyledHeroOverlay = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n`\n\nexport const StyledHeroText = styled.div<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  padding: ${spacing.lg}px;\n  border-radius: inherit;\n  ${({ $orientation }) =>\n    $orientation === 'landscape'\n      ? css`\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: center;\n          padding-right: 0;\n        `\n      : css`\n          padding-bottom: 0;\n        `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Tile.styles.js","names":["styled","css","StyledActions","StyledContent","StyledForm","SForm","StyledFormRow","SFormRow","borderRadius","colors","mediaIE11Hack","getFocus","getShadow","spacing","isIE11","getHover","$selected","arguments","length","undefined","blue94","gray96","getSelected","blue98","getDisabled","oneThirdTwoThirds","getLandscapeTemplate","getPortraitTemplate","getLayoutCSS","orientation","getTileStyles","_ref","$orientation","_ref$$selected","_ref$$hoverable","$hoverable","_ref$$disabled","$disabled","_ref$$focused","$focused","_ref$$layoutless","$layoutless","white","md","StyledLinkTile","a","withConfig","displayName","componentId","_ref2","StyledSelectableTile","div","_ref3","StyledInteractableTile","_ref4","StyledFooter","lg","StyledTileContent","StyledHeroMedia","figure","black","_ref5","StyledHeroOverlay","StyledHeroText","_ref6"],"sources":["../../src/Tile/Tile.styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions, StyledContent } from '../Content/Content.styles'\nimport {\n  StyledForm as SForm,\n  StyledFormRow as SFormRow,\n} from '../Form/Form.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { mediaIE11Hack } from '../_styles/media'\nimport { getFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { TileCommonProps } from './Tile.types'\n\ninterface StyledTile {\n  $orientation: TileCommonProps['orientation']\n}\n\nconst getHover = ($selected = false) => css`\n  cursor: pointer;\n  &:hover,\n  &.hover {\n    background-color: ${$selected ? colors.blue94 : colors.gray96};\n  }\n`\n\nconst getSelected = () => css`\n  background-color: ${colors.blue98};\n`\n\nconst getDisabled = () => css`\n  cursor: not-allowed;\n`\n\ninterface GetTileStylesProps {\n  $orientation: TileCommonProps['orientation']\n  $selected?: boolean\n  $hoverable?: boolean\n  $disabled?: boolean\n  $focused?: boolean\n  $layoutless?: boolean\n}\n\nconst oneThirdTwoThirds = 'minmax(0, 1fr) minmax(0, 2fr)'\n\nconst getLandscapeTemplate = () => {\n  return css`\n    --core-tile-grid-template-columns: ${oneThirdTwoThirds};\n    grid-template-areas:\n      'hero body'\n      'hero footer';\n    grid-template-columns: var(\n      --core-tile-grid-template-columns,\n      ${oneThirdTwoThirds}\n    );\n  `\n}\n\nconst getPortraitTemplate = () => {\n  return css`\n    grid-template-areas:\n      'hero'\n      'body'\n      'footer';\n    grid-template-columns: 1fr;\n  `\n}\n\nconst getLayoutCSS = (orientation: TileCommonProps['orientation']) => css`\n  display: grid;\n  ${orientation === 'landscape'\n    ? getLandscapeTemplate()\n    : getPortraitTemplate()};\n`\n\nconst getTileStyles = ({\n  $orientation,\n  $selected = false,\n  $hoverable = false,\n  $disabled = false,\n  $focused = false,\n  $layoutless = false,\n}: GetTileStylesProps) => {\n  return css`\n    ${!$layoutless && getLayoutCSS($orientation)}\n\n    background-color: ${colors.white};\n    border-radius: ${borderRadius.md}px;\n    width: 100%;\n    ${getShadow(1, 'bottom')}\n\n    &:focus, &.focus {\n      ${getFocus()}\n    }\n    ${$focused ? getFocus() : ''}\n\n    ${$disabled ? getDisabled() : ''}\n    ${$selected ? getSelected() : ''}\n    ${$hoverable && !$disabled ? getHover($selected) : ''}\n  `\n}\n\nexport const StyledLinkTile = styled.a<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation, $hoverable: true })}\n  text-decoration: none;\n  color: inherit;\n`\n\nexport const StyledSelectableTile = styled.div<\n  StyledTile & {\n    $selected: boolean\n    $disabled?: boolean\n    $focused?: boolean\n    $layoutless?: boolean\n  }\n>`\n  ${({ $orientation, $selected, $disabled, $focused, $layoutless }) =>\n    getTileStyles({\n      $orientation,\n      $selected,\n      $disabled,\n      $focused,\n      $hoverable: true,\n      $layoutless,\n    })}\n`\n\nexport const StyledInteractableTile = styled.div<StyledTile>`\n  ${({ $orientation }) => getTileStyles({ $orientation })}\n`\n\nexport const StyledFooter = styled.div`\n  grid-area: footer;\n  padding: ${spacing.lg}px;\n\n  > ${StyledActions} {\n    flex-wrap: wrap-reverse;\n  }\n`\n\nexport const StyledTileContent = styled(StyledContent)`\n  grid-column-start: hero-start;\n  grid-column-end: body-end;\n  padding: ${spacing.lg}px;\n\n  + ${StyledFooter} {\n    padding-top: 0;\n  }\n\n  > ${SFormRow}, > ${SForm} > ${SFormRow}, > ${SFormRow} {\n    grid-column-gap: ${spacing.md}px;\n  }\n`\n\nexport const StyledHeroMedia = styled.figure<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n  margin: 0;\n  position: relative;\n  overflow: hidden;\n\n  font-size: 0;\n  > * {\n    font-size: initial;\n  }\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  > video {\n    background-color: ${colors.black};\n  }\n  > img,\n  > picture > img {\n    object-fit: cover;\n  }\n  ${({ $orientation }) =>\n    $orientation === 'landscape' && !isIE11()\n      ? css`\n          border-top-left-radius: calc(${borderRadius.md}px - 1px);\n          border-bottom-left-radius: calc(${borderRadius.md}px - 1px);\n          > *,\n          > picture > img {\n            border-bottom-left-radius: calc(${borderRadius.md}px - 1px);\n            border-top-left-radius: calc(${borderRadius.md}px - 1px);\n            height: 100%;\n            width: 100%;\n            position: absolute;\n          }\n\n          @media ${mediaIE11Hack} {\n            > picture > img,\n            > img {\n              width: auto;\n              left: 50%;\n              transform: translate(-50%, 0);\n            }\n          }\n        `\n      : css`\n          min-height: 156px;\n          max-height: 567px;\n          border-top-left-radius: calc(${borderRadius.md}px - 1px);\n          border-top-right-radius: calc(${borderRadius.md}px - 1px);\n          > *,\n          > picture > img {\n            border-top-left-radius: calc(${borderRadius.md}px - 1px);\n            border-top-right-radius: calc(${borderRadius.md}px - 1px);\n            min-height: inherit;\n            max-height: inherit;\n            height: auto;\n            width: 100%;\n          }\n        `}\n`\n\nexport const StyledHeroOverlay = styled.div`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n`\n\nexport const StyledHeroText = styled.div<{\n  $orientation: TileCommonProps['orientation']\n}>`\n  grid-area: hero;\n\n  + ${StyledTileContent} {\n    grid-area: body;\n  }\n\n  padding: ${spacing.lg}px;\n  border-radius: inherit;\n  ${({ $orientation }) =>\n    $orientation === 'landscape'\n      ? css`\n          display: flex;\n          flex-direction: column;\n          align-items: flex-start;\n          justify-content: center;\n          padding-right: 0;\n        `\n      : css`\n          padding-bottom: 0;\n        `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AACxE,SACEC,UAAU,IAAIC,KAAK,EACnBC,aAAa,IAAIC,QAAQ,QACpB,qBAAqB;AAC5B,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,MAAM,QAAQ,kBAAkB;AAOzC,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAA;EAAA,IAAIC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,OAAKhB,GAAG,6DAInBe,SAAS,GAAGP,MAAM,CAACW,MAAM,GAAGX,MAAM,CAACY,MAAM;AAAA,CAEhE;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASrB,GAAG,6BACPQ,MAAM,CAACc,MAAM;AAAA,CAClC;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;EAAA,OAASvB,GAAG;AAAA,CAE5B;AAWD,IAAMwB,iBAAiB,GAAG,+BAA+B;AAEzD,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACjC,OAAOzB,GAAG,gKAC6BwB,iBAAiB,EAMlDA,iBAAiB;AAGzB,CAAC;AAED,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAChC,OAAO1B,GAAG;AAOZ,CAAC;AAED,IAAM2B,YAAY,GAAG,SAAfA,YAAYA,CAAIC,WAA2C;EAAA,OAAK5B,GAAG,yBAErE4B,WAAW,KAAK,WAAW,GACzBH,oBAAoB,CAAC,CAAC,GACtBC,mBAAmB,CAAC,CAAC;AAAA,CAC1B;AAED,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAOO;EAAA,IANxBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAAC,cAAA,GAAAF,IAAA,CACZf,SAAS;IAATA,SAAS,GAAAiB,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAC,eAAA,GAAAH,IAAA,CACjBI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,cAAA,GAAAL,IAAA,CAClBM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,aAAA,GAAAP,IAAA,CACjBQ,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,gBAAA,GAAAT,IAAA,CAChBU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;EAEnB,OAAOvC,GAAG,+GACN,CAACwC,WAAW,IAAIb,YAAY,CAACI,YAAY,CAAC,EAExBvB,MAAM,CAACiC,KAAK,EACflC,YAAY,CAACmC,EAAE,EAE9B/B,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGpBD,QAAQ,CAAC,CAAC,EAEZ4B,QAAQ,GAAG5B,QAAQ,CAAC,CAAC,GAAG,EAAE,EAE1B0B,SAAS,GAAGb,WAAW,CAAC,CAAC,GAAG,EAAE,EAC9BR,SAAS,GAAGM,WAAW,CAAC,CAAC,GAAG,EAAE,EAC9Ba,UAAU,IAAI,CAACE,SAAS,GAAGtB,QAAQ,CAACC,SAAS,CAAC,GAAG,EAAE;AAEzD,CAAC;AAED,OAAO,IAAM4B,cAAc,gBAAG5C,MAAM,CAAC6C,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iDAClC,UAAAC,KAAA;EAAA,IAAGjB,YAAY,GAAAiB,KAAA,CAAZjB,YAAY;EAAA,OAAOF,aAAa,CAAC;IAAEE,YAAY,EAAZA,YAAY;IAAEG,UAAU,EAAE;EAAK,CAAC,CAAC;AAAA,EAG1E;AAED,OAAO,IAAMe,oBAAoB,gBAAGlD,MAAM,CAACmD,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAQ1C,UAAAI,KAAA;EAAA,IAAGpB,YAAY,GAAAoB,KAAA,CAAZpB,YAAY;IAAEhB,SAAS,GAAAoC,KAAA,CAATpC,SAAS;IAAEqB,SAAS,GAAAe,KAAA,CAATf,SAAS;IAAEE,QAAQ,GAAAa,KAAA,CAARb,QAAQ;IAAEE,WAAW,GAAAW,KAAA,CAAXX,WAAW;EAAA,OAC5DX,aAAa,CAAC;IACZE,YAAY,EAAZA,YAAY;IACZhB,SAAS,EAATA,SAAS;IACTqB,SAAS,EAATA,SAAS;IACTE,QAAQ,EAARA,QAAQ;IACRJ,UAAU,EAAE,IAAI;IAChBM,WAAW,EAAXA;EACF,CAAC,CAAC;AAAA,EACL;AAED,OAAO,IAAMY,sBAAsB,gBAAGrD,MAAM,CAACmD,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5C,UAAAM,KAAA;EAAA,IAAGtB,YAAY,GAAAsB,KAAA,CAAZtB,YAAY;EAAA,OAAOF,aAAa,CAAC;IAAEE,YAAY,EAAZA;EAAa,CAAC,CAAC;AAAA,EACxD;AAED,OAAO,IAAMuB,YAAY,gBAAGvD,MAAM,CAACmD,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAEzBnC,OAAO,CAAC2C,EAAE,EAEjBtD,aAAa,CAGlB;AAED,OAAO,IAAMuD,iBAAiB,gBAAGzD,MAAM,CAACG,aAAa,CAAC,CAAA2C,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wJAGzCnC,OAAO,CAAC2C,EAAE,EAEjBD,YAAY,EAIZhD,QAAQ,EAAOF,KAAK,EAAME,QAAQ,EAAOA,QAAQ,EAChCM,OAAO,CAAC8B,EAAE,CAEhC;AAED,OAAO,IAAMe,eAAe,gBAAG1D,MAAM,CAAC2D,MAAM,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wMAatCS,iBAAiB,EAKChD,MAAM,CAACmD,KAAK,EAMhC,UAAAC,KAAA;EAAA,IAAG7B,YAAY,GAAA6B,KAAA,CAAZ7B,YAAY;EAAA,OACfA,YAAY,KAAK,WAAW,IAAI,CAAClB,MAAM,CAAC,CAAC,GACrCb,GAAG,uUAC8BO,YAAY,CAACmC,EAAE,EACZnC,YAAY,CAACmC,EAAE,EAGbnC,YAAY,CAACmC,EAAE,EAClBnC,YAAY,CAACmC,EAAE,EAMvCjC,aAAa,IASxBT,GAAG,qSAG8BO,YAAY,CAACmC,EAAE,EACdnC,YAAY,CAACmC,EAAE,EAGdnC,YAAY,CAACmC,EAAE,EACdnC,YAAY,CAACmC,EAAE,CAMlD;AAAA,EACR;AAED,OAAO,IAAMmB,iBAAiB,gBAAG9D,MAAM,CAACmD,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAO1C;AAED,OAAO,IAAMe,cAAc,gBAAG/D,MAAM,CAACmD,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wFAKlCS,iBAAiB,EAIV5C,OAAO,CAAC2C,EAAE,EAEnB,UAAAQ,KAAA;EAAA,IAAGhC,YAAY,GAAAgC,KAAA,CAAZhC,YAAY;EAAA,OACfA,YAAY,KAAK,WAAW,GACxB/B,GAAG,0GAOHA,GAAG,uBAEF;AAAA,EACR","ignoreList":[]}

package/dist/Tile/Tile.types.d.ts

@@ -50,4 +50,4 @@ export interface SelectableTileProps extends TileCommonProps, Omit<React.HTMLAtt
      */
     disabled?: boolean;
 }
-export declare type TileProps = SelectableTileProps | InteractableTileProps | LinkTileProps;
+export type TileProps = SelectableTileProps | InteractableTileProps | LinkTileProps;

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 { 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\n  extends TileCommonProps,\n    React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'interactive'\n}\n\nexport interface LinkTileProps\n  extends TileCommonProps,\n    React.AnchorHTMLAttributes<HTMLAnchorElement> {\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<React.HTMLAttributes<HTMLDivElement>, '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":""}
+{"version":3,"file":"Tile.types.js","names":[],"sources":["../../src/Tile/Tile.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { 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\n  extends TileCommonProps,\n    React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'interactive'\n}\n\nexport interface LinkTileProps\n  extends TileCommonProps,\n    React.AnchorHTMLAttributes<HTMLAnchorElement> {\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<React.HTMLAttributes<HTMLDivElement>, '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":"","ignoreList":[]}

package/dist/Tile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Tile"],"sources":["../../src/Tile/index.ts"],"sourcesContent":["export { Tile } from './Tile'\nexport type {\n  InteractableTileProps as LegacyInteractableTileProps,\n  LinkTileProps as LegacyLinkTileProps,\n  SelectableTileProps as LegacySelectableTileProps,\n  TileProps as LegacyTileProps,\n} from './Tile.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ"}
+{"version":3,"file":"index.js","names":["Tile"],"sources":["../../src/Tile/index.ts"],"sourcesContent":["export { Tile } from './Tile'\nexport type {\n  InteractableTileProps as LegacyInteractableTileProps,\n  LinkTileProps as LegacyLinkTileProps,\n  SelectableTileProps as LegacySelectableTileProps,\n  TileProps as LegacyTileProps,\n} from './Tile.types'\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/dist/Tile/mocks/iframe.js.map

@@ -1 +1 @@
-{"version":3,"file":"iframe.js","names":["React","iframeHtml","Iframe","_ref","_ref$title","title","createElement","width","height","srcDoc","frameBorder"],"sources":["../../../src/Tile/mocks/iframe.tsx"],"sourcesContent":["import React from 'react'\n\nconst iframeHtml = `\n<html style=\"\n    height: 100%;\n    width: 100%;\n\">\n    <head></head>\n    <body style=\"\n      height: 100%;\n      width: 100%;\n      margin: 0;\n    \">\n        <video style=\"width: 100%;height: 100%;position: absolute;background: black;\" top:=\"\" 0;=\"\" left:=\"\">\n            <source src=\"static/media/src/components/Tile/mocks/video.mp4\" type=\"video/mp4\">\n            Your browser doesn't support HTML5 video tag.\n        </video>\n    </body>\n</html>`\n\nconst Iframe = ({ title = 'Video player' }) => (\n  <iframe\n    width=\"400px\"\n    height=\"225px\"\n    srcDoc={iframeHtml}\n    title={title}\n    frameBorder=\"0\"\n  />\n)\n\nexport default Iframe\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,IAAMC,UAAU,seAgBR;AAER,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAME,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,cAAc,GAAAA,UAAA;EAAA,oBACtCJ,KAAA,CAAAM,aAAA;IACEC,KAAK,EAAC,OAAO;IACbC,MAAM,EAAC,OAAO;IACdC,MAAM,EAAER,UAAW;IACnBI,KAAK,EAAEA,KAAM;IACbK,WAAW,EAAC;EAAG,CAChB,CAAC;AAAA,CACH;AAED,eAAeR,MAAM"}
+{"version":3,"file":"iframe.js","names":["React","iframeHtml","Iframe","_ref","_ref$title","title","createElement","width","height","srcDoc","frameBorder"],"sources":["../../../src/Tile/mocks/iframe.tsx"],"sourcesContent":["import React from 'react'\n\nconst iframeHtml = `\n<html style=\"\n    height: 100%;\n    width: 100%;\n\">\n    <head></head>\n    <body style=\"\n      height: 100%;\n      width: 100%;\n      margin: 0;\n    \">\n        <video style=\"width: 100%;height: 100%;position: absolute;background: black;\" top:=\"\" 0;=\"\" left:=\"\">\n            <source src=\"static/media/src/components/Tile/mocks/video.mp4\" type=\"video/mp4\">\n            Your browser doesn't support HTML5 video tag.\n        </video>\n    </body>\n</html>`\n\nconst Iframe = ({ title = 'Video player' }) => (\n  <iframe\n    width=\"400px\"\n    height=\"225px\"\n    srcDoc={iframeHtml}\n    title={title}\n    frameBorder=\"0\"\n  />\n)\n\nexport default Iframe\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,IAAMC,UAAU,seAgBR;AAER,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAME,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,cAAc,GAAAA,UAAA;EAAA,oBACtCJ,KAAA,CAAAM,aAAA;IACEC,KAAK,EAAC,OAAO;IACbC,MAAM,EAAC,OAAO;IACdC,MAAM,EAAER,UAAW;IACnBI,KAAK,EAAEA,KAAM;IACbK,WAAW,EAAC;EAAG,CAChB,CAAC;AAAA,CACH;AAED,eAAeR,MAAM","ignoreList":[]}