@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/CenterBaseline.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AAeD,MAAM;AAKC,SAAS,0CAAe,KAA0B;IACvD,qBACE,gCAAC;QACC,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,KAAK;QAClB,WAAW,CAAA,GAAA,qCAAU,EAAE,8BAAQ,MAAM,MAAM,IAAI,MAAM;kBACpD,MAAM,QAAQ;;AAGrB;AAEO,MAAM;AAEN,SAAS,0CAAe,QAA+C,CAAC,CAAC;IAC9E,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 {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps {\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  return (\n    <div\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('&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }');\n\nexport function centerBaseline(props: Omit<CenterBaselineProps, 'children'> = {}): (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 {
-  .sd13 {
+  .sd15 {
     display: flex;
   }
 
-  .eb13 {
+  .eb15 {
     align-items: center;
   }
 

package/dist/private/CenterBaseline.css.map

@@ -1 +1 @@
-{"mappings":"ACyBe;EAAA;;;;EAAA;;;;EAgBqB;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 {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps {\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  return (\n    <div\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('&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }');\n\nexport function centerBaseline(props: Omit<CenterBaselineProps, 'children'> = {}): (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

@@ -1,6 +1,7 @@
 import "./CenterBaseline.css";
 import {mergeStyles as $feb886035e0d4633$export$e618dc39ac9ad607} from "../../icons/runtime.mjs";
 import {jsx as $hT6aV$jsx} from "react/jsx-runtime";
+import {filterDOMProps as $hT6aV$filterDOMProps} from "react-aria/filterDOMProps";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -14,9 +15,12 @@ import {jsx as $hT6aV$jsx} from "react/jsx-runtime";
  * governing permissions and limitations under the License.
  */ 
 
-const $1f4b04be3f24aae3$var$styles = " sd13 eb13";
+
+const $1f4b04be3f24aae3$var$styles = " sd15 eb15";
 function $1f4b04be3f24aae3$export$768dac55bb57081d(props) {
+    let domProps = (0, $hT6aV$filterDOMProps)(props);
     return /*#__PURE__*/ (0, $hT6aV$jsx)("div", {
+        ...domProps,
         slot: props.slot,
         style: props.style,
         className: (0, $feb886035e0d4633$export$e618dc39ac9ad607)($1f4b04be3f24aae3$var$styles, props.styles) + ' ' + $1f4b04be3f24aae3$export$179e9489a09b14ac,

package/dist/private/CenterBaseline.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;AAeD,MAAM;AAKC,SAAS,0CAAe,KAA0B;IACvD,qBACE,gBAAC;QACC,MAAM,MAAM,IAAI;QAChB,OAAO,MAAM,KAAK;QAClB,WAAW,CAAA,GAAA,yCAAU,EAAE,8BAAQ,MAAM,MAAM,IAAI,MAAM;kBACpD,MAAM,QAAQ;;AAGrB;AAEO,MAAM;AAEN,SAAS,0CAAe,QAA+C,CAAC,CAAC;IAC9E,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 {mergeStyles} from '../style/runtime';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleString} from '../style/types';\n\ninterface CenterBaselineProps {\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  return (\n    <div\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('&::before { content: \"\\u00a0\"; width: 0; visibility: hidden }');\n\nexport function centerBaseline(props: Omit<CenterBaselineProps, 'children'> = {}): (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"}