@react-spectrum/s2 0.11.0 → 0.11.2

package/dist/TreeView.mjs

@@ -63,22 +63,22 @@ const $03960a2740ca2b19$var$tree = function anonymous(props, overrides) {
         if (p[1] === "F") height = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf11';
-    else rules += ' _Le11';
-    rules += ' Oh11';
-    rules += ' _Mc11';
-    rules += ' _Kb11';
-    rules += ' _4c11';
-    if (!minHeight) rules += ' Ma11';
-    if (!minWidth) rules += ' Na11';
-    if (!width) rules += ' Za11';
-    if (!height) rules += ' Fb11';
-    rules += ' _Na11';
-    rules += ' Pa11';
-    rules += ' _oa11';
-    if (props.isEmpty) rules += ' _Ca11';
-    if (props.isEmpty) rules += ' eb11';
-    rules += ' -lPUMEc-Zu11';
+    if (props.isFocusVisible) rules += ' _Lf112';
+    else rules += ' _Le112';
+    rules += ' Oh112';
+    rules += ' _Mc112';
+    rules += ' _Kb112';
+    rules += ' _4c112';
+    if (!minHeight) rules += ' Ma112';
+    if (!minWidth) rules += ' Na112';
+    if (!width) rules += ' Za112';
+    if (!height) rules += ' Fb112';
+    rules += ' _Na112';
+    rules += ' Pa112';
+    rules += ' _oa112';
+    if (props.isEmpty) rules += ' _Ca112';
+    if (props.isEmpty) rules += ' eb112';
+    rules += ' -lPUMEc-Zu112';
     return rules;
 };
 const $03960a2740ca2b19$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, $iOVFT$forwardRef)(function TreeView(props, ref) {
@@ -146,95 +146,95 @@ const $03960a2740ca2b19$var$rowBackgroundColor = {
 };
 const $03960a2740ca2b19$var$treeRow = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pc11';
-    rules += ' sd11';
-    rules += ' Fv11';
-    rules += ' Za11';
-    rules += ' _oa11';
-    rules += ' uk11';
-    rules += ' uch11';
-    rules += ' udi11';
-    rules += ' uea11';
-    rules += ' ugb11';
-    rules += ' uhd11';
-    rules += ' uje11';
-    rules += ' u2NhKxcl11';
-    rules += ' uic11';
-    rules += ' -_6BNtrc-c11';
-    rules += ' vx11';
-    rules += ' wb11';
-    rules += ' xb11';
-    rules += ' _xa11';
-    rules += ' _Fd11';
-    rules += ' _FezxGHba11';
-    rules += ' _FnuYUweb11';
-    rules += ' pt11';
-    rules += ' _Le11';
-    if (props.isLink) rules += ' ry11';
-    else rules += ' ri11';
+    rules += ' _Pc112';
+    rules += ' sd112';
+    rules += ' Fv112';
+    rules += ' Za112';
+    rules += ' _oa112';
+    rules += ' uk112';
+    rules += ' uch112';
+    rules += ' udi112';
+    rules += ' uea112';
+    rules += ' ugb112';
+    rules += ' uhd112';
+    rules += ' uje112';
+    rules += ' u2NhKxcl112';
+    rules += ' uic112';
+    rules += ' -_6BNtrc-c112';
+    rules += ' vx112';
+    rules += ' wb112';
+    rules += ' xb112';
+    rules += ' _xa112';
+    rules += ' _Fd112';
+    rules += ' _FezxGHba112';
+    rules += ' _FnuYUweb112';
+    rules += ' pt112';
+    rules += ' _Le112';
+    if (props.isLink) rules += ' ry112';
+    else rules += ' ri112';
     if (props.isSelected) {
         if (props.isPressed) {
-            if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd11';
-            else rules += ' -qH4xad-gRfT7e11';
+            if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd112';
+            else rules += ' -qH4xad-gRfT7e112';
         } else if (props.isHovered) {
-            if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd11';
-            else rules += ' -qH4xad-gRfT7e11';
+            if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd112';
+            else rules += ' -qH4xad-gRfT7e112';
         } else if (props.isFocusVisibleWithin) {
-            if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd11';
-            else rules += ' -qH4xad-gRfT7e11';
-        } else if (props.isEmphasized) rules += ' -qH4xad-gJpow3b11';
-        else rules += ' -qH4xad-gj1B7i11';
-    } else if (props.isPressed) rules += ' -qH4xad-gRfT7e11';
-    else if (props.isHovered) rules += ' -qH4xad-gj1B7i11';
-    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i11';
-    else rules += ' -qH4xad-gEzkoQe11';
-    rules += ' -qH4xad-lga11';
-    rules += ' -_34HbNb-Oh11';
-    rules += ' -_34HbNb-lOc11';
+            if (props.isEmphasized) rules += ' -qH4xad-gT9rOHd112';
+            else rules += ' -qH4xad-gRfT7e112';
+        } else if (props.isEmphasized) rules += ' -qH4xad-gJpow3b112';
+        else rules += ' -qH4xad-gj1B7i112';
+    } else if (props.isPressed) rules += ' -qH4xad-gRfT7e112';
+    else if (props.isHovered) rules += ' -qH4xad-gj1B7i112';
+    else if (props.isFocusVisibleWithin) rules += ' -qH4xad-gj1B7i112';
+    else rules += ' -qH4xad-gEzkoQe112';
+    rules += ' -qH4xad-lga112';
+    rules += ' -_34HbNb-Oh112';
+    rules += ' -_34HbNb-lOc112';
     return rules;
 };
 const $03960a2740ca2b19$var$treeCellGrid = function anonymous(props) {
     let rules = " ";
-    rules += ' se11';
-    rules += ' Za11';
-    rules += ' Fb11';
-    rules += ' _oa11';
-    rules += ' _cb11';
-    rules += ' eb11';
-    rules += ' Dw9uTxc11';
-    rules += ' EM8Mfn11';
-    rules += ' CgjMZ2c11';
-    rules += ' gs9yXOb11';
-    rules += ' Rp11';
+    rules += ' se112';
+    rules += ' Za112';
+    rules += ' Fb112';
+    rules += ' _oa112';
+    rules += ' _cb112';
+    rules += ' eb112';
+    rules += ' Dw9uTxc112';
+    rules += ' EM8Mfn112';
+    rules += ' CgjMZ2c112';
+    rules += ' gs9yXOb112';
+    rules += ' Rp112';
     if (props.isDisabled) {
-        rules += ' pp11';
-        rules += ' plc11';
+        rules += ' pp112';
+        rules += ' plc112';
     }
-    if (props.isFocusVisible) rules += ' -_7xg3bb-Oh11';
-    else rules += ' -_7xg3bb-O8Izf8c11';
-    rules += ' -_7xg3bb-lOc11';
-    rules += ' -pKMv1c-Oh11';
-    rules += ' -pKMv1c-lOc11';
+    if (props.isFocusVisible) rules += ' -_7xg3bb-Oh112';
+    else rules += ' -_7xg3bb-O8Izf8c112';
+    rules += ' -_7xg3bb-lOc112';
+    rules += ' -pKMv1c-Oh112';
+    rules += ' -pKMv1c-lOc112';
     if (props.isDetached) {
-        if (props.isSelected) rules += ' iBGbjub11';
-        else rules += ' iA11';
+        if (props.isSelected) rules += ' iBGbjub112';
+        else rules += ' iA112';
     }
-    if (props.isDetached) rules += ' _kb11';
-    if (props.isDetached) rules += ' hb11';
-    if (props.isDetached) rules += ' mb11';
-    if (props.isDetached) rules += ' lb11';
-    if (props.isDetached) rules += ' ob11';
-    if (props.isDetached) rules += ' nb11';
-    if (props.isDetached) rules += ' kb11';
-    if (props.isDetached) rules += ' jb11';
-    if (props.isDetached) rules += ' _jf11';
+    if (props.isDetached) rules += ' _kb112';
+    if (props.isDetached) rules += ' hb112';
+    if (props.isDetached) rules += ' mb112';
+    if (props.isDetached) rules += ' lb112';
+    if (props.isDetached) rules += ' ob112';
+    if (props.isDetached) rules += ' nb112';
+    if (props.isDetached) rules += ' kb112';
+    if (props.isDetached) rules += ' jb112';
+    if (props.isDetached) rules += ' _jf112';
     return rules;
 };
-const $03960a2740ca2b19$var$treeCheckbox = " zoRzcu11 yoRzcu11 BoRzcu11 AoRzcu11 Ix11 Hy11 Rd11";
-const $03960a2740ca2b19$var$treeIcon = " z2U5Crc11 y2U5Crc11 B2U5Crc11 A2U5Crc11 Ht11 Hsu11 -_8sjo0b-t5ZbAob11";
-const $03960a2740ca2b19$var$treeContent = " zk52g2d11 yk52g2d11 Bk52g2d11 Ak52g2d11 _Yb11 _7c11 _Nc11 Pc11";
-const $03960a2740ca2b19$var$treeActions = " zkG38H11 ykG38H11 BkG38H11 AkG38H11 Ir11 Hs11";
-const $03960a2740ca2b19$var$treeActionMenu = " z6Nrfjc11 y6Nrfjc11 B6Nrfjc11 A6Nrfjc11";
+const $03960a2740ca2b19$var$treeCheckbox = " zoRzcu112 yoRzcu112 BoRzcu112 AoRzcu112 Ix112 Hy112 Rd112";
+const $03960a2740ca2b19$var$treeIcon = " z2U5Crc112 y2U5Crc112 B2U5Crc112 A2U5Crc112 Ht112 Hsu112 -_8sjo0b-t5ZbAob112";
+const $03960a2740ca2b19$var$treeContent = " zk52g2d112 yk52g2d112 Bk52g2d112 Ak52g2d112 _Yb112 _7c112 _Nc112 Pc112";
+const $03960a2740ca2b19$var$treeActions = " zkG38H112 ykG38H112 BkG38H112 AkG38H112 Ir112 Hs112";
+const $03960a2740ca2b19$var$treeActionMenu = " z6Nrfjc112 y6Nrfjc112 B6Nrfjc112 A6Nrfjc112";
 const $03960a2740ca2b19$var$cellFocus = {
     outlineStyle: {
         default: 'none',
@@ -288,7 +288,7 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
                         })
                     }),
                     /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
-                        className: " z7fSmKc11 y7fSmKc11 B7fSmKc11 A7fSmKc11 ZecPNad11"
+                        className: " z7fSmKc112 y7fSmKc112 B7fSmKc112 A7fSmKc112 ZecPNad112"
                     }),
                     /*#__PURE__*/ (0, $iOVFT$jsx)($03960a2740ca2b19$var$ExpandableRowChevron, {
                         isDisabled: isDisabled,
@@ -311,7 +311,7 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
                                         slot: 'icon',
                                         styles: $03960a2740ca2b19$var$treeIcon
                                     }),
-                                    styles: " ZuUmpre11 FuUmpre11 _va11"
+                                    styles: " ZuUmpre112 FuUmpre112 _va112"
                                 }
                             ],
                             [
@@ -334,20 +334,20 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
                         role: "presentation",
                         className: function anonymous(props) {
                             let rules = " ";
-                            if (props.isFocusVisible) rules += ' _Lf11';
-                            else rules += ' _Le11';
-                            rules += ' _Kb11';
-                            rules += ' _Mc11';
-                            rules += ' Oh11';
-                            rules += ' of11';
-                            rules += ' nf11';
-                            rules += ' kf11';
-                            rules += ' jf11';
-                            rules += ' _Pa11';
-                            rules += ' Wr11';
-                            rules += ' _lr11';
-                            rules += ' _Ar11';
-                            rules += ' _zr11';
+                            if (props.isFocusVisible) rules += ' _Lf112';
+                            else rules += ' _Le112';
+                            rules += ' _Kb112';
+                            rules += ' _Mc112';
+                            rules += ' Oh112';
+                            rules += ' of112';
+                            rules += ' nf112';
+                            rules += ' kf112';
+                            rules += ' jf112';
+                            rules += ' _Pa112';
+                            rules += ' Wr112';
+                            rules += ' _lr112';
+                            rules += ' _Ar112';
+                            rules += ' _zr112';
                             return rules;
                         }({
                             isFocusVisible: true
@@ -358,7 +358,7 @@ const $03960a2740ca2b19$export$9a5779ed3fade674 = (props1)=>{
         }
     });
 };
-const $03960a2740ca2b19$var$centeredWrapper = " sd11 eb11 _Ca11 Za11 Fb11";
+const $03960a2740ca2b19$var$centeredWrapper = " sd112 eb112 _Ca112 Za112 Fb112";
 const $03960a2740ca2b19$export$6ceebe2a029205c = (props)=>{
     let { loadingState: loadingState, onLoadMore: onLoadMore } = props;
     let stringFormatter = (0, $iOVFT$useLocalizedStringFormatter)((0, ($parcel$interopDefault($iOVFT$intlStringsmjs))), '@react-spectrum/s2');
@@ -366,7 +366,7 @@ const $03960a2740ca2b19$export$6ceebe2a029205c = (props)=>{
     return /*#__PURE__*/ (0, $iOVFT$jsx)((0, $iOVFT$TreeLoadMoreItem), {
         isLoading: isLoading,
         onLoadMore: onLoadMore,
-        className: " Za11 Js11 Gs11",
+        className: " Za112 Js112 Gs112",
         children: ()=>{
             return /*#__PURE__*/ (0, $iOVFT$jsx)("div", {
                 className: $03960a2740ca2b19$var$centeredWrapper,
@@ -380,37 +380,37 @@ const $03960a2740ca2b19$export$6ceebe2a029205c = (props)=>{
 };
 const $03960a2740ca2b19$var$expandButton = function anonymous(props) {
     let rules = " ";
-    rules += ' z8dW5Qb11';
-    rules += ' y8dW5Qb11';
-    rules += ' B8dW5Qb11';
-    rules += ' A8dW5Qb11';
+    rules += ' z8dW5Qb112';
+    rules += ' y8dW5Qb112';
+    rules += ' B8dW5Qb112';
+    rules += ' A8dW5Qb112';
     if (props.isDisabled) {
-        rules += ' pp11';
-        rules += ' plc11';
-    } else rules += ' p40ub4c11';
-    rules += ' Fv11';
-    rules += ' Zw11';
-    rules += ' sd11';
-    rules += ' _wb11';
-    rules += ' _cb11';
-    rules += ' _Ca11';
-    rules += ' _Le11';
-    rules += ' ri11';
+        rules += ' pp112';
+        rules += ' plc112';
+    } else rules += ' p40ub4c112';
+    rules += ' Fv112';
+    rules += ' Zw112';
+    rules += ' sd112';
+    rules += ' _wb112';
+    rules += ' _cb112';
+    rules += ' _Ca112';
+    rules += ' _Le112';
+    rules += ' ri112';
     if (props.isExpanded) {
-        if (props.isRTL) rules += ' _Za11';
-        else rules += ' _Zb11';
+        if (props.isRTL) rules += ' _Za112';
+        else rules += ' _Zb112';
     }
-    rules += ' Td11';
-    rules += ' Qd11';
-    rules += ' Sd11';
-    rules += ' Rd11';
-    rules += ' Yd11';
-    rules += ' Xb11';
-    rules += ' _2b11';
-    rules += ' g911';
-    rules += ' _je11';
-    rules += ' __ca11';
-    if (props.isHidden) rules += ' _6b11';
+    rules += ' Td112';
+    rules += ' Qd112';
+    rules += ' Sd112';
+    rules += ' Rd112';
+    rules += ' Yd112';
+    rules += ' Xb112';
+    rules += ' _2b112';
+    rules += ' g9112';
+    rules += ' _je112';
+    rules += ' __ca112';
+    if (props.isHidden) rules += ' _6b112';
     return rules;
 };
 function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
@@ -436,20 +436,20 @@ function $03960a2740ca2b19$var$ExpandableRowChevron(props1) {
             className: function anonymous(props) {
                 let rules = " ";
                 if (props.direction === "rtl") {
-                    rules += ' -Z4Pn4c-a11';
-                    rules += ' __Ha11';
+                    rules += ' -Z4Pn4c-a112';
+                    rules += ' __Ha112';
                 } else if (props.direction === "ltr") {
-                    rules += ' -Z4Pn4c-b11';
-                    rules += ' __Ha11';
+                    rules += ' -Z4Pn4c-b112';
+                    rules += ' __Ha112';
                 }
                 if (props.direction === "rtl") {
-                    rules += ' -_04Pn4c-a11';
-                    rules += ' __Ha11';
+                    rules += ' -_04Pn4c-a112';
+                    rules += ' __Ha112';
                 } else if (props.direction === "ltr") {
-                    rules += ' -_04Pn4c-b11';
-                    rules += ' __Ha11';
+                    rules += ' -_04Pn4c-b112';
+                    rules += ' __Ha112';
                 }
-                rules += ' -_8sjo0b-t5ZbAob11';
+                rules += ' -_8sjo0b-t5ZbAob112';
                 return rules;
             }({
                 direction: direction

package/icons/Icon.cjs

@@ -71,9 +71,9 @@ const $bde97c91243ed164$var$iconStyles = function anonymous(props, overrides) {
         if (p[1] === "F") height = true;
         rules += p[0];
     }
-    if (!width) rules += ' Zm11';
-    if (!height) rules += ' Fn11';
-    rules += ' _va11';
+    if (!width) rules += ' Zm112';
+    if (!height) rules += ' Fn112';
+    rules += ' _va112';
     return rules;
 };
 function $bde97c91243ed164$export$274edc73af1ae9c8(Component, context = $bde97c91243ed164$export$a49f528ae1a4d0ed) {
@@ -114,20 +114,20 @@ const $bde97c91243ed164$var$illustrationStyles = function anonymous(props, overr
         rules += p[0];
     }
     if (props.size === "L") {
-        if (!width) rules += ' Zq11';
+        if (!width) rules += ' Zq112';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZH11';
+        if (!width) rules += ' ZH112';
     } else if (props.size === "S") {
-        if (!width) rules += ' ZF11';
+        if (!width) rules += ' ZF112';
     }
     if (props.size === "L") {
-        if (!height) rules += ' Fr11';
+        if (!height) rules += ' Fr112';
     } else if (props.size === "M") {
-        if (!height) rules += ' FB11';
+        if (!height) rules += ' FB112';
     } else if (props.size === "S") {
-        if (!height) rules += ' Fz11';
+        if (!height) rules += ' Fz112';
     }
-    rules += ' _va11';
+    rules += ' _va112';
     return rules;
 };
 function $bde97c91243ed164$export$4d00e7be716a0093(Component) {

package/icons/Icon.css

@@ -1,37 +1,37 @@
 @layer _.a {
-  .Zm11 {
+  .Zm112 {
     width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Fn11 {
+  .Fn112 {
     height: calc(1.25rem * var(--s2-scale));
   }
 
-  .ZF11 {
+  .ZF112 {
     width: calc(3rem * var(--s2-scale));
   }
 
-  .ZH11 {
+  .ZH112 {
     width: calc(6rem * var(--s2-scale));
   }
 
-  .Zq11 {
+  .Zq112 {
     width: calc(10rem * var(--s2-scale));
   }
 
-  .Fz11 {
+  .Fz112 {
     height: calc(3rem * var(--s2-scale));
   }
 
-  .FB11 {
+  .FB112 {
     height: calc(6rem * var(--s2-scale));
   }
 
-  .Fr11 {
+  .Fr112 {
     height: calc(10rem * var(--s2-scale));
   }
 
-  ._va11 {
+  ._va112 {
     flex-shrink: 0;
   }
 }

package/icons/Icon.mjs

@@ -62,9 +62,9 @@ const $ac8c32e6775ddd1f$var$iconStyles = function anonymous(props, overrides) {
         if (p[1] === "F") height = true;
         rules += p[0];
     }
-    if (!width) rules += ' Zm11';
-    if (!height) rules += ' Fn11';
-    rules += ' _va11';
+    if (!width) rules += ' Zm112';
+    if (!height) rules += ' Fn112';
+    rules += ' _va112';
     return rules;
 };
 function $ac8c32e6775ddd1f$export$274edc73af1ae9c8(Component, context = $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed) {
@@ -105,20 +105,20 @@ const $ac8c32e6775ddd1f$var$illustrationStyles = function anonymous(props, overr
         rules += p[0];
     }
     if (props.size === "L") {
-        if (!width) rules += ' Zq11';
+        if (!width) rules += ' Zq112';
     } else if (props.size === "M") {
-        if (!width) rules += ' ZH11';
+        if (!width) rules += ' ZH112';
     } else if (props.size === "S") {
-        if (!width) rules += ' ZF11';
+        if (!width) rules += ' ZF112';
     }
     if (props.size === "L") {
-        if (!height) rules += ' Fr11';
+        if (!height) rules += ' Fr112';
     } else if (props.size === "M") {
-        if (!height) rules += ' FB11';
+        if (!height) rules += ' FB112';
     } else if (props.size === "S") {
-        if (!height) rules += ' Fz11';
+        if (!height) rules += ' Fz112';
     }
-    rules += ' _va11';
+    rules += ' _va112';
     return rules;
 };
 function $ac8c32e6775ddd1f$export$4d00e7be716a0093(Component) {

package/icons/Skeleton.cjs

@@ -96,7 +96,7 @@ function $5eb75e0c130e0669$export$cb6ddd830302c2a8({ children: children }) {
         // @ts-ignore - compatibility with React < 19
         inert: (0, $lzdFu$reactariautils.inertValue)(true),
         ref: $5eb75e0c130e0669$export$6b288fe07640c94c(true),
-        className: $5eb75e0c130e0669$export$d2353276f167b21f + " pw11 _ma11 oa11 na11 ka11 ja11",
+        className: $5eb75e0c130e0669$export$d2353276f167b21f + " pw112 _ma112 oa112 na112 ka112 ja112",
         children: children
     });
 }
@@ -117,7 +117,7 @@ function $5eb75e0c130e0669$export$6069cbe61f690103({ children: children }) {
 }
 function $5eb75e0c130e0669$export$4b7803c08fe9a32b(styles) {
     let isSkeleton = (0, $lzdFu$react.useContext)($5eb75e0c130e0669$export$74e166679b1f49ee);
-    if (isSkeleton) return (0, $308b180f49d82d28$exports.mergeStyles)(" oa11 na11 ka11 ja11", styles);
+    if (isSkeleton) return (0, $308b180f49d82d28$exports.mergeStyles)(" oa112 na112 ka112 ja112", styles);
     return styles || '';
 }
 

package/icons/Skeleton.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAUM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,uCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,wBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,cAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,sDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,gCAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,YAAY,CAAC,OAAO,wBAAwB,CAAC,UAAU,QAAQ,MAAM,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IACrI,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,yBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,+BAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,6CAA6C;YAC7C,OAAO,CAAA,GAAA,gCAAS,EAAE;QACpB,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,0BAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n  let animationRef = useRef<Animation | null>(null);\n  let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert={inertValue(true)}\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        // @ts-ignore - compatibility with React < 19\n        inert: inertValue(true)\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAUM,SAAS,0CAAoB,WAAoB;IACtD,IAAI,eAAe,CAAA,GAAA,mBAAK,EAAoB;IAC5C,IAAI,eAAe,CAAA,GAAA,uCAAY,EAAE;IACjC,OAAO,CAAA,GAAA,wBAAU,EAAE,CAAC;QAClB,IAAI,eAAe,CAAC,aAAa,OAAO,IAAI,WAAW,CAAC,cAAc;YACpE,iEAAiE;YACjE,2EAA2E;YAC3E,aAAa,OAAO,GAAG,QAAQ,OAAO,CACpC;gBACE;oBAAC,oBAAoB;gBAAM;gBAC3B;oBAAC,oBAAoB;gBAAI;aAC1B,EACD;gBACE,UAAU;gBACV,YAAY;gBACZ,QAAQ;YACV;YAEF,aAAa,OAAO,CAAC,SAAS,GAAG;QACnC,OAAO,IAAI,CAAC,eAAe,aAAa,OAAO,EAAE;YAC/C,aAAa,OAAO,CAAC,MAAM;YAC3B,aAAa,OAAO,GAAG;QACzB;IACF,GAAG;QAAC;KAAY;AAClB;AASO,MAAM,0DAAkB,CAAA,GAAA,0BAAY,EAAkB;AACtD,SAAS;IACd,OAAO,CAAA,GAAA,uBAAS,EAAE,8CAAoB;AACxC;AAUO,SAAS,0CAAS,YAAC,QAAQ,aAAE,SAAS,EAAgB;IAC3D,iDAAiD;IACjD,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B;;AAGP;AAEO,MAAM,sDAMJ,qEAAqE;AAEvE,SAAS,0CAAgB,QAAmB,EAAE,KAAgC;IACnF,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YAAY;QACd,yBAAW,gCAAC;sBAAc;;QAC1B,QAAQ;YACN,GAAG,KAAK;YACR,8DAA8D;YAC9D,2EAA2E;YAC3E,qBAAqB;QACvB;IACF;IACA,OAAO;QAAC;QAAU;KAAM;AAC1B;AAGO,SAAS,0CAAa,YAAC,QAAQ,EAAwB;IAC5D,qBACE,gCAAC;QACC,6CAA6C;QAC7C,OAAO,CAAA,GAAA,gCAAS,EAAE;QAClB,KAAK,0CAAoB;QACzB,WAAW;kBAKV;;AAGP;AAGO,SAAS,0CAAgB,YAAC,QAAQ,EAA8B;IACrE,IAAI,YAAY,CAAA,GAAA,uBAAS,EAAE;IAC3B,IAAI,YAAY,0CAAoB,aAAa;IACjD,IAAI,aAAa,MACf,OAAO;IAGT,IAAI,WAAW,SAAS,YAAY,CAAC,OAAO,wBAAwB,CAAC,UAAU,QAAQ,MAAM,SAAS,GAAG,GAAU,SAAS,KAAK,CAAC,GAAG;IACrI,qBACE,gCAAC,0CAAgB,QAAQ;QAAC,OAAO;kBAC9B,0BAAY,CAAA,GAAA,yBAAW,EAAE,UAAU;YAClC,KAAK,CAAA,GAAA,+BAAQ,EAAE,UAAU;YACzB,WAAW,AAAC,CAAA,SAAS,KAAK,CAAC,SAAS,IAAI,EAAC,IAAK,MAAM;YACpD,6CAA6C;YAC7C,OAAO,CAAA,GAAA,gCAAS,EAAE;QACpB,KAAK;;AAGX;AAGO,SAAS,0CAAgB,MAAmB;IACjD,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE;IAC5B,IAAI,YACF,OAAO,CAAA,GAAA,qCAAU,8BAA+B;IAElD,OAAO,UAAU;AACnB","sources":["packages/@react-spectrum/s2/src/Skeleton.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 {cloneElement, createContext, CSSProperties, ReactElement, ReactNode, Ref, useCallback, useContext, useRef} from 'react';\nimport {color, style} from '../style' with {type: 'macro'};\nimport {inertValue, mergeRefs} from '@react-aria/utils';\nimport {mergeStyles} from '../style/runtime';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport {StyleString} from '../style/types';\nimport {useMediaQuery} from '@react-spectrum/utils';\n\nexport function useLoadingAnimation(isAnimating: boolean): (element: HTMLElement | null) => void {\n  let animationRef = useRef<Animation | null>(null);\n  let reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n  return useCallback((element: HTMLElement | null) => {\n    if (isAnimating && !animationRef.current && element && !reduceMotion) {\n      // Use web animation API instead of CSS animations so that we can\n      // synchronize it between all loading elements on the page (via startTime).\n      animationRef.current = element.animate(\n        [\n          {backgroundPosition: '100%'},\n          {backgroundPosition: '0%'}\n        ],\n        {\n          duration: 2000,\n          iterations: Infinity,\n          easing: 'ease-in-out'\n        }\n      );\n      animationRef.current.startTime = 0;\n    } else if (!isAnimating && animationRef.current) {\n      animationRef.current.cancel();\n      animationRef.current = null;\n    }\n  }, [isAnimating]);\n}\n\nexport type SkeletonElement = ReactElement<{\n  children: ReactNode,\n  className?: string,\n  ref?: Ref<HTMLElement>,\n  inert?: boolean | 'true'\n}>;\n\nexport const SkeletonContext = createContext<boolean | null>(null);\nexport function useIsSkeleton(): boolean {\n  return useContext(SkeletonContext) || false;\n}\n\nexport interface SkeletonProps {\n  children: ReactNode,\n  isLoading: boolean\n}\n\n/**\n * A Skeleton wraps around content to render it as a placeholder.\n */\nexport function Skeleton({children, isLoading}: SkeletonProps): ReactNode {\n  // Disable all form components inside a skeleton.\n  return (\n    <SkeletonContext.Provider value={isLoading}>\n      {children}\n    </SkeletonContext.Provider>\n  );\n}\n\nexport const loadingStyle = raw(`\n  background-image: linear-gradient(to right, ${color('gray-100')} 33%, light-dark(${color('gray-25')}, ${color('gray-300')}), ${color('gray-100')} 66%);\n  background-size: 300%;\n  * {\n    visibility: hidden;\n  }\n`, 'L'); // add to a separate layer so it overrides default style macro styles\n\nexport function useSkeletonText(children: ReactNode, style: CSSProperties | undefined): [ReactNode, CSSProperties | undefined] {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    children = <SkeletonText>{children}</SkeletonText>;\n    style = {\n      ...style,\n      // This ensures the ellipsis on truncated text is also hidden.\n      // -webkit-text-fill-color overrides any `color` property that is also set.\n      WebkitTextFillColor: 'transparent'\n    };\n  }\n  return [children, style];\n}\n\n// Rendered inside <Text> to create skeleton line boxes via box-decoration-break.\nexport function SkeletonText({children}: {children: ReactNode}): ReactNode {\n  return (\n    <span\n      // @ts-ignore - compatibility with React < 19\n      inert={inertValue(true)}\n      ref={useLoadingAnimation(true)}\n      className={loadingStyle + style({\n        color: 'transparent',\n        boxDecorationBreak: 'clone',\n        borderRadius: 'sm'\n      })}>\n      {children}\n    </span>\n  );\n}\n\n// Clones the child element and displays it with skeleton styling.\nexport function SkeletonWrapper({children}: {children: SkeletonElement}): ReactNode {\n  let isLoading = useContext(SkeletonContext);\n  let animation = useLoadingAnimation(isLoading || false);\n  if (isLoading == null) {\n    return children;\n  }\n\n  let childRef = 'ref' in children && !Object.getOwnPropertyDescriptor(children, 'ref')?.get ? children.ref as any : children.props.ref;\n  return (\n    <SkeletonContext.Provider value={null}>\n      {isLoading ? cloneElement(children, {\n        ref: mergeRefs(childRef, animation),\n        className: (children.props.className || '') + ' ' + loadingStyle,\n        // @ts-ignore - compatibility with React < 19\n        inert: inertValue(true)\n      }) : children}\n    </SkeletonContext.Provider>\n  );\n}\n\n// Adds default border radius around icons when displayed in a skeleton.\nexport function useSkeletonIcon(styles: StyleString): StyleString {\n  let isSkeleton = useContext(SkeletonContext);\n  if (isSkeleton) {\n    return mergeStyles(style({borderRadius: 'sm'}), styles);\n  }\n  return styles || '' as StyleString;\n}\n"],"names":[],"version":3,"file":"Skeleton.cjs.map"}

package/icons/Skeleton.css

@@ -12,28 +12,28 @@
 }
 
 @layer _.a {
-  .pw11 {
+  .pw112 {
     color: #0000;
   }
 
-  ._ma11 {
+  ._ma112 {
     -webkit-box-decoration-break: clone;
     box-decoration-break: clone;
   }
 
-  .oa11 {
+  .oa112 {
     border-start-start-radius: .25rem;
   }
 
-  .na11 {
+  .na112 {
     border-start-end-radius: .25rem;
   }
 
-  .ka11 {
+  .ka112 {
     border-end-start-radius: .25rem;
   }
 
-  .ja11 {
+  .ja112 {
     border-end-end-radius: .25rem;
   }
 }

package/icons/Skeleton.mjs

@@ -83,7 +83,7 @@ function $5ad421ec19460c48$export$cb6ddd830302c2a8({ children: children }) {
         // @ts-ignore - compatibility with React < 19
         inert: (0, $cHM3s$inertValue)(true),
         ref: $5ad421ec19460c48$export$6b288fe07640c94c(true),
-        className: $5ad421ec19460c48$export$d2353276f167b21f + " pw11 _ma11 oa11 na11 ka11 ja11",
+        className: $5ad421ec19460c48$export$d2353276f167b21f + " pw112 _ma112 oa112 na112 ka112 ja112",
         children: children
     });
 }
@@ -104,7 +104,7 @@ function $5ad421ec19460c48$export$6069cbe61f690103({ children: children }) {
 }
 function $5ad421ec19460c48$export$4b7803c08fe9a32b(styles) {
     let isSkeleton = (0, $cHM3s$useContext)($5ad421ec19460c48$export$74e166679b1f49ee);
-    if (isSkeleton) return (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" oa11 na11 ka11 ja11", styles);
+    if (isSkeleton) return (0, $feb886035e0d4633$export$e618dc39ac9ad607)(" oa112 na112 ka112 ja112", styles);
     return styles || '';
 }