@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/icon_vars.css

@@ -2,13 +2,11 @@
   color: inherit;
   fill: currentColor;
   display: inline-block;
-}
 
-:is(.wBx8DG_spectrum-Icon, .wBx8DG_spectrum-UIIcon):not(:root) {
-  overflow: hidden;
-}
+  &:not(:root) {
+    overflow: hidden;
+  }
 
-.wBx8DG_spectrum-Icon, .wBx8DG_spectrum-UIIcon {
   pointer-events: none;
 }
 
@@ -18,55 +16,73 @@
   }
 }
 
-.wBx8DG_spectrum-Icon--sizeXXS, .wBx8DG_spectrum-Icon--sizeXXS img, .wBx8DG_spectrum-Icon--sizeXXS svg {
-  block-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) / 2);
-  inline-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) / 2);
+.wBx8DG_spectrum-Icon--sizeXXS {
+  &, & img, & svg {
+    block-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) / 2);
+    inline-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) / 2);
+  }
 }
 
-.wBx8DG_spectrum-Icon--sizeXS, .wBx8DG_spectrum-Icon--sizeXS img, .wBx8DG_spectrum-Icon--sizeXS svg {
-  block-size: calc(var(--spectrum-global-dimension-size-300) / 2);
-  inline-size: calc(var(--spectrum-global-dimension-size-300) / 2);
+.wBx8DG_spectrum-Icon--sizeXS {
+  &, & img, & svg {
+    block-size: calc(var(--spectrum-global-dimension-size-300) / 2);
+    inline-size: calc(var(--spectrum-global-dimension-size-300) / 2);
+  }
 }
 
-.wBx8DG_spectrum-Icon--sizeS, .wBx8DG_spectrum-Icon--sizeS img, .wBx8DG_spectrum-Icon--sizeS svg {
-  block-size: var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225));
-  inline-size: var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225));
+.wBx8DG_spectrum-Icon--sizeS {
+  &, & img, & svg {
+    block-size: var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225));
+    inline-size: var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225));
+  }
 }
 
-.wBx8DG_spectrum-Icon--sizeM, .wBx8DG_spectrum-Icon--sizeM img, .wBx8DG_spectrum-Icon--sizeM svg {
-  block-size: var(--spectrum-global-dimension-size-300);
-  inline-size: var(--spectrum-global-dimension-size-300);
+.wBx8DG_spectrum-Icon--sizeM {
+  &, & img, & svg {
+    block-size: var(--spectrum-global-dimension-size-300);
+    inline-size: var(--spectrum-global-dimension-size-300);
+  }
 }
 
-.wBx8DG_spectrum-Icon--sizeL, .wBx8DG_spectrum-Icon--sizeL img, .wBx8DG_spectrum-Icon--sizeL svg {
-  block-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) * 2);
-  inline-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) * 2);
+.wBx8DG_spectrum-Icon--sizeL {
+  &, & img, & svg {
+    block-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) * 2);
+    inline-size: calc(var(--spectrum-alias-workflow-icon-size, var(--spectrum-global-dimension-size-225)) * 2);
+  }
 }
 
-.wBx8DG_spectrum-Icon--sizeXL, .wBx8DG_spectrum-Icon--sizeXL img, .wBx8DG_spectrum-Icon--sizeXL svg {
-  block-size: calc(var(--spectrum-global-dimension-size-300) * 2);
-  inline-size: calc(var(--spectrum-global-dimension-size-300) * 2);
+.wBx8DG_spectrum-Icon--sizeXL {
+  &, & img, & svg {
+    block-size: calc(var(--spectrum-global-dimension-size-300) * 2);
+    inline-size: calc(var(--spectrum-global-dimension-size-300) * 2);
+  }
 }
 
-.wBx8DG_spectrum-Icon--sizeXXL, .wBx8DG_spectrum-Icon--sizeXXL img, .wBx8DG_spectrum-Icon--sizeXXL svg {
-  block-size: calc(var(--spectrum-global-dimension-size-300) * 3);
-  inline-size: calc(var(--spectrum-global-dimension-size-300) * 3);
+.wBx8DG_spectrum-Icon--sizeXXL {
+  &, & img, & svg {
+    block-size: calc(var(--spectrum-global-dimension-size-300) * 3);
+    inline-size: calc(var(--spectrum-global-dimension-size-300) * 3);
+  }
 }
 
-.wBx8DG_spectrum--medium .wBx8DG_spectrum-UIIcon--large {
-  display: none;
-}
+.wBx8DG_spectrum--medium {
+  & .wBx8DG_spectrum-UIIcon--large {
+    display: none;
+  }
 
-.wBx8DG_spectrum--medium .wBx8DG_spectrum-UIIcon--medium {
-  display: inline;
+  & .wBx8DG_spectrum-UIIcon--medium {
+    display: inline;
+  }
 }
 
-.wBx8DG_spectrum--large .wBx8DG_spectrum-UIIcon--medium {
-  display: none;
-}
+.wBx8DG_spectrum--large {
+  & .wBx8DG_spectrum-UIIcon--medium {
+    display: none;
+  }
 
-.wBx8DG_spectrum--large .wBx8DG_spectrum-UIIcon--large {
-  display: inline;
+  & .wBx8DG_spectrum-UIIcon--large {
+    display: inline;
+  }
 }
 
 .wBx8DG_spectrum--large {

package/dist/private/icon_vars.css.map

@@ -1 +1 @@
-{"mappings":"AAoCA;;;;;;AAWE;;;;AAKe;;;;AAGjB;EACE;;;;;AAoBA;;;;;AASA;;;;;AASA;;;;;AASA;;;;;AASA;;;;;AASA;;;;;AASA;;;;;AAuBA;;;;AAGA;;;;AAMA;;;;AAGA;;;;AAOF;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA","sources":["packages/@adobe/spectrum-css-temp/components/icon/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"icon_vars.css.map"}
+{"mappings":"AAoCA;;;;;EAWE;;;;EAKe;;;AAGjB;EACE;;;;;AAmBF;EACE;;;;;;AAQF;EACE;;;;;;AAQF;EACE;;;;;;AAQF;EACE;;;;;;AAQF;EACE;;;;;;AAQF;EACE;;;;;;AAQF;EACE;;;;;;AAsBF;EACE;;;;EAGA;;;;;AAKF;EACE;;;;EAGA;;;;;AAOF;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA","sources":["packages/@adobe/spectrum-css-temp/components/icon/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"icon_vars.css.map"}

package/dist/private/illustratedmessage/IllustratedMessage.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBAAmB,KAAsC,EAAE,GAA2B;IAC1I,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;IAC1C,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;IAE1C,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB;QAAgB;QAC5C,SAAS;YAAC,kBAAkB;QAAgB;IAC9C;IAEA,qBACE,0DAAC,CAAA,GAAA,8BAAG;QACD,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;QAC9B,cAAc,WAAW,KAAK;QAC9B,UAAU,WAAW,MAAM;QAC3B,kBAAkB,CAAA,GAAA,oCAAS,EACzB,CAAA,GAAA,mDAAK,GACL,+BACA,WAAW,SAAS;QAEtB,KAAK;qBACL,0DAAC,CAAA,GAAA,oCAAS,uBACR,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAClB;AAKX","sources":["packages/@adobe/react-spectrum/src/illustratedmessage/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {ClearSlots, SlotProvider, useSlotProps} from '../utils/Slots';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Flex} from '../layout/Flex';\nimport React, {forwardRef, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/illustratedmessage/vars.css';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumIllustratedMessageProps extends DOMProps, StyleProps {\n  /** The contents of the IllustratedMessage. */\n  children: ReactNode\n}\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = forwardRef(function IllustratedMessage(props: SpectrumIllustratedMessageProps, ref: DOMRef<HTMLDivElement>) {\n  props = useSlotProps(props, 'illustration');\n  let {\n    children,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let headingClassName = classNames(styles, 'spectrum-IllustratedMessage-heading');\n  let contentClassName = classNames(styles, 'spectrum-IllustratedMessage-description');\n\n  let slots = {\n    heading: {UNSAFE_className: headingClassName},\n    content: {UNSAFE_className: contentClassName}\n  };\n\n  return (\n    <Flex\n      {...filterDOMProps(otherProps)}\n      UNSAFE_style={styleProps.style}\n      isHidden={styleProps.hidden}\n      UNSAFE_className={classNames(\n        styles,\n        'spectrum-IllustratedMessage',\n        styleProps.className\n      )}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBACpD,KAAsC,EACtC,GAA2B;IAE3B,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;IAC1C,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;IAE1C,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB;QAAgB;QAC5C,SAAS;YAAC,kBAAkB;QAAgB;IAC9C;IAEA,qBACE,0DAAC,CAAA,GAAA,8BAAG;QACD,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;QAC9B,cAAc,WAAW,KAAK;QAC9B,UAAU,WAAW,MAAM;QAC3B,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,+BAA+B,WAAW,SAAS;QACxF,KAAK;qBACL,0DAAC,CAAA,GAAA,oCAAS,uBACR,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAAQ;AAIrC","sources":["packages/@adobe/react-spectrum/src/illustratedmessage/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {ClearSlots, SlotProvider, useSlotProps} from '../utils/Slots';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Flex} from '../layout/Flex';\nimport React, {forwardRef, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/illustratedmessage/vars.css';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumIllustratedMessageProps extends DOMProps, StyleProps {\n  /** The contents of the IllustratedMessage. */\n  children: ReactNode;\n}\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = forwardRef(function IllustratedMessage(\n  props: SpectrumIllustratedMessageProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useSlotProps(props, 'illustration');\n  let {children, ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let headingClassName = classNames(styles, 'spectrum-IllustratedMessage-heading');\n  let contentClassName = classNames(styles, 'spectrum-IllustratedMessage-description');\n\n  let slots = {\n    heading: {UNSAFE_className: headingClassName},\n    content: {UNSAFE_className: contentClassName}\n  };\n\n  return (\n    <Flex\n      {...filterDOMProps(otherProps)}\n      UNSAFE_style={styleProps.style}\n      isHidden={styleProps.hidden}\n      UNSAFE_className={classNames(styles, 'spectrum-IllustratedMessage', styleProps.className)}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>{children}</SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.cjs.map"}

package/dist/private/illustratedmessage/IllustratedMessage.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAAmB,KAAsC,EAAE,GAA2B;IAC1I,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAC1C,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAE1C,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB;QAAgB;QAC5C,SAAS;YAAC,kBAAkB;QAAgB;IAC9C;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAG;QACD,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC9B,cAAc,WAAW,KAAK;QAC9B,UAAU,WAAW,MAAM;QAC3B,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,+DAAK,GACL,+BACA,WAAW,SAAS;QAEtB,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAS,uBACR,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAClB;AAKX","sources":["packages/@adobe/react-spectrum/src/illustratedmessage/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {ClearSlots, SlotProvider, useSlotProps} from '../utils/Slots';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Flex} from '../layout/Flex';\nimport React, {forwardRef, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/illustratedmessage/vars.css';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumIllustratedMessageProps extends DOMProps, StyleProps {\n  /** The contents of the IllustratedMessage. */\n  children: ReactNode\n}\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = forwardRef(function IllustratedMessage(props: SpectrumIllustratedMessageProps, ref: DOMRef<HTMLDivElement>) {\n  props = useSlotProps(props, 'illustration');\n  let {\n    children,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let headingClassName = classNames(styles, 'spectrum-IllustratedMessage-heading');\n  let contentClassName = classNames(styles, 'spectrum-IllustratedMessage-description');\n\n  let slots = {\n    heading: {UNSAFE_className: headingClassName},\n    content: {UNSAFE_className: contentClassName}\n  };\n\n  return (\n    <Flex\n      {...filterDOMProps(otherProps)}\n      UNSAFE_style={styleProps.style}\n      isHidden={styleProps.hidden}\n      UNSAFE_className={classNames(\n        styles,\n        'spectrum-IllustratedMessage',\n        styleProps.className\n      )}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.js.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBACpD,KAAsC,EACtC,GAA2B;IAE3B,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAC1C,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAE1C,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB;QAAgB;QAC5C,SAAS;YAAC,kBAAkB;QAAgB;IAC9C;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAG;QACD,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC9B,cAAc,WAAW,KAAK;QAC9B,UAAU,WAAW,MAAM;QAC3B,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG,+BAA+B,WAAW,SAAS;QACxF,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAS,uBACR,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAAQ;AAIrC","sources":["packages/@adobe/react-spectrum/src/illustratedmessage/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {ClearSlots, SlotProvider, useSlotProps} from '../utils/Slots';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Flex} from '../layout/Flex';\nimport React, {forwardRef, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/illustratedmessage/vars.css';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumIllustratedMessageProps extends DOMProps, StyleProps {\n  /** The contents of the IllustratedMessage. */\n  children: ReactNode;\n}\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = forwardRef(function IllustratedMessage(\n  props: SpectrumIllustratedMessageProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useSlotProps(props, 'illustration');\n  let {children, ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let headingClassName = classNames(styles, 'spectrum-IllustratedMessage-heading');\n  let contentClassName = classNames(styles, 'spectrum-IllustratedMessage-description');\n\n  let slots = {\n    heading: {UNSAFE_className: headingClassName},\n    content: {UNSAFE_className: contentClassName}\n  };\n\n  return (\n    <Flex\n      {...filterDOMProps(otherProps)}\n      UNSAFE_style={styleProps.style}\n      isHidden={styleProps.hidden}\n      UNSAFE_className={classNames(styles, 'spectrum-IllustratedMessage', styleProps.className)}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>{children}</SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.js.map"}

package/dist/private/illustratedmessage/IllustratedMessage.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAAmB,KAAsC,EAAE,GAA2B;IAC1I,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAC1C,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAE1C,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB;QAAgB;QAC5C,SAAS;YAAC,kBAAkB;QAAgB;IAC9C;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAG;QACD,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC9B,cAAc,WAAW,KAAK;QAC9B,UAAU,WAAW,MAAM;QAC3B,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,+DAAK,GACL,+BACA,WAAW,SAAS;QAEtB,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAS,uBACR,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAClB;AAKX","sources":["packages/@adobe/react-spectrum/src/illustratedmessage/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {ClearSlots, SlotProvider, useSlotProps} from '../utils/Slots';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Flex} from '../layout/Flex';\nimport React, {forwardRef, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/illustratedmessage/vars.css';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumIllustratedMessageProps extends DOMProps, StyleProps {\n  /** The contents of the IllustratedMessage. */\n  children: ReactNode\n}\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = forwardRef(function IllustratedMessage(props: SpectrumIllustratedMessageProps, ref: DOMRef<HTMLDivElement>) {\n  props = useSlotProps(props, 'illustration');\n  let {\n    children,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let headingClassName = classNames(styles, 'spectrum-IllustratedMessage-heading');\n  let contentClassName = classNames(styles, 'spectrum-IllustratedMessage-description');\n\n  let slots = {\n    heading: {UNSAFE_className: headingClassName},\n    content: {UNSAFE_className: contentClassName}\n  };\n\n  return (\n    <Flex\n      {...filterDOMProps(otherProps)}\n      UNSAFE_style={styleProps.style}\n      isHidden={styleProps.hidden}\n      UNSAFE_className={classNames(\n        styles,\n        'spectrum-IllustratedMessage',\n        styleProps.className\n      )}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.mjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBACpD,KAAsC,EACtC,GAA2B;IAE3B,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAC1C,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG;IAE1C,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB;QAAgB;QAC5C,SAAS;YAAC,kBAAkB;QAAgB;IAC9C;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAG;QACD,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC9B,cAAc,WAAW,KAAK;QAC9B,UAAU,WAAW,MAAM;QAC3B,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,+DAAK,GAAG,+BAA+B,WAAW,SAAS;QACxF,KAAK;qBACL,gCAAC,CAAA,GAAA,yCAAS,uBACR,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAAQ;AAIrC","sources":["packages/@adobe/react-spectrum/src/illustratedmessage/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {ClearSlots, SlotProvider, useSlotProps} from '../utils/Slots';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Flex} from '../layout/Flex';\nimport React, {forwardRef, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/illustratedmessage/vars.css';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumIllustratedMessageProps extends DOMProps, StyleProps {\n  /** The contents of the IllustratedMessage. */\n  children: ReactNode;\n}\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = forwardRef(function IllustratedMessage(\n  props: SpectrumIllustratedMessageProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useSlotProps(props, 'illustration');\n  let {children, ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let headingClassName = classNames(styles, 'spectrum-IllustratedMessage-heading');\n  let contentClassName = classNames(styles, 'spectrum-IllustratedMessage-description');\n\n  let slots = {\n    heading: {UNSAFE_className: headingClassName},\n    content: {UNSAFE_className: contentClassName}\n  };\n\n  return (\n    <Flex\n      {...filterDOMProps(otherProps)}\n      UNSAFE_style={styleProps.style}\n      isHidden={styleProps.hidden}\n      UNSAFE_className={classNames(styles, 'spectrum-IllustratedMessage', styleProps.className)}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>{children}</SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.mjs.map"}

package/dist/private/illustratedmessage_vars.css

@@ -5,43 +5,45 @@
   align-items: center;
   height: 100%;
   display: flex;
-}
 
-.TtYriW_spectrum-IllustratedMessage > * {
-  order: 4;
-}
+  & > * {
+    order: 4;
+  }
 
-.TtYriW_spectrum-IllustratedMessage > svg {
-  order: 1;
-  margin-bottom: 24px;
-}
+  & > svg {
+    order: 1;
+    margin-bottom: 24px;
+  }
 
-.TtYriW_spectrum-IllustratedMessage .TtYriW_spectrum-IllustratedMessage-heading {
-  max-width: 500px;
-  font-size: var(--spectrum-heading-3-text-size, var(--spectrum-alias-heading3-text-size));
-  font-weight: var(--spectrum-heading-3-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
-  line-height: var(--spectrum-heading-3-text-line-height, var(--spectrum-alias-heading-text-line-height));
-  font-style: var(--spectrum-heading-3-text-font-style, var(--spectrum-global-font-style-regular));
-  letter-spacing: var(--spectrum-heading-3-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
-  text-transform: var(--spectrum-heading-3-text-transform, none);
-  order: 2;
-  margin: 0;
-}
+  & .TtYriW_spectrum-IllustratedMessage-heading {
+    max-width: 500px;
+    font-size: var(--spectrum-heading-3-text-size, var(--spectrum-alias-heading3-text-size));
+    font-weight: var(--spectrum-heading-3-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
+    line-height: var(--spectrum-heading-3-text-line-height, var(--spectrum-alias-heading-text-line-height));
+    font-style: var(--spectrum-heading-3-text-font-style, var(--spectrum-global-font-style-regular));
+    letter-spacing: var(--spectrum-heading-3-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
+    text-transform: var(--spectrum-heading-3-text-transform, none);
+    order: 2;
+    margin: 0;
+  }
 
-.TtYriW_spectrum-IllustratedMessage .TtYriW_spectrum-IllustratedMessage-description {
-  max-width: 500px;
-  font-style: var(--spectrum-body-4-text-font-style, var(--spectrum-global-font-style-regular));
-  font-size: var(--spectrum-body-4-text-size, var(--spectrum-alias-font-size-default));
-  font-weight: var(--spectrum-body-4-text-font-weight, var(--spectrum-alias-body-text-font-weight));
-  line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height));
-  letter-spacing: var(--spectrum-body-4-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
-  text-transform: var(--spectrum-body-4-text-transform, none);
-  order: 3;
-  margin: 4px 0 0;
+  & .TtYriW_spectrum-IllustratedMessage-description {
+    max-width: 500px;
+    font-style: var(--spectrum-body-4-text-font-style, var(--spectrum-global-font-style-regular));
+    font-size: var(--spectrum-body-4-text-size, var(--spectrum-alias-font-size-default));
+    font-weight: var(--spectrum-body-4-text-font-weight, var(--spectrum-alias-body-text-font-weight));
+    line-height: var(--spectrum-body-4-text-line-height, var(--spectrum-alias-body-text-line-height));
+    letter-spacing: var(--spectrum-body-4-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
+    text-transform: var(--spectrum-body-4-text-transform, none);
+    order: 3;
+    margin: 4px 0 0;
+  }
 }
 
-.TtYriW_spectrum-IllustratedMessage--cta .TtYriW_spectrum-IllustratedMessage-description {
-  font-style: normal;
+.TtYriW_spectrum-IllustratedMessage--cta {
+  & .TtYriW_spectrum-IllustratedMessage-description {
+    font-style: normal;
+  }
 }
 
 .TtYriW_spectrum-IllustratedMessage > svg {

package/dist/private/illustratedmessage_vars.css.map

@@ -1 +1 @@
-{"mappings":"AAwBA;;;;;;;;;AAUE;;;;AAIA;;;;;AAKA;;;;;;;;;;;;AAaA;;;;;;;;;;;;AAgBA;;;;AAiBF;;;;;;;AAQA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/illustratedmessage/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"illustratedmessage_vars.css.map"}
+{"mappings":"AAwBA;;;;;;;;EAUE;;;;EAIA;;;;;EAKA;;;;;;;;;;;;EAaA;;;;;;;;;;;;;AAeF;EACE;;;;;AAiBF;;;;;;;AAQA;;;;AAIA;;;;AAIA;EACE","sources":["packages/@adobe/spectrum-css-temp/components/illustratedmessage/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"illustratedmessage_vars.css.map"}

package/dist/private/image/Image.cjs

@@ -36,7 +36,8 @@ $parcel$export(module.exports, "Image", function () { return $e81b3a832cb44760$e
 
 
 
-const $e81b3a832cb44760$export$3e431a229df88919 = /*#__PURE__*/ (0, ($parcel$interopDefault($5VzMO$react))).forwardRef(function Image(props, ref) {
+const $e81b3a832cb44760$export$3e431a229df88919 = /*#__PURE__*/ (0, ($parcel$interopDefault($5VzMO$react))).forwardRef(// incomplete component for show right now
+function Image(props, ref) {
     /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */ let userProvidedAlt = props.alt;
     props = (0, $feede71cddc0c5f3$exports.useSlotProps)(props, 'image');
     props = (0, $544fc82701fc93e9$exports.useProviderProps)(props);

package/dist/private/image/Image.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAoDM,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CAErC,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACnE,uGAAuG,GACvG,IAAI,kBAAkB,MAAM,GAAG;IAC/B,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,aACF,SAAS,OACT,GAAG,OACH,GAAG,EACH,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,OAAO,QAAQ,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC1C,QAAQ,IAAI,CACV;IAMJ,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,WAAW,SAAS;QAClD,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,UAAU;QACZ;QACA,KAAK;qBACL,0DAAC;QACC,KAAK;QACL,KAAK,mBAAmB;QACxB,OAAO;uBAAC;QAAS;QACjB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,SAAS,OAAO;QAChB,QAAQ,OAAO;QACf,aAAa,OAAO;;AAG5B","sources":["packages/@adobe/react-spectrum/src/image/Image.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactEventHandler} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/image/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSlotProps} from '../utils/Slots';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ImageProps {\n  /**\n   * The URL of the image.\n   */\n  src: string,\n  /**\n   * Text description of the image.\n   */\n  alt?: string,\n  /**\n   * Sets the Image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) style.\n   */\n  objectFit?: any, // move to styleProps for images and type better\n  /**\n   * Called if an error occurs while loading or rendering an image, see [Image loading errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).\n   */\n  onError?: ReactEventHandler<HTMLImageElement>,\n  /**\n   * Called when the image has successfully loaded, see [load event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).\n   */\n  onLoad?: ReactEventHandler<HTMLImageElement>,\n  /**\n   * Indicates if the fetching of the image must be done using a CORS request.\n   * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n   */\n  crossOrigin?: 'anonymous' | 'use-credentials'\n}\n\nexport interface SpectrumImageProps extends ImageProps, DOMProps, StyleProps {\n  /**\n   * A slot to place the image in.\n   * @default 'image'\n   */\n  slot?: string\n}\n\n/**\n * Image is used to insert and display an image within a component.\n */\nexport const Image = React.forwardRef(// incomplete component for show right now\n\nfunction Image(props: SpectrumImageProps, ref: DOMRef<HTMLDivElement>) {\n  /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */\n  let userProvidedAlt = props.alt;\n  props = useSlotProps(props, 'image');\n  props = useProviderProps(props);\n  let {\n    objectFit,\n    src,\n    alt,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  if (alt == null && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The `alt` prop was not provided to an image. ' +\n      'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n      'is decorative or redundant with displayed text and should not be announced by screen readers.'\n    );\n  }\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      className={classNames(styles, styleProps.className)}\n      style={{\n        ...styleProps.style,\n        overflow: 'hidden'\n      }}\n      ref={domRef}>\n      <img\n        src={src}\n        alt={userProvidedAlt || alt}\n        style={{objectFit}}\n        className={classNames(styles, 'spectrum-Image-img')} \n        onError={props?.onError}\n        onLoad={props?.onLoad} \n        crossOrigin={props?.crossOrigin} />\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Image.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAuDM,MAAM,0DAAQ,CAAA,GAAA,sCAAI,EAAE,UAAU,CACnC,0CAA0C;AAE1C,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACnE,uGAAuG,GACvG,IAAI,kBAAkB,MAAM,GAAG;IAC/B,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,aAAC,SAAS,OAAE,GAAG,OAAE,GAAG,EAAE,GAAG,YAAW,GAAG;IAC3C,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,OAAO,QAAQ,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC1C,QAAQ,IAAI,CACV;IAMJ,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,WAAW,SAAS;QAClD,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,UAAU;QACZ;QACA,KAAK;qBACL,0DAAC;QACC,KAAK;QACL,KAAK,mBAAmB;QACxB,OAAO;uBAAC;QAAS;QACjB,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;QAC9B,SAAS,OAAO;QAChB,QAAQ,OAAO;QACf,aAAa,OAAO;;AAI5B","sources":["packages/@adobe/react-spectrum/src/image/Image.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactEventHandler} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/image/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSlotProps} from '../utils/Slots';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ImageProps {\n  /**\n   * The URL of the image.\n   */\n  src: string;\n  /**\n   * Text description of the image.\n   */\n  alt?: string;\n  /**\n   * Sets the Image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) style.\n   */\n  objectFit?: any; // move to styleProps for images and type better\n  /**\n   * Called if an error occurs while loading or rendering an image, see [Image loading\n   * errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).\n   */\n  onError?: ReactEventHandler<HTMLImageElement>;\n  /**\n   * Called when the image has successfully loaded, see [load\n   * event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).\n   */\n  onLoad?: ReactEventHandler<HTMLImageElement>;\n  /**\n   * Indicates if the fetching of the image must be done using a CORS request.\n   * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n   */\n  crossOrigin?: 'anonymous' | 'use-credentials';\n}\n\nexport interface SpectrumImageProps extends ImageProps, DOMProps, StyleProps {\n  /**\n   * A slot to place the image in.\n   *\n   * @default 'image'\n   */\n  slot?: string;\n}\n\n/**\n * Image is used to insert and display an image within a component.\n */\nexport const Image = React.forwardRef(\n  // incomplete component for show right now\n\n  function Image(props: SpectrumImageProps, ref: DOMRef<HTMLDivElement>) {\n    /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */\n    let userProvidedAlt = props.alt;\n    props = useSlotProps(props, 'image');\n    props = useProviderProps(props);\n    let {objectFit, src, alt, ...otherProps} = props;\n    let {styleProps} = useStyleProps(otherProps);\n    let domRef = useDOMRef(ref);\n\n    if (alt == null && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'The `alt` prop was not provided to an image. ' +\n          'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n          'is decorative or redundant with displayed text and should not be announced by screen readers.'\n      );\n    }\n\n    return (\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        className={classNames(styles, styleProps.className)}\n        style={{\n          ...styleProps.style,\n          overflow: 'hidden'\n        }}\n        ref={domRef}>\n        <img\n          src={src}\n          alt={userProvidedAlt || alt}\n          style={{objectFit}}\n          className={classNames(styles, 'spectrum-Image-img')}\n          onError={props?.onError}\n          onLoad={props?.onLoad}\n          crossOrigin={props?.crossOrigin}\n        />\n      </div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"Image.cjs.map"}

package/dist/private/image/Image.js

@@ -30,7 +30,8 @@ function $parcel$interopDefault(a) {
 
 
 
-const $8d4f5af52a313241$export$3e431a229df88919 = /*#__PURE__*/ (0, $bP99f$react).forwardRef(function Image(props, ref) {
+const $8d4f5af52a313241$export$3e431a229df88919 = /*#__PURE__*/ (0, $bP99f$react).forwardRef(// incomplete component for show right now
+function Image(props, ref) {
     /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */ let userProvidedAlt = props.alt;
     props = (0, $68f4bc2c1abc5618$export$1e5c9e6e4e15efe3)(props, 'image');
     props = (0, $089943c7a219141c$export$521c373ccc32c300)(props);

package/dist/private/image/Image.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAoDM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAErC,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACnE,uGAAuG,GACvG,IAAI,kBAAkB,MAAM,GAAG;IAC/B,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,aACF,SAAS,OACT,GAAG,OACH,GAAG,EACH,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,OAAO,QAAQ,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC1C,QAAQ,IAAI,CACV;IAMJ,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG,WAAW,SAAS;QAClD,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,UAAU;QACZ;QACA,KAAK;qBACL,gCAAC;QACC,KAAK;QACL,KAAK,mBAAmB;QACxB,OAAO;uBAAC;QAAS;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAC9B,OAAO,EAAE,kBAAA,4BAAA,MAAO,OAAO;QACvB,MAAM,EAAE,kBAAA,4BAAA,MAAO,MAAM;QACrB,WAAW,EAAE,kBAAA,4BAAA,MAAO,WAAW;;AAGvC","sources":["packages/@adobe/react-spectrum/src/image/Image.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactEventHandler} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/image/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSlotProps} from '../utils/Slots';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ImageProps {\n  /**\n   * The URL of the image.\n   */\n  src: string,\n  /**\n   * Text description of the image.\n   */\n  alt?: string,\n  /**\n   * Sets the Image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) style.\n   */\n  objectFit?: any, // move to styleProps for images and type better\n  /**\n   * Called if an error occurs while loading or rendering an image, see [Image loading errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).\n   */\n  onError?: ReactEventHandler<HTMLImageElement>,\n  /**\n   * Called when the image has successfully loaded, see [load event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).\n   */\n  onLoad?: ReactEventHandler<HTMLImageElement>,\n  /**\n   * Indicates if the fetching of the image must be done using a CORS request.\n   * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n   */\n  crossOrigin?: 'anonymous' | 'use-credentials'\n}\n\nexport interface SpectrumImageProps extends ImageProps, DOMProps, StyleProps {\n  /**\n   * A slot to place the image in.\n   * @default 'image'\n   */\n  slot?: string\n}\n\n/**\n * Image is used to insert and display an image within a component.\n */\nexport const Image = React.forwardRef(// incomplete component for show right now\n\nfunction Image(props: SpectrumImageProps, ref: DOMRef<HTMLDivElement>) {\n  /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */\n  let userProvidedAlt = props.alt;\n  props = useSlotProps(props, 'image');\n  props = useProviderProps(props);\n  let {\n    objectFit,\n    src,\n    alt,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  if (alt == null && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The `alt` prop was not provided to an image. ' +\n      'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n      'is decorative or redundant with displayed text and should not be announced by screen readers.'\n    );\n  }\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      className={classNames(styles, styleProps.className)}\n      style={{\n        ...styleProps.style,\n        overflow: 'hidden'\n      }}\n      ref={domRef}>\n      <img\n        src={src}\n        alt={userProvidedAlt || alt}\n        style={{objectFit}}\n        className={classNames(styles, 'spectrum-Image-img')} \n        onError={props?.onError}\n        onLoad={props?.onLoad} \n        crossOrigin={props?.crossOrigin} />\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Image.js.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAuDM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CACnC,0CAA0C;AAE1C,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACnE,uGAAuG,GACvG,IAAI,kBAAkB,MAAM,GAAG;IAC/B,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,aAAC,SAAS,OAAE,GAAG,OAAE,GAAG,EAAE,GAAG,YAAW,GAAG;IAC3C,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,OAAO,QAAQ,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC1C,QAAQ,IAAI,CACV;IAMJ,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG,WAAW,SAAS;QAClD,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,UAAU;QACZ;QACA,KAAK;qBACL,gCAAC;QACC,KAAK;QACL,KAAK,mBAAmB;QACxB,OAAO;uBAAC;QAAS;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAC9B,OAAO,EAAE,kBAAA,4BAAA,MAAO,OAAO;QACvB,MAAM,EAAE,kBAAA,4BAAA,MAAO,MAAM;QACrB,WAAW,EAAE,kBAAA,4BAAA,MAAO,WAAW;;AAIvC","sources":["packages/@adobe/react-spectrum/src/image/Image.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactEventHandler} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/image/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSlotProps} from '../utils/Slots';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ImageProps {\n  /**\n   * The URL of the image.\n   */\n  src: string;\n  /**\n   * Text description of the image.\n   */\n  alt?: string;\n  /**\n   * Sets the Image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) style.\n   */\n  objectFit?: any; // move to styleProps for images and type better\n  /**\n   * Called if an error occurs while loading or rendering an image, see [Image loading\n   * errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).\n   */\n  onError?: ReactEventHandler<HTMLImageElement>;\n  /**\n   * Called when the image has successfully loaded, see [load\n   * event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).\n   */\n  onLoad?: ReactEventHandler<HTMLImageElement>;\n  /**\n   * Indicates if the fetching of the image must be done using a CORS request.\n   * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n   */\n  crossOrigin?: 'anonymous' | 'use-credentials';\n}\n\nexport interface SpectrumImageProps extends ImageProps, DOMProps, StyleProps {\n  /**\n   * A slot to place the image in.\n   *\n   * @default 'image'\n   */\n  slot?: string;\n}\n\n/**\n * Image is used to insert and display an image within a component.\n */\nexport const Image = React.forwardRef(\n  // incomplete component for show right now\n\n  function Image(props: SpectrumImageProps, ref: DOMRef<HTMLDivElement>) {\n    /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */\n    let userProvidedAlt = props.alt;\n    props = useSlotProps(props, 'image');\n    props = useProviderProps(props);\n    let {objectFit, src, alt, ...otherProps} = props;\n    let {styleProps} = useStyleProps(otherProps);\n    let domRef = useDOMRef(ref);\n\n    if (alt == null && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'The `alt` prop was not provided to an image. ' +\n          'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n          'is decorative or redundant with displayed text and should not be announced by screen readers.'\n      );\n    }\n\n    return (\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        className={classNames(styles, styleProps.className)}\n        style={{\n          ...styleProps.style,\n          overflow: 'hidden'\n        }}\n        ref={domRef}>\n        <img\n          src={src}\n          alt={userProvidedAlt || alt}\n          style={{objectFit}}\n          className={classNames(styles, 'spectrum-Image-img')}\n          onError={props?.onError}\n          onLoad={props?.onLoad}\n          crossOrigin={props?.crossOrigin}\n        />\n      </div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"Image.js.map"}

package/dist/private/image/Image.mjs

@@ -30,7 +30,8 @@ function $parcel$interopDefault(a) {
 
 
 
-const $cff5e59729b4d578$export$3e431a229df88919 = /*#__PURE__*/ (0, $3jejY$react).forwardRef(function Image(props, ref) {
+const $cff5e59729b4d578$export$3e431a229df88919 = /*#__PURE__*/ (0, $3jejY$react).forwardRef(// incomplete component for show right now
+function Image(props, ref) {
     /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */ let userProvidedAlt = props.alt;
     props = (0, $62024859ff9f1f8a$export$1e5c9e6e4e15efe3)(props, 'image');
     props = (0, $71dfb0e0358a12de$export$521c373ccc32c300)(props);

package/dist/private/image/Image.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAoDM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CAErC,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACnE,uGAAuG,GACvG,IAAI,kBAAkB,MAAM,GAAG;IAC/B,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,aACF,SAAS,OACT,GAAG,OACH,GAAG,EACH,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,OAAO,QAAQ,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC1C,QAAQ,IAAI,CACV;IAMJ,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG,WAAW,SAAS;QAClD,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,UAAU;QACZ;QACA,KAAK;qBACL,gCAAC;QACC,KAAK;QACL,KAAK,mBAAmB;QACxB,OAAO;uBAAC;QAAS;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAC9B,SAAS,OAAO;QAChB,QAAQ,OAAO;QACf,aAAa,OAAO;;AAG5B","sources":["packages/@adobe/react-spectrum/src/image/Image.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactEventHandler} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/image/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSlotProps} from '../utils/Slots';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ImageProps {\n  /**\n   * The URL of the image.\n   */\n  src: string,\n  /**\n   * Text description of the image.\n   */\n  alt?: string,\n  /**\n   * Sets the Image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) style.\n   */\n  objectFit?: any, // move to styleProps for images and type better\n  /**\n   * Called if an error occurs while loading or rendering an image, see [Image loading errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).\n   */\n  onError?: ReactEventHandler<HTMLImageElement>,\n  /**\n   * Called when the image has successfully loaded, see [load event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).\n   */\n  onLoad?: ReactEventHandler<HTMLImageElement>,\n  /**\n   * Indicates if the fetching of the image must be done using a CORS request.\n   * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n   */\n  crossOrigin?: 'anonymous' | 'use-credentials'\n}\n\nexport interface SpectrumImageProps extends ImageProps, DOMProps, StyleProps {\n  /**\n   * A slot to place the image in.\n   * @default 'image'\n   */\n  slot?: string\n}\n\n/**\n * Image is used to insert and display an image within a component.\n */\nexport const Image = React.forwardRef(// incomplete component for show right now\n\nfunction Image(props: SpectrumImageProps, ref: DOMRef<HTMLDivElement>) {\n  /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */\n  let userProvidedAlt = props.alt;\n  props = useSlotProps(props, 'image');\n  props = useProviderProps(props);\n  let {\n    objectFit,\n    src,\n    alt,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  if (alt == null && process.env.NODE_ENV !== 'production') {\n    console.warn(\n      'The `alt` prop was not provided to an image. ' +\n      'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n      'is decorative or redundant with displayed text and should not be announced by screen readers.'\n    );\n  }\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      className={classNames(styles, styleProps.className)}\n      style={{\n        ...styleProps.style,\n        overflow: 'hidden'\n      }}\n      ref={domRef}>\n      <img\n        src={src}\n        alt={userProvidedAlt || alt}\n        style={{objectFit}}\n        className={classNames(styles, 'spectrum-Image-img')} \n        onError={props?.onError}\n        onLoad={props?.onLoad} \n        crossOrigin={props?.crossOrigin} />\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"Image.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAuDM,MAAM,0DAAQ,CAAA,GAAA,YAAI,EAAE,UAAU,CACnC,0CAA0C;AAE1C,SAAS,MAAM,KAAyB,EAAE,GAA2B;IACnE,uGAAuG,GACvG,IAAI,kBAAkB,MAAM,GAAG;IAC/B,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,aAAC,SAAS,OAAE,GAAG,OAAE,GAAG,EAAE,GAAG,YAAW,GAAG;IAC3C,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,OAAO,QAAQ,QAAQ,GAAG,CAAC,QAAQ,KAAK,cAC1C,QAAQ,IAAI,CACV;IAMJ,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG,WAAW,SAAS;QAClD,OAAO;YACL,GAAG,WAAW,KAAK;YACnB,UAAU;QACZ;QACA,KAAK;qBACL,gCAAC;QACC,KAAK;QACL,KAAK,mBAAmB;QACxB,OAAO;uBAAC;QAAS;QACjB,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,kDAAK,GAAG;QAC9B,SAAS,OAAO;QAChB,QAAQ,OAAO;QACf,aAAa,OAAO;;AAI5B","sources":["packages/@adobe/react-spectrum/src/image/Image.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactEventHandler} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/image/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useSlotProps} from '../utils/Slots';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface ImageProps {\n  /**\n   * The URL of the image.\n   */\n  src: string;\n  /**\n   * Text description of the image.\n   */\n  alt?: string;\n  /**\n   * Sets the Image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) style.\n   */\n  objectFit?: any; // move to styleProps for images and type better\n  /**\n   * Called if an error occurs while loading or rendering an image, see [Image loading\n   * errors](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#image_loading_errors).\n   */\n  onError?: ReactEventHandler<HTMLImageElement>;\n  /**\n   * Called when the image has successfully loaded, see [load\n   * event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/load_event).\n   */\n  onLoad?: ReactEventHandler<HTMLImageElement>;\n  /**\n   * Indicates if the fetching of the image must be done using a CORS request.\n   * [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin).\n   */\n  crossOrigin?: 'anonymous' | 'use-credentials';\n}\n\nexport interface SpectrumImageProps extends ImageProps, DOMProps, StyleProps {\n  /**\n   * A slot to place the image in.\n   *\n   * @default 'image'\n   */\n  slot?: string;\n}\n\n/**\n * Image is used to insert and display an image within a component.\n */\nexport const Image = React.forwardRef(\n  // incomplete component for show right now\n\n  function Image(props: SpectrumImageProps, ref: DOMRef<HTMLDivElement>) {\n    /* Slots should be able to pass an alt for default behavior, but in Images, the child may know better. */\n    let userProvidedAlt = props.alt;\n    props = useSlotProps(props, 'image');\n    props = useProviderProps(props);\n    let {objectFit, src, alt, ...otherProps} = props;\n    let {styleProps} = useStyleProps(otherProps);\n    let domRef = useDOMRef(ref);\n\n    if (alt == null && process.env.NODE_ENV !== 'production') {\n      console.warn(\n        'The `alt` prop was not provided to an image. ' +\n          'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n          'is decorative or redundant with displayed text and should not be announced by screen readers.'\n      );\n    }\n\n    return (\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        className={classNames(styles, styleProps.className)}\n        style={{\n          ...styleProps.style,\n          overflow: 'hidden'\n        }}\n        ref={domRef}>\n        <img\n          src={src}\n          alt={userProvidedAlt || alt}\n          style={{objectFit}}\n          className={classNames(styles, 'spectrum-Image-img')}\n          onError={props?.onError}\n          onLoad={props?.onLoad}\n          crossOrigin={props?.crossOrigin}\n        />\n      </div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"Image.mjs.map"}

package/dist/private/image_vars.css

@@ -1,4 +1,4 @@
-.tX8u6G_spectrum-Image-img {
+.SxHTMq_spectrum-Image-img {
   width: 100%;
   max-width: 100%;
   height: 100%;

package/dist/private/image_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4BA","sources":["packages/@adobe/spectrum-css-temp/components/image/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"image_vars.css.map"}
+{"mappings":"AA2BA","sources":["packages/@adobe/spectrum-css-temp/components/image/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"image_vars.css.map"}

package/dist/private/image_vars_css.cjs

@@ -5,7 +5,7 @@ function $parcel$export(e, n, v, s) {
 
 $parcel$export(module.exports, "spectrum-Image-img", function () { return $c29c42f99755a771$export$3238177972e11200; }, function (v) { return $c29c42f99755a771$export$3238177972e11200 = v; });
 var $c29c42f99755a771$export$3238177972e11200;
-$c29c42f99755a771$export$3238177972e11200 = `tX8u6G_spectrum-Image-img`;
+$c29c42f99755a771$export$3238177972e11200 = `SxHTMq_spectrum-Image-img`;
 
 
 //# sourceMappingURL=image_vars_css.cjs.map

package/dist/private/image_vars_css.mjs

@@ -6,7 +6,7 @@ var $f9926d7b37c1be84$exports = {};
 
 $parcel$export($f9926d7b37c1be84$exports, "spectrum-Image-img", function () { return $f9926d7b37c1be84$export$3238177972e11200; }, function (v) { return $f9926d7b37c1be84$export$3238177972e11200 = v; });
 var $f9926d7b37c1be84$export$3238177972e11200;
-$f9926d7b37c1be84$export$3238177972e11200 = `tX8u6G_spectrum-Image-img`;
+$f9926d7b37c1be84$export$3238177972e11200 = `SxHTMq_spectrum-Image-img`;
 
 
 export {$f9926d7b37c1be84$exports as default};

package/dist/private/inlinealert/InlineAlert.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAoCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,0DAAS;IACf,UAAU,CAAA,GAAA,6DAAY;IACtB,QAAQ,CAAA,GAAA,2DAAU;IAClB,UAAU,CAAA,GAAA,2DAAU;AACtB;AAMO,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,YACF,QAAQ,WACR,UAAU,sBACV,SAAS,EACT,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,0DAAC,CAAA,GAAA,mCAAQ;QAAE,gBAAgB,CAAA,GAAA,mDAAK,CAAC,CAAC,aAAa;qBAC7C,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,SAAS,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,0DAAC,CAAA,GAAA,8BAAG;QAAE,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,4BAA4B;qBACzD,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAClB,sBAAQ,0DAAC;QAAK,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QACjF;AAMb","sources":["packages/@adobe/react-spectrum/src/inlinealert/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/inlinealert/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport {SlotProvider} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode,\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = React.forwardRef(function InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    variant = 'neutral',\n    autoFocus,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAoCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,0DAAS;IACf,UAAU,CAAA,GAAA,6DAAY;IACtB,QAAQ,CAAA,GAAA,2DAAU;IAClB,UAAU,CAAA,GAAA,2DAAU;AACtB;AAMO,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,IAAI,YAAC,QAAQ,WAAE,UAAU,sBAAW,SAAS,EAAE,GAAG,YAAW,GAAG;IAEhE,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,0DAAC,CAAA,GAAA,mCAAQ;QAAE,gBAAgB,CAAA,GAAA,mDAAK,CAAC,CAAC,aAAa;qBAC7C,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,SAAS,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,0DAAC,CAAA,GAAA,8BAAG;QAAE,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,4BAA4B;qBACzD,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAClB,sBACC,0DAAC;QAAK,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QAE1E;AAMb","sources":["packages/@adobe/react-spectrum/src/inlinealert/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/inlinealert/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   *\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative';\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode;\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean;\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view. These are often used\n * in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = React.forwardRef(function InlineAlert(\n  props: SpectrumInlineAlertProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let {children, variant = 'neutral', autoFocus, ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && (\n              <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />\n            )}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.cjs.map"}

package/dist/private/inlinealert/InlineAlert.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAoCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,mCAAY;IACtB,QAAQ,CAAA,GAAA,iCAAU;IAClB,UAAU,CAAA,GAAA,iCAAU;AACtB;AAMO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YACF,QAAQ,WACR,UAAU,sBACV,SAAS,EACT,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,wDAAK,CAAC,CAAC,aAAa;qBAC7C,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,SAAS,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;qBACzD,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAClB,sBAAQ,gCAAC;QAAK,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QACjF;AAMb","sources":["packages/@adobe/react-spectrum/src/inlinealert/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/inlinealert/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport {SlotProvider} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode,\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = React.forwardRef(function InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    variant = 'neutral',\n    autoFocus,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAoCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,mCAAY;IACtB,QAAQ,CAAA,GAAA,iCAAU;IAClB,UAAU,CAAA,GAAA,iCAAU;AACtB;AAMO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YAAC,QAAQ,WAAE,UAAU,sBAAW,SAAS,EAAE,GAAG,YAAW,GAAG;IAEhE,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,wDAAK,CAAC,CAAC,aAAa;qBAC7C,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,SAAS,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;qBACzD,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAClB,sBACC,gCAAC;QAAK,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QAE1E;AAMb","sources":["packages/@adobe/react-spectrum/src/inlinealert/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/inlinealert/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   *\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative';\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode;\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean;\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view. These are often used\n * in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = React.forwardRef(function InlineAlert(\n  props: SpectrumInlineAlertProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let {children, variant = 'neutral', autoFocus, ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && (\n              <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />\n            )}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.js.map"}

package/dist/private/inlinealert/InlineAlert.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAoCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,mCAAY;IACtB,QAAQ,CAAA,GAAA,iCAAU;IAClB,UAAU,CAAA,GAAA,iCAAU;AACtB;AAMO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YAAY,KAA+B,EAAE,GAA2B;IAC3H,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YACF,QAAQ,WACR,UAAU,sBACV,SAAS,EACT,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,wDAAK,CAAC,CAAC,aAAa;qBAC7C,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,SAAS,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;qBACzD,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAClB,sBAAQ,gCAAC;QAAK,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QACjF;AAMb","sources":["packages/@adobe/react-spectrum/src/inlinealert/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/inlinealert/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport {SlotProvider} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode,\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = React.forwardRef(function InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  let {\n    children,\n    variant = 'neutral',\n    autoFocus,\n    ...otherProps\n  } = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAoCD,IAAI,8BAAQ;IACV,MAAM,CAAA,GAAA,gCAAS;IACf,UAAU,CAAA,GAAA,mCAAY;IACtB,QAAQ,CAAA,GAAA,iCAAU;IAClB,UAAU,CAAA,GAAA,iCAAU;AACtB;AAMO,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,IAAI,YAAC,QAAQ,WAAE,UAAU,sBAAW,SAAS,EAAE,GAAG,YAAW,GAAG;IAEhE,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;QAClE,SAAS;YAAC,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,+BAA+B;QAAA;IACpE;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,OAAsC;IAC1C,IAAI,UAAkB;IACtB,IAAI,WAAW,6BAAO;QACpB,OAAO,2BAAK,CAAC,QAAQ;QACrB,UAAU,gBAAgB,MAAM,CAAC;IACnC;IAEA,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE,MAAM,SAAS;IACzC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,aAAa,OAAO,IAAI,OAAO,OAAO,EACxC,OAAO,OAAO,CAAC,KAAK;QAEtB,aAAa,OAAO,GAAG;IACzB,GAAG;QAAC;KAAO;IAEX,qBACE,gCAAC,CAAA,GAAA,gBAAQ;QAAE,gBAAgB,CAAA,GAAA,wDAAK,CAAC,CAAC,aAAa;qBAC7C,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,UAAU,YAAY,KAAK;QAC3B,WAAW;QACX,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,SAAS,EAClC,WAAW,SAAS;QAEtB,MAAK;qBACL,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;qBACzD,gCAAC,CAAA,GAAA,yCAAW;QAAE,OAAO;OAClB,sBACC,gCAAC;QAAK,kBAAkB,CAAA,GAAA,wDAAK,CAAC,CAAC,4BAA4B;QAAE,cAAY;QAE1E;AAMb","sources":["packages/@adobe/react-spectrum/src/inlinealert/InlineAlert.tsx"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusRing} from 'react-aria/FocusRing';\nimport {Grid} from '../layout/Grid';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\nimport intlMessages from '../../intl/inlinealert/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport {SlotProvider} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n  /**\n   * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n   *\n   * @default 'neutral'\n   */\n  variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative';\n  /**\n   * The contents of the Inline Alert.\n   */\n  children: ReactNode;\n  /**\n   * Whether to automatically focus the Inline Alert when it first renders.\n   */\n  autoFocus?: boolean;\n}\n\nlet ICONS = {\n  info: InfoMedium,\n  positive: SuccessMedium,\n  notice: AlertMedium,\n  negative: AlertMedium\n};\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view. These are often used\n * in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nexport const InlineAlert = React.forwardRef(function InlineAlert(\n  props: SpectrumInlineAlertProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useProviderProps(props);\n  let {children, variant = 'neutral', autoFocus, ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n\n  let slots = {\n    heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n    content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n  };\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/inlinealert');\n  let Icon: typeof React.Component | null = null;\n  let iconAlt: string = '';\n  if (variant in ICONS) {\n    Icon = ICONS[variant];\n    iconAlt = stringFormatter.format(variant);\n  }\n\n  let autoFocusRef = useRef(props.autoFocus);\n  useEffect(() => {\n    if (autoFocusRef.current && domRef.current) {\n      domRef.current.focus();\n    }\n    autoFocusRef.current = false;\n  }, [domRef]);\n\n  return (\n    <FocusRing focusRingClass={styles['focus-ring']}>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        ref={domRef}\n        tabIndex={autoFocus ? -1 : undefined}\n        autoFocus={autoFocus}\n        className={classNames(\n          styles,\n          'spectrum-InLineAlert',\n          `spectrum-InLineAlert--${variant}`,\n          styleProps.className\n        )}\n        role=\"alert\">\n        <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n          <SlotProvider slots={slots}>\n            {Icon && (\n              <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />\n            )}\n            {children}\n          </SlotProvider>\n        </Grid>\n      </div>\n    </FocusRing>\n  );\n});\n"],"names":[],"version":3,"file":"InlineAlert.mjs.map"}