@react-spectrum/s2 0.9.2 → 0.10.1

package/dist/TimeField.cjs

@@ -0,0 +1,172 @@
+require("./TimeField.css");
+var $d19642654b699f84$exports = require("./DateField.cjs");
+var $a0b996a550bb0891$exports = require("./Field.cjs");
+var $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
+var $gqnnu$reactjsxruntime = require("react/jsx-runtime");
+var $gqnnu$reactariacomponents = require("react-aria-components");
+var $gqnnu$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "TimeFieldContext", () => $7b93ad26130ad3f8$export$8e17ddc448e87c1e);
+$parcel$export(module.exports, "TimeField", () => $7b93ad26130ad3f8$export$5eaee2322dd727eb);
+/*
+ * 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 $7b93ad26130ad3f8$export$8e17ddc448e87c1e = /*#__PURE__*/ (0, $gqnnu$react.createContext)(null);
+const $7b93ad26130ad3f8$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $gqnnu$react.forwardRef)(function TimeField(props, ref) {
+    [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $7b93ad26130ad3f8$export$8e17ddc448e87c1e);
+    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, ...timeFieldProps } = props;
+    let formContext = (0, $gqnnu$react.useContext)((0, $gqnnu$reactariacomponents.FormContext));
+    return /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsx)((0, $gqnnu$reactariacomponents.TimeField), {
+        ref: ref,
+        isRequired: isRequired,
+        ...timeFieldProps,
+        style: UNSAFE_style,
+        className: (UNSAFE_className || '') + function anonymous(props, overrides) {
+            let rules = " ";
+            let gridColumnStart = false;
+            let gridColumnEnd = false;
+            let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g);
+            for (let p of matches){
+                if (p[1] === "z") gridColumnStart = true;
+                if (p[1] === "y") gridColumnEnd = true;
+                rules += p[0];
+            }
+            rules += ' se11';
+            if (props.isInForm) {
+                if (!gridColumnStart) rules += ' z2mU11';
+            }
+            if (props.isInForm) {
+                if (props.labelPosition === "side") {
+                    if (!gridColumnEnd) rules += ' yvoofG11';
+                }
+            }
+            if (props.isInForm) rules += ' DLwlgod11';
+            else {
+                if (props.labelPosition === "side") rules += ' DPlN5qb11';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+            }
+            if (props.labelPosition === "side") rules += ' EPlN5qb11';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
+            if (props.labelPosition === "side") rules += ' CbRM95c11';
+            else if (props.labelPosition === "top") rules += ' Cxaocre11';
+            if (props.size === "XL") {
+                rules += ' -_6BNtrc-e11';
+                rules += ' vx11';
+            } else if (props.size === "L") {
+                rules += ' -_6BNtrc-d11';
+                rules += ' vx11';
+            } else if (props.size === "S") {
+                rules += ' -_6BNtrc-b11';
+                rules += ' vx11';
+            } else if (props.size === "XS") {
+                rules += ' -_6BNtrc-a11';
+                rules += ' vx11';
+            } else {
+                rules += ' -_6BNtrc-c11';
+                rules += ' vx11';
+            }
+            rules += ' ea11';
+            rules += ' _Fd11';
+            rules += ' _FezxGHba11';
+            rules += ' _FnuYUweb11';
+            if (props.size === "XL") rules += ' -BhX7R-Fz11';
+            else if (props.size === "L") rules += ' -BhX7R-Fv11';
+            else if (props.size === "S") rules += ' -BhX7R-Fp11';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
+            else rules += ' -BhX7R-Fx11';
+            rules += ' -AJjOLd-UVkF0Db11';
+            rules += ' qg11';
+            rules += ' __ca11';
+            return rules;
+        }({
+            isInForm: !!formContext,
+            labelPosition: labelPosition,
+            size: size
+        }, styles),
+        children: ({ isDisabled: isDisabled, isInvalid: isInvalid })=>{
+            return /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsxs)((0, $gqnnu$reactjsxruntime.Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.FieldLabel), {
+                        isDisabled: isDisabled,
+                        isRequired: isRequired,
+                        size: size,
+                        labelPosition: labelPosition,
+                        labelAlign: labelAlign,
+                        necessityIndicator: necessityIndicator,
+                        contextualHelp: contextualHelp,
+                        children: label
+                    }),
+                    /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsxs)((0, $a0b996a550bb0891$exports.FieldGroup), {
+                        role: "presentation",
+                        isDisabled: isDisabled,
+                        isInvalid: isInvalid,
+                        size: size,
+                        styles: function anonymous(props) {
+                            let rules = " ";
+                            rules += ' zXcEWr11';
+                            rules += ' yXcEWr11';
+                            rules += ' BXcEWr11';
+                            rules += ' AXcEWr11';
+                            if (props.size === "XL") rules += ' Nl11';
+                            else if (props.size === "L") rules += ' Nj11';
+                            else if (props.size === "S") rules += ' Nf11';
+                            else if (props.size === "XS") rules += ' Ne11';
+                            else rules += ' Nk11';
+                            if (props.isQuiet) rules += ' _qd11';
+                            else rules += ' _qtb11';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt11';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne11';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr11';
+                            else rules += ' -Anxdcc-Z3fn9H11';
+                            rules += ' __v6TNLWb11';
+                            rules += ' SMBFGYc11';
+                            rules += ' RfBFGYc11';
+                            rules += ' -S_-Sv11';
+                            rules += ' -R_-Rv11';
+                            return rules;
+                        }({
+                            size: size
+                        }),
+                        children: [
+                            /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsx)((0, $d19642654b699f84$exports.DateInputContainer), {
+                                children: /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsx)((0, $d19642654b699f84$exports.DateInput), {})
+                            }),
+                            /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsx)((0, $d19642654b699f84$exports.InvalidIndicator), {
+                                isInvalid: isInvalid,
+                                isDisabled: isDisabled
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $gqnnu$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.HelpText), {
+                        size: size,
+                        isDisabled: isDisabled,
+                        isInvalid: isInvalid,
+                        description: descriptionMessage,
+                        children: errorMessage
+                    })
+                ]
+            });
+        }
+    });
+});
+
+
+//# sourceMappingURL=TimeField.cjs.map

package/dist/TimeField.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA+BM,MAAM,0DAAmB,CAAA,GAAA,0BAAY,EAA8D;AAEnG,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,UAC7E,KAAwB,EAAE,GAAwB;IAElD,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,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,sCAAU;IAEvC,qBACE,gCAAC,CAAA,GAAA,oCAAY;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;;;;;;;;;;;;;;;;;;;;;;;0BAGL;kCAAC;wBAAI;;0CACR,gCAAC,CAAA,GAAA,4CAAiB;0CAChB,cAAA,gCAAC,CAAA,GAAA,mCAAQ;;0CAEX,gCAAC,CAAA,GAAA,0CAAe;gCAAE,WAAW;gCAAW,YAAY;;;;kCAEtD,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN","sources":["packages/@react-spectrum/s2/src/TimeField.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  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  ContextValue,\n  FormContext,\n  TimeValue\n} from 'react-aria-components';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface TimeFieldProps<T extends TimeValue> extends\n  Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the TimeField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const TimeFieldContext = createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\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    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\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                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    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.cjs.map"}

package/dist/TimeField.css

@@ -0,0 +1,205 @@
+@layer _.a {
+  .se11 {
+    display: grid;
+  }
+
+  .z2mU11 {
+    grid-column-start: 1;
+  }
+
+  .yvoofG11 {
+    grid-column-end: span 2;
+  }
+
+  .DM8Mfn11 {
+    grid-template-columns: 1fr;
+  }
+
+  .DPlN5qb11 {
+    grid-template-columns: auto 1fr;
+  }
+
+  .DLwlgod11 {
+    grid-template-columns: subgrid;
+  }
+
+  .E4w1sLc11 {
+    grid-template-rows: auto 1fr auto;
+  }
+
+  .EPlN5qb11 {
+    grid-template-rows: auto 1fr;
+  }
+
+  .Cxaocre11 {
+    grid-template-areas: "label"
+                         "input"
+                         "helptext";
+  }
+
+  .CbRM95c11 {
+    grid-template-areas: "label input"
+                         "label helptext";
+  }
+
+  .-_6BNtrc-c11 {
+    --fs: pow(1.125, 0);
+  }
+
+  .-_6BNtrc-a11 {
+    --fs: pow(1.125, -2);
+  }
+
+  .-_6BNtrc-b11 {
+    --fs: pow(1.125, -1);
+  }
+
+  .-_6BNtrc-d11 {
+    --fs: pow(1.125, 1);
+  }
+
+  .-_6BNtrc-e11 {
+    --fs: pow(1.125, 2);
+  }
+
+  .vx11 {
+    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
+  }
+
+  .ea11 {
+    align-items: baseline;
+  }
+
+  ._Fd11 {
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
+  }
+
+  .-BhX7R-Fx11 {
+    --field-height: calc(2rem * var(--s2-scale));
+  }
+
+  .-BhX7R-Fn11 {
+    --field-height: calc(1.25rem * var(--s2-scale));
+  }
+
+  .-BhX7R-Fp11 {
+    --field-height: calc(1.5rem * var(--s2-scale));
+  }
+
+  .-BhX7R-Fv11 {
+    --field-height: calc(2.5rem * var(--s2-scale));
+  }
+
+  .-BhX7R-Fz11 {
+    --field-height: calc(3rem * var(--s2-scale));
+  }
+
+  .-AJjOLd-UVkF0Db11 {
+    --field-gap: calc((var(--field-height)  - var(--_k, 0px)  - var(--h, 0px)  - 1lh) / 2);
+  }
+
+  .qg11 {
+    column-gap: .75rem;
+  }
+
+  .__ca11 {
+    -webkit-tap-highlight-color: #0000;
+  }
+
+  .zXcEWr11 {
+    grid-column-start: input;
+  }
+
+  .yXcEWr11 {
+    grid-column-end: input;
+  }
+
+  .BXcEWr11 {
+    grid-row-start: input;
+  }
+
+  .AXcEWr11 {
+    grid-row-end: input;
+  }
+
+  .Nk11 {
+    min-width: calc(2rem * var(--s2-scale));
+  }
+
+  .Ne11 {
+    min-width: calc(1.25rem * var(--s2-scale));
+  }
+
+  .Nf11 {
+    min-width: calc(1.5rem * var(--s2-scale));
+  }
+
+  .Nj11 {
+    min-width: calc(2.5rem * var(--s2-scale));
+  }
+
+  .Nl11 {
+    min-width: calc(3rem * var(--s2-scale));
+  }
+
+  ._qd11 {
+    contain: none;
+  }
+
+  .-Anxdcc-Z3fn9H11 {
+    --defaultWidth: calc(13rem * var(--s2-scale));
+  }
+
+  .-Anxdcc-Zr11 {
+    --defaultWidth: calc(12rem * var(--s2-scale));
+  }
+
+  .-Anxdcc-ZStdtne11 {
+    --defaultWidth: calc(14rem * var(--s2-scale));
+  }
+
+  .-Anxdcc-Zt11 {
+    --defaultWidth: calc(15rem * var(--s2-scale));
+  }
+
+  .__v6TNLWb11 {
+    contain-intrinsic-width: calc(var(--defaultWidth)  - var(--S, 0px)  - var(--R, 0px)  - var(--m, 0px)  - var(--l, 0px));
+  }
+
+  .SMBFGYc11 {
+    padding-inline-start: var(--S);
+  }
+
+  .RfBFGYc11 {
+    padding-inline-end: var(--R);
+  }
+
+  .-S_-Sv11 {
+    --S: calc(var(--F, var(--M)) * 3 / 8);
+  }
+
+  .-R_-Rv11 {
+    --R: calc(var(--F, var(--M)) * 3 / 8);
+  }
+}
+
+@layer _.b {
+  ._FezxGHba11:is(:lang(ar), :lang(he)) {
+    line-height: 1.3;
+  }
+}
+
+@layer _.c {
+  ._FnuYUweb11:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+    line-height: 1.5;
+  }
+}
+
+@layer _.b.t {
+  @supports (contain-intrinsic-width: 1px) {
+    ._qtb11 {
+      contain: inline-size;
+    }
+  }
+}
+/*# sourceMappingURL=TimeField.css.map */

package/dist/TimeField.css.map

@@ -0,0 +1 @@
+{"mappings":"ACsE4C;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAwBtB;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAxBsB;EAAA;;;;;AAAA;EAAA;;;;;AAwBtB;EAAA;IAAA","sources":["9212c0f0415b4003","packages/@react-spectrum/s2/src/TimeField.tsx"],"sourcesContent":["@import \"0005dc6a1b0099cd\";\n@import \"cdf111f48efb4f0d\";\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  ContextValue,\n  FormContext,\n  TimeValue\n} from 'react-aria-components';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface TimeFieldProps<T extends TimeValue> extends\n  Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the TimeField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const TimeFieldContext = createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\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    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\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                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    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.css.map"}

package/dist/TimeField.mjs

@@ -0,0 +1,166 @@
+import "./TimeField.css";
+import {DateInput as $0e78e2b1ea2e947e$export$7edc06cf1783b30f, DateInputContainer as $0e78e2b1ea2e947e$export$3f08d3c48fa697, InvalidIndicator as $0e78e2b1ea2e947e$export$19696856283ab185} from "./DateField.mjs";
+import {FieldGroup as $9afd80978c252040$export$f0fe469072bc6950, FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414, HelpText as $9afd80978c252040$export$a67c0bc59081311a} from "./Field.mjs";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
+import {jsx as $2nExR$jsx, jsxs as $2nExR$jsxs, Fragment as $2nExR$Fragment} from "react/jsx-runtime";
+import {FormContext as $2nExR$FormContext, TimeField as $2nExR$TimeField} from "react-aria-components";
+import {createContext as $2nExR$createContext, forwardRef as $2nExR$forwardRef, useContext as $2nExR$useContext} 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 $a4c1b812c7e17006$export$8e17ddc448e87c1e = /*#__PURE__*/ (0, $2nExR$createContext)(null);
+const $a4c1b812c7e17006$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $2nExR$forwardRef)(function TimeField(props, ref) {
+    [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $a4c1b812c7e17006$export$8e17ddc448e87c1e);
+    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, ...timeFieldProps } = props;
+    let formContext = (0, $2nExR$useContext)((0, $2nExR$FormContext));
+    return /*#__PURE__*/ (0, $2nExR$jsx)((0, $2nExR$TimeField), {
+        ref: ref,
+        isRequired: isRequired,
+        ...timeFieldProps,
+        style: UNSAFE_style,
+        className: (UNSAFE_className || '') + function anonymous(props, overrides) {
+            let rules = " ";
+            let gridColumnStart = false;
+            let gridColumnEnd = false;
+            let matches = (overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|Z|N|L)[^\s]+/g);
+            for (let p of matches){
+                if (p[1] === "z") gridColumnStart = true;
+                if (p[1] === "y") gridColumnEnd = true;
+                rules += p[0];
+            }
+            rules += ' se11';
+            if (props.isInForm) {
+                if (!gridColumnStart) rules += ' z2mU11';
+            }
+            if (props.isInForm) {
+                if (props.labelPosition === "side") {
+                    if (!gridColumnEnd) rules += ' yvoofG11';
+                }
+            }
+            if (props.isInForm) rules += ' DLwlgod11';
+            else {
+                if (props.labelPosition === "side") rules += ' DPlN5qb11';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn11';
+            }
+            if (props.labelPosition === "side") rules += ' EPlN5qb11';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc11';
+            if (props.labelPosition === "side") rules += ' CbRM95c11';
+            else if (props.labelPosition === "top") rules += ' Cxaocre11';
+            if (props.size === "XL") {
+                rules += ' -_6BNtrc-e11';
+                rules += ' vx11';
+            } else if (props.size === "L") {
+                rules += ' -_6BNtrc-d11';
+                rules += ' vx11';
+            } else if (props.size === "S") {
+                rules += ' -_6BNtrc-b11';
+                rules += ' vx11';
+            } else if (props.size === "XS") {
+                rules += ' -_6BNtrc-a11';
+                rules += ' vx11';
+            } else {
+                rules += ' -_6BNtrc-c11';
+                rules += ' vx11';
+            }
+            rules += ' ea11';
+            rules += ' _Fd11';
+            rules += ' _FezxGHba11';
+            rules += ' _FnuYUweb11';
+            if (props.size === "XL") rules += ' -BhX7R-Fz11';
+            else if (props.size === "L") rules += ' -BhX7R-Fv11';
+            else if (props.size === "S") rules += ' -BhX7R-Fp11';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn11';
+            else rules += ' -BhX7R-Fx11';
+            rules += ' -AJjOLd-UVkF0Db11';
+            rules += ' qg11';
+            rules += ' __ca11';
+            return rules;
+        }({
+            isInForm: !!formContext,
+            labelPosition: labelPosition,
+            size: size
+        }, styles),
+        children: ({ isDisabled: isDisabled, isInvalid: isInvalid })=>{
+            return /*#__PURE__*/ (0, $2nExR$jsxs)((0, $2nExR$Fragment), {
+                children: [
+                    /*#__PURE__*/ (0, $2nExR$jsx)((0, $9afd80978c252040$export$1acdcf5a973a8414), {
+                        isDisabled: isDisabled,
+                        isRequired: isRequired,
+                        size: size,
+                        labelPosition: labelPosition,
+                        labelAlign: labelAlign,
+                        necessityIndicator: necessityIndicator,
+                        contextualHelp: contextualHelp,
+                        children: label
+                    }),
+                    /*#__PURE__*/ (0, $2nExR$jsxs)((0, $9afd80978c252040$export$f0fe469072bc6950), {
+                        role: "presentation",
+                        isDisabled: isDisabled,
+                        isInvalid: isInvalid,
+                        size: size,
+                        styles: function anonymous(props) {
+                            let rules = " ";
+                            rules += ' zXcEWr11';
+                            rules += ' yXcEWr11';
+                            rules += ' BXcEWr11';
+                            rules += ' AXcEWr11';
+                            if (props.size === "XL") rules += ' Nl11';
+                            else if (props.size === "L") rules += ' Nj11';
+                            else if (props.size === "S") rules += ' Nf11';
+                            else if (props.size === "XS") rules += ' Ne11';
+                            else rules += ' Nk11';
+                            if (props.isQuiet) rules += ' _qd11';
+                            else rules += ' _qtb11';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt11';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne11';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr11';
+                            else rules += ' -Anxdcc-Z3fn9H11';
+                            rules += ' __v6TNLWb11';
+                            rules += ' SMBFGYc11';
+                            rules += ' RfBFGYc11';
+                            rules += ' -S_-Sv11';
+                            rules += ' -R_-Rv11';
+                            return rules;
+                        }({
+                            size: size
+                        }),
+                        children: [
+                            /*#__PURE__*/ (0, $2nExR$jsx)((0, $0e78e2b1ea2e947e$export$3f08d3c48fa697), {
+                                children: /*#__PURE__*/ (0, $2nExR$jsx)((0, $0e78e2b1ea2e947e$export$7edc06cf1783b30f), {})
+                            }),
+                            /*#__PURE__*/ (0, $2nExR$jsx)((0, $0e78e2b1ea2e947e$export$19696856283ab185), {
+                                isInvalid: isInvalid,
+                                isDisabled: isDisabled
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $2nExR$jsx)((0, $9afd80978c252040$export$a67c0bc59081311a), {
+                        size: size,
+                        isDisabled: isDisabled,
+                        isInvalid: isInvalid,
+                        description: descriptionMessage,
+                        children: errorMessage
+                    })
+                ]
+            });
+        }
+    });
+});
+
+
+export {$a4c1b812c7e17006$export$8e17ddc448e87c1e as TimeFieldContext, $a4c1b812c7e17006$export$5eaee2322dd727eb as TimeField};
+//# sourceMappingURL=TimeField.mjs.map

package/dist/TimeField.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA+BM,MAAM,0DAAmB,CAAA,GAAA,oBAAY,EAA8D;AAEnG,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,UAC7E,KAAwB,EAAE,GAAwB;IAElD,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,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,iBAAS,EAAE,CAAA,GAAA,kBAAU;IAEvC,qBACE,gBAAC,CAAA,GAAA,gBAAY;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,gBAAC,CAAA,GAAA,yCAAS;wBACR,YAAY;wBACZ,YAAY;wBACZ,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB;kCACf;;kCAGH,iBAAC,CAAA,GAAA,yCAAS;wBACR,MAAK;wBACL,YAAY;wBACZ,WAAW;wBACX,MAAM;wBACN,QAAQ;;;;;;;;;;;;;;;;;;;;;;;0BAGL;kCAAC;wBAAI;;0CACR,gBAAC,CAAA,GAAA,uCAAiB;0CAChB,cAAA,gBAAC,CAAA,GAAA,yCAAQ;;0CAEX,gBAAC,CAAA,GAAA,yCAAe;gCAAE,WAAW;gCAAW,YAAY;;;;kCAEtD,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN","sources":["packages/@react-spectrum/s2/src/TimeField.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  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  ContextValue,\n  FormContext,\n  TimeValue\n} from 'react-aria-components';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface TimeFieldProps<T extends TimeValue> extends\n  Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'style' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the TimeField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const TimeFieldContext = createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\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    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\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                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    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.mjs.map"}