@react-spectrum/s2 3.0.0-nightly-4b8b33a02-250211 → 3.0.0-nightly-260eb700f-250213

package/dist/Meter.mjs

@@ -29,67 +29,67 @@ import {useDOMRef as $blcZa$useDOMRef} from "@react-spectrum/utils";
 const $bb56943300b294c6$export$8b645da15a96b44f = /*#__PURE__*/ (0, $blcZa$createContext)(null);
 const $bb56943300b294c6$var$wrapper = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:B|C|D|E|__d|__c|g|_9|_8|__E|__g|__h|__e|__f|Y|__U|_b|_d|Z|_a|k|p|q)[^\s]+/g) || [];
+    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('');
-    let $Y = false;
-    let $p = false;
+    let $V = false;
     let $q = false;
+    let $r = false;
     for (let p of matches){
-        if (/^\s*Y/.test(p)) $Y = true;
-        if (/^\s*p/.test(p)) $p = true;
+        if (/^\s*V/.test(p)) $V = true;
         if (/^\s*q/.test(p)) $q = true;
+        if (/^\s*r/.test(p)) $r = true;
     }
     if (props.staticColor === "white") rules += ' -_1de2x0q_b-b';
     else if (props.staticColor === "black") rules += ' -_1de2x0q_b-c';
-    if (!$Y) rules += ' Yc';
-    rules += ' _3f';
-    if (props.labelPosition === "side") rules += ' __l-ar5vcf';
-    else if (props.labelPosition === "top") rules += ' __l-15pd573';
-    if (props.labelPosition === "side") rules += ' __n-1tip2u3';
-    else if (props.labelPosition === "top") rules += ' __n-3in7tg';
-    rules += ' _5d';
-    rules += ' __Ja';
-    if (!$p) rules += ' p_a';
-    if (!$q) rules += ' q____________N';
-    if (props.size === "XL") rules += ' -aqrvqh_j-j';
-    else if (props.size === "L") rules += ' -aqrvqh_j-i';
-    else if (props.size === "S") rules += ' -aqrvqh_j-h';
-    else if (props.size === "XS") rules += ' -aqrvqh_j-g';
-    else rules += ' -aqrvqh_j-f';
-    rules += ' -_1urhtf5_j-s';
-    rules += ' -_1inj1bc_h--q18lfg';
-    rules += ' ie';
+    if (!$V) rules += ' Vc';
+    rules += ' _0f';
+    if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+    else if (props.labelPosition === "top") rules += ' __i-15pd573';
+    if (props.labelPosition === "side") rules += ' __k-1tip2u3';
+    else if (props.labelPosition === "top") rules += ' __k-3in7tg';
+    rules += ' _2d';
+    rules += ' __Ga';
+    if (!$q) rules += ' q_a';
+    if (!$r) rules += ' r____________N';
+    if (props.size === "XL") rules += ' -aqrvqh_k-j';
+    else if (props.size === "L") rules += ' -aqrvqh_k-i';
+    else if (props.size === "S") rules += ' -aqrvqh_k-h';
+    else if (props.size === "XS") rules += ' -aqrvqh_k-g';
+    else rules += ' -aqrvqh_k-f';
+    rules += ' -_1urhtf5_k-s';
+    rules += ' -_1inj1bc_i--q18lfg';
+    rules += ' je';
     return rules;
 };
 const $bb56943300b294c6$var$valueStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' _g-bc1l9oh';
-    rules += ' _g-1uotwbwg';
-    rules += ' _g-eo0c6sf';
-    rules += ' _g-enzzrge';
-    rules += ' _g-enzykdd';
-    rules += ' _g-enzwzjc';
-    rules += ' _g-enzrfpb';
-    rules += ' _ga';
+    rules += ' _d-bc1l9oh';
+    rules += ' _d-1uotwbwg';
+    rules += ' _d-eo0c6sf';
+    rules += ' _d-enzzrge';
+    rules += ' _d-enzykdd';
+    rules += ' _d-enzwzjc';
+    rules += ' _d-enzrfpb';
+    rules += ' _da';
     if (props.size === "XL") {
-        rules += ' _hbj';
-        rules += ' _hi';
+        rules += ' _ebj';
+        rules += ' _ei';
     } else if (props.size === "L") {
-        rules += ' _hbh';
-        rules += ' _hg';
+        rules += ' _ebh';
+        rules += ' _eg';
     } else if (props.size === "S") {
-        rules += ' _hbd';
-        rules += ' _hc';
+        rules += ' _ebd';
+        rules += ' _ec';
     } else if (props.size === "XS") {
-        rules += ' _hbb';
-        rules += ' _ha';
+        rules += ' _ebb';
+        rules += ' _ea';
     } else {
-        rules += ' _hbf';
-        rules += ' _he';
+        rules += ' _ebf';
+        rules += ' _ee';
     }
-    rules += ' _ib';
-    rules += ' _j-1x99dlob';
-    rules += ' _ja';
+    rules += ' _fb';
+    rules += ' _g-1x99dlob';
+    rules += ' _ga';
     rules += ' aa_____K';
     if (props.isStaticColor) rules += ' a_____G';
     else if (props.isDisabled) rules += ' aj';
@@ -99,62 +99,62 @@ const $bb56943300b294c6$var$valueStyles = function anonymous(props) {
         else if (props.isHovered) rules += ' an';
         else rules += ' am';
     }
-    rules += ' __Lb';
+    rules += ' __Ib';
+    rules += ' __b-o8by7a';
+    rules += ' __c-o8by7a';
+    rules += ' __d-o8by7a';
     rules += ' __e-o8by7a';
-    rules += ' __f-o8by7a';
-    rules += ' __g-o8by7a';
-    rules += ' __h-o8by7a';
     return rules;
 };
 const $bb56943300b294c6$var$trackStyles = function anonymous(props) {
     let rules = " .";
+    rules += ' __b-2y1eji';
+    rules += ' __c-2y1eji';
+    rules += ' __d-2y1eji';
     rules += ' __e-2y1eji';
-    rules += ' __f-2y1eji';
-    rules += ' __g-2y1eji';
-    rules += ' __h-2y1eji';
-    if (props.size === "XL") rules += ' pj';
-    else if (props.size === "L") rules += ' pi';
-    else if (props.size === "S") rules += ' ph';
-    else if (props.size === "XS") rules += ' pg';
-    else rules += ' pf';
-    if (props.isQuiet) rules += ' __qa';
-    else rules += ' __q-1s8glxue';
-    if (props.size === "XL") rules += ' -usygro_k-____g';
-    else if (props.size === "L") rules += ' -usygro_k-___0';
-    else if (props.size === "S") rules += ' -usygro_k-___u';
-    else rules += ' -usygro_k-___K';
-    rules += ' l-rwozxi';
-    rules += ' __zb';
-    rules += ' __Ab';
+    if (props.size === "XL") rules += ' qj';
+    else if (props.size === "L") rules += ' qi';
+    else if (props.size === "S") rules += ' qh';
+    else if (props.size === "XS") rules += ' qg';
+    else rules += ' qf';
+    if (props.isQuiet) rules += ' __na';
+    else rules += ' __n-1s8glxue';
+    if (props.size === "XL") rules += ' -usygro_l-____g';
+    else if (props.size === "L") rules += ' -usygro_l-___0';
+    else if (props.size === "S") rules += ' -usygro_l-___u';
+    else rules += ' -usygro_l-___K';
+    rules += ' m-rwozxi';
+    rules += ' __wb';
+    rules += ' __xb';
+    rules += ' _wf';
+    rules += ' _xf';
+    rules += ' _yf';
     rules += ' _zf';
-    rules += ' _Af';
-    rules += ' _Bf';
-    rules += ' _Cf';
     rules += ' ba_____J';
     if (props.isStaticColor) rules += ' b_____z';
     else rules += ' bi';
-    rules += ' _Rab';
-    rules += ' _Ra';
-    rules += ' _Pab';
-    rules += ' _Pa';
-    rules += ' ca_____K';
-    rules += ' ca';
-    rules += ' __U-3t1y';
-    if (props.size === "XL") rules += ' jy';
-    else if (props.size === "L") rules += ' jw';
-    else if (props.size === "M") rules += ' ju';
-    else if (props.size === "S") rules += ' js';
-    else rules += ' ju';
+    rules += ' _Oab';
+    rules += ' _Oa';
+    rules += ' _Mab';
+    rules += ' _Ma';
+    rules += ' da_____K';
+    rules += ' da';
+    rules += ' __R-3t1y';
+    if (props.size === "XL") rules += ' ky';
+    else if (props.size === "L") rules += ' kw';
+    else if (props.size === "M") rules += ' ku';
+    else if (props.size === "S") rules += ' ks';
+    else rules += ' ku';
     return rules;
 };
 const $bb56943300b294c6$var$fillStyles = function anonymous(props) {
     let rules = " .";
-    rules += ' jb';
-    rules += ' zf';
+    rules += ' kb';
+    rules += ' wf';
+    rules += ' _wf';
+    rules += ' _xf';
+    rules += ' _yf';
     rules += ' _zf';
-    rules += ' _Af';
-    rules += ' _Bf';
-    rules += ' _Cf';
     rules += ' ba_____K';
     if (props.isStaticColor) rules += ' b_____F';
     else if (props.variant === "negative") rules += ' b-awl6xt';

package/dist/Meter.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA6CM,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAAyD;AAEjG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaN,MAAM;;;;;;;;;;;;;;;;AAoBC,MAAM,0DAAQ,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,KAAiB,EAAE,GAA2B;IAC3F,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,QACL,OAAO,kBACP,WAAW,UACX,MAAM,oBACN,mBAAmB,kBACnB,YAAY,WACZ,UAAU,8BACV,gBAAgB,OAChB,GAAG,YACJ,GAAG;IACJ,IAAI,gBAAgB,CAAC,CAAC;IAEtB,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,8BAAQ;kBACpC;qBACA;yBACA;2BACA;QACF,GAAG;kBACF,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;oBACG,uBAAS,gBAAC,CAAA,GAAA,yCAAS;wBAAE,MAAM;wBAAM,YAAW;wBAAQ,eAAe;wBAAe,aAAa;kCAAc;;oBAC7G,uBAAS,gBAAC,CAAA,GAAA,yCAAG;wBAAE,QAAQ,kCAAY;kCAAC;4BAAM,YAAY;2CAAO;wBAAa;kCAAK;;kCAChF,gBAAC,CAAA,GAAA,yCAAc;kCACb,cAAA,gBAAC;4BAAI,WAAW,kCAAY;+CAAC;sCAAe;4BAAI;sCAC9C,cAAA,gBAAC;gCAAI,WAAW,iCAAW;mDAAC;6CAAe;gCAAO;gCAAI,OAAO;oCAAC,OAAO,aAAa;gCAAG;;;;;;;AAOnG","sources":["packages/@react-spectrum/s2/src/Meter.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  Meter as AriaMeter,\n  MeterProps as AriaMeterProps,\n  ContextValue\n} from 'react-aria-components';\nimport {bar, track} from './bar-utils'  with {type: 'macro'};\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMRef, DOMRefValue, LabelPosition} from '@react-types/shared';\nimport {FieldLabel} from './Field';\nimport {fieldLabel, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {lightDark, style} from '../style' with {type: 'macro'};\nimport {SkeletonWrapper} from './Skeleton';\nimport {Text} from './Content';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface MeterStyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter.\n   * @default 'informative'\n   */\n  variant?: 'informative' | 'positive' | 'notice' | 'negative',\n  /**\n   * The size of the Meter.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The static color style to apply. Useful when the button appears over a color background.\n   */\n  staticColor?: 'white' | 'black' | 'auto',\n  /**\n   * The label's overall position relative to the element it is labeling.\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition\n}\n\nexport interface MeterProps extends Omit<AriaMeterProps, 'children' | 'className' | 'style'>, MeterStyleProps, StyleProps {\n  /** The content to display as the label. */\n  label?: ReactNode\n}\n\nexport const MeterContext = createContext<ContextValue<MeterProps, DOMRefValue<HTMLDivElement>>>(null);\n\nconst wrapper = style({\n  ...bar()\n}, getAllowedOverrides());\n\nconst valueStyles = style({\n  ...fieldLabel(),\n  gridArea: 'value'\n});\n\nconst trackStyles = style({\n  ...track(),\n  height: {\n    default: 6,\n    size: {\n      S: 4, // progress-bar-thickness-small\n      M: 6, // progress-bar-thickness-medium\n      L: 8, // progress-bar-thickness-large\n      XL: 10 // progress-bar-thickness-extra-large\n    }\n  }\n});\n\nconst fillStyles = style<MeterStyleProps & {isStaticColor: boolean}>({\n  height: 'full',\n  borderStyle: 'none',\n  borderRadius: 'full',\n  backgroundColor: {\n    default: lightDark('informative-800', 'informative-900'), // 'informative-visual',\n    variant: {\n      positive: lightDark('positive-800', 'positive-900'), // 'positive-visual',\n      notice: lightDark('notice-800', 'notice-900'), // 'notice-visual',\n      negative: lightDark('negative-800', 'negative-900') // 'negative-visual'\n    },\n    isStaticColor: 'transparent-overlay-900',\n    forcedColors: 'ButtonText'\n  }\n});\n\n/**\n * Meters are visual representations of a quantity or an achievement.\n * Their progress is determined by user actions, rather than system actions.\n */\nexport const Meter = forwardRef(function Meter(props: MeterProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, MeterContext);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    size = 'M',\n    staticColor,\n    styles,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    variant = 'informative',\n    labelPosition = 'top',\n    ...groupProps\n  } = props;\n  let isStaticColor = !!staticColor;\n\n  return (\n    <AriaMeter\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + wrapper({\n        size,\n        variant,\n        staticColor,\n        labelPosition\n      }, styles)}>\n      {({percentage, valueText}) => (\n        <>\n          {label && <FieldLabel size={size} labelAlign=\"start\" labelPosition={labelPosition} staticColor={staticColor}>{label}</FieldLabel>}\n          {label && <Text styles={valueStyles({size, labelAlign: 'end', isStaticColor})}>{valueText}</Text>}\n          <SkeletonWrapper>\n            <div className={trackStyles({isStaticColor, size})}>\n              <div className={fillStyles({isStaticColor, variant})} style={{width: percentage + '%'}} />\n            </div>\n          </SkeletonWrapper>\n        </>\n      )}\n    </AriaMeter>\n  );\n});\n"],"names":[],"version":3,"file":"Meter.mjs.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AA6CM,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAAkE;AAE1G,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaN,MAAM;;;;;;;;;;;;;;;;AAoBC,MAAM,0DAAQ,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,KAAiB,EAAE,GAA2B;IAC3F,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,QACL,OAAO,kBACP,WAAW,UACX,MAAM,oBACN,mBAAmB,kBACnB,YAAY,WACZ,UAAU,8BACV,gBAAgB,OAChB,GAAG,YACJ,GAAG;IACJ,IAAI,gBAAgB,CAAC,CAAC;IAEtB,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB,8BAAQ;kBACpC;qBACA;yBACA;2BACA;QACF,GAAG;kBACF,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;oBACG,uBAAS,gBAAC,CAAA,GAAA,yCAAS;wBAAE,MAAM;wBAAM,YAAW;wBAAQ,eAAe;wBAAe,aAAa;kCAAc;;oBAC7G,uBAAS,gBAAC,CAAA,GAAA,yCAAG;wBAAE,QAAQ,kCAAY;kCAAC;4BAAM,YAAY;2CAAO;wBAAa;kCAAK;;kCAChF,gBAAC,CAAA,GAAA,yCAAc;kCACb,cAAA,gBAAC;4BAAI,WAAW,kCAAY;+CAAC;sCAAe;4BAAI;sCAC9C,cAAA,gBAAC;gCAAI,WAAW,iCAAW;mDAAC;6CAAe;gCAAO;gCAAI,OAAO;oCAAC,OAAO,aAAa;gCAAG;;;;;;;AAOnG","sources":["packages/@react-spectrum/s2/src/Meter.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  Meter as AriaMeter,\n  MeterProps as AriaMeterProps,\n  ContextValue\n} from 'react-aria-components';\nimport {bar, track} from './bar-utils'  with {type: 'macro'};\nimport {createContext, forwardRef, ReactNode} from 'react';\nimport {DOMRef, DOMRefValue, LabelPosition} from '@react-types/shared';\nimport {FieldLabel} from './Field';\nimport {fieldLabel, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {lightDark, style} from '../style' with {type: 'macro'};\nimport {SkeletonWrapper} from './Skeleton';\nimport {Text} from './Content';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface MeterStyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/meter/#-Options) of the Meter.\n   * @default 'informative'\n   */\n  variant?: 'informative' | 'positive' | 'notice' | 'negative',\n  /**\n   * The size of the Meter.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The static color style to apply. Useful when the button appears over a color background.\n   */\n  staticColor?: 'white' | 'black' | 'auto',\n  /**\n   * The label's overall position relative to the element it is labeling.\n   * @default 'top'\n   */\n  labelPosition?: LabelPosition\n}\n\nexport interface MeterProps extends Omit<AriaMeterProps, 'children' | 'className' | 'style'>, MeterStyleProps, StyleProps {\n  /** The content to display as the label. */\n  label?: ReactNode\n}\n\nexport const MeterContext = createContext<ContextValue<Partial<MeterProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst wrapper = style({\n  ...bar()\n}, getAllowedOverrides());\n\nconst valueStyles = style({\n  ...fieldLabel(),\n  gridArea: 'value'\n});\n\nconst trackStyles = style({\n  ...track(),\n  height: {\n    default: 6,\n    size: {\n      S: 4, // progress-bar-thickness-small\n      M: 6, // progress-bar-thickness-medium\n      L: 8, // progress-bar-thickness-large\n      XL: 10 // progress-bar-thickness-extra-large\n    }\n  }\n});\n\nconst fillStyles = style<MeterStyleProps & {isStaticColor: boolean}>({\n  height: 'full',\n  borderStyle: 'none',\n  borderRadius: 'full',\n  backgroundColor: {\n    default: lightDark('informative-800', 'informative-900'), // 'informative-visual',\n    variant: {\n      positive: lightDark('positive-800', 'positive-900'), // 'positive-visual',\n      notice: lightDark('notice-800', 'notice-900'), // 'notice-visual',\n      negative: lightDark('negative-800', 'negative-900') // 'negative-visual'\n    },\n    isStaticColor: 'transparent-overlay-900',\n    forcedColors: 'ButtonText'\n  }\n});\n\n/**\n * Meters are visual representations of a quantity or an achievement.\n * Their progress is determined by user actions, rather than system actions.\n */\nexport const Meter = forwardRef(function Meter(props: MeterProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, MeterContext);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    size = 'M',\n    staticColor,\n    styles,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    variant = 'informative',\n    labelPosition = 'top',\n    ...groupProps\n  } = props;\n  let isStaticColor = !!staticColor;\n\n  return (\n    <AriaMeter\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + wrapper({\n        size,\n        variant,\n        staticColor,\n        labelPosition\n      }, styles)}>\n      {({percentage, valueText}) => (\n        <>\n          {label && <FieldLabel size={size} labelAlign=\"start\" labelPosition={labelPosition} staticColor={staticColor}>{label}</FieldLabel>}\n          {label && <Text styles={valueStyles({size, labelAlign: 'end', isStaticColor})}>{valueText}</Text>}\n          <SkeletonWrapper>\n            <div className={trackStyles({isStaticColor, size})}>\n              <div className={fillStyles({isStaticColor, variant})} style={{width: percentage + '%'}} />\n            </div>\n          </SkeletonWrapper>\n        </>\n      )}\n    </AriaMeter>\n  );\n});\n"],"names":[],"version":3,"file":"Meter.mjs.map"}

package/dist/Modal.cjs

@@ -28,26 +28,26 @@ $parcel$export(module.exports, "Modal", () => $8e678305a8c10028$export$2b77a92f1
 
 const $8e678305a8c10028$var$modalOverlayStyles = function anonymous(props) {
     let rules = " .";
-    if (props.colorScheme === "dark") rules += ' _Eb';
-    else if (props.colorScheme === "light") rules += ' _Ea';
-    else if (props.colorScheme === "light dark") rules += ' _Ec';
-    else rules += ' _E-10jn6wd';
-    rules += ' Yb';
-    rules += ' _ba';
-    rules += ' _da';
-    rules += ' Za';
+    if (props.colorScheme === "dark") rules += ' _Bb';
+    else if (props.colorScheme === "light") rules += ' _Ba';
+    else if (props.colorScheme === "light dark") rules += ' _Bc';
+    else rules += ' _B-10jn6wd';
+    rules += ' Vb';
+    rules += ' Ya';
     rules += ' _aa';
-    rules += ' __Ja';
+    rules += ' Wa';
+    rules += ' Xa';
+    rules += ' __Ga';
     rules += ' b_____o';
+    rules += ' _0d';
+    rules += ' _2c';
     rules += ' _3d';
-    rules += ' _5c';
-    rules += ' _6d';
-    if (props.isExiting) rules += ' _O-3t1x';
-    else if (props.isEntering) rules += ' _O-3t1x';
-    rules += ' _Sc';
-    if (props.isExiting) rules += ' _U-375x5l';
-    else rules += ' _U-375y1o';
-    rules += ' _Va';
+    if (props.isExiting) rules += ' _L-3t1x';
+    else if (props.isEntering) rules += ' _L-3t1x';
+    rules += ' _Pc';
+    if (props.isExiting) rules += ' _R-375x5l';
+    else rules += ' _R-375y1o';
+    rules += ' _Sa';
     return rules;
 };
 const $8e678305a8c10028$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $j6TWk$react.forwardRef)(function Modal(props1, ref) {
@@ -77,43 +77,43 @@ const $8e678305a8c10028$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $j6TWk$react
             ref: modalRef,
             className: (renderProps)=>(function anonymous(props) {
                     let rules = " .";
-                    rules += ' _3d';
-                    rules += ' __ab';
+                    rules += ' _0d';
+                    rules += ' _7b';
+                    if (props.size === "fullscreenTakeover") rules += ' _wa';
+                    else rules += ' _we';
+                    if (props.size === "fullscreenTakeover") rules += ' _xa';
+                    else rules += ' _xe';
+                    if (props.size === "fullscreenTakeover") rules += ' _ya';
+                    else rules += ' _ye';
                     if (props.size === "fullscreenTakeover") rules += ' _za';
                     else rules += ' _ze';
-                    if (props.size === "fullscreenTakeover") rules += ' _Aa';
-                    else rules += ' _Ae';
-                    if (props.size === "fullscreenTakeover") rules += ' _Ba';
-                    else rules += ' _Be';
-                    if (props.size === "fullscreenTakeover") rules += ' _Ca';
-                    else rules += ' _Ce';
+                    if (props.size === "fullscreenTakeover") rules += ' lb';
+                    else if (props.size === "fullscreen") rules += ' l-tp2nko';
+                    else if (props.size === "L") rules += ' l_________G';
+                    else if (props.size === "M") rules += ' l______6';
+                    else if (props.size === "S") rules += ' l_____O';
                     if (props.size === "fullscreenTakeover") rules += ' kb';
                     else if (props.size === "fullscreen") rules += ' k-tp2nko';
-                    else if (props.size === "L") rules += ' k_________G';
-                    else if (props.size === "M") rules += ' k______6';
-                    else if (props.size === "S") rules += ' k_____O';
-                    if (props.size === "fullscreenTakeover") rules += ' jb';
-                    else if (props.size === "fullscreen") rules += ' j-tp2nko';
-                    if (props.size === "fullscreenTakeover") rules += ' qo';
-                    else if (props.size === "fullscreen") rules += ' qo';
-                    else rules += ' q-yjhhbv';
-                    if (props.size === "fullscreenTakeover") rules += ' oo';
-                    else if (props.size === "fullscreen") rules += ' oo';
-                    else rules += ' o-yjhhbg';
+                    if (props.size === "fullscreenTakeover") rules += ' ro';
+                    else if (props.size === "fullscreen") rules += ' ro';
+                    else rules += ' r-yjhhbv';
+                    if (props.size === "fullscreenTakeover") rules += ' po';
+                    else if (props.size === "fullscreen") rules += ' po';
+                    else rules += ' p-yjhhbg';
                     rules += ' -_1de2x0q_b-______x';
                     rules += ' b-1de2x0q';
-                    if (props.isExiting) rules += ' _O-3t1x';
-                    else if (props.isEntering) rules += ' _O-3t1x';
-                    if (props.isEntering) rules += ' Tg';
-                    rules += ' _S-19n5zko';
-                    if (props.isExiting) rules += ' _U-375x5l';
-                    else rules += ' _U-375y1o';
-                    rules += ' _Va';
-                    if (props.isExiting) rules += ' _T-3t1x';
-                    else rules += ' _T-375x8c';
-                    rules += ' _Pb';
-                    rules += ' _Rb';
-                    rules += ' ca';
+                    if (props.isExiting) rules += ' _L-3t1x';
+                    else if (props.isEntering) rules += ' _L-3t1x';
+                    if (props.isEntering) rules += ' Qg';
+                    rules += ' _P-19n5zko';
+                    if (props.isExiting) rules += ' _R-375x5l';
+                    else rules += ' _R-375y1o';
+                    rules += ' _Sa';
+                    if (props.isExiting) rules += ' _Q-3t1x';
+                    else rules += ' _Q-375x8c';
+                    rules += ' _Mb';
+                    rules += ' _Ob';
+                    rules += ' da';
                     return rules;
                 })({
                     ...renderProps,

package/dist/Modal.css

@@ -1,54 +1,54 @@
 @layer _.a {
-  ._E-10jn6wd {
+  ._B-10jn6wd {
     color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
   }
 
-  ._Ec {
+  ._Bc {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light dark;
   }
 
   @media (prefers-color-scheme: dark) {
-    ._Ec {
+    ._Bc {
       --lightningcss-light: ;
       --lightningcss-dark: initial;
     }
   }
 
-  ._Ea {
+  ._Ba {
     --lightningcss-light: initial;
     --lightningcss-dark: ;
     color-scheme: light;
   }
 
-  ._Eb {
+  ._Bb {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
     color-scheme: dark;
   }
 
-  .Yb {
+  .Vb {
     position: fixed;
   }
 
-  ._ba {
+  .Ya {
     top: 0;
   }
 
-  ._da {
+  ._aa {
     bottom: 0;
   }
 
-  .Za {
+  .Wa {
     inset-inline-start: 0;
   }
 
-  ._aa {
+  .Xa {
     inset-inline-end: 0;
   }
 
-  .__Ja {
+  .__Ga {
     isolation: isolate;
   }
 
@@ -56,99 +56,99 @@
     background-color: #00000070;
   }
 
-  ._5c {
+  ._2c {
     align-items: center;
   }
 
-  ._6d {
+  ._3d {
     justify-content: center;
   }
 
-  ._Sc {
+  ._Pc {
     transition-property: opacity;
   }
 
-  ._3d {
+  ._0d {
     display: flex;
   }
 
-  .__ab {
+  ._7b {
     flex-direction: column;
   }
 
-  ._ze {
+  ._we {
     border-start-start-radius: 1rem;
   }
 
-  ._za {
+  ._wa {
     border-start-start-radius: 0;
   }
 
-  ._Ae {
+  ._xe {
     border-start-end-radius: 1rem;
   }
 
-  ._Aa {
+  ._xa {
     border-start-end-radius: 0;
   }
 
-  ._Be {
+  ._ye {
     border-end-start-radius: 1rem;
   }
 
-  ._Ba {
+  ._ya {
     border-end-start-radius: 0;
   }
 
-  ._Ce {
+  ._ze {
     border-end-end-radius: 1rem;
   }
 
-  ._Ca {
+  ._za {
     border-end-end-radius: 0;
   }
 
-  .k_____O {
+  .l_____O {
     width: calc(21rem * var(--s2-scale));
   }
 
-  .k______6 {
+  .l______6 {
     width: calc(26rem * var(--s2-scale));
   }
 
-  .k_________G {
+  .l_________G {
     width: calc(36rem * var(--s2-scale));
   }
 
-  .k-tp2nko {
+  .l-tp2nko {
     width: calc(100% - 40px);
   }
 
-  .kb {
+  .lb {
     width: 100%;
   }
 
-  .j-tp2nko {
+  .k-tp2nko {
     height: calc(100% - 40px);
   }
 
-  .jb {
+  .kb {
     height: 100%;
   }
 
-  .q-yjhhbv {
+  .r-yjhhbv {
     max-width: 90vw;
   }
 
-  .qo {
+  .ro {
     max-width: none;
   }
 
-  .o-yjhhbg {
+  .p-yjhhbg {
     max-height: 90vh;
   }
 
-  .oo {
+  .po {
     max-height: none;
   }
 
@@ -160,49 +160,49 @@
     background-color: var(--s2-container-bg);
   }
 
-  ._O-3t1x {
+  ._L-3t1x {
     opacity: 0;
     opacity: 0;
   }
 
-  .Tg {
+  .Qg {
     --translateY: 1.25rem;
     translate: var(--translateX, 0) var(--translateY, 0);
   }
 
-  ._S-19n5zko {
+  ._P-19n5zko {
     transition-property: opacity, translate;
   }
 
-  ._U-375y1o {
+  ._R-375y1o {
     transition-duration: .25s;
   }
 
-  ._U-375x5l {
+  ._R-375x5l {
     transition-duration: .13s;
   }
 
-  ._Va {
+  ._Sa {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
-  ._T-375x8c {
+  ._Q-375x8c {
     transition-delay: .16s;
   }
 
-  ._T-3t1x {
+  ._Q-3t1x {
     transition-delay: 0s;
   }
 
-  ._Pb {
+  ._Mb {
     outline-style: solid;
   }
 
-  ._Rb {
+  ._Ob {
     outline-width: 1px;
   }
 
-  .ca {
+  .da {
     outline-color: #0000;
   }
 }