@react-spectrum/s2 1.4.0 → 1.5.0

package/dist/private/CardView.cjs

@@ -145,22 +145,22 @@ const $1aaf8931044a97bd$var$cardViewStyles = function anonymous(props, overrides
         if (p[1] === "F") height = true;
         rules += p[0];
     }
-    if (props.isLoading) rules += ' Pc131';
-    else rules += ' Pa131';
-    if (props.isEmpty) rules += ' sd131';
-    rules += ' _oa131';
-    rules += ' _ta131';
-    rules += ' eb131';
-    rules += ' _Ca131';
+    if (props.isLoading) rules += ' Pc15';
+    else rules += ' Pa15';
+    if (props.isEmpty) rules += ' sd15';
+    rules += ' _oa15';
+    rules += ' _ta15';
+    rules += ' eb15';
+    rules += ' _Ca15';
     if (props.isEmpty) {
-        if (props.isFocusVisible) rules += ' _Lf131';
-    } else rules += ' _Le131';
-    rules += ' Oh131';
-    rules += ' Olc131';
-    rules += ' _Mc131';
-    rules += ' _Kb131';
+        if (props.isFocusVisible) rules += ' _Lf15';
+    } else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kb15';
     if (props.isActionBar) {
-        if (!height) rules += ' Fb131';
+        if (!height) rules += ' Fb15';
     }
     return rules;
 };
@@ -172,9 +172,9 @@ const $1aaf8931044a97bd$var$wrapperStyles = function anonymous(props, overrides)
         if (p[1] === "_P") position = true;
         rules += p[0];
     }
-    if (!position) rules += ' _Pc131';
-    rules += ' _Nb131';
-    rules += ' Pb131';
+    if (!position) rules += ' _Pc15';
+    rules += ' _Nb15';
+    rules += ' Pb15';
     return rules;
 };
 const $1aaf8931044a97bd$export$64992ac69f286e5c = /*#__PURE__*/ (0, $gDulG$react.createContext)(null);

package/dist/private/CardView.css

@@ -1,65 +1,65 @@
 @layer _.a {
-  .Pa131 {
+  .Pa15 {
     overflow-y: auto;
   }
 
-  .Pc131 {
+  .Pc15 {
     overflow-y: hidden;
   }
 
-  .sd131 {
+  .sd15 {
     display: flex;
   }
 
-  ._oa131 {
+  ._oa15 {
     box-sizing: border-box;
   }
 
-  ._ta131 {
+  ._ta15 {
     flex-direction: column;
   }
 
-  .eb131 {
+  .eb15 {
     align-items: center;
   }
 
-  ._Ca131 {
+  ._Ca15 {
     justify-content: center;
   }
 
-  ._Le131 {
+  ._Le15 {
     outline-style: none;
   }
 
-  ._Lf131 {
+  ._Lf15 {
     outline-style: solid;
   }
 
-  .Oh131 {
+  .Oh15 {
     outline-color: light-dark(#4b75ff, #4069fd);
   }
 
-  ._Mc131 {
+  ._Mc15 {
     outline-width: 2px;
   }
 
-  ._Kb131 {
+  ._Kb15 {
     outline-offset: -2px;
   }
 
-  .Fb131 {
+  .Fb15 {
     height: 100%;
   }
 
-  ._Pc131 {
+  ._Pc15 {
     position: relative;
   }
 
-  ._Nb131 {
+  ._Nb15 {
     overflow-x: clip;
   }
 
-  .Pb131 {
+  .Pb15 {
     overflow-y: clip;
   }
 }
@@ -68,7 +68,7 @@
 
 @layer _.b.l {
   @media (forced-colors: active) {
-    .Olc131 {
+    .Olc15 {
       outline-color: highlight;
     }
   }

package/dist/private/CardView.mjs

@@ -138,22 +138,22 @@ const $bbcff092fe610ff3$var$cardViewStyles = function anonymous(props, overrides
         if (p[1] === "F") height = true;
         rules += p[0];
     }
-    if (props.isLoading) rules += ' Pc131';
-    else rules += ' Pa131';
-    if (props.isEmpty) rules += ' sd131';
-    rules += ' _oa131';
-    rules += ' _ta131';
-    rules += ' eb131';
-    rules += ' _Ca131';
+    if (props.isLoading) rules += ' Pc15';
+    else rules += ' Pa15';
+    if (props.isEmpty) rules += ' sd15';
+    rules += ' _oa15';
+    rules += ' _ta15';
+    rules += ' eb15';
+    rules += ' _Ca15';
     if (props.isEmpty) {
-        if (props.isFocusVisible) rules += ' _Lf131';
-    } else rules += ' _Le131';
-    rules += ' Oh131';
-    rules += ' Olc131';
-    rules += ' _Mc131';
-    rules += ' _Kb131';
+        if (props.isFocusVisible) rules += ' _Lf15';
+    } else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kb15';
     if (props.isActionBar) {
-        if (!height) rules += ' Fb131';
+        if (!height) rules += ' Fb15';
     }
     return rules;
 };
@@ -165,9 +165,9 @@ const $bbcff092fe610ff3$var$wrapperStyles = function anonymous(props, overrides)
         if (p[1] === "_P") position = true;
         rules += p[0];
     }
-    if (!position) rules += ' _Pc131';
-    rules += ' _Nb131';
-    rules += ' Pb131';
+    if (!position) rules += ' _Pc15';
+    rules += ' _Nb15';
+    rules += ' Pb15';
     return rules;
 };
 const $bbcff092fe610ff3$export$64992ac69f286e5c = /*#__PURE__*/ (0, $aG2ym$createContext)(null);

package/dist/private/CenterBaseline.cjs

@@ -24,7 +24,7 @@ $parcel$export(module.exports, "centerBaseline", () => $e991cbcdf82ced71$export$
  */ 
 
 
-const $e991cbcdf82ced71$var$styles = " sd131 eb131";
+const $e991cbcdf82ced71$var$styles = " sd15 eb15";
 function $e991cbcdf82ced71$export$768dac55bb57081d(props) {
     let domProps = (0, $5B7cg$reactariafilterDOMProps.filterDOMProps)(props);
     return /*#__PURE__*/ (0, $5B7cg$reactjsxruntime.jsx)("div", {

package/dist/private/CenterBaseline.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAiBD,MAAM;AAKC,SAAS,0CAAe,KAA0B;IACvD,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE;IAC9B,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,KAAK;QAClB,WAAW,CAAA,GAAA,qCAAU,EAAE,8BAAQ,MAAM,MAAM,IAAI,MAAM;kBACpD,MAAM,QAAQ;;AAGrB;AAEO,MAAM;AAIN,SAAS,0CACd,QAA+C,CAAC,CAAC;IAEjD,OAAO,CAAC,qBAAoB,gCAAC;YAAgB,GAAG,KAAK;sBAAG;;AAC1D","sources":["packages/@react-spectrum/s2/src/CenterBaseline.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {css} from '../style/style-macro' with {type: 'macro'};\nimport {CSSProperties, ReactNode} from 'react';\nimport {DOMAttributes} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps extends DOMAttributes {\n  style?: CSSProperties;\n  styles?: StyleString;\n  children: ReactNode;\n  slot?: string;\n}\n\nconst styles = style({\n  display: 'flex',\n  alignItems: 'center'\n});\n\nexport function CenterBaseline(props: CenterBaselineProps): ReactNode {\n  let domProps = filterDOMProps(props);\n  return (\n    <div\n      {...domProps}\n      slot={props.slot}\n      style={props.style}\n      className={mergeStyles(styles, props.styles) + ' ' + centerBaselineBefore}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const centerBaselineBefore = css(\n  '&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }'\n);\n\nexport function centerBaseline(\n  props: Omit<CenterBaselineProps, 'children'> = {}\n): (icon: ReactNode) => ReactNode {\n  return (icon: ReactNode) => <CenterBaseline {...props}>{icon}</CenterBaseline>;\n}\n"],"names":[],"version":3,"file":"CenterBaseline.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAiBD,MAAM;AAsBC,SAAS,0CAAe,KAA0B;IACvD,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE;IAC9B,qBACE,gCAAC;QACE,GAAG,QAAQ;QACZ,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,KAAK;QAClB,WAAW,CAAA,GAAA,qCAAU,EAAE,8BAAQ,MAAM,MAAM,IAAI,MAAM;kBACpD,MAAM,QAAQ;;AAGrB;AAEO,MAAM;AAIN,SAAS,0CACd,QAA+C,CAAC,CAAC;IAEjD,OAAO,CAAC,qBAAoB,gCAAC;YAAgB,GAAG,KAAK;sBAAG;;AAC1D","sources":["packages/@react-spectrum/s2/src/CenterBaseline.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {css} from '../style/style-macro' with {type: 'macro'};\nimport {CSSProperties, ReactNode} from 'react';\nimport {DOMAttributes} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps extends DOMAttributes {\n  style?: CSSProperties;\n  styles?: StyleString;\n  children: ReactNode;\n  slot?: string;\n}\n\nconst styles = style({\n  display: 'flex',\n  alignItems: 'center'\n});\n\n/**\n * Vertically centers its children against the surrounding text baseline.\n * Use this to align icons or other inline elements with adjacent text without\n * breaking baseline alignment.\n *\n * @example\n *   import {CenterBaseline} from '@react-spectrum/s2/CenterBaseline';\n *   import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *   import CheckmarkIcon from '@react-spectrum/s2/icons/Checkmark';\n *\n *   <span className={style({display: 'flex', gap: 4, alignItems: 'baseline'})}>\n *     <CenterBaseline>\n *       <CheckmarkIcon />\n *     </CenterBaseline>\n *     <span>Done</span>\n *   </span>;\n */\nexport function CenterBaseline(props: CenterBaselineProps): ReactNode {\n  let domProps = filterDOMProps(props);\n  return (\n    <div\n      {...domProps}\n      slot={props.slot}\n      style={props.style}\n      className={mergeStyles(styles, props.styles) + ' ' + centerBaselineBefore}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const centerBaselineBefore = css(\n  '&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }'\n);\n\nexport function centerBaseline(\n  props: Omit<CenterBaselineProps, 'children'> = {}\n): (icon: ReactNode) => ReactNode {\n  return (icon: ReactNode) => <CenterBaseline {...props}>{icon}</CenterBaseline>;\n}\n"],"names":[],"version":3,"file":"CenterBaseline.cjs.map"}

package/dist/private/CenterBaseline.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  .sd131 {
+  .sd15 {
     display: flex;
   }
 
-  .eb131 {
+  .eb15 {
     align-items: center;
   }
 

package/dist/private/CenterBaseline.css.map

@@ -1 +1 @@
-{"mappings":"AC2Be;EAAA;;;;EAAA;;;;EAkBqB;IAAA","sources":["5200e45b7300f3eb","packages/@react-spectrum/s2/src/CenterBaseline.tsx"],"sourcesContent":["@import \"e3be4b39d25f6594\";\n@import \"a66f99bb46e8cd70\";\n","/*\n * Copyright 2024 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 {css} from '../style/style-macro' with {type: 'macro'};\nimport {CSSProperties, ReactNode} from 'react';\nimport {DOMAttributes} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps extends DOMAttributes {\n  style?: CSSProperties;\n  styles?: StyleString;\n  children: ReactNode;\n  slot?: string;\n}\n\nconst styles = style({\n  display: 'flex',\n  alignItems: 'center'\n});\n\nexport function CenterBaseline(props: CenterBaselineProps): ReactNode {\n  let domProps = filterDOMProps(props);\n  return (\n    <div\n      {...domProps}\n      slot={props.slot}\n      style={props.style}\n      className={mergeStyles(styles, props.styles) + ' ' + centerBaselineBefore}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const centerBaselineBefore = css(\n  '&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }'\n);\n\nexport function centerBaseline(\n  props: Omit<CenterBaselineProps, 'children'> = {}\n): (icon: ReactNode) => ReactNode {\n  return (icon: ReactNode) => <CenterBaseline {...props}>{icon}</CenterBaseline>;\n}\n"],"names":[],"version":3,"file":"CenterBaseline.css.map"}
+{"mappings":"AC2Be;EAAA;;;;EAAA;;;;EAmCqB;IAAA","sources":["5200e45b7300f3eb","packages/@react-spectrum/s2/src/CenterBaseline.tsx"],"sourcesContent":["@import \"e3be4b39d25f6594\";\n@import \"a66f99bb46e8cd70\";\n","/*\n * Copyright 2024 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 {css} from '../style/style-macro' with {type: 'macro'};\nimport {CSSProperties, ReactNode} from 'react';\nimport {DOMAttributes} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps extends DOMAttributes {\n  style?: CSSProperties;\n  styles?: StyleString;\n  children: ReactNode;\n  slot?: string;\n}\n\nconst styles = style({\n  display: 'flex',\n  alignItems: 'center'\n});\n\n/**\n * Vertically centers its children against the surrounding text baseline.\n * Use this to align icons or other inline elements with adjacent text without\n * breaking baseline alignment.\n *\n * @example\n *   import {CenterBaseline} from '@react-spectrum/s2/CenterBaseline';\n *   import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *   import CheckmarkIcon from '@react-spectrum/s2/icons/Checkmark';\n *\n *   <span className={style({display: 'flex', gap: 4, alignItems: 'baseline'})}>\n *     <CenterBaseline>\n *       <CheckmarkIcon />\n *     </CenterBaseline>\n *     <span>Done</span>\n *   </span>;\n */\nexport function CenterBaseline(props: CenterBaselineProps): ReactNode {\n  let domProps = filterDOMProps(props);\n  return (\n    <div\n      {...domProps}\n      slot={props.slot}\n      style={props.style}\n      className={mergeStyles(styles, props.styles) + ' ' + centerBaselineBefore}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const centerBaselineBefore = css(\n  '&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }'\n);\n\nexport function centerBaseline(\n  props: Omit<CenterBaselineProps, 'children'> = {}\n): (icon: ReactNode) => ReactNode {\n  return (icon: ReactNode) => <CenterBaseline {...props}>{icon}</CenterBaseline>;\n}\n"],"names":[],"version":3,"file":"CenterBaseline.css.map"}

package/dist/private/CenterBaseline.mjs

@@ -16,7 +16,7 @@ import {filterDOMProps as $hT6aV$filterDOMProps} from "react-aria/filterDOMProps
  */ 
 
 
-const $1f4b04be3f24aae3$var$styles = " sd131 eb131";
+const $1f4b04be3f24aae3$var$styles = " sd15 eb15";
 function $1f4b04be3f24aae3$export$768dac55bb57081d(props) {
     let domProps = (0, $hT6aV$filterDOMProps)(props);
     return /*#__PURE__*/ (0, $hT6aV$jsx)("div", {

package/dist/private/CenterBaseline.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;AAiBD,MAAM;AAKC,SAAS,0CAAe,KAA0B;IACvD,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE;IAC9B,qBACE,gBAAC;QACE,GAAG,QAAQ;QACZ,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,KAAK;QAClB,WAAW,CAAA,GAAA,yCAAU,EAAE,8BAAQ,MAAM,MAAM,IAAI,MAAM;kBACpD,MAAM,QAAQ;;AAGrB;AAEO,MAAM;AAIN,SAAS,0CACd,QAA+C,CAAC,CAAC;IAEjD,OAAO,CAAC,qBAAoB,gBAAC;YAAgB,GAAG,KAAK;sBAAG;;AAC1D","sources":["packages/@react-spectrum/s2/src/CenterBaseline.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {css} from '../style/style-macro' with {type: 'macro'};\nimport {CSSProperties, ReactNode} from 'react';\nimport {DOMAttributes} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps extends DOMAttributes {\n  style?: CSSProperties;\n  styles?: StyleString;\n  children: ReactNode;\n  slot?: string;\n}\n\nconst styles = style({\n  display: 'flex',\n  alignItems: 'center'\n});\n\nexport function CenterBaseline(props: CenterBaselineProps): ReactNode {\n  let domProps = filterDOMProps(props);\n  return (\n    <div\n      {...domProps}\n      slot={props.slot}\n      style={props.style}\n      className={mergeStyles(styles, props.styles) + ' ' + centerBaselineBefore}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const centerBaselineBefore = css(\n  '&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }'\n);\n\nexport function centerBaseline(\n  props: Omit<CenterBaselineProps, 'children'> = {}\n): (icon: ReactNode) => ReactNode {\n  return (icon: ReactNode) => <CenterBaseline {...props}>{icon}</CenterBaseline>;\n}\n"],"names":[],"version":3,"file":"CenterBaseline.mjs.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;AAiBD,MAAM;AAsBC,SAAS,0CAAe,KAA0B;IACvD,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE;IAC9B,qBACE,gBAAC;QACE,GAAG,QAAQ;QACZ,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,KAAK;QAClB,WAAW,CAAA,GAAA,yCAAU,EAAE,8BAAQ,MAAM,MAAM,IAAI,MAAM;kBACpD,MAAM,QAAQ;;AAGrB;AAEO,MAAM;AAIN,SAAS,0CACd,QAA+C,CAAC,CAAC;IAEjD,OAAO,CAAC,qBAAoB,gBAAC;YAAgB,GAAG,KAAK;sBAAG;;AAC1D","sources":["packages/@react-spectrum/s2/src/CenterBaseline.tsx"],"sourcesContent":["/*\n * Copyright 2024 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 {css} from '../style/style-macro' with {type: 'macro'};\nimport {CSSProperties, ReactNode} from 'react';\nimport {DOMAttributes} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps extends DOMAttributes {\n  style?: CSSProperties;\n  styles?: StyleString;\n  children: ReactNode;\n  slot?: string;\n}\n\nconst styles = style({\n  display: 'flex',\n  alignItems: 'center'\n});\n\n/**\n * Vertically centers its children against the surrounding text baseline.\n * Use this to align icons or other inline elements with adjacent text without\n * breaking baseline alignment.\n *\n * @example\n *   import {CenterBaseline} from '@react-spectrum/s2/CenterBaseline';\n *   import {style} from '@react-spectrum/s2/style' with {type: 'macro'};\n *   import CheckmarkIcon from '@react-spectrum/s2/icons/Checkmark';\n *\n *   <span className={style({display: 'flex', gap: 4, alignItems: 'baseline'})}>\n *     <CenterBaseline>\n *       <CheckmarkIcon />\n *     </CenterBaseline>\n *     <span>Done</span>\n *   </span>;\n */\nexport function CenterBaseline(props: CenterBaselineProps): ReactNode {\n  let domProps = filterDOMProps(props);\n  return (\n    <div\n      {...domProps}\n      slot={props.slot}\n      style={props.style}\n      className={mergeStyles(styles, props.styles) + ' ' + centerBaselineBefore}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const centerBaselineBefore = css(\n  '&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }'\n);\n\nexport function centerBaseline(\n  props: Omit<CenterBaselineProps, 'children'> = {}\n): (icon: ReactNode) => ReactNode {\n  return (icon: ReactNode) => <CenterBaseline {...props}>{icon}</CenterBaseline>;\n}\n"],"names":[],"version":3,"file":"CenterBaseline.mjs.map"}