@react-spectrum/s2 3.0.0-nightly-63d4359d6-250427 → 3.0.0-nightly-1dd65ffc5-250429

package/dist/Form.cjs

@@ -58,18 +58,17 @@ const $bfa4962d90c8af48$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $hYK64$react
         ref: domRef,
         style: props.UNSAFE_style,
         className: (props.UNSAFE_className || '') + function anonymous(props, overrides) {
-            let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
-            rules += matches.join('');
-            rules += ' _0f';
-            if (props.labelPosition === "side") rules += ' __i-1owsa0z';
-            else if (props.labelPosition === "top") rules += ' __i-1ev27ke';
-            if (props.size === "XL") rules += ' il';
-            else if (props.size === "L") rules += ' ij';
-            else if (props.size === "M") rules += ' ih';
-            else if (props.size === "S") rules += ' ig';
-            else if (props.size === "XS") rules += ' if';
-            rules += ' jF';
+            let rules = " ";
+            rules += ((overrides || '').match(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g) || []).join('');
+            rules += ' mb';
+            if (props.labelPosition === "side") rules += ' Sfzkwne';
+            else if (props.labelPosition === "top") rules += ' SS1aTJb';
+            if (props.size === "XL") rules += ' pk';
+            else if (props.size === "L") rules += ' pj';
+            else if (props.size === "M") rules += ' pe';
+            else if (props.size === "S") rules += ' pi';
+            else if (props.size === "XS") rules += ' pf';
+            rules += ' kh';
             return rules;
         }({
             labelPosition: labelPosition,

package/dist/Form.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,uBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,uCAAY;IAC7B,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAKO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA4B;IACvG,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,KACP,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,+BAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK;;;;;;;;;;;;;;UAmBlB;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAC7D,cAAA,gCAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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 {createContext, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'children'>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,uBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,uCAAY;IAC7B,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAKO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA4B;IACvG,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,KACP,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,+BAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK;;;;;;;;;;;;;UAmBlB;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAC7D,cAAA,gCAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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 {createContext, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'children'>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.cjs.map"}

package/dist/Form.css

@@ -1,40 +1,38 @@
 @layer _.a {
-  ._0f {
+  .mb {
     display: grid;
   }
 
-  .__i-1ev27ke {
+  .SS1aTJb {
     grid-template-columns: [field] 1fr;
   }
 
-  .__i-1owsa0z {
+  .Sfzkwne {
     grid-template-columns: [label] auto[field] 1fr;
   }
 
-  .if {
+  .pf {
     row-gap: 1rem;
   }
 
-  .ig {
+  .pi {
     row-gap: 1.25rem;
   }
 
-  .ih {
+  .pe {
     row-gap: 1.5rem;
   }
 
-  .ij {
+  .pj {
     row-gap: 2rem;
   }
 
-  .il {
+  .pk {
     row-gap: 2.5rem;
   }
 
-  .jF {
+  .kh {
     column-gap: .714286em;
   }
 }
-
-@layer _.b;
 /*# sourceMappingURL=Form.css.map */

package/dist/Form.css.map

@@ -1 +1 @@
-{"mappings":"AAqFkD;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA","sources":["packages/@react-spectrum/s2/src/Form.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 {createContext, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'children'>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.css.map"}
+{"mappings":"AAqFkD;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/Form.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 {createContext, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'children'>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.css.map"}

package/dist/Form.mjs

@@ -50,18 +50,17 @@ const $9b916426527cebe7$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $i5kLT$forwa
         ref: domRef,
         style: props.UNSAFE_style,
         className: (props.UNSAFE_className || '') + function anonymous(props, overrides) {
-            let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
-            rules += matches.join('');
-            rules += ' _0f';
-            if (props.labelPosition === "side") rules += ' __i-1owsa0z';
-            else if (props.labelPosition === "top") rules += ' __i-1ev27ke';
-            if (props.size === "XL") rules += ' il';
-            else if (props.size === "L") rules += ' ij';
-            else if (props.size === "M") rules += ' ih';
-            else if (props.size === "S") rules += ' ig';
-            else if (props.size === "XS") rules += ' if';
-            rules += ' jF';
+            let rules = " ";
+            rules += ((overrides || '').match(/(?:^|\s)(j|l|h|i|_H|_r|M|__f|_X|_M|L|N|_f|_d|K|__B|H|G|J|I|f|u|_l)[^\s]+/g) || []).join('');
+            rules += ' mb';
+            if (props.labelPosition === "side") rules += ' Sfzkwne';
+            else if (props.labelPosition === "top") rules += ' SS1aTJb';
+            if (props.size === "XL") rules += ' pk';
+            else if (props.size === "L") rules += ' pj';
+            else if (props.size === "M") rules += ' pe';
+            else if (props.size === "S") rules += ' pi';
+            else if (props.size === "XS") rules += ' pf';
+            rules += ' kh';
             return rules;
         }({
             labelPosition: labelPosition,

package/dist/Form.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,yCAAY;IAC7B,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAKO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA4B;IACvG,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,KACP,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,WAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK;;;;;;;;;;;;;;UAmBlB;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAC7D,cAAA,gBAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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 {createContext, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'children'>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,yCAAY;IAC7B,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAKO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA4B;IACvG,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,KACP,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,WAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK;;;;;;;;;;;;;UAmBlB;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAC7D,cAAA,gBAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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 {createContext, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'children'>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.mjs.map"}

package/dist/FullscreenDialog.cjs

@@ -30,11 +30,11 @@ $parcel$export(module.exports, "FullscreenDialog", () => $59876d274d9473a9$expor
 
 
 
-const $59876d274d9473a9$var$heading = " __b-1c6tcyh __c-1c6tcyh __d-1c6tcyh __e-1c6tcyh __a-3t1y Aa Ba _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _ej _ebm _fe _f-1x99dloe _ga _g-1x99dlob ao";
-const $59876d274d9473a9$var$header = " __b-5rjl76 __c-5rjl76 __d-5rjl76 __e-5rjl76 yc_d zc_d _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _ei _ebj _fb _gb _g-1x99dloc an";
-const $59876d274d9473a9$var$content = " __b-drkpd0 __c-drkpd0 __d-drkpd0 __e-drkpd0 __a-3t1y __xa __x-l92dlrd _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _eg _ebh _fb _gb _g-1x99dloc an";
-const $59876d274d9473a9$var$buttonGroup = " __b-980e48 __c-980e48 __d-980e48 __e-980e48 y_d rb";
-const $59876d274d9473a9$export$6af31f836f9aa6f2 = " _0f __k-1akynrw __kc-1ebha6s __i-2wzs0i __ic-1a6w430 __j-1fstnmd __jc-1xtwrbo Eh Ecj Fh Fcj Ch Ccj Dh Dcj jf jch p-17zqamw kb __oa _Ma _da _d-enzrfpb _d-enzwzjc _d-enzykdd _d-enzzrge _d-eo0c6sf _d-1uotwbwg _d-bc1l9oh _w-17zqamw _x-17zqamw _y-17zqamw _z-17zqamw __wa __xa";
+const $59876d274d9473a9$var$heading = " LPCJngb NPCJngb _fPCJngb _dPCJngb _Ha ja la bh bdf beg bfa bgb bhd bje bic ac aam Dc Ec Ca Dcc Ecc Cca gb gca db";
+const $59876d274d9473a9$var$header = " L6Akec N6Akec _f6Akec _d6Akec hkb ike bh bdf beg bfa bgb bhd bje bic ah aac Da Ea Ca ga gcc da";
+const $59876d274d9473a9$var$content = " Lk52g2d Nk52g2d _fk52g2d _dk52g2d _Ha _hb _hpd bh bdf beg bfa bgb bhd bje bic ae aad Da Ea Ca ga gcc da";
+const $59876d274d9473a9$var$buttonGroup = " L4AkfTc N4AkfTc _f4AkfTc _d4AkfTc hb _la";
+const $59876d274d9473a9$export$6af31f836f9aa6f2 = " mb _uQpyMed _uks3y4td SM8Mfn Sk4w1sLc _FH21CE _FkFjesNe rc rkg vc vkd od okf nd nkg kg kkf _w40ub4c ef _qa ta bh bdf beg bfa bgb bhd bje bic z40ub4c x40ub4c w40ub4c y40ub4c _ob _hb";
 const $59876d274d9473a9$export$7082b7e805d2626f = /*#__PURE__*/ (0, $Yi1VH$react.forwardRef)(function FullscreenDialog(props, ref) {
     let { variant: variant = 'fullscreen', isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
     let domRef = (0, $Yi1VH$reactspectrumutils.useDOMRef)(ref);

package/dist/FullscreenDialog.css

@@ -1,133 +1,141 @@
 @layer _.a {
-  .__b-1c6tcyh {
+  .LPCJngb {
     grid-column-start: heading;
   }
 
-  .__c-1c6tcyh {
+  .NPCJngb {
     grid-column-end: heading;
   }
 
-  .__d-1c6tcyh {
+  ._fPCJngb {
     grid-row-start: heading;
   }
 
-  .__e-1c6tcyh {
+  ._dPCJngb {
     grid-row-end: heading;
   }
 
-  .Aa {
+  .ja {
     margin-top: 0;
   }
 
-  .Ba {
+  .la {
     margin-bottom: 0;
   }
 
-  ._ej {
+  .ac {
     font-size: 1.375rem;
   }
 
-  ._fe {
+  .Dc {
     font-variation-settings: "wght" 800;
-    font-synthesis-weight: none;
+  }
+
+  .Ec {
     font-weight: 800;
   }
 
-  ._ga {
+  .gb {
     line-height: 1.3;
   }
 
-  .ao {
+  .db {
     color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
   }
 
-  .__b-5rjl76 {
+  .L6Akec {
     grid-column-start: header;
   }
 
-  .__c-5rjl76 {
+  .N6Akec {
     grid-column-end: header;
   }
 
-  .__d-5rjl76 {
+  ._f6Akec {
     grid-row-start: header;
   }
 
-  .__e-5rjl76 {
+  ._d6Akec {
     grid-row-end: header;
   }
 
-  ._ei {
+  .ah {
     font-size: 1.125rem;
   }
 
-  .__b-drkpd0 {
+  .Lk52g2d {
     grid-column-start: content;
   }
 
-  .__c-drkpd0 {
+  .Nk52g2d {
     grid-column-end: content;
   }
 
-  .__d-drkpd0 {
+  ._fk52g2d {
     grid-row-start: content;
   }
 
-  .__e-drkpd0 {
+  ._dk52g2d {
     grid-row-end: content;
   }
 
-  .__a-3t1y {
+  ._Ha {
     flex-grow: 1;
   }
 
-  ._eg {
+  .ae {
     font-size: 1rem;
   }
 
-  ._fb {
+  .Da {
     font-variation-settings: "wght" 400;
-    font-synthesis-weight: none;
+  }
+
+  .Ea {
     font-weight: 400;
   }
 
-  ._gb {
+  .Ca {
+    font-synthesis-weight: none;
+  }
+
+  .ga {
     line-height: 1.5;
   }
 
-  .an {
+  .da {
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .__b-980e48 {
+  .L4AkfTc {
     grid-column-start: buttons;
   }
 
-  .__c-980e48 {
+  .N4AkfTc {
     grid-column-end: buttons;
   }
 
-  .__d-980e48 {
+  ._f4AkfTc {
     grid-row-start: buttons;
   }
 
-  .__e-980e48 {
+  ._d4AkfTc {
     grid-row-end: buttons;
   }
 
-  .y_d {
+  .hb {
     margin-inline-start: auto;
   }
 
-  .rb {
+  ._la {
     max-width: 100%;
   }
 
-  ._0f {
+  .mb {
     display: grid;
   }
 
-  .__k-1akynrw {
+  ._uQpyMed {
     grid-template-areas: "heading"
                          "header"
                          "."
@@ -136,200 +144,206 @@
                          "buttons";
   }
 
-  .__i-2wzs0i {
+  .SM8Mfn {
     grid-template-columns: 1fr;
   }
 
-  .__j-1fstnmd {
+  ._FH21CE {
     grid-template-rows: auto auto 1.5rem 1fr 1.5rem auto;
   }
 
-  .Eh {
+  .rc {
     padding-top: 1.5rem;
   }
 
-  .Fh {
+  .vc {
     padding-bottom: 1.5rem;
   }
 
-  .Ch {
+  .od {
     padding-inline-start: 1.5rem;
   }
 
-  .Dh {
+  .nd {
     padding-inline-end: 1.5rem;
   }
 
-  .jf {
+  .kg {
     column-gap: 1rem;
   }
 
-  .p-17zqamw {
+  ._w40ub4c {
     max-height: inherit;
   }
 
-  .kb {
+  .ef {
     height: 100%;
   }
 
-  .__oa {
+  ._qa {
     box-sizing: border-box;
   }
 
-  ._Ma {
+  .ta {
     outline-style: none;
   }
 
-  ._da {
+  .bh {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._w-17zqamw {
+  .z40ub4c {
     border-start-start-radius: inherit;
   }
 
-  ._x-17zqamw {
+  .x40ub4c {
     border-start-end-radius: inherit;
   }
 
-  ._y-17zqamw {
+  .w40ub4c {
     border-end-start-radius: inherit;
   }
 
-  ._z-17zqamw {
+  .y40ub4c {
     border-end-end-radius: inherit;
   }
 
-  .__wa {
+  ._ob {
     overflow-x: auto;
   }
 
-  .__xa {
+  ._hb {
     overflow-y: auto;
   }
 }
 
 @layer _.b {
-  ._f-1x99dloe:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .Dcc:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-variation-settings: "wght" 800;
-    font-synthesis-weight: none;
+  }
+
+  .Ecc:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     font-weight: 800;
   }
 
-  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .Cca:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+    font-synthesis-weight: none;
+  }
+
+  .gca:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 
-  ._g-1x99dloc:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  .gcc:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.7;
   }
 
-  ._d-enzrfpb:lang(ar) {
+  .bdf:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.c {
-  ._d-enzwzjc:lang(he) {
+  .beg:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  ._d-enzykdd:lang(ja) {
+  .bfa:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  ._d-enzzrge:lang(ko) {
+  .bgb:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  ._d-eo0c6sf:lang(zh) {
+  .bhd:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  ._d-1uotwbwg:lang(zh-hant) {
+  .bje:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  ._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  .bic:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
-@layer _.b.b {
+@layer _.b.a {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._ebm {
+    .aam {
       font-size: 1.6875rem;
     }
 
-    ._ebj {
+    .aac {
       font-size: 1.375rem;
     }
 
-    ._ebh {
+    .aad {
       font-size: 1.1875rem;
     }
   }
 }
 
-@layer _.b.c {
+@layer _.b.k {
   @media (width >= 640px) {
-    .yc_d {
+    .hkb {
       margin-inline-start: auto;
     }
 
-    .zc_d {
+    .ike {
       margin-inline-end: auto;
     }
 
-    .__kc-1ebha6s {
+    ._uks3y4td {
       grid-template-areas: "heading header buttons"
                            ". . ."
                            "content content content";
     }
 
-    .__ic-1a6w430 {
+    .Sk4w1sLc {
       grid-template-columns: auto 1fr auto;
     }
 
-    .__jc-1xtwrbo {
+    ._FkFjesNe {
       grid-template-rows: auto 2rem 1fr;
     }
 
-    .Ecj {
+    .rkg {
       padding-top: 2rem;
     }
 
-    .Fcj {
+    .vkd {
       padding-bottom: 2rem;
     }
 
-    .Ccj {
+    .okf {
       padding-inline-start: 2rem;
     }
 
-    .Dcj {
+    .nkg {
       padding-inline-end: 2rem;
     }
 
-    .jch {
+    .kkf {
       column-gap: 1.5rem;
     }
   }
 }
 
-@layer _.b.-l92dlr {
+@layer _.b.p {
   @media (height < 400px) {
-    .__x-l92dlrd {
+    ._hpd {
       overflow-y: visible;
     }
   }