@procore/core-react 12.53.4 → 12.54.0

package/dist/Tearsheet/Tearsheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","_invoke","enumerable","configurable","writable","_createForOfIteratorHelper","Array","isArray","_unsupportedIterableToArray","_n","F","s","next","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","from","test","push","Clear","React","Button","StyledModal","StyledModalScrim","useModalDialogLike","Portal","useEventRegistry","OverridableFocusScope","useHotkey","useI18nContext","useScrollLock","useUpdateEffect","CloseWithConfirmContext","useCloseWithConfirmState","closingPhasesInOrder","openingPhasesInOrder","animationSpeed","StyledButtonCard","StyledButtonContainer","StyledScrimContainer","StyledTearsheetBody","StyledTearsheetContent","getAnimationState","getScrimClassName","wait","TearsheetContext","createContext","placement","addListener","Tearsheet","forwardRef","_ref","ref","ariaDescribedBy","ariaDetails","ariaLabelledBy","ariaLabel","_ref$block","block","children","id","open","onClose_","onClose","afterShow","afterHide","_ref$placement","role","_ref$stretch","stretch","qa","I18n","_React$useState","useState","_React$useState2","status","setStatus","_React$useState3","_React$useState4","phase","setPhase","_React$useState5","_React$useState6","isVisible","setIsVisible","animationGeneration","useRef","closeBtnRef","closeWithConfirmState","closeWithConfirm","_useModalDialogLike","undefined","isOpen","dialogProps","focusScopeProps","_useEventRegistry","registry","ctx","useMemo","useEffect","current","handleClose","key","handler","generation","isCurrentAnimation","_callee","_closeBtnRef$current","_registry$current$aft","_iterator","_step","openingPhase","_iterator2","_step2","closingPhase","_t","_t2","_context","focus","forEach","cb","createElement","_extends","restoreFocus","className","$placement","onClick","scrim","stopPropagation","size","variant","icon","closeButton","tabIndex","onScroll","_registry$current$scr","scroll","$stretch","$block","Provider"],"sources":["../../src/Tearsheet/Tearsheet.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\n\nimport React from 'react'\nimport { Button } from '../Button'\nimport { StyledModal, StyledModalScrim } from '../Modal/Modal.styles'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal'\nimport { useEventRegistry } from '../_hooks/EventRegistry'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useHotkey } from '../_hooks/Hotkey'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport { useUpdateEffect } from '../_hooks/useUpdateEffect'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport {\n  closingPhasesInOrder,\n  openingPhasesInOrder,\n} from './Tearsheet.constants'\nimport {\n  animationSpeed,\n  StyledButtonCard,\n  StyledButtonContainer,\n  StyledScrimContainer,\n  StyledTearsheetBody,\n  StyledTearsheetContent,\n} from './Tearsheet.styles'\nimport type {\n  AnimationPhase,\n  AnimationStatus,\n  TearsheetContextProps,\n  TearsheetProps,\n} from './Tearsheet.types'\nimport { getAnimationState, getScrimClassName, wait } from './Tearsheet.util'\n\nexport const TearsheetContext = React.createContext<TearsheetContextProps>({\n  placement: null,\n  addListener: () => () => {},\n})\n\n/**\n\n The Tearsheet is a container for complex content placed over another layout,\n such as the Detail Page layout. They slide out from one direction on the screen.\n They allow users complete complex and detail rich tasks without leaving the page they were on.\n\n @since 10.25.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tearsheet--demo)\n\n  @see [Design Guidelines](https://design.procore.com/tearsheet)\n\n */\nexport const Tearsheet = React.forwardRef<HTMLDivElement, TearsheetProps>(\n  function Tearsheet(\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      block = false,\n      children,\n      id,\n      open,\n      onClose: onClose_,\n      afterShow,\n      afterHide,\n      placement = 'right',\n      role,\n      stretch = false,\n      qa,\n    },\n    ref\n  ) {\n    const I18n = useI18nContext()\n    const [status, setStatus] = React.useState<AnimationStatus>('closed')\n    const [phase, setPhase] = React.useState<AnimationPhase>('disabled')\n    const [isVisible, setIsVisible] = React.useState<boolean>(open)\n    const animationGeneration = React.useRef(0)\n    const closeBtnRef = React.useRef<HTMLButtonElement>(null)\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n    const onClose = closeWithConfirm(onClose_)\n\n    const { dialogProps, focusScopeProps } = useModalDialogLike({\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      'aria-modal': undefined,\n      id,\n      isOpen: isVisible && status === 'open',\n      role,\n    })\n\n    const { registry, addListener } = useEventRegistry()\n\n    const ctx = React.useMemo(\n      () => ({\n        addListener,\n        placement,\n      }),\n      [placement, addListener]\n    )\n\n    useScrollLock(status !== 'closed')\n\n    React.useEffect(() => {\n      // do not run 'closing' animation if the initial state is closed\n      if (open) {\n        animationGeneration.current += 1\n        setStatus('opening')\n      }\n    }, [])\n\n    useUpdateEffect(() => {\n      animationGeneration.current += 1\n      setStatus(open ? 'opening' : 'closing')\n    }, [open])\n\n    function handleClose() {\n      if (status === 'open') {\n        onClose()\n      }\n    }\n\n    useHotkey({\n      key: ['Escape', 'Esc'],\n      handler: handleClose,\n    })\n\n    React.useEffect(() => {\n      const generation = animationGeneration.current\n      const isCurrentAnimation = () =>\n        generation === animationGeneration.current\n\n      ;(async () => {\n        if (status === 'opening') {\n          setIsVisible(true)\n\n          for (const openingPhase of openingPhasesInOrder) {\n            setPhase(openingPhase)\n            await wait(animationSpeed[openingPhase])\n\n            if (!isCurrentAnimation()) {\n              return\n            }\n          }\n\n          setStatus('open')\n          setPhase('disabled')\n          closeBtnRef.current?.focus()\n          await wait(0)\n\n          if (!isCurrentAnimation()) {\n            return\n          }\n\n          registry.current.afterShow?.forEach((cb) => cb())\n          afterShow?.()\n\n          return\n        }\n\n        if (status === 'closing') {\n          for (const closingPhase of closingPhasesInOrder) {\n            setPhase(closingPhase)\n            await wait(animationSpeed[closingPhase])\n\n            if (!isCurrentAnimation()) {\n              return\n            }\n          }\n\n          setStatus('closed')\n          setPhase('disabled')\n          setIsVisible(false)\n          afterHide?.()\n        }\n      })()\n    }, [status])\n\n    if (!isVisible) {\n      return null\n    }\n\n    return (\n      <Portal>\n        <OverridableFocusScope {...focusScopeProps} restoreFocus>\n          <StyledModal ref={ref} className={getScrimClassName(status, phase)}>\n            <StyledModalScrim />\n            <StyledTearsheetContent\n              {...dialogProps}\n              ref={ref}\n              $placement={placement}\n              {...getAnimationState('tearsheet', phase, status)}\n            >\n              <StyledScrimContainer\n                $placement={placement}\n                onClick={handleClose}\n                data-qa={qa?.scrim}\n              >\n                <StyledButtonContainer $placement={placement}>\n                  <div>\n                    <StyledButtonCard\n                      {...getAnimationState('closeButton', phase, status)}\n                    >\n                      <Button\n                        ref={closeBtnRef}\n                        aria-label={I18n.t('core.tearsheet.a11y.close')}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onClose()\n                        }}\n                        size=\"lg\"\n                        variant=\"tertiary\"\n                        icon={<Clear />}\n                        data-qa={qa?.closeButton}\n                      />\n                    </StyledButtonCard>\n                  </div>\n                </StyledButtonContainer>\n              </StyledScrimContainer>\n              <StyledTearsheetBody\n                aria-labelledby={ariaLabelledBy}\n                role=\"region\"\n                tabIndex={0}\n                onScroll={() => {\n                  registry.current.scroll?.forEach((cb) => cb())\n                }}\n                $placement={placement}\n                $stretch={stretch}\n                $block={block}\n              >\n                <TearsheetContext.Provider value={ctx}>\n                  <CloseWithConfirmContext.Provider\n                    value={closeWithConfirmState}\n                  >\n                    {children}\n                  </CloseWithConfirmContext.Provider>\n                </TearsheetContext.Provider>\n              </StyledTearsheetBody>\n            </StyledTearsheetContent>\n          </StyledModal>\n        </OverridableFocusScope>\n      </Portal>\n    )\n  }\n) as (\n  props: TearsheetProps & {\n    /**\n     * @deprecatedSince 11.11.0\n     * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).\n     */\n    ref?: React.ComponentPropsWithRef<'div'>['ref']\n  }\n) => React.ReactElement\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tearsheet.js","names":["e","t","r","Symbol","n","iterator","o","toStringTag","i","c","prototype","Generator","u","Object","create","_regeneratorDefine2","f","p","y","G","v","a","d","bind","length","l","TypeError","call","done","value","GeneratorFunction","GeneratorFunctionPrototype","getPrototypeOf","setPrototypeOf","__proto__","displayName","_regenerator","w","m","defineProperty","_regeneratorDefine","_invoke","enumerable","configurable","writable","_createForOfIteratorHelper","Array","isArray","_unsupportedIterableToArray","_n","F","s","next","asyncGeneratorStep","Promise","resolve","then","_asyncToGenerator","arguments","apply","_next","_throw","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","from","test","push","Clear","React","Button","StyledModal","StyledModalScrim","useModalDialogLike","Portal","useEventRegistry","OverridableFocusScope","useHotkey","useI18nContext","useUpdateEffect","CloseWithConfirmContext","useCloseWithConfirmState","closingPhasesInOrder","openingPhasesInOrder","animationSpeed","StyledButtonCard","StyledButtonContainer","StyledScrimContainer","StyledTearsheetBody","StyledTearsheetContent","getAnimationState","getScrimClassName","wait","TearsheetContext","createContext","placement","addListener","Tearsheet","forwardRef","_ref","ref","ariaDescribedBy","ariaDetails","ariaLabelledBy","ariaLabel","_ref$block","block","children","id","open","onClose_","onClose","afterShow","afterHide","_ref$placement","role","_ref$stretch","stretch","qa","I18n","_React$useState","useState","_React$useState2","status","setStatus","_React$useState3","_React$useState4","phase","setPhase","_React$useState5","_React$useState6","isVisible","setIsVisible","animationGeneration","useRef","closeBtnRef","closeWithConfirmState","closeWithConfirm","_useModalDialogLike","undefined","isOpen","scrollLock","dialogProps","focusScopeProps","_useEventRegistry","registry","ctx","useMemo","useEffect","current","handleClose","key","handler","generation","isCurrentAnimation","_callee","_closeBtnRef$current","_registry$current$aft","_iterator","_step","openingPhase","_iterator2","_step2","closingPhase","_t","_t2","_context","focus","forEach","cb","createElement","_extends","restoreFocus","className","$placement","onClick","scrim","stopPropagation","size","variant","icon","closeButton","tabIndex","onScroll","_registry$current$scr","scroll","$stretch","$block","Provider"],"sources":["../../src/Tearsheet/Tearsheet.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\n\nimport React from 'react'\nimport { Button } from '../Button'\nimport { StyledModal, StyledModalScrim } from '../Modal/Modal.styles'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal'\nimport { useEventRegistry } from '../_hooks/EventRegistry'\nimport { OverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useHotkey } from '../_hooks/Hotkey'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useUpdateEffect } from '../_hooks/useUpdateEffect'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../_utils/closeWithConfirm'\nimport {\n  closingPhasesInOrder,\n  openingPhasesInOrder,\n} from './Tearsheet.constants'\nimport {\n  animationSpeed,\n  StyledButtonCard,\n  StyledButtonContainer,\n  StyledScrimContainer,\n  StyledTearsheetBody,\n  StyledTearsheetContent,\n} from './Tearsheet.styles'\nimport type {\n  AnimationPhase,\n  AnimationStatus,\n  TearsheetContextProps,\n  TearsheetProps,\n} from './Tearsheet.types'\nimport { getAnimationState, getScrimClassName, wait } from './Tearsheet.util'\n\nexport const TearsheetContext = React.createContext<TearsheetContextProps>({\n  placement: null,\n  addListener: () => () => {},\n})\n\n/**\n\n The Tearsheet is a container for complex content placed over another layout,\n such as the Detail Page layout. They slide out from one direction on the screen.\n They allow users complete complex and detail rich tasks without leaving the page they were on.\n\n @since 10.25.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tearsheet--demo)\n\n  @see [Design Guidelines](https://design.procore.com/tearsheet)\n\n */\nexport const Tearsheet = React.forwardRef<HTMLDivElement, TearsheetProps>(\n  function Tearsheet(\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      block = false,\n      children,\n      id,\n      open,\n      onClose: onClose_,\n      afterShow,\n      afterHide,\n      placement = 'right',\n      role,\n      stretch = false,\n      qa,\n    },\n    ref\n  ) {\n    const I18n = useI18nContext()\n    const [status, setStatus] = React.useState<AnimationStatus>('closed')\n    const [phase, setPhase] = React.useState<AnimationPhase>('disabled')\n    const [isVisible, setIsVisible] = React.useState<boolean>(open)\n    const animationGeneration = React.useRef(0)\n    const closeBtnRef = React.useRef<HTMLButtonElement>(null)\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n    const onClose = closeWithConfirm(onClose_)\n\n    const { dialogProps, focusScopeProps } = useModalDialogLike({\n      'aria-describedby': ariaDescribedBy,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      'aria-modal': undefined,\n      id,\n      isOpen: isVisible && status === 'open',\n      role,\n      // Keep the lock engaged through the opening/closing animation phases,\n      // not just while fully 'open'.\n      scrollLock: status !== 'closed',\n    })\n\n    const { registry, addListener } = useEventRegistry()\n\n    const ctx = React.useMemo(\n      () => ({\n        addListener,\n        placement,\n      }),\n      [placement, addListener]\n    )\n\n    React.useEffect(() => {\n      // do not run 'closing' animation if the initial state is closed\n      if (open) {\n        animationGeneration.current += 1\n        setStatus('opening')\n      }\n    }, [])\n\n    useUpdateEffect(() => {\n      animationGeneration.current += 1\n      setStatus(open ? 'opening' : 'closing')\n    }, [open])\n\n    function handleClose() {\n      if (status === 'open') {\n        onClose()\n      }\n    }\n\n    useHotkey({\n      key: ['Escape', 'Esc'],\n      handler: handleClose,\n    })\n\n    React.useEffect(() => {\n      const generation = animationGeneration.current\n      const isCurrentAnimation = () =>\n        generation === animationGeneration.current\n\n      ;(async () => {\n        if (status === 'opening') {\n          setIsVisible(true)\n\n          for (const openingPhase of openingPhasesInOrder) {\n            setPhase(openingPhase)\n            await wait(animationSpeed[openingPhase])\n\n            if (!isCurrentAnimation()) {\n              return\n            }\n          }\n\n          setStatus('open')\n          setPhase('disabled')\n          closeBtnRef.current?.focus()\n          await wait(0)\n\n          if (!isCurrentAnimation()) {\n            return\n          }\n\n          registry.current.afterShow?.forEach((cb) => cb())\n          afterShow?.()\n\n          return\n        }\n\n        if (status === 'closing') {\n          for (const closingPhase of closingPhasesInOrder) {\n            setPhase(closingPhase)\n            await wait(animationSpeed[closingPhase])\n\n            if (!isCurrentAnimation()) {\n              return\n            }\n          }\n\n          setStatus('closed')\n          setPhase('disabled')\n          setIsVisible(false)\n          afterHide?.()\n        }\n      })()\n    }, [status])\n\n    if (!isVisible) {\n      return null\n    }\n\n    return (\n      <Portal>\n        <OverridableFocusScope {...focusScopeProps} restoreFocus>\n          <StyledModal ref={ref} className={getScrimClassName(status, phase)}>\n            <StyledModalScrim />\n            <StyledTearsheetContent\n              {...dialogProps}\n              ref={ref}\n              $placement={placement}\n              {...getAnimationState('tearsheet', phase, status)}\n            >\n              <StyledScrimContainer\n                $placement={placement}\n                onClick={handleClose}\n                data-qa={qa?.scrim}\n              >\n                <StyledButtonContainer $placement={placement}>\n                  <div>\n                    <StyledButtonCard\n                      {...getAnimationState('closeButton', phase, status)}\n                    >\n                      <Button\n                        ref={closeBtnRef}\n                        aria-label={I18n.t('core.tearsheet.a11y.close')}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onClose()\n                        }}\n                        size=\"lg\"\n                        variant=\"tertiary\"\n                        icon={<Clear />}\n                        data-qa={qa?.closeButton}\n                      />\n                    </StyledButtonCard>\n                  </div>\n                </StyledButtonContainer>\n              </StyledScrimContainer>\n              <StyledTearsheetBody\n                aria-labelledby={ariaLabelledBy}\n                role=\"region\"\n                tabIndex={0}\n                onScroll={() => {\n                  registry.current.scroll?.forEach((cb) => cb())\n                }}\n                $placement={placement}\n                $stretch={stretch}\n                $block={block}\n              >\n                <TearsheetContext.Provider value={ctx}>\n                  <CloseWithConfirmContext.Provider\n                    value={closeWithConfirmState}\n                  >\n                    {children}\n                  </CloseWithConfirmContext.Provider>\n                </TearsheetContext.Provider>\n              </StyledTearsheetBody>\n            </StyledTearsheetContent>\n          </StyledModal>\n        </OverridableFocusScope>\n      </Portal>\n    )\n  }\n) as (\n  props: TearsheetProps & {\n    /**\n     * @deprecatedSince 11.11.0\n     * @deprecated This ref is passed to two elements, in the future it will only be provided to the inner element (StyledTearsheetContent).\n     */\n    ref?: React.ComponentPropsWithRef<'div'>['ref']\n  }\n) => React.ReactElement\n"],"mappings":"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","ignoreList":[]}

package/dist/Tearsheet/Tearsheet.styles.js

@@ -46,7 +46,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_53_4__sc-ljrxoq-0"
+  componentId: "core-12_54_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -66,7 +66,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_53_4__sc-ljrxoq-1"
+  componentId: "core-12_54_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", ""], colors.white, getGapOutlineFocus('inside'), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -78,7 +78,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_53_4__sc-ljrxoq-2"
+  componentId: "core-12_54_0__sc-ljrxoq-2"
 })(["", ""], function (_ref6) {
   var $placement = _ref6.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -86,7 +86,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_53_4__sc-ljrxoq-3"
+  componentId: "core-12_54_0__sc-ljrxoq-3"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   switch ($placement) {
@@ -101,7 +101,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_53_4__sc-ljrxoq-4"
+  componentId: "core-12_54_0__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref8) {
   var $open = _ref8.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_53_4__sc-u5mow1-0"
+  componentId: "core-12_54_0__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_53_4__sc-1lje1b0-0"
+  componentId: "core-12_54_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.styles.d.ts

@@ -1,6 +1,7 @@
 import type { TypographyProps } from '../Typography';
 import type { LayoutVariant, SizeVariant } from './Thumbnail.types';
 import { DocumentIcon } from './ThumbnailDocumentIcon';
+export declare const thumbnailSizeSm = 40;
 interface CaptionTextProps {
     $layout: LayoutVariant;
     $disabled: boolean;

package/dist/Thumbnail/Thumbnail.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 import { DocumentIcon } from './ThumbnailDocumentIcon';
-var thumbnailSizeSm = 40;
+export var thumbnailSizeSm = 40;
 var thumbnailSizeLg = 104;
 var labelHeight = 24;
 var labelFontSize = 12;
@@ -29,51 +29,51 @@ var captionTextStyles = /*#__PURE__*/css(["color:", ";font-size:12px;line-height
 });
 export var StyledThumbnailCaptionStack = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailCaptionStack",
-  componentId: "core-12_53_4__sc-195f70c-0"
+  componentId: "core-12_54_0__sc-195f70c-0"
 })(["", ";display:flex;flex-direction:column;align-items:stretch;"], captionStandaloneLayout);
 export var StyledThumbnailErrorRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailErrorRow",
-  componentId: "core-12_53_4__sc-195f70c-1"
+  componentId: "core-12_54_0__sc-195f70c-1"
 })(["font-family:inherit;display:flex;align-items:flex-start;gap:", "px;&:not(:first-child){margin-top:", "px;}color:", ";font-size:12px;line-height:16px;letter-spacing:0.25px;font-weight:400;width:100%;min-width:0;"], spacing.xs, spacing.xs, colors.red50);
 export var StyledThumbnailErrorIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledThumbnailErrorIcon",
-  componentId: "core-12_53_4__sc-195f70c-2"
+  componentId: "core-12_54_0__sc-195f70c-2"
 })(["flex-shrink:0;display:inline-flex;"]);
 export var StyledThumbnailErrorText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledThumbnailErrorText",
-  componentId: "core-12_53_4__sc-195f70c-3"
+  componentId: "core-12_54_0__sc-195f70c-3"
 })(["display:flex;flex:1 1 0;min-width:0;max-width:100%;align-items:center;"]);
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_53_4__sc-195f70c-4"
+  componentId: "core-12_54_0__sc-195f70c-4"
 })(["", ";", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;"], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_53_4__sc-195f70c-5"
+  componentId: "core-12_54_0__sc-195f70c-5"
 })([""]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_53_4__sc-195f70c-6"
+  componentId: "core-12_54_0__sc-195f70c-6"
 })(["", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_53_4__sc-195f70c-7"
+  componentId: "core-12_54_0__sc-195f70c-7"
 })(["display:flex;", ";", ""], captionStandaloneLayoutUnlessError, captionTextStyles);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_53_4__sc-195f70c-8"
+  componentId: "core-12_54_0__sc-195f70c-8"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_53_4__sc-195f70c-9"
+  componentId: "core-12_54_0__sc-195f70c-9"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_53_4__sc-195f70c-10"
+  componentId: "core-12_54_0__sc-195f70c-10"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_53_4__sc-195f70c-11"
+  componentId: "core-12_54_0__sc-195f70c-11"
 })(["", " ", " 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;
@@ -81,7 +81,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_53_4__sc-195f70c-12"
+  componentId: "core-12_54_0__sc-195f70c-12"
 })(["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;
@@ -103,7 +103,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_53_4__sc-195f70c-13"
+  componentId: "core-12_54_0__sc-195f70c-13"
 })(["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 (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -113,28 +113,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_53_4__sc-195f70c-14"
+  componentId: "core-12_54_0__sc-195f70c-14"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_53_4__sc-195f70c-15"
+  componentId: "core-12_54_0__sc-195f70c-15"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_53_4__sc-195f70c-16"
+  componentId: "core-12_54_0__sc-195f70c-16"
 })(["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_53_4__sc-195f70c-17"
+  componentId: "core-12_54_0__sc-195f70c-17"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_53_4__sc-195f70c-18"
+  componentId: "core-12_54_0__sc-195f70c-18"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -163,7 +163,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_53_4__sc-195f70c-19"
+  componentId: "core-12_54_0__sc-195f70c-19"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -174,7 +174,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_53_4__sc-195f70c-20"
+  componentId: "core-12_54_0__sc-195f70c-20"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

package/dist/Thumbnail/Thumbnail.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","getTypographyIntent","Typography","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionStandaloneLayout","_ref","$layout","sm","_ref2","xs","captionStandaloneLayoutUnlessError","_ref3","$error","captionTextStyles","gray15","_ref4","$disabled","gray70","StyledThumbnailCaptionStack","div","withConfig","displayName","componentId","StyledThumbnailErrorRow","red50","StyledThumbnailErrorIcon","span","StyledThumbnailErrorText","StyledMultilineCaption","StyledCaptionText","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledLabelText","StyledThumbnailFigCaption","figcaption","_ref5","_ref5$$color","$color","bold","white","StyledLabel","thumbnailBase","gray85","md","_ref6","$clickable","_ref7","$selected","StyledTickIcon","_ref8","$focused","_ref9","_ref0","$size","sizeInPx","concat","svg","_ref1","_ref10","StyledFileIcon","StyledImageThumbnailPreview","_ref11","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","StyledThumbnailWrapper","_ref18","_ref19","isRowLayout","StyledPlaceholderThumbnail","_ref20","gray96","_ref21","_ref22","_ref23"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  Typography,\n  typographyWeights,\n} from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { LayoutVariant, SizeVariant } from './Thumbnail.types'\nimport { DocumentIcon } from './ThumbnailDocumentIcon'\n\nconst thumbnailSizeSm = 40\nconst thumbnailSizeLg = 104\nconst labelHeight = 24\nconst labelFontSize = 12\nconst tickSize = 24\nconst rowLayoutCaptionWidth = 288\nconst multilineCaptionMaxHeight = spacing.lg * 2\n\ninterface CaptionTextProps {\n  $layout: LayoutVariant\n  $disabled: boolean\n}\n\ntype CaptionErrorLayoutProps = CaptionTextProps & { $error?: boolean }\n\nconst captionStandaloneLayout = css<{ $layout: LayoutVariant }>`\n  ${({ $layout }) =>\n    $layout === 'row' &&\n    css`\n      align-items: center;\n      margin-left: ${spacing.sm}px;\n      width: ${rowLayoutCaptionWidth}px;\n    `}\n\n  ${({ $layout }) =>\n    $layout === 'column' &&\n    css`\n      margin-top: ${spacing.xs / 2}px;\n      width: ${thumbnailSizeLg}px;\n    `}\n`\n\nconst captionStandaloneLayoutUnlessError = css<CaptionErrorLayoutProps>`\n  ${({ $error }) => !$error && captionStandaloneLayout};\n`\n\ninterface StyledThumbnailProps {\n  $focused: boolean\n  $disabled: boolean\n  $selected: boolean\n  $clickable: boolean\n  $size: SizeVariant\n}\n\ninterface StyledTickIconProps {\n  $selected: boolean\n  $size: SizeVariant\n}\n\nconst captionTextStyles = css<CaptionTextProps>`\n  color: ${colors.gray15};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      color: ${colors.gray70};\n    `}\n`\n\nexport const StyledThumbnailCaptionStack = styled.div<{\n  $layout: LayoutVariant\n}>`\n  ${captionStandaloneLayout};\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n`\n\nexport const StyledThumbnailErrorRow = styled.div`\n  font-family: inherit;\n  display: flex;\n  align-items: flex-start;\n  gap: ${spacing.xs}px;\n  &:not(:first-child) {\n    margin-top: ${spacing.xs}px;\n  }\n  color: ${colors.red50};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.25px;\n  font-weight: 400;\n  width: 100%;\n  min-width: 0;\n`\n\nexport const StyledThumbnailErrorIcon = styled.span`\n  flex-shrink: 0;\n  display: inline-flex;\n`\n\nexport const StyledThumbnailErrorText = styled.span`\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  max-width: 100%;\n  align-items: center;\n`\n\nexport const StyledMultilineCaption = styled.div<CaptionErrorLayoutProps>`\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles};\n  display: flex;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n`\n\nexport const StyledCaptionText = styled.span``\n\nexport const StyledPlaceholderCaption = styled.div<CaptionErrorLayoutProps>`\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles}\n`\n\nexport const StyledSingleLineCaption = styled.div<CaptionErrorLayoutProps>`\n  display: flex;\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles}\n`\n\nexport const StyledSinglelineCaptionBody = styled.span`\n  ${getEllipsis}\n`\n\nexport const StyledSinglelineCaptionEnding = styled.span`\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n`\n\nexport const StyledLabelText = styled(Typography)`\n  ${getEllipsis()}\n`\n\nexport const StyledThumbnailFigCaption = styled.figcaption<{\n  $color?: TypographyProps['color']\n}>`\n  ${getTypographyIntent('small')}\n  ${getEllipsis()}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-weight: ${typographyWeights.bold};\n  text-align: center;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  background-color: ${colors.white};\n`\n\nexport const StyledLabel = styled.div`\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  font-size: ${labelFontSize}px;\n  background-color: ${colors.white};\n`\n\nconst thumbnailBase = css<StyledThumbnailProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ${colors.gray85};\n  border-radius: ${borderRadius.md}px;\n  margin: 0;\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 1;\n        transform: scale(1);\n      }\n    `}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ $focused }) => $focused && getFocus()}\n\n  ${({ $disabled, $clickable }) =>\n    $disabled &&\n    $clickable &&\n    css`\n      cursor: not-allowed;\n    `}\n\n  ${({ $size }) => {\n    const sizeInPx = `${$size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return css`\n      width: ${sizeInPx};\n      height: ${sizeInPx};\n    `\n  }}\n`\n\nexport const StyledTickIcon = styled.svg<StyledTickIconProps>`\n  position: absolute;\n  top: ${spacing.sm}px;\n  right: ${spacing.sm}px;\n  width: ${tickSize}px;\n  height: ${tickSize}px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      opacity: 1;\n      transform: scale(1);\n    `}\n\n  ${({ $size }) =>\n    $size === 'sm' &&\n    css`\n      top: 50%;\n      left: 50%;\n      margin-top: ${-tickSize / 2}px;\n      margin-left: ${-tickSize / 2}px;\n    `}\n`\n\nexport const StyledFileIcon = styled(DocumentIcon)`\n  width: 36.5%;\n  height: auto;\n`\n\nexport const StyledImageThumbnailPreview = styled.div<{ $bgImage: string }>`\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ${({ $bgImage }) => css`\n    background-image: url(${$bgImage});\n  `}\n`\n\nexport const StyledImageThumbnailOverlay = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst blackOverlay = `\n  background-color: ${colors.black};\n  opacity: 0.2;\n`\n\nconst whiteOverlay = `\n  background-color: ${colors.white};\n  opacity: 0.5;\n`\n\nexport const StyledImageThumbnailImage = styled.img``\n\nexport const StyledImageThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase};\n  flex-direction: column;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      &,\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${whiteOverlay}\n        }\n      }\n      ${StyledImageThumbnailPreview},\n      ${StyledTickIcon},\n        ${StyledImageThumbnailImage} {\n        filter: saturate(0);\n      }\n      ${StyledFileIcon} {\n        filter: saturate(0);\n        z-index: -1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: ${$selected ? 0 : 1};\n      }\n    `}\n\n  ${({ $selected, $focused }) =>\n    $selected &&\n    $focused &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $selected &&\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 0;\n      }\n    `}\n\n  ${({ $focused, $disabled }) =>\n    $focused &&\n    !$disabled &&\n    css`\n      ${StyledImageThumbnailOverlay} {\n        display: block;\n      }\n    `}\n\n  ${({ $clickable, $disabled }) =>\n    $clickable &&\n    !$disabled &&\n    css`\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${blackOverlay}\n        }\n      }\n    `}\n`\n\nexport const StyledThumbnailWrapper = styled.div<{\n  $layout: LayoutVariant\n  $size: SizeVariant\n}>`\n  display: flex;\n  ${({ $size }) =>\n    $size === 'lg'\n      ? `\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n  ${({ $layout }) => {\n    const isRowLayout = $layout === 'row'\n    return isRowLayout\n      ? css`\n          flex-direction: row;\n          align-items: center;\n        `\n      : css`\n          flex-direction: column;\n          align-items: flex-start;\n        `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      &:hover {\n        background-color: ${colors.gray96};\n      }\n    `}\n\n  ${({ $selected, $size }) =>\n    $selected &&\n    $size === 'sm' &&\n    css`\n      ${StyledFileIcon} {\n        display: none;\n      }\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      ${StyledFileIcon},\n      ${StyledTickIcon} {\n        filter: saturate(0);\n        opacity: 0.5;\n      }\n\n      &:hover {\n        background-color: inherit;\n      }\n    `}\n\n  ${({ $disabled, $selected }) =>\n    $disabled &&\n    !$selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 0;\n        transform: scale(0.75);\n      }\n    `}\n`\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Thumbnail.styles.js","names":["styled","css","getTypographyIntent","Typography","typographyWeights","borderRadius","colors","getEllipsis","getFocus","spacing","DocumentIcon","thumbnailSizeSm","thumbnailSizeLg","labelHeight","labelFontSize","tickSize","rowLayoutCaptionWidth","multilineCaptionMaxHeight","lg","captionStandaloneLayout","_ref","$layout","sm","_ref2","xs","captionStandaloneLayoutUnlessError","_ref3","$error","captionTextStyles","gray15","_ref4","$disabled","gray70","StyledThumbnailCaptionStack","div","withConfig","displayName","componentId","StyledThumbnailErrorRow","red50","StyledThumbnailErrorIcon","span","StyledThumbnailErrorText","StyledMultilineCaption","StyledCaptionText","StyledPlaceholderCaption","StyledSingleLineCaption","StyledSinglelineCaptionBody","StyledSinglelineCaptionEnding","StyledLabelText","StyledThumbnailFigCaption","figcaption","_ref5","_ref5$$color","$color","bold","white","StyledLabel","thumbnailBase","gray85","md","_ref6","$clickable","_ref7","$selected","StyledTickIcon","_ref8","$focused","_ref9","_ref0","$size","sizeInPx","concat","svg","_ref1","_ref10","StyledFileIcon","StyledImageThumbnailPreview","_ref11","$bgImage","StyledImageThumbnailOverlay","blackOverlay","black","whiteOverlay","StyledImageThumbnailImage","img","StyledImageThumbnail","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","StyledThumbnailWrapper","_ref18","_ref19","isRowLayout","StyledPlaceholderThumbnail","_ref20","gray96","_ref21","_ref22","_ref23"],"sources":["../../src/Thumbnail/Thumbnail.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  Typography,\n  typographyWeights,\n} from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { LayoutVariant, SizeVariant } from './Thumbnail.types'\nimport { DocumentIcon } from './ThumbnailDocumentIcon'\n\nexport const thumbnailSizeSm = 40\nconst thumbnailSizeLg = 104\nconst labelHeight = 24\nconst labelFontSize = 12\nconst tickSize = 24\nconst rowLayoutCaptionWidth = 288\nconst multilineCaptionMaxHeight = spacing.lg * 2\n\ninterface CaptionTextProps {\n  $layout: LayoutVariant\n  $disabled: boolean\n}\n\ntype CaptionErrorLayoutProps = CaptionTextProps & { $error?: boolean }\n\nconst captionStandaloneLayout = css<{ $layout: LayoutVariant }>`\n  ${({ $layout }) =>\n    $layout === 'row' &&\n    css`\n      align-items: center;\n      margin-left: ${spacing.sm}px;\n      width: ${rowLayoutCaptionWidth}px;\n    `}\n\n  ${({ $layout }) =>\n    $layout === 'column' &&\n    css`\n      margin-top: ${spacing.xs / 2}px;\n      width: ${thumbnailSizeLg}px;\n    `}\n`\n\nconst captionStandaloneLayoutUnlessError = css<CaptionErrorLayoutProps>`\n  ${({ $error }) => !$error && captionStandaloneLayout};\n`\n\ninterface StyledThumbnailProps {\n  $focused: boolean\n  $disabled: boolean\n  $selected: boolean\n  $clickable: boolean\n  $size: SizeVariant\n}\n\ninterface StyledTickIconProps {\n  $selected: boolean\n  $size: SizeVariant\n}\n\nconst captionTextStyles = css<CaptionTextProps>`\n  color: ${colors.gray15};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n  font-weight: 500;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      color: ${colors.gray70};\n    `}\n`\n\nexport const StyledThumbnailCaptionStack = styled.div<{\n  $layout: LayoutVariant\n}>`\n  ${captionStandaloneLayout};\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n`\n\nexport const StyledThumbnailErrorRow = styled.div`\n  font-family: inherit;\n  display: flex;\n  align-items: flex-start;\n  gap: ${spacing.xs}px;\n  &:not(:first-child) {\n    margin-top: ${spacing.xs}px;\n  }\n  color: ${colors.red50};\n  font-size: 12px;\n  line-height: 16px;\n  letter-spacing: 0.25px;\n  font-weight: 400;\n  width: 100%;\n  min-width: 0;\n`\n\nexport const StyledThumbnailErrorIcon = styled.span`\n  flex-shrink: 0;\n  display: inline-flex;\n`\n\nexport const StyledThumbnailErrorText = styled.span`\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  max-width: 100%;\n  align-items: center;\n`\n\nexport const StyledMultilineCaption = styled.div<CaptionErrorLayoutProps>`\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles};\n  display: flex;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n`\n\nexport const StyledCaptionText = styled.span``\n\nexport const StyledPlaceholderCaption = styled.div<CaptionErrorLayoutProps>`\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles}\n`\n\nexport const StyledSingleLineCaption = styled.div<CaptionErrorLayoutProps>`\n  display: flex;\n  ${captionStandaloneLayoutUnlessError};\n  ${captionTextStyles}\n`\n\nexport const StyledSinglelineCaptionBody = styled.span`\n  ${getEllipsis}\n`\n\nexport const StyledSinglelineCaptionEnding = styled.span`\n  max-width: 50%;\n  white-space: nowrap;\n  flex-shrink: 0;\n`\n\nexport const StyledLabelText = styled(Typography)`\n  ${getEllipsis()}\n`\n\nexport const StyledThumbnailFigCaption = styled.figcaption<{\n  $color?: TypographyProps['color']\n}>`\n  ${getTypographyIntent('small')}\n  ${getEllipsis()}\n  color: ${({ $color = 'gray15' }) => colors[$color]};\n  font-weight: ${typographyWeights.bold};\n  text-align: center;\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  background-color: ${colors.white};\n`\n\nexport const StyledLabel = styled.div`\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  opacity: 0.85;\n  height: ${labelHeight}px;\n  padding: ${spacing.sm / 2}px ${spacing.sm}px;\n  font-size: ${labelFontSize}px;\n  background-color: ${colors.white};\n`\n\nconst thumbnailBase = css<StyledThumbnailProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid ${colors.gray85};\n  border-radius: ${borderRadius.md}px;\n  margin: 0;\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 1;\n        transform: scale(1);\n      }\n    `}\n\n  &:focus {\n    ${getFocus()};\n  }\n\n  ${({ $focused }) => $focused && getFocus()}\n\n  ${({ $disabled, $clickable }) =>\n    $disabled &&\n    $clickable &&\n    css`\n      cursor: not-allowed;\n    `}\n\n  ${({ $size }) => {\n    const sizeInPx = `${$size === 'lg' ? thumbnailSizeLg : thumbnailSizeSm}px`\n    return css`\n      width: ${sizeInPx};\n      height: ${sizeInPx};\n    `\n  }}\n`\n\nexport const StyledTickIcon = styled.svg<StyledTickIconProps>`\n  position: absolute;\n  top: ${spacing.sm}px;\n  right: ${spacing.sm}px;\n  width: ${tickSize}px;\n  height: ${tickSize}px;\n  opacity: 0;\n  transform: scale(0.75);\n  transition: transform 250ms ease-out, opacity 100ms ease-out;\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      opacity: 1;\n      transform: scale(1);\n    `}\n\n  ${({ $size }) =>\n    $size === 'sm' &&\n    css`\n      top: 50%;\n      left: 50%;\n      margin-top: ${-tickSize / 2}px;\n      margin-left: ${-tickSize / 2}px;\n    `}\n`\n\nexport const StyledFileIcon = styled(DocumentIcon)`\n  width: 36.5%;\n  height: auto;\n`\n\nexport const StyledImageThumbnailPreview = styled.div<{ $bgImage: string }>`\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  ${({ $bgImage }) => css`\n    background-image: url(${$bgImage});\n  `}\n`\n\nexport const StyledImageThumbnailOverlay = styled.div`\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`\n\nconst blackOverlay = `\n  background-color: ${colors.black};\n  opacity: 0.2;\n`\n\nconst whiteOverlay = `\n  background-color: ${colors.white};\n  opacity: 0.5;\n`\n\nexport const StyledImageThumbnailImage = styled.img``\n\nexport const StyledImageThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase};\n  flex-direction: column;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      &,\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${whiteOverlay}\n        }\n      }\n      ${StyledImageThumbnailPreview},\n      ${StyledTickIcon},\n        ${StyledImageThumbnailImage} {\n        filter: saturate(0);\n      }\n      ${StyledFileIcon} {\n        filter: saturate(0);\n        z-index: -1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: ${$selected ? 0 : 1};\n      }\n    `}\n\n  ${({ $selected, $focused }) =>\n    $selected &&\n    $focused &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 1;\n      }\n    `}\n\n  ${({ $selected, $focused, $disabled }) =>\n    $selected &&\n    $focused &&\n    $disabled &&\n    css`\n      ${StyledTickIcon} {\n        z-index: 0;\n      }\n    `}\n\n  ${({ $focused, $disabled }) =>\n    $focused &&\n    !$disabled &&\n    css`\n      ${StyledImageThumbnailOverlay} {\n        display: block;\n      }\n    `}\n\n  ${({ $clickable, $disabled }) =>\n    $clickable &&\n    !$disabled &&\n    css`\n      &:hover {\n        ${StyledImageThumbnailOverlay} {\n          display: block;\n          ${blackOverlay}\n        }\n      }\n    `}\n`\n\nexport const StyledThumbnailWrapper = styled.div<{\n  $layout: LayoutVariant\n  $size: SizeVariant\n}>`\n  display: flex;\n  ${({ $size }) =>\n    $size === 'lg'\n      ? `\n        width: ${thumbnailSizeLg}px;\n      `\n      : ''}\n  ${({ $layout }) => {\n    const isRowLayout = $layout === 'row'\n    return isRowLayout\n      ? css`\n          flex-direction: row;\n          align-items: center;\n        `\n      : css`\n          flex-direction: column;\n          align-items: flex-start;\n        `\n  }}\n`\n\nexport const StyledPlaceholderThumbnail = styled.div<StyledThumbnailProps>`\n  ${thumbnailBase}\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      &:hover {\n        background-color: ${colors.gray96};\n      }\n    `}\n\n  ${({ $selected, $size }) =>\n    $selected &&\n    $size === 'sm' &&\n    css`\n      ${StyledFileIcon} {\n        display: none;\n      }\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      ${StyledFileIcon},\n      ${StyledTickIcon} {\n        filter: saturate(0);\n        opacity: 0.5;\n      }\n\n      &:hover {\n        background-color: inherit;\n      }\n    `}\n\n  ${({ $disabled, $selected }) =>\n    $disabled &&\n    !$selected &&\n    css`\n      ${StyledTickIcon} {\n        opacity: 0;\n        transform: scale(0.75);\n      }\n    `}\n`\n"],"mappings":"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","ignoreList":[]}

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_53_4__sc-1inrbm9-0"
+  componentId: "core-12_54_0__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_53_4__sc-1inrbm9-1"
+  componentId: "core-12_54_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_53_4__sc-1inrbm9-2"
+  componentId: "core-12_54_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_53_4__sc-1inrbm9-3"
+  componentId: "core-12_54_0__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_53_4__sc-1inrbm9-4"
+  componentId: "core-12_54_0__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_53_4__sc-1inrbm9-5"
+  componentId: "core-12_54_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_53_4__sc-1inrbm9-6"
+  componentId: "core-12_54_0__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,11 +9,11 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_53_4__sc-e1ql06-0"
+  componentId: "core-12_54_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_53_4__sc-e1ql06-1"
+  componentId: "core-12_54_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 
 /**
@@ -23,11 +23,11 @@ export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
  */
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_53_4__sc-e1ql06-2"
+  componentId: "core-12_54_0__sc-e1ql06-2"
 })(["", " border:1px solid transparent;"], getButtonStyles(false, false, false, 'sm', 'tertiary'));
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_53_4__sc-e1ql06-3"
+  componentId: "core-12_54_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) {
@@ -36,22 +36,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_53_4__sc-e1ql06-4"
+  componentId: "core-12_54_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_53_4__sc-e1ql06-5"
+  componentId: "core-12_54_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_53_4__sc-e1ql06-6"
+  componentId: "core-12_54_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_53_4__sc-e1ql06-7"
+  componentId: "core-12_54_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_53_4__sc-e1ql06-8"
+  componentId: "core-12_54_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_53_4__sc-8q9p0n-0"
+  componentId: "core-12_54_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_53_4__sc-8q9p0n-1"
+  componentId: "core-12_54_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_53_4__sc-8q9p0n-2"
+  componentId: "core-12_54_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_53_4__sc-8q9p0n-3"
+  componentId: "core-12_54_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_53_4__sc-8q9p0n-4"
+  componentId: "core-12_54_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_53_4__sc-8q9p0n-5"
+  componentId: "core-12_54_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: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_4__sc-8q9p0n-6"
+  componentId: "core-12_54_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_53_4__sc-8q9p0n-7"
+  componentId: "core-12_54_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;align-items:flex-start;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);