@react-spectrum/actionbar 3.0.0-alpha.14 → 3.0.0-alpha.15

package/dist/main.css

@@ -1 +1 @@
-.ActionBarContainer_cca088{flex-direction:column;display:flex;position:relative}.ActionBarContainer_cca088>:not(.react-spectrum-ActionBar_cca088){min-height:0;flex:1}.ActionBarContainer_cca088>.react-spectrum-ActionBar_cca088{flex:none}.react-spectrum-ActionBar_cca088{transition:height var(--spectrum-global-animation-duration-100,130ms)ease-in-out,opacity var(--spectrum-global-animation-duration-100,130ms)ease-in-out;height:0;opacity:0;width:100%;overflow:hidden}.react-spectrum-ActionBar_cca088.is-open_cca088{height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100)*2);opacity:1;transition-delay:0s}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-bar_cca088{display:-ms-grid;-ms-grid-columns:auto max-content minmax(var(--spectrum-global-dimension-size-300),1fr)auto;grid-template-areas:"clear selected.actiongroup";grid-template-columns:auto max-content minmax(var(--spectrum-global-dimension-size-300),1fr)auto;isolation:isolate;padding:var(--spectrum-global-dimension-size-100);bottom:var(--spectrum-global-dimension-size-100);left:var(--spectrum-global-dimension-size-100);right:var(--spectrum-global-dimension-size-100);max-width:960px;background:var(--spectrum-global-color-gray-50);border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid;border-width:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin));border-color:var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 2px 8px var(--spectrum-alias-dropshadow-color);transform:translateY(var(--spectrum-overlay-positive-transform-distance));transition:transform var(--spectrum-global-animation-duration-100,130ms)ease-in-out;justify-content:space-between;align-items:center;margin:0 auto;display:grid;position:absolute}.react-spectrum-ActionBar_cca088.is-open_cca088 .react-spectrum-ActionBar-bar_cca088{transform:translateY(0)}.react-spectrum-ActionBar_cca088.react-spectrum-ActionBar--emphasized_cca088 .react-spectrum-ActionBar-bar_cca088{background:var(--spectrum-global-color-static-blue-700,#0d66d0);color:#fff;box-shadow:0 2px 6px var(--spectrum-alias-dropshadow-color);border:0}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-selectedCount_cca088{padding:0 var(--spectrum-global-dimension-size-50);-webkit-user-select:none;user-select:none;cursor:default;grid-area:selected}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-actionGroup_cca088{min-width:0;grid-area:actiongroup}@media (forced-colors:active){.react-spectrum-ActionBar_cca088.react-spectrum-ActionBar--emphasized_cca088 .react-spectrum-ActionBar-bar_cca088{border:1px solid #0000}}
+.ActionBarContainer_cca088{flex-direction:column;display:flex;position:relative}.ActionBarContainer_cca088>:not(.react-spectrum-ActionBar_cca088){min-height:0;flex:1}.ActionBarContainer_cca088>.react-spectrum-ActionBar_cca088{flex:none}.react-spectrum-ActionBar_cca088{transition:height var(--spectrum-global-animation-duration-100,.13s)ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s)ease-in-out;height:0;opacity:0;width:100%;overflow:hidden}.react-spectrum-ActionBar_cca088.is-open_cca088{height:calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100)*2);opacity:1;transition-delay:0s}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-bar_cca088{display:-ms-grid;-ms-grid-columns:auto max-content minmax(var(--spectrum-global-dimension-size-300),1fr)auto;grid-template-areas:"clear selected.actiongroup";grid-template-columns:auto max-content minmax(var(--spectrum-global-dimension-size-300),1fr)auto;isolation:isolate;padding:var(--spectrum-global-dimension-size-100);bottom:var(--spectrum-global-dimension-size-100);left:var(--spectrum-global-dimension-size-100);right:var(--spectrum-global-dimension-size-100);max-width:960px;background:var(--spectrum-global-color-gray-50);border-radius:var(--spectrum-popover-border-radius,var(--spectrum-alias-border-radius-regular));border-style:solid;border-width:var(--spectrum-popover-border-size,var(--spectrum-alias-border-size-thin));border-color:var(--spectrum-popover-border-color,var(--spectrum-alias-border-color-dark));box-shadow:0 2px 8px var(--spectrum-alias-dropshadow-color);transform:translateY(var(--spectrum-overlay-positive-transform-distance));transition:transform var(--spectrum-global-animation-duration-100,.13s)ease-in-out;justify-content:space-between;align-items:center;margin:0 auto;display:grid;position:absolute}.react-spectrum-ActionBar_cca088.is-open_cca088 .react-spectrum-ActionBar-bar_cca088{transform:translateY(0)}.react-spectrum-ActionBar_cca088.react-spectrum-ActionBar--emphasized_cca088 .react-spectrum-ActionBar-bar_cca088{background:var(--spectrum-global-color-static-blue-700,#0d66d0);color:#fff;box-shadow:0 2px 6px var(--spectrum-alias-dropshadow-color);border:none}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-selectedCount_cca088{padding:0 var(--spectrum-global-dimension-size-50);-webkit-user-select:none;user-select:none;cursor:default;grid-area:selected}.react-spectrum-ActionBar_cca088 .react-spectrum-ActionBar-actionGroup_cca088{min-width:0;grid-area:actiongroup}@media (forced-colors:active){.react-spectrum-ActionBar_cca088.react-spectrum-ActionBar--emphasized_cca088 .react-spectrum-ActionBar-bar_cca088{border:1px solid #0000}}

package/dist/main.js

@@ -24,7 +24,28 @@ function $parcel$interopDefault(a) {
 $parcel$export(module.exports, "ActionBar", () => $7b5467653feb1153$export$e213cebad6250b4a);
 $parcel$export(module.exports, "ActionBarContainer", () => $961b22d2b8bd2da1$export$ac2eb07f267e434c);
 $parcel$export(module.exports, "Item", () => $grxqE$reactstatelycollections.Item);
-
+/*
+ * Copyright 2020 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.
+ */ /// <reference types="css-module-types" />
+/*
+ * Copyright 2020 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.
+ */ 
 
 
 
@@ -40,8 +61,7 @@ $a42f3d97a30aa6c9$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `غير محدد`,
             other: ()=>`${formatter.number(args.count)} محدد`
-        })}`
-    ,
+        })}`,
     "selectedAll": `تم تحديد الكل`
 };
 
@@ -54,8 +74,7 @@ $527a50f3b3c911b7$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Няма избрани`,
             other: ()=>`${formatter.number(args.count)} избрани`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Всички избрани`
 };
 
@@ -68,8 +87,7 @@ $cd90476fdc303242$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nic není vybráno`,
             other: ()=>`Vybráno ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Vybráno vše`
 };
 
@@ -82,8 +100,7 @@ $081b7298af5f5b69$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ingen valgt`,
             other: ()=>`${formatter.number(args.count)} valgt`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alle valgt`
 };
 
@@ -96,8 +113,7 @@ $6ef7dffbce87e74f$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nichts ausgewählt`,
             other: ()=>`${formatter.number(args.count)} ausgewählt`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alles ausgewählt`
 };
 
@@ -110,8 +126,7 @@ $43c62672ca45763f$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Δεν επιλέχθηκε κανένα`,
             other: ()=>`Επιλέχθηκαν ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Επιλέχθηκαν όλα`
 };
 
@@ -122,8 +137,7 @@ $4a93342b52e9ddcf$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `None selected`,
             other: ()=>`${formatter.number(args.count)} selected`
-        })}`
-    ,
+        })}`,
     "selectedAll": `All selected`,
     "actions": `Actions`,
     "actionsAvailable": `Actions available.`
@@ -138,8 +152,7 @@ $d1fe0a28d16ba803$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nada seleccionado`,
             other: ()=>`${formatter.number(args.count)} seleccionado`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Todo seleccionado`
 };
 
@@ -152,8 +165,7 @@ $3f607057b4497412$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Pole valitud`,
             other: ()=>`${formatter.number(args.count)} valitud`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Kõik valitud`
 };
 
@@ -166,8 +178,7 @@ $dffc096b505cd1a5$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ei mitään valittu`,
             other: ()=>`${formatter.number(args.count)} valittu`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Kaikki valittu`
 };
 
@@ -180,8 +191,7 @@ $fced00dcdde4e781$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Aucun élément sélectionné`,
             other: ()=>`${formatter.number(args.count)} sélectionnés`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Toute la sélection`
 };
 
@@ -194,8 +204,7 @@ $e568cd7cb63d7ce3$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `לא בוצעה בחירה`,
             other: ()=>`${formatter.number(args.count)} נבחרו`
-        })}`
-    ,
+        })}`,
     "selectedAll": `כל הפריטים שנבחרו`
 };
 
@@ -208,8 +217,7 @@ $50951315acf49d05$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nijedna nije odabrana`,
             other: ()=>`${formatter.number(args.count)} je odabrano`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Sve je odabrano`
 };
 
@@ -222,8 +230,7 @@ $fd06dc9cc87d0258$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Egy sincs kijelölve`,
             other: ()=>`${formatter.number(args.count)} kijelölve`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Mind kijelölve`
 };
 
@@ -236,8 +243,7 @@ $9bd9ce3c11c5d11e$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nessuno selezionato`,
             other: ()=>`${formatter.number(args.count)} selezionato/i`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Tutti selezionati`
 };
 
@@ -250,8 +256,7 @@ $9f76d796bf707b10$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `選択されていません`,
             other: ()=>`${formatter.number(args.count)} 個を選択しました`
-        })}`
-    ,
+        })}`,
     "selectedAll": `すべてを選択`
 };
 
@@ -264,8 +269,7 @@ $94efe7bbbb291ef4$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `선택된 항목 없음`,
             other: ()=>`${formatter.number(args.count)}개 선택됨`
-        })}`
-    ,
+        })}`,
     "selectedAll": `모두 선택됨`
 };
 
@@ -278,8 +282,7 @@ $92a06c1a52267a65$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nieko nepasirinkta`,
             other: ()=>`Pasirinkta ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Pasirinkta viskas`
 };
 
@@ -292,8 +295,7 @@ $670c23292e727d95$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nav atlasīts nekas`,
             other: ()=>`Atlasīts: ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Atlasīts viss`
 };
 
@@ -306,8 +308,7 @@ $2636117ad082d1ea$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ingen er valgt`,
             other: ()=>`${formatter.number(args.count)} er valgt`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alle er valgt`
 };
 
@@ -320,8 +321,7 @@ $e4ccf12b3bee45db$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Niets geselecteerd`,
             other: ()=>`${formatter.number(args.count)} geselecteerd`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alles geselecteerd`
 };
 
@@ -334,8 +334,7 @@ $b259f128f72a6ac6$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nie zaznaczono żadnego elementu`,
             other: ()=>`${formatter.number(args.count)} zaznaczonych`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Wszystkie zaznaczone`
 };
 
@@ -348,8 +347,7 @@ $edd692d35256da76$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nada selecionado`,
             other: ()=>`${formatter.number(args.count)} selecionado`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Todos selecionados`
 };
 
@@ -362,8 +360,7 @@ $0af50a83741a7f54$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nenhum selecionado`,
             other: ()=>`${formatter.number(args.count)} selecionado`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Tudo selecionado`
 };
 
@@ -376,8 +373,7 @@ $1b60e4cd5d1e5b6b$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Niciunul selectat`,
             other: ()=>`${formatter.number(args.count)} selectate`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Toate selectate`
 };
 
@@ -390,8 +386,7 @@ $e9ca6eba44abffce$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ничего не выбоано`,
             other: ()=>`${formatter.number(args.count)} выбрано`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Выбрано все`
 };
 
@@ -404,8 +399,7 @@ $508bfd1ac48eb61a$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Žiadne vybraté položky`,
             other: ()=>`Počet vybratých položiek: ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Všetky vybraté položky`
 };
 
@@ -418,8 +412,7 @@ $d785f6c5ba148ce4$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Nič izbranih`,
             other: ()=>`${formatter.number(args.count)} izbranih`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Vsi izbrani`
 };
 
@@ -432,8 +425,7 @@ $dfc7dc8ff40cea70$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Ništa nije izabrano`,
             other: ()=>`${formatter.number(args.count)} je izabrano`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Sve je izabrano`
 };
 
@@ -446,8 +438,7 @@ $bea42116379eb09f$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Inga markerade`,
             other: ()=>`${formatter.number(args.count)} markerade`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Alla markerade`
 };
 
@@ -460,8 +451,7 @@ $dc03da5d819982a5$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Hiçbiri seçilmedi`,
             other: ()=>`${formatter.number(args.count)} seçildi`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Tümü seçildi`
 };
 
@@ -474,8 +464,7 @@ $c93c67a8485a02db$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `Нічого не вибрано`,
             other: ()=>`Вибрано: ${formatter.number(args.count)}`
-        })}`
-    ,
+        })}`,
     "selectedAll": `Усе вибрано`
 };
 
@@ -488,8 +477,7 @@ $dd336a8fdfa9aa7b$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `无选择`,
             other: ()=>`已选择 ${formatter.number(args.count)} 个`
-        })}`
-    ,
+        })}`,
     "selectedAll": `全选`
 };
 
@@ -502,8 +490,7 @@ $30d1241741295d61$exports = {
     "selected": (args, formatter)=>`${formatter.plural(args.count, {
             "=0": `未選取任何項目`,
             other: ()=>`已選取 ${formatter.number(args.count)} 個`
-        })}`
-    ,
+        })}`,
     "selectedAll": `已選取所有項目`
 };
 
@@ -579,99 +566,108 @@ $ff24c7bbe0c168db$export$adc2706661946993 = "react-spectrum-ActionBar-actionGrou
 
 function $7b5467653feb1153$var$ActionBar(props, ref) {
     let isOpen = props.selectedItemCount !== 0;
-    return(/*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumoverlays.OpenTransition, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement((0, $grxqE$reactspectrumoverlays.OpenTransition), {
         in: isOpen,
         mountOnEnter: true,
         unmountOnExit: true
-    }, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($7b5467653feb1153$var$ActionBarInnerWithRef, {
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement($7b5467653feb1153$var$ActionBarInnerWithRef, {
         ...props,
         ref: ref
-    })));
+    }));
 }
 function $7b5467653feb1153$var$ActionBarInner(props, ref) {
-    props = $grxqE$reactspectrumprovider.useProviderProps(props);
+    props = (0, $grxqE$reactspectrumprovider.useProviderProps)(props);
     let { children: children , isEmphasized: isEmphasized , onAction: onAction , onClearSelection: onClearSelection , selectedItemCount: selectedItemCount , isOpen: isOpen  } = props;
-    let { styleProps: styleProps  } = $grxqE$reactspectrumutils.useStyleProps(props);
-    let domRef = $grxqE$reactspectrumutils.useDOMRef(ref);
-    let stringFormatter = $grxqE$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($304e231322f30cb2$exports)));
+    let { styleProps: styleProps  } = (0, $grxqE$reactspectrumutils.useStyleProps)(props);
+    let domRef = (0, $grxqE$reactspectrumutils.useDOMRef)(ref);
+    let stringFormatter = (0, $grxqE$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($304e231322f30cb2$exports))));
     // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
-    let lastCount = $grxqE$react.useRef(selectedItemCount);
-    if (selectedItemCount === 'all' || selectedItemCount > 0) lastCount.current = selectedItemCount;
-    let { keyboardProps: keyboardProps  } = $grxqE$reactariainteractions.useKeyboard({
+    let lastCount = (0, $grxqE$react.useRef)(selectedItemCount);
+    if (selectedItemCount === "all" || selectedItemCount > 0) lastCount.current = selectedItemCount;
+    let { keyboardProps: keyboardProps  } = (0, $grxqE$reactariainteractions.useKeyboard)({
         onKeyDown (e) {
-            if (e.key === 'Escape') {
+            if (e.key === "Escape") {
                 e.preventDefault();
                 onClearSelection();
             }
         }
     });
     // Announce "actions available" on mount.
-    $grxqE$react.useEffect(()=>{
-        $grxqE$reactarialiveannouncer.announce(stringFormatter.format('actionsAvailable'));
+    (0, $grxqE$react.useEffect)(()=>{
+        (0, $grxqE$reactarialiveannouncer.announce)(stringFormatter.format("actionsAvailable"));
     }, [
         stringFormatter
     ]);
-    return(/*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactariafocus.FocusScope, {
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement((0, $grxqE$reactariafocus.FocusScope), {
         restoreFocus: true
-    }, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement("div", {
-        ...$grxqE$reactariautils.filterDOMProps(props),
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement("div", {
+        ...(0, $grxqE$reactariautils.filterDOMProps)(props),
         ...styleProps,
         ...keyboardProps,
         ref: domRef,
-        className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar', {
-            'react-spectrum-ActionBar--emphasized': isEmphasized,
-            'is-open': isOpen
+        className: (0, $grxqE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar", {
+            "react-spectrum-ActionBar--emphasized": isEmphasized,
+            "is-open": isOpen
         }, styleProps.className)
-    }, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement("div", {
-        className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar-bar')
-    }, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumactiongroup.ActionGroup, {
-        "aria-label": stringFormatter.format('actions'),
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement("div", {
+        className: (0, $grxqE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar-bar")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement((0, $grxqE$reactspectrumactiongroup.ActionGroup), {
+        "aria-label": stringFormatter.format("actions"),
         isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined,
+        staticColor: isEmphasized ? "white" : undefined,
         overflowMode: "collapse",
         buttonLabelBehavior: "collapse",
         onAction: onAction,
-        UNSAFE_className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar-actionGroup')
-    }, children), /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumbutton.ActionButton, {
+        UNSAFE_className: (0, $grxqE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar-actionGroup")
+    }, children), /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement((0, $grxqE$reactspectrumbutton.ActionButton), {
         gridArea: "clear",
-        "aria-label": stringFormatter.format('clearSelection'),
-        onPress: ()=>onClearSelection()
-        ,
+        "aria-label": stringFormatter.format("clearSelection"),
+        onPress: ()=>onClearSelection(),
         isQuiet: true,
-        staticColor: isEmphasized ? 'white' : undefined
-    }, /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement(($parcel$interopDefault($grxqE$spectrumiconsuiCrossLarge)), null)), /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement($grxqE$reactspectrumtext.Text, {
-        UNSAFE_className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'react-spectrum-ActionBar-selectedCount')
-    }, lastCount.current === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
+        staticColor: isEmphasized ? "white" : undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement((0, ($parcel$interopDefault($grxqE$spectrumiconsuiCrossLarge))), null)), /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement((0, $grxqE$reactspectrumtext.Text), {
+        UNSAFE_className: (0, $grxqE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar-selectedCount")
+    }, lastCount.current === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selected", {
         count: lastCount.current
-    }))))));
+    })))));
 }
-const $7b5467653feb1153$var$ActionBarInnerWithRef = /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).forwardRef($7b5467653feb1153$var$ActionBarInner);
+const $7b5467653feb1153$var$ActionBarInnerWithRef = /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).forwardRef($7b5467653feb1153$var$ActionBarInner);
 /**
  * TODO: Add description of component here.
- */ const $7b5467653feb1153$export$e213cebad6250b4a = /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).forwardRef($7b5467653feb1153$var$ActionBar);
-
+ */ const $7b5467653feb1153$export$e213cebad6250b4a = /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).forwardRef($7b5467653feb1153$var$ActionBar);
 
 
+/*
+ * Copyright 2020 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.
+ */ 
 
 
 
 
 function $961b22d2b8bd2da1$var$ActionBarContainer(props, ref) {
     // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.
-    props = $grxqE$reactspectrumprovider.useProviderProps(props);
+    props = (0, $grxqE$reactspectrumprovider.useProviderProps)(props);
     let { children: children  } = props;
-    let { styleProps: styleProps  } = $grxqE$reactspectrumutils.useStyleProps(props);
-    let domRef = $grxqE$reactspectrumutils.useDOMRef(ref);
-    return(/*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).createElement("div", {
-        ...$grxqE$reactariautils.filterDOMProps(props),
+    let { styleProps: styleProps  } = (0, $grxqE$reactspectrumutils.useStyleProps)(props);
+    let domRef = (0, $grxqE$reactspectrumutils.useDOMRef)(ref);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).createElement("div", {
+        ...(0, $grxqE$reactariautils.filterDOMProps)(props),
         ...styleProps,
         ref: domRef,
-        className: $grxqE$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports)), 'ActionBarContainer', styleProps.className)
-    }, children));
+        className: (0, $grxqE$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ff24c7bbe0c168db$exports))), "ActionBarContainer", styleProps.className)
+    }, children);
 }
 /**
  * TODO: Add description of component here.
- */ const $961b22d2b8bd2da1$export$ac2eb07f267e434c = /*#__PURE__*/ ($parcel$interopDefault($grxqE$react)).forwardRef($961b22d2b8bd2da1$var$ActionBarContainer);
+ */ const $961b22d2b8bd2da1$export$ac2eb07f267e434c = /*#__PURE__*/ (0, ($parcel$interopDefault($grxqE$react))).forwardRef($961b22d2b8bd2da1$var$ActionBarContainer);