@react-spectrum/s2 3.0.0-nightly-5ed06068e-241105 → 3.0.0-nightly-09ccc53e7-241107

package/dist/ActionButtonGroup.mjs

@@ -0,0 +1,70 @@
+import "./ActionButtonGroup.css";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
+import {jsx as $aTsYn$jsx} from "react/jsx-runtime";
+import {Toolbar as $aTsYn$Toolbar} from "react-aria-components";
+import {createContext as $aTsYn$createContext, forwardRef as $aTsYn$forwardRef} from "react";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $10401bdc118cbc90$export$641cbcd1f6f6802f = function anonymous(props, overrides) {
+    let rules = " .";
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r|k|o|p)[^\s]+/g) || [];
+    rules += matches.join('');
+    rules += ' _Zd';
+    if (props.orientation === "vertical") rules += ' _6b';
+    else if (props.orientation === "horizontal") rules += ' _6a';
+    if (props.density === "regular") {
+        if (props.size === "XL") rules += ' id';
+        else if (props.size === "L") rules += ' id';
+        else if (props.size === "M") rules += ' id';
+        else if (props.size === "S") rules += ' ic';
+        else if (props.size === "XS") rules += ' ic';
+    } else if (props.density === "compact") rules += ' ib';
+    if (props.density === "regular") {
+        if (props.size === "XL") rules += ' jd';
+        else if (props.size === "L") rules += ' jd';
+        else if (props.size === "M") rules += ' jd';
+        else if (props.size === "S") rules += ' jc';
+        else if (props.size === "XS") rules += ' jc';
+    } else if (props.density === "compact") rules += ' jb';
+    return rules;
+};
+const $10401bdc118cbc90$export$33f5f2f2cb85d743 = /*#__PURE__*/ (0, $aTsYn$createContext)(null);
+function $10401bdc118cbc90$var$ActionButtonGroup(props, ref) {
+    [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $10401bdc118cbc90$export$33f5f2f2cb85d743);
+    let { density: density = 'regular', size: size = 'M', orientation: orientation = 'horizontal', isJustified: isJustified, children: children, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, styles: styles } = props;
+    return /*#__PURE__*/ (0, $aTsYn$jsx)((0, $aTsYn$Toolbar), {
+        ...props,
+        ref: ref,
+        style: UNSAFE_style,
+        className: UNSAFE_className + $10401bdc118cbc90$export$641cbcd1f6f6802f({
+            size: size,
+            density: density,
+            orientation: orientation,
+            isJustified: isJustified
+        }, styles),
+        children: /*#__PURE__*/ (0, $aTsYn$jsx)($10401bdc118cbc90$export$33f5f2f2cb85d743.Provider, {
+            value: props,
+            children: children
+        })
+    });
+}
+/**
+ * An ActionButtonGroup is a grouping of related ActionButtons.
+ */ const $10401bdc118cbc90$export$73d695ae27330056 = /*#__PURE__*/ (0, $aTsYn$forwardRef)($10401bdc118cbc90$var$ActionButtonGroup);
+
+
+export {$10401bdc118cbc90$export$641cbcd1f6f6802f as actionGroupStyle, $10401bdc118cbc90$export$33f5f2f2cb85d743 as ActionButtonGroupContext, $10401bdc118cbc90$export$73d695ae27330056 as ActionButtonGroup};
+//# sourceMappingURL=ActionButtonGroup.mjs.map

package/dist/ActionButtonGroup.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;AAsCM,MAAM;;;;;;;;;;;;;;;;;;;;;;;AAyBN,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAwD;AAE5G,SAAS,wCAAkB,KAA6B,EAAE,GAAiC;IACzF,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,WACF,UAAU,iBACV,OAAO,kBACP,cAAc,2BACd,WAAW,YACX,QAAQ,oBACR,mBAAmB,kBACnB,YAAY,UACZ,MAAM,EACP,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,cAAM;QACJ,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,0CAAiB;kBAAC;qBAAM;yBAAS;yBAAa;QAAW,GAAG;kBAC1F,cAAA,gBAAC,0CAAyB,QAAQ;YAAC,OAAO;sBACvC;;;AAIT;AAEA;;CAEC,GACD,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/ActionButtonGroup.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 {ContextValue, SlotProps, Toolbar} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {getAllowedOverrides, StylesPropWithHeight, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ActionButtonGroupProps extends UnsafeStyles, SlotProps {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /** The children of the group. */\n  children: ReactNode,\n  /**\n   * Size of the buttons.\n   * @default \"M\"\n   */\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Spacing between the buttons.\n   * @default \"regular\"\n   */\n  density?: 'compact' | 'regular',\n  /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */\n  isQuiet?: boolean,\n  /** Whether the buttons should divide the container width equally. */\n  isJustified?: boolean,\n  /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */\n  staticColor?: 'white' | 'black',\n  /**\n   * The axis the group should align with.\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical',\n  /** Whether the group is disabled. */\n  isDisabled?: boolean\n}\n\nexport const actionGroupStyle = style({\n  display: 'flex',\n  flexDirection: {\n    orientation: {\n      horizontal: 'row',\n      vertical: 'column'\n    }\n  },\n  gap: {\n    density: {\n      compact: 2,\n      regular: {\n        size: {\n          XS: 4,\n          S: 4,\n          M: 8,\n          L: 8,\n          XL: 8\n        }\n      }\n    }\n  }\n}, getAllowedOverrides({height: true}));\n\n\nexport const ActionButtonGroupContext = createContext<ContextValue<ActionButtonGroupProps, HTMLDivElement>>(null);\n\nfunction ActionButtonGroup(props: ActionButtonGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionButtonGroupContext);\n  let {\n    density = 'regular',\n    size = 'M',\n    orientation = 'horizontal',\n    isJustified,\n    children,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    styles\n  } = props;\n\n  return (\n    <Toolbar\n      {...props}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + actionGroupStyle({size, density, orientation, isJustified}, styles)}>\n      <ActionButtonGroupContext.Provider value={props}>\n        {children}\n      </ActionButtonGroupContext.Provider>\n    </Toolbar>\n  );\n}\n\n/**\n * An ActionButtonGroup is a grouping of related ActionButtons.\n */\nconst _ActionButtonGroup = forwardRef(ActionButtonGroup);\nexport {_ActionButtonGroup as ActionButtonGroup};\n"],"names":[],"version":3,"file":"ActionButtonGroup.mjs.map"}

package/dist/Badge.cjs

@@ -101,51 +101,51 @@ const $660a621e3a266afc$var$badge = function anonymous(props, overrides) {
     rules += ' -oelgqu_A--177861o';
     rules += ' jbH';
     rules += ' jG';
-    if (props.fillStyle === "outline") rules += ' b______k';
+    if (props.fillStyle === "outline") rules += ' b______o';
     else if (props.fillStyle === "subtle") {
-        if (props.variant === "silver") rules += ' b______j';
-        else if (props.variant === "cinnamon") rules += ' b______f';
-        else if (props.variant === "brown") rules += ' b______h';
-        else if (props.variant === "turquoise") rules += ' b______d';
-        else if (props.variant === "pink") rules += ' b______b';
-        else if (props.variant === "magenta") rules += ' b_____9';
-        else if (props.variant === "fuchsia") rules += ' b_____7';
-        else if (props.variant === "purple") rules += ' b_____5';
-        else if (props.variant === "indigo") rules += ' b_____3';
+        if (props.variant === "silver") rules += ' b______n';
+        else if (props.variant === "cinnamon") rules += ' b______j';
+        else if (props.variant === "brown") rules += ' b______l';
+        else if (props.variant === "turquoise") rules += ' b______h';
+        else if (props.variant === "pink") rules += ' b______f';
+        else if (props.variant === "magenta") rules += ' b______d';
+        else if (props.variant === "fuchsia") rules += ' b______b';
+        else if (props.variant === "purple") rules += ' b_____9';
+        else if (props.variant === "indigo") rules += ' b_____7';
         else if (props.variant === "blue") rules += ' b_____G';
-        else if (props.variant === "cyan") rules += ' b_____1';
-        else if (props.variant === "seafoam") rules += ' b_____Z';
-        else if (props.variant === "green") rules += ' b_____P';
-        else if (props.variant === "celery") rules += ' b_____X';
-        else if (props.variant === "charteuse") rules += ' b_____V';
-        else if (props.variant === "yellow") rules += ' b_____T';
-        else if (props.variant === "orange") rules += ' b_____R';
-        else if (props.variant === "red") rules += ' b_____M';
+        else if (props.variant === "cyan") rules += ' b_____5';
+        else if (props.variant === "seafoam") rules += ' b_____3';
+        else if (props.variant === "green") rules += ' b_____S';
+        else if (props.variant === "celery") rules += ' b_____1';
+        else if (props.variant === "charteuse") rules += ' b_____Z';
+        else if (props.variant === "yellow") rules += ' b_____X';
+        else if (props.variant === "orange") rules += ' b_____V';
+        else if (props.variant === "red") rules += ' b_____N';
         else if (props.variant === "gray") rules += ' b_____J';
-        else if (props.variant === "negative") rules += ' b_____M';
-        else if (props.variant === "notice") rules += ' b_____R';
-        else if (props.variant === "positive") rules += ' b_____P';
+        else if (props.variant === "negative") rules += ' b_____N';
+        else if (props.variant === "notice") rules += ' b_____V';
+        else if (props.variant === "positive") rules += ' b_____S';
         else if (props.variant === "neutral") rules += ' b_____J';
         else if (props.variant === "informative") rules += ' b_____G';
         else if (props.variant === "accent") rules += ' b_____G';
     } else if (props.fillStyle === "bold") {
-        if (props.variant === "silver") rules += ' b______i';
-        else if (props.variant === "cinnamon") rules += ' b______e';
-        else if (props.variant === "brown") rules += ' b______g';
-        else if (props.variant === "turquoise") rules += ' b______c';
-        else if (props.variant === "pink") rules += ' b______a';
-        else if (props.variant === "magenta") rules += ' b_____8';
-        else if (props.variant === "fuchsia") rules += ' b_____6';
-        else if (props.variant === "purple") rules += ' b_____4';
-        else if (props.variant === "indigo") rules += ' b_____2';
+        if (props.variant === "silver") rules += ' b______m';
+        else if (props.variant === "cinnamon") rules += ' b______i';
+        else if (props.variant === "brown") rules += ' b______k';
+        else if (props.variant === "turquoise") rules += ' b______g';
+        else if (props.variant === "pink") rules += ' b______e';
+        else if (props.variant === "magenta") rules += ' b______c';
+        else if (props.variant === "fuchsia") rules += ' b______a';
+        else if (props.variant === "purple") rules += ' b_____8';
+        else if (props.variant === "indigo") rules += ' b_____6';
         else if (props.variant === "blue") rules += ' b_____E';
-        else if (props.variant === "cyan") rules += ' b_____0';
-        else if (props.variant === "seafoam") rules += ' b_____Y';
-        else if (props.variant === "green") rules += ' b_____N';
-        else if (props.variant === "celery") rules += ' b_____W';
-        else if (props.variant === "charteuse") rules += ' b_____U';
-        else if (props.variant === "yellow") rules += ' b_____S';
-        else if (props.variant === "orange") rules += ' b_____Q';
+        else if (props.variant === "cyan") rules += ' b_____4';
+        else if (props.variant === "seafoam") rules += ' b_____2';
+        else if (props.variant === "green") rules += ' b_____P';
+        else if (props.variant === "celery") rules += ' b_____0';
+        else if (props.variant === "charteuse") rules += ' b_____Y';
+        else if (props.variant === "yellow") rules += ' b_____W';
+        else if (props.variant === "orange") rules += ' b_____T';
         else if (props.variant === "red") rules += ' b_____K';
         else if (props.variant === "gray") rules += ' b_____H';
         else if (props.variant === "negative") {
@@ -153,12 +153,12 @@ const $660a621e3a266afc$var$badge = function anonymous(props, overrides) {
             else if (props.isFocusVisible) rules += ' b_____L';
             else if (props.isHovered) rules += ' b_____L';
             else rules += ' b_____K';
-        } else if (props.variant === "notice") rules += ' b_____Q';
+        } else if (props.variant === "notice") rules += ' b_____T';
         else if (props.variant === "positive") {
-            if (props.isPressed) rules += ' b_____O';
-            else if (props.isFocusVisible) rules += ' b_____O';
-            else if (props.isHovered) rules += ' b_____O';
-            else rules += ' b_____N';
+            if (props.isPressed) rules += ' b_____Q';
+            else if (props.isFocusVisible) rules += ' b_____Q';
+            else if (props.isHovered) rules += ' b_____Q';
+            else rules += ' b_____P';
         } else if (props.variant === "neutral") {
             if (props.isPressed) rules += ' b_____I';
             else if (props.isFocusVisible) rules += ' b_____I';

package/dist/Badge.css

@@ -105,7 +105,7 @@
     background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #444);
   }
 
-  .b_____O {
+  .b_____Q {
     background-color: var(--lightningcss-light, #036e45) var(--lightningcss-dark, #047c4b);
   }
 
@@ -121,31 +121,31 @@
     background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #df3422);
   }
 
-  .b_____Q {
+  .b_____T {
     background-color: var(--lightningcss-light, #fc7d00) var(--lightningcss-dark, #e06400);
   }
 
-  .b_____S {
+  .b_____W {
     background-color: var(--lightningcss-light, #f5c700) var(--lightningcss-dark, #da9f00);
   }
 
-  .b_____U {
+  .b_____Y {
     background-color: var(--lightningcss-light, #a3c400) var(--lightningcss-dark, #88a400);
   }
 
-  .b_____W {
+  .b_____0 {
     background-color: var(--lightningcss-light, #5db41f) var(--lightningcss-dark, #4e9a17);
   }
 
-  .b_____N {
+  .b_____P {
     background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #068850);
   }
 
-  .b_____Y {
+  .b_____2 {
     background-color: var(--lightningcss-light, #07816d) var(--lightningcss-dark, #088670);
   }
 
-  .b_____0 {
+  .b_____4 {
     background-color: var(--lightningcss-light, #0b78b3) var(--lightningcss-dark, #0d7dba);
   }
 
@@ -153,39 +153,39 @@
     background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
   }
 
-  .b_____2 {
+  .b_____6 {
     background-color: var(--lightningcss-light, #7155fa) var(--lightningcss-dark, #745bfc);
   }
 
-  .b_____4 {
+  .b_____8 {
     background-color: var(--lightningcss-light, #9a47e2) var(--lightningcss-dark, #9d4ee4);
   }
 
-  .b_____6 {
+  .b______a {
     background-color: var(--lightningcss-light, #b539c8) var(--lightningcss-dark, #ba3cce);
   }
 
-  .b_____8 {
+  .b______c {
     background-color: var(--lightningcss-light, #d92361) var(--lightningcss-dark, #e02665);
   }
 
-  .b______a {
+  .b______e {
     background-color: var(--lightningcss-light, #ce2a92) var(--lightningcss-dark, #d52d97);
   }
 
-  .b______c {
+  .b______g {
     background-color: var(--lightningcss-light, #087e89) var(--lightningcss-dark, #09838e);
   }
 
-  .b______g {
+  .b______k {
     background-color: var(--lightningcss-light, #8b6d42) var(--lightningcss-dark, #8f7245);
   }
 
-  .b______e {
+  .b______i {
     background-color: var(--lightningcss-light, #aa5e38) var(--lightningcss-dark, #b0623b);
   }
 
-  .b______i {
+  .b______m {
     background-color: var(--lightningcss-light, #727272) var(--lightningcss-dark, #767676);
   }
 
@@ -193,35 +193,35 @@
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #393939);
   }
 
-  .b_____M {
+  .b_____N {
     background-color: var(--lightningcss-light, #ffebe8) var(--lightningcss-dark, #571107);
   }
 
-  .b_____R {
+  .b_____V {
     background-color: var(--lightningcss-light, #ffeccf) var(--lightningcss-dark, #501b00);
   }
 
-  .b_____T {
+  .b_____X {
     background-color: var(--lightningcss-light, #fff197) var(--lightningcss-dark, #3d2700);
   }
 
-  .b_____V {
+  .b_____Z {
     background-color: var(--lightningcss-light, #eaf6ad) var(--lightningcss-dark, #272f00);
   }
 
-  .b_____X {
+  .b_____1 {
     background-color: var(--lightningcss-light, #c5ff9c) var(--lightningcss-dark, #153301);
   }
 
-  .b_____P {
+  .b_____S {
     background-color: var(--lightningcss-light, #d7f7e1) var(--lightningcss-dark, #003326);
   }
 
-  .b_____Z {
+  .b_____3 {
     background-color: var(--lightningcss-light, #d3f6ea) var(--lightningcss-dark, #00322c);
   }
 
-  .b_____1 {
+  .b_____5 {
     background-color: var(--lightningcss-light, #d9f4fd) var(--lightningcss-dark, #003041);
   }
 
@@ -229,43 +229,43 @@
     background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0c2175);
   }
 
-  .b_____3 {
+  .b_____7 {
     background-color: var(--lightningcss-light, #ebeeff) var(--lightningcss-dark, #2f008c);
   }
 
-  .b_____5 {
+  .b_____9 {
     background-color: var(--lightningcss-light, #f4ebfc) var(--lightningcss-dark, #40007a);
   }
 
-  .b_____7 {
+  .b______b {
     background-color: var(--lightningcss-light, #fde9ff) var(--lightningcss-dark, #4f005f);
   }
 
-  .b_____9 {
+  .b______d {
     background-color: var(--lightningcss-light, #ffe8f0) var(--lightningcss-dark, #5d0022);
   }
 
-  .b______b {
+  .b______f {
     background-color: var(--lightningcss-light, #ffe8f7) var(--lightningcss-dark, #5a0039);
   }
 
-  .b______d {
+  .b______h {
     background-color: var(--lightningcss-light, #d1f5f5) var(--lightningcss-dark, #003136);
   }
 
-  .b______h {
+  .b______l {
     background-color: var(--lightningcss-light, #f7eee1) var(--lightningcss-dark, #3a280e);
   }
 
-  .b______f {
+  .b______j {
     background-color: var(--lightningcss-light, #f9ece5) var(--lightningcss-dark, #4f1c07);
   }
 
-  .b______j {
+  .b______n {
     background-color: var(--lightningcss-light, #efefef) var(--lightningcss-dark, #2c2c2c);
   }
 
-  .b______k {
+  .b______o {
     background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 

package/dist/Badge.mjs

@@ -90,51 +90,51 @@ const $6357025487dea614$var$badge = function anonymous(props, overrides) {
     rules += ' -oelgqu_A--177861o';
     rules += ' jbH';
     rules += ' jG';
-    if (props.fillStyle === "outline") rules += ' b______k';
+    if (props.fillStyle === "outline") rules += ' b______o';
     else if (props.fillStyle === "subtle") {
-        if (props.variant === "silver") rules += ' b______j';
-        else if (props.variant === "cinnamon") rules += ' b______f';
-        else if (props.variant === "brown") rules += ' b______h';
-        else if (props.variant === "turquoise") rules += ' b______d';
-        else if (props.variant === "pink") rules += ' b______b';
-        else if (props.variant === "magenta") rules += ' b_____9';
-        else if (props.variant === "fuchsia") rules += ' b_____7';
-        else if (props.variant === "purple") rules += ' b_____5';
-        else if (props.variant === "indigo") rules += ' b_____3';
+        if (props.variant === "silver") rules += ' b______n';
+        else if (props.variant === "cinnamon") rules += ' b______j';
+        else if (props.variant === "brown") rules += ' b______l';
+        else if (props.variant === "turquoise") rules += ' b______h';
+        else if (props.variant === "pink") rules += ' b______f';
+        else if (props.variant === "magenta") rules += ' b______d';
+        else if (props.variant === "fuchsia") rules += ' b______b';
+        else if (props.variant === "purple") rules += ' b_____9';
+        else if (props.variant === "indigo") rules += ' b_____7';
         else if (props.variant === "blue") rules += ' b_____G';
-        else if (props.variant === "cyan") rules += ' b_____1';
-        else if (props.variant === "seafoam") rules += ' b_____Z';
-        else if (props.variant === "green") rules += ' b_____P';
-        else if (props.variant === "celery") rules += ' b_____X';
-        else if (props.variant === "charteuse") rules += ' b_____V';
-        else if (props.variant === "yellow") rules += ' b_____T';
-        else if (props.variant === "orange") rules += ' b_____R';
-        else if (props.variant === "red") rules += ' b_____M';
+        else if (props.variant === "cyan") rules += ' b_____5';
+        else if (props.variant === "seafoam") rules += ' b_____3';
+        else if (props.variant === "green") rules += ' b_____S';
+        else if (props.variant === "celery") rules += ' b_____1';
+        else if (props.variant === "charteuse") rules += ' b_____Z';
+        else if (props.variant === "yellow") rules += ' b_____X';
+        else if (props.variant === "orange") rules += ' b_____V';
+        else if (props.variant === "red") rules += ' b_____N';
         else if (props.variant === "gray") rules += ' b_____J';
-        else if (props.variant === "negative") rules += ' b_____M';
-        else if (props.variant === "notice") rules += ' b_____R';
-        else if (props.variant === "positive") rules += ' b_____P';
+        else if (props.variant === "negative") rules += ' b_____N';
+        else if (props.variant === "notice") rules += ' b_____V';
+        else if (props.variant === "positive") rules += ' b_____S';
         else if (props.variant === "neutral") rules += ' b_____J';
         else if (props.variant === "informative") rules += ' b_____G';
         else if (props.variant === "accent") rules += ' b_____G';
     } else if (props.fillStyle === "bold") {
-        if (props.variant === "silver") rules += ' b______i';
-        else if (props.variant === "cinnamon") rules += ' b______e';
-        else if (props.variant === "brown") rules += ' b______g';
-        else if (props.variant === "turquoise") rules += ' b______c';
-        else if (props.variant === "pink") rules += ' b______a';
-        else if (props.variant === "magenta") rules += ' b_____8';
-        else if (props.variant === "fuchsia") rules += ' b_____6';
-        else if (props.variant === "purple") rules += ' b_____4';
-        else if (props.variant === "indigo") rules += ' b_____2';
+        if (props.variant === "silver") rules += ' b______m';
+        else if (props.variant === "cinnamon") rules += ' b______i';
+        else if (props.variant === "brown") rules += ' b______k';
+        else if (props.variant === "turquoise") rules += ' b______g';
+        else if (props.variant === "pink") rules += ' b______e';
+        else if (props.variant === "magenta") rules += ' b______c';
+        else if (props.variant === "fuchsia") rules += ' b______a';
+        else if (props.variant === "purple") rules += ' b_____8';
+        else if (props.variant === "indigo") rules += ' b_____6';
         else if (props.variant === "blue") rules += ' b_____E';
-        else if (props.variant === "cyan") rules += ' b_____0';
-        else if (props.variant === "seafoam") rules += ' b_____Y';
-        else if (props.variant === "green") rules += ' b_____N';
-        else if (props.variant === "celery") rules += ' b_____W';
-        else if (props.variant === "charteuse") rules += ' b_____U';
-        else if (props.variant === "yellow") rules += ' b_____S';
-        else if (props.variant === "orange") rules += ' b_____Q';
+        else if (props.variant === "cyan") rules += ' b_____4';
+        else if (props.variant === "seafoam") rules += ' b_____2';
+        else if (props.variant === "green") rules += ' b_____P';
+        else if (props.variant === "celery") rules += ' b_____0';
+        else if (props.variant === "charteuse") rules += ' b_____Y';
+        else if (props.variant === "yellow") rules += ' b_____W';
+        else if (props.variant === "orange") rules += ' b_____T';
         else if (props.variant === "red") rules += ' b_____K';
         else if (props.variant === "gray") rules += ' b_____H';
         else if (props.variant === "negative") {
@@ -142,12 +142,12 @@ const $6357025487dea614$var$badge = function anonymous(props, overrides) {
             else if (props.isFocusVisible) rules += ' b_____L';
             else if (props.isHovered) rules += ' b_____L';
             else rules += ' b_____K';
-        } else if (props.variant === "notice") rules += ' b_____Q';
+        } else if (props.variant === "notice") rules += ' b_____T';
         else if (props.variant === "positive") {
-            if (props.isPressed) rules += ' b_____O';
-            else if (props.isFocusVisible) rules += ' b_____O';
-            else if (props.isHovered) rules += ' b_____O';
-            else rules += ' b_____N';
+            if (props.isPressed) rules += ' b_____Q';
+            else if (props.isFocusVisible) rules += ' b_____Q';
+            else if (props.isHovered) rules += ' b_____Q';
+            else rules += ' b_____P';
         } else if (props.variant === "neutral") {
             if (props.isPressed) rules += ' b_____I';
             else if (props.isFocusVisible) rules += ' b_____I';

package/dist/Card.cjs

@@ -93,7 +93,7 @@ let $230078a1c4ce81d8$var$card = function anonymous(props, overrides) {
     else rules += ' _yd';
     rules += ' -_1de2x0q_b-a_____w';
     if (props.variant === "secondary") rules += ' -_1de2x0q_b-e';
-    else if (props.variant === "primary") rules += ' -_1de2x0q_b-______k';
+    else if (props.variant === "primary") rules += ' -_1de2x0q_b-______o';
     if (props.variant === "quiet") rules += ' ba';
     else if (props.variant === "tertiary") rules += ' ba';
     else rules += ' b-1de2x0q';

package/dist/Card.css

@@ -3,7 +3,7 @@
     flex-direction: column;
   }
 
-  .-_1de2x0q_b-______k {
+  .-_1de2x0q_b-______o {
     --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
   }
 

package/dist/Card.mjs

@@ -80,7 +80,7 @@ let $68e4e6fe083e22fd$var$card = function anonymous(props, overrides) {
     else rules += ' _yd';
     rules += ' -_1de2x0q_b-a_____w';
     if (props.variant === "secondary") rules += ' -_1de2x0q_b-e';
-    else if (props.variant === "primary") rules += ' -_1de2x0q_b-______k';
+    else if (props.variant === "primary") rules += ' -_1de2x0q_b-______o';
     if (props.variant === "quiet") rules += ' ba';
     else if (props.variant === "tertiary") rules += ' ba';
     else rules += ' b-1de2x0q';

package/dist/Content.cjs

@@ -102,6 +102,7 @@ function $6367bc87eb7d24ad$var$Text(props, ref) {
         className: UNSAFE_className + styles,
         style: UNSAFE_style,
         slot: slot || undefined,
+        "data-rsp-slot": "text",
         children: children
     });
 }

package/dist/Content.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Content.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 {ContextValue, Keyboard as KeyboardAria, Header as RACHeader, Heading as RACHeading, TextContext as RACTextContext, SlotProps, Text as TextAria} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton, useSkeletonText} from './Skeleton';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface ContentProps extends UnsafeStyles, SlotProps {\n  children?: ReactNode,\n  styles?: StyleString,\n  isHidden?: boolean\n}\n\ninterface HeadingProps extends ContentProps {\n  level?: number\n}\n\nexport const HeadingContext = createContext<ContextValue<HeadingProps, DOMRefValue<HTMLHeadingElement>>>(null);\n\n// Wrapper around RAC Heading to unmount when hidden.\nfunction Heading(props: HeadingProps, ref: DOMRef<HTMLHeadingElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, HeadingContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <RACHeading\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Heading = forwardRef(Heading);\nexport {_Heading as Heading};\n\nexport const HeaderContext = createContext<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>(null);\n\nfunction Header(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, HeaderContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <RACHeader\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Header = forwardRef(Header);\nexport {_Header as Header};\n\nexport const ContentContext = createContext<ContextValue<ContentProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction Content(props: ContentProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ContentContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n  return (\n    <div\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Content = forwardRef(Content);\nexport {_Content as Content};\n\nexport const TextContext = createContext<ContextValue<ContentProps, DOMRefValue>>(null);\n\nfunction Text(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, TextContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, children, ...otherProps} = props;\n  let racContext = useContext(RACTextContext);\n  let isSkeleton = useIsSkeleton();\n  [children, UNSAFE_style] = useSkeletonText(children, UNSAFE_style);\n  if (isHidden) {\n    return null;\n  }\n\n  slot = slot && racContext && 'slots' in racContext && !racContext.slots?.[slot] ? undefined : slot;\n  return (\n    <TextAria\n      {...otherProps}\n      ref={domRef}\n      // @ts-ignore - compatibility with React < 19\n      inert={isSkeleton ? 'true' : undefined}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined}>\n      {children}\n    </TextAria>\n  );\n}\n\nconst _Text = forwardRef(Text);\nexport {_Text as Text};\n\nexport const KeyboardContext = createContext<ContextValue<ContentProps, DOMRefValue>>({});\n\nfunction Keyboard(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, KeyboardContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n  return (\n    <KeyboardAria\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Keyboard = forwardRef(Keyboard);\nexport {_Keyboard as Keyboard};\n\nexport const FooterContext = createContext<ContextValue<ContentProps, DOMRefValue>>({});\n\nfunction Footer(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, FooterContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n  return (\n    <footer\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Footer = forwardRef(Footer);\nexport {_Footer as Footer};\n"],"names":[],"version":3,"file":"Content.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Content.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 {ContextValue, Keyboard as KeyboardAria, Header as RACHeader, Heading as RACHeading, TextContext as RACTextContext, SlotProps, Text as TextAria} from 'react-aria-components';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {StyleString} from '../style/types';\nimport {UnsafeStyles} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton, useSkeletonText} from './Skeleton';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface ContentProps extends UnsafeStyles, SlotProps {\n  children?: ReactNode,\n  styles?: StyleString,\n  isHidden?: boolean\n}\n\ninterface HeadingProps extends ContentProps {\n  level?: number\n}\n\nexport const HeadingContext = createContext<ContextValue<HeadingProps, DOMRefValue<HTMLHeadingElement>>>(null);\n\n// Wrapper around RAC Heading to unmount when hidden.\nfunction Heading(props: HeadingProps, ref: DOMRef<HTMLHeadingElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, HeadingContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <RACHeading\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Heading = forwardRef(Heading);\nexport {_Heading as Heading};\n\nexport const HeaderContext = createContext<ContextValue<ContentProps, DOMRefValue<HTMLElement>>>(null);\n\nfunction Header(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, HeaderContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <RACHeader\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Header = forwardRef(Header);\nexport {_Header as Header};\n\nexport const ContentContext = createContext<ContextValue<ContentProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction Content(props: ContentProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ContentContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n  return (\n    <div\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Content = forwardRef(Content);\nexport {_Content as Content};\n\nexport const TextContext = createContext<ContextValue<ContentProps, DOMRefValue>>(null);\n\nfunction Text(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, TextContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, children, ...otherProps} = props;\n  let racContext = useContext(RACTextContext);\n  let isSkeleton = useIsSkeleton();\n  [children, UNSAFE_style] = useSkeletonText(children, UNSAFE_style);\n  if (isHidden) {\n    return null;\n  }\n\n  slot = slot && racContext && 'slots' in racContext && !racContext.slots?.[slot] ? undefined : slot;\n  return (\n    <TextAria\n      {...otherProps}\n      ref={domRef}\n      // @ts-ignore - compatibility with React < 19\n      inert={isSkeleton ? 'true' : undefined}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined}\n      data-rsp-slot=\"text\">\n      {children}\n    </TextAria>\n  );\n}\n\nconst _Text = forwardRef(Text);\nexport {_Text as Text};\n\nexport const KeyboardContext = createContext<ContextValue<ContentProps, DOMRefValue>>({});\n\nfunction Keyboard(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, KeyboardContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n  return (\n    <KeyboardAria\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Keyboard = forwardRef(Keyboard);\nexport {_Keyboard as Keyboard};\n\nexport const FooterContext = createContext<ContextValue<ContentProps, DOMRefValue>>({});\n\nfunction Footer(props: ContentProps, ref: DOMRef) {\n  [props, ref] = useSpectrumContextProps(props, ref, FooterContext);\n  let domRef = useDOMRef(ref);\n  let {UNSAFE_className = '', UNSAFE_style, styles, isHidden, slot, ...otherProps} = props;\n  if (isHidden) {\n    return null;\n  }\n  return (\n    <footer\n      {...otherProps}\n      ref={domRef}\n      className={UNSAFE_className + styles}\n      style={UNSAFE_style}\n      slot={slot || undefined} />\n  );\n}\n\nconst _Footer = forwardRef(Footer);\nexport {_Footer as Footer};\n"],"names":[],"version":3,"file":"Content.cjs.map"}

package/dist/Content.mjs

@@ -85,6 +85,7 @@ function $8e847109a6ab556d$var$Text(props, ref) {
         className: UNSAFE_className + styles,
         style: UNSAFE_style,
         slot: slot || undefined,
+        "data-rsp-slot": "text",
         children: children
     });
 }