@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/Dash.mjs

@@ -24,16 +24,16 @@ import {jsx as $cAamo$jsx} from "react/jsx-runtime";
 
 let $f17037051ff08dc2$var$styles = function anonymous(props) {
     let rules = " ";
-    if (props.size === "S") rules += ' Zh13';
-    else if (props.size === "XS") rules += ' Zh13';
-    else if (props.size === "XL") rules += ' Zj13';
-    else if (props.size === "L") rules += ' Zj13';
-    else if (props.size === "M") rules += ' Zi13';
-    if (props.size === "S") rules += ' Fi13';
-    else if (props.size === "XS") rules += ' Fi13';
-    else if (props.size === "XL") rules += ' Fk13';
-    else if (props.size === "L") rules += ' Fk13';
-    else if (props.size === "M") rules += ' Fj13';
+    if (props.size === "S") rules += ' Zh15';
+    else if (props.size === "XS") rules += ' Zh15';
+    else if (props.size === "XL") rules += ' Zj15';
+    else if (props.size === "L") rules += ' Zj15';
+    else if (props.size === "M") rules += ' Zi15';
+    if (props.size === "S") rules += ' Fi15';
+    else if (props.size === "XS") rules += ' Fi15';
+    else if (props.size === "XL") rules += ' Fk15';
+    else if (props.size === "L") rules += ' Fk15';
+    else if (props.size === "M") rules += ' Fj15';
     return rules;
 };
 function $f17037051ff08dc2$export$2e2bcd8739ae039(props) {

package/dist/private/Dash.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUD,IAAI;;;;;;;;;;;;;;AAqBW,kDAAc,KAAuE;IAClG,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAM;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACxF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAM;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACxF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IACzF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Dash.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 Dash_L from './S2_DashSize200.svg';\nimport Dash_M from './S2_DashSize100.svg';\nimport Dash_S from './S2_DashSize75.svg';\nimport Dash_XL from './S2_DashSize300.svg';\nimport Dash_XS from './S2_DashSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Dash(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Dash_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Dash_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Dash_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Dash_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Dash_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Dash.mjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAUD,IAAI;;;;;;;;;;;;;;AAqBW,kDACb,KAAuE;IAEvE,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACvF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAM;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACxF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAM;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;QACxF,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAK;gBAAG,GAAG,UAAU;gBAAE,WAAW,AAAC,CAAA,WAAW,SAAS,IAAI,EAAC,IAAK,6BAAO;0BAAC;gBAAI;;IACzF;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Dash.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 Dash_L from './S2_DashSize200.svg';\nimport Dash_M from './S2_DashSize100.svg';\nimport Dash_S from './S2_DashSize75.svg';\nimport Dash_XL from './S2_DashSize300.svg';\nimport Dash_XS from './S2_DashSize50.svg';\nimport {ReactNode, SVGProps} from 'react';\nimport {style} from '../style' with {type: 'macro'};\n\nlet styles = style({\n  width: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  },\n  height: {\n    size: {\n      M: 10,\n      L: 12,\n      XL: 12,\n      XS: 8,\n      S: 8\n    }\n  }\n});\n\nexport default function Dash(\n  props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XS' | 'S'}\n): ReactNode {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Dash_M {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'L':\n      return <Dash_L {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XL':\n      return <Dash_XL {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'XS':\n      return <Dash_XS {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n    case 'S':\n      return <Dash_S {...otherProps} className={(otherProps.className || '') + styles({size})} />;\n  }\n}\n"],"names":[],"version":3,"file":"Dash.mjs.map"}

package/dist/private/DateField.cjs

@@ -33,31 +33,31 @@ $parcel$export(module.exports, "InvalidIndicator", () => $d19642654b699f84$expor
 
 
 const $d19642654b699f84$export$7b3e670c86da5fe8 = /*#__PURE__*/ (0, $fCG98$react.createContext)(null);
-const $d19642654b699f84$var$segmentContainer = " _ub13 _vb13 Na13 Fb13 _Na13 Pc13 -dLGswc-h3TDrc13 sd13 eb13 __Wb13";
+const $d19642654b699f84$var$segmentContainer = " _ub15 _vb15 Na15 Fb15 _Na15 Pc15 -dLGswc-h3TDrc15 sd15 eb15 __Wb15";
 const $d19642654b699f84$var$dateSegment = function anonymous(props) {
     let rules = " ";
-    rules += ' _Le13';
-    rules += ' -zNggOc-RWHrbc13';
-    if (props.isFocused) rules += ' g_h13';
-    else rules += ' g913';
-    if (props.isFocused) rules += ' gle13';
-    else rules += ' gl913';
-    if (props.isFocused) rules += ' px13';
-    if (props.isFocused) rules += ' ple13';
-    rules += ' oLvNfn13';
-    rules += ' nLvNfn13';
-    rules += ' kLvNfn13';
-    rules += ' jLvNfn13';
-    if (props.isPunctuation) rules += ' Sd13';
-    else rules += ' Sj13';
-    if (props.isPunctuation) rules += ' Rd13';
-    else rules += ' Rj13';
-    rules += ' Tj13';
-    rules += ' Qj13';
-    rules += ' _yb13';
+    rules += ' _Le15';
+    rules += ' -zNggOc-RWHrbc15';
+    if (props.isFocused) rules += ' g_h15';
+    else rules += ' g915';
+    if (props.isFocused) rules += ' gle15';
+    else rules += ' gl915';
+    if (props.isFocused) rules += ' px15';
+    if (props.isFocused) rules += ' ple15';
+    rules += ' oLvNfn15';
+    rules += ' nLvNfn15';
+    rules += ' kLvNfn15';
+    rules += ' jLvNfn15';
+    if (props.isPunctuation) rules += ' Sd15';
+    else rules += ' Sj15';
+    if (props.isPunctuation) rules += ' Rd15';
+    else rules += ' Rj15';
+    rules += ' Tj15';
+    rules += ' Qj15';
+    rules += ' _yb15';
     return rules;
 };
-const $d19642654b699f84$var$iconStyles = " sd13 eb13 _Cb13";
+const $d19642654b699f84$var$iconStyles = " sd15 eb15 _Cb15";
 const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react.forwardRef)(function DateField(props1, ref) {
     [props1, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props1, ref, $d19642654b699f84$export$7b3e670c86da5fe8);
     let { label: label, contextualHelp: contextualHelp, description: descriptionMessage, errorMessage: errorMessage, isRequired: isRequired, size: size = 'M', labelPosition: labelPosition = 'top', necessityIndicator: necessityIndicator, labelAlign: labelAlign = 'start', UNSAFE_style: UNSAFE_style, UNSAFE_className: UNSAFE_className, styles: styles, ...dateFieldProps } = props1;
@@ -77,51 +77,51 @@ const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se15';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU15';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG15';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod15';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb15';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn15';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb15';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc15';
+            if (props.labelPosition === "side") rules += ' CbRM95c15';
+            else if (props.labelPosition === "top") rules += ' Cxaocre15';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e15';
+                rules += ' vx15';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d15';
+                rules += ' vx15';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b15';
+                rules += ' vx15';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a15';
+                rules += ' vx15';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c15';
+                rules += ' vx15';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVkF0Db13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea15';
+            rules += ' _Fd15';
+            rules += ' _FnuYUweb15';
+            if (props.size === "XL") rules += ' -BhX7R-Fz15';
+            else if (props.size === "L") rules += ' -BhX7R-Fv15';
+            else if (props.size === "S") rules += ' -BhX7R-Fp15';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+            else rules += ' -BhX7R-Fx15';
+            rules += ' -AJjOLd-UVkF0Db15';
+            rules += ' qg15';
+            rules += ' __ca15';
             return rules;
         }({
             isInForm: !!formContext,
@@ -148,27 +148,27 @@ const $d19642654b699f84$export$d9781c7894a82487 = /*#__PURE__*/ (0, $fCG98$react
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            if (props.size === "XL") rules += ' Nl13';
-                            else if (props.size === "L") rules += ' Nj13';
-                            else if (props.size === "S") rules += ' Nf13';
-                            else if (props.size === "XS") rules += ' Ne13';
-                            else rules += ' Nk13';
-                            if (props.isQuiet) rules += ' _qd13';
-                            else rules += ' _qtb13';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-                            else rules += ' -Anxdcc-Z3fn9H13';
-                            rules += ' __v6TNLWb13';
-                            rules += ' __Wb13';
-                            rules += ' SMBFGYc13';
-                            rules += ' RfBFGYc13';
-                            rules += ' -S_-Sv13';
-                            rules += ' -R_-Rv13';
+                            rules += ' zXcEWr15';
+                            rules += ' yXcEWr15';
+                            rules += ' BXcEWr15';
+                            rules += ' AXcEWr15';
+                            if (props.size === "XL") rules += ' Nl15';
+                            else if (props.size === "L") rules += ' Nj15';
+                            else if (props.size === "S") rules += ' Nf15';
+                            else if (props.size === "XS") rules += ' Ne15';
+                            else rules += ' Nk15';
+                            if (props.isQuiet) rules += ' _qd15';
+                            else rules += ' _qtb15';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt15';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne15';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr15';
+                            else rules += ' -Anxdcc-Z3fn9H15';
+                            rules += ' __v6TNLWb15';
+                            rules += ' __Wb15';
+                            rules += ' SMBFGYc15';
+                            rules += ' RfBFGYc15';
+                            rules += ' -S_-Sv15';
+                            rules += ' -R_-Rv15';
                             return rules;
                         }({
                             size: size

package/dist/private/DateField.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAmCM,MAAM,0DAAmB,CAAA,GAAA,0BAAY,EAA8D;AAE1G,MAAM;AAaN,MAAM;;;;;;;;;;;;;;;;;;;;;;;AA0BN,MAAM;AAUC,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,UAC7E,MAAwB,EAAE,GAAwB;IAElD,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,QAAO,KAAK;IACnD,IAAI,SACF,KAAK,kBACL,cAAc,EACd,aAAa,kBAAkB,gBAC/B,YAAY,cACZ,UAAU,QACV,OAAO,oBACP,gBAAgB,2BAChB,kBAAkB,cAClB,aAAa,uBACb,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,gBACJ,GAAG;IACJ,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,0CAAU;IAEvC,qBACE,gCAAC,CAAA,GAAA,6CAAY;QACX,KAAK;QACL,YAAY;QACX,GAAG,cAAc;QAClB,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAAsC;YAC1E,UAAU,CAAC,CAAC;2BACZ;kBACA;QACF,GAAG;kBACF,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC;YACvB,qBACE;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY;wBACZ,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB;kCACf;;kCAGH,iCAAC,CAAA,GAAA,oCAAS;wBACR,MAAK;wBACL,YAAY;wBACZ,WAAW;wBACX,MAAM;wBACN,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;0BAIL;kCAAC;wBAAI;;0CACR,gCAAC;0CACC,cAAA,gCAAC;;0CAEH,gCAAC;gCAAiB,WAAW;gCAAW,YAAY;;;;kCAEtD,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN;AAEO,SAAS,wCAAmB,KAAwB;IACzD,qBAAO,gCAAC;QAAI,WAAW;kBAAmB,MAAM,QAAQ;;AAC1D;AAEO,SAAS,0CAAU,KAAuC;IAC/D,qBACE,gCAAC,CAAA,GAAA,6CAAY;QAAE,WAAU;QAAI,GAAG,KAAK;kBAClC,CAAC,wBACA,gCAAC,CAAA,GAAA,+CAAc;gBACb,SAAS;gBACT,WAAW,CAAC,cAAgB,kCAAY;wBAAC,GAAG,WAAW;wBAAE,eAAe,QAAQ,IAAI,KAAK;oBAAS;;;AAI5G;AAEO,SAAS,0CAAiB,KAAgD;IAC/E,OAAO,MAAM,SAAS,iBAAG,gCAAC;QAAI,WAAW;kBAAY,cAAA,gCAAC,CAAA,GAAA,wCAAa;YAAE,YAAY,MAAM,UAAU;;SAAa;AAChH","sources":["packages/@react-spectrum/s2/src/DateField.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 {\n  DateField as AriaDateField,\n  DateFieldProps as AriaDateFieldProps,\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  DateInputProps,\n  DateSegmentRenderProps,\n  DateValue\n} from 'react-aria-components/DateField';\n\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, PropsWithChildren, ReactElement, Ref, useContext} from 'react';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldErrorIcon, FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface DateFieldProps<T extends DateValue> extends\n  Omit<AriaDateFieldProps<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the DateField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const DateFieldContext = createContext<ContextValue<Partial<DateFieldProps<any>>, HTMLDivElement>>(null);\n\nconst segmentContainer = style({\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  height: 'full',\n  overflowX: 'auto',\n  overflowY: 'hidden',\n  scrollbarWidth: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  textWrap: 'nowrap'\n});\n\nconst dateSegment = style<DateSegmentRenderProps & {isPunctuation: boolean}>({\n  outlineStyle: 'none',\n  caretColor: 'transparent',\n  backgroundColor: {\n    default: 'transparent',\n    isFocused: 'blue-800',\n    forcedColors: {\n      default: 'transparent',\n      isFocused: 'Highlight'\n    }\n  },\n  color: {\n    isFocused: 'white',\n    forcedColors: {\n      isFocused: 'HighlightText'\n    }\n  },\n  borderRadius: '[2px]',\n  paddingX: {\n    default: 2,\n    isPunctuation: 0\n  },\n  paddingY: 2,\n  forcedColorAdjust: 'none'\n});\n\nconst iconStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'end'\n});\n\n/**\n * DateFields allow users to enter and edit date and time values using a keyboard.\n * Each part of a date value is displayed in an individually editable segment.\n */\nexport const DateField = /*#__PURE__*/ (forwardRef as forwardRefType)(function DateField<T extends DateValue>(\n  props: DateFieldProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, DateFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...dateFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaDateField\n      ref={ref}\n      isRequired={isRequired}\n      {...dateFieldProps}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, styles)}>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                textWrap: 'nowrap',\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaDateField>\n  );\n});\n\nexport function DateInputContainer(props: PropsWithChildren): ReactElement {\n  return <div className={segmentContainer}>{props.children}</div>;\n}\n\nexport function DateInput(props: Omit<DateInputProps, 'children'>): ReactElement {\n  return (\n    <AriaDateInput className=\"\" {...props}>\n      {(segment) => (\n        <AriaDateSegment\n          segment={segment}\n          className={(renderProps) => dateSegment({...renderProps, isPunctuation: segment.type === 'literal'})} />\n      )}\n    </AriaDateInput>\n  );\n}\n\nexport function InvalidIndicator(props: {isInvalid: boolean, isDisabled: boolean}): ReactElement | null {\n  return props.isInvalid ? <div className={iconStyles}><FieldErrorIcon isDisabled={props.isDisabled} /></div> : null;\n}\n"],"names":[],"version":3,"file":"DateField.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAgDM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAA8D;AAE5E,MAAM;AAaN,MAAM;;;;;;;;;;;;;;;;;;;;;;;AA0BN,MAAM;AAUC,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,UAE7E,MAAwB,EAAE,GAAwB;IAClD,CAAC,QAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,QAAO,KAAK;IACnD,IAAI,SACF,KAAK,kBACL,cAAc,EACd,aAAa,kBAAkB,gBAC/B,YAAY,cACZ,UAAU,QACV,OAAO,oBACP,gBAAgB,2BAChB,kBAAkB,cAClB,aAAa,uBACb,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,gBACJ,GAAG;IACJ,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,0CAAU;IAEvC,qBACE,gCAAC,CAAA,GAAA,6CAAY;QACX,KAAK;QACL,YAAY;QACX,GAAG,cAAc;QAClB,OAAO;QACP,WACE,AAAC,CAAA,oBAAoB,EAAC,IACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UACE;YACE,UAAU,CAAC,CAAC;2BACZ;kBACA;QACF,GACA;kBAGH,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC;YACvB,qBACE;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY;wBACZ,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB;kCACf;;kCAGH,iCAAC,CAAA,GAAA,oCAAS;wBACR,MAAK;wBACL,YAAY;wBACZ,WAAW;wBACX,MAAM;wBACN,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;0BAIL;kCAAC;wBAAI;;0CACR,gCAAC;0CACC,cAAA,gCAAC;;0CAEH,gCAAC;gCAAiB,WAAW;gCAAW,YAAY;;;;kCAEtD,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN;AAEO,SAAS,wCAAmB,KAAwB;IACzD,qBAAO,gCAAC;QAAI,WAAW;kBAAmB,MAAM,QAAQ;;AAC1D;AAEO,SAAS,0CAAU,KAAuC;IAC/D,qBACE,gCAAC,CAAA,GAAA,6CAAY;QAAE,WAAU;QAAI,GAAG,KAAK;kBAClC,CAAA,wBACC,gCAAC,CAAA,GAAA,+CAAc;gBACb,SAAS;gBACT,WAAW,CAAA,cACT,kCAAY;wBAAC,GAAG,WAAW;wBAAE,eAAe,QAAQ,IAAI,KAAK;oBAAS;;;AAMlF;AAEO,SAAS,0CAAiB,KAGhC;IACC,OAAO,MAAM,SAAS,iBACpB,gCAAC;QAAI,WAAW;kBACd,cAAA,gCAAC,CAAA,GAAA,wCAAa;YAAE,YAAY,MAAM,UAAU;;SAE5C;AACN","sources":["packages/@react-spectrum/s2/src/DateField.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 {\n  DateField as AriaDateField,\n  DateFieldProps as AriaDateFieldProps,\n  DateInput as AriaDateInput,\n  DateSegment as AriaDateSegment,\n  DateInputProps,\n  DateSegmentRenderProps,\n  DateValue\n} from 'react-aria-components/DateField';\n\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, PropsWithChildren, ReactElement, Ref, useContext} from 'react';\nimport {\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {FieldErrorIcon, FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {\n  forwardRefType,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DateFieldProps<T extends DateValue>\n  extends\n    Omit<\n      AriaDateFieldProps<T>,\n      'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the DateField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport const DateFieldContext =\n  createContext<ContextValue<Partial<DateFieldProps<any>>, HTMLDivElement>>(null);\n\nconst segmentContainer = style({\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  height: 'full',\n  overflowX: 'auto',\n  overflowY: 'hidden',\n  scrollbarWidth: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  textWrap: 'nowrap'\n});\n\nconst dateSegment = style<DateSegmentRenderProps & {isPunctuation: boolean}>({\n  outlineStyle: 'none',\n  caretColor: 'transparent',\n  backgroundColor: {\n    default: 'transparent',\n    isFocused: 'blue-800',\n    forcedColors: {\n      default: 'transparent',\n      isFocused: 'Highlight'\n    }\n  },\n  color: {\n    isFocused: 'white',\n    forcedColors: {\n      isFocused: 'HighlightText'\n    }\n  },\n  borderRadius: '[2px]',\n  paddingX: {\n    default: 2,\n    isPunctuation: 0\n  },\n  paddingY: 2,\n  forcedColorAdjust: 'none'\n});\n\nconst iconStyles = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'end'\n});\n\n/**\n * DateFields allow users to enter and edit date and time values using a keyboard.\n * Each part of a date value is displayed in an individually editable segment.\n */\nexport const DateField = /*#__PURE__*/ (forwardRef as forwardRefType)(function DateField<\n  T extends DateValue\n>(props: DateFieldProps<T>, ref: Ref<HTMLDivElement>): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, DateFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...dateFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaDateField\n      ref={ref}\n      isRequired={isRequired}\n      {...dateFieldProps}\n      style={UNSAFE_style}\n      className={\n        (UNSAFE_className || '') +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                textWrap: 'nowrap',\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaDateField>\n  );\n});\n\nexport function DateInputContainer(props: PropsWithChildren): ReactElement {\n  return <div className={segmentContainer}>{props.children}</div>;\n}\n\nexport function DateInput(props: Omit<DateInputProps, 'children'>): ReactElement {\n  return (\n    <AriaDateInput className=\"\" {...props}>\n      {segment => (\n        <AriaDateSegment\n          segment={segment}\n          className={renderProps =>\n            dateSegment({...renderProps, isPunctuation: segment.type === 'literal'})\n          }\n        />\n      )}\n    </AriaDateInput>\n  );\n}\n\nexport function InvalidIndicator(props: {\n  isInvalid: boolean;\n  isDisabled: boolean;\n}): ReactElement | null {\n  return props.isInvalid ? (\n    <div className={iconStyles}>\n      <FieldErrorIcon isDisabled={props.isDisabled} />\n    </div>\n  ) : null;\n}\n"],"names":[],"version":3,"file":"DateField.cjs.map"}