@bcgov/design-system-react-components 0.8.0 → 0.8.1-pr760
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -9
- package/dist/cjs/index.cjs +557 -709
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +556 -708
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +129 -72
- package/package.json +31 -27
package/dist/esm/index.js
CHANGED
|
@@ -61,7 +61,7 @@ styleInject(css_248z$E);
|
|
|
61
61
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
62
62
|
* governing permissions and limitations under the License.
|
|
63
63
|
*/
|
|
64
|
-
const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? ($8WNJc$react).useLayoutEffect : ()=>{};
|
|
64
|
+
const $c4867b2f328c2698$export$e5c5a5f917a5871c$1 = typeof document !== 'undefined' ? ($8WNJc$react).useLayoutEffect : ()=>{};
|
|
65
65
|
|
|
66
66
|
/*
|
|
67
67
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -82,16 +82,16 @@ const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined
|
|
|
82
82
|
// being on the page at once, the prefix is set to a random number. SSRProvider
|
|
83
83
|
// will reset this to zero for consistency between server and client, so in the
|
|
84
84
|
// SSR case multiple copies of React Aria is not supported.
|
|
85
|
-
const $c7eafbbe1ea5834e$var$defaultContext$
|
|
85
|
+
const $c7eafbbe1ea5834e$var$defaultContext$1 = {
|
|
86
86
|
prefix: String(Math.round(Math.random() * 10000000000)),
|
|
87
87
|
current: 0
|
|
88
88
|
};
|
|
89
|
-
const $c7eafbbe1ea5834e$var$SSRContext$
|
|
90
|
-
const $c7eafbbe1ea5834e$var$IsSSRContext$
|
|
91
|
-
let $c7eafbbe1ea5834e$var$canUseDOM$
|
|
92
|
-
let $c7eafbbe1ea5834e$var$componentIds$
|
|
93
|
-
function $c7eafbbe1ea5834e$var$useCounter$
|
|
94
|
-
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$
|
|
89
|
+
const $c7eafbbe1ea5834e$var$SSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext$1);
|
|
90
|
+
const $c7eafbbe1ea5834e$var$IsSSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(false);
|
|
91
|
+
let $c7eafbbe1ea5834e$var$canUseDOM$1 = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
92
|
+
let $c7eafbbe1ea5834e$var$componentIds$1 = new WeakMap();
|
|
93
|
+
function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
94
|
+
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
|
|
95
95
|
let ref = (useRef)(null);
|
|
96
96
|
// eslint-disable-next-line rulesdir/pure-render
|
|
97
97
|
if (ref.current === null && !isDisabled) {
|
|
@@ -107,9 +107,9 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
|
|
|
107
107
|
// @ts-ignore
|
|
108
108
|
let currentOwner = ($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
|
|
109
109
|
if (currentOwner) {
|
|
110
|
-
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds$
|
|
110
|
+
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds$1.get(currentOwner);
|
|
111
111
|
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
112
|
-
$c7eafbbe1ea5834e$var$componentIds$
|
|
112
|
+
$c7eafbbe1ea5834e$var$componentIds$1.set(currentOwner, {
|
|
113
113
|
id: ctx.current,
|
|
114
114
|
state: currentOwner.memoizedState
|
|
115
115
|
});
|
|
@@ -118,7 +118,7 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
|
|
|
118
118
|
// Reset the counter, and remove from the weak map so we don't
|
|
119
119
|
// do this for subsequent useId calls.
|
|
120
120
|
ctx.current = prevComponentValue.id;
|
|
121
|
-
$c7eafbbe1ea5834e$var$componentIds$
|
|
121
|
+
$c7eafbbe1ea5834e$var$componentIds$1.delete(currentOwner);
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
124
|
// eslint-disable-next-line rulesdir/pure-render
|
|
@@ -127,38 +127,38 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
|
|
|
127
127
|
// eslint-disable-next-line rulesdir/pure-render
|
|
128
128
|
return ref.current;
|
|
129
129
|
}
|
|
130
|
-
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId$
|
|
131
|
-
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$
|
|
130
|
+
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1(defaultId) {
|
|
131
|
+
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
|
|
132
132
|
// If we are rendering in a non-DOM environment, and there's no SSRProvider,
|
|
133
133
|
// provide a warning to hint to the developer to add one.
|
|
134
|
-
if (ctx === $c7eafbbe1ea5834e$var$defaultContext$
|
|
135
|
-
let counter = $c7eafbbe1ea5834e$var$useCounter$
|
|
136
|
-
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext$
|
|
134
|
+
if (ctx === $c7eafbbe1ea5834e$var$defaultContext$1 && !$c7eafbbe1ea5834e$var$canUseDOM$1 && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
|
|
135
|
+
let counter = $c7eafbbe1ea5834e$var$useCounter$1(!!defaultId);
|
|
136
|
+
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext$1 && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
|
|
137
137
|
return defaultId || `${prefix}-${counter}`;
|
|
138
138
|
}
|
|
139
|
-
function $c7eafbbe1ea5834e$var$useModernSSRSafeId$
|
|
139
|
+
function $c7eafbbe1ea5834e$var$useModernSSRSafeId$1(defaultId) {
|
|
140
140
|
let id = ($8WNJc$react).useId();
|
|
141
|
-
let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
142
|
-
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext$
|
|
141
|
+
let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1());
|
|
142
|
+
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext$1.prefix}`;
|
|
143
143
|
return defaultId || `${prefix}-${id}`;
|
|
144
144
|
}
|
|
145
|
-
const $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$
|
|
146
|
-
function $c7eafbbe1ea5834e$var$getSnapshot$
|
|
145
|
+
const $c7eafbbe1ea5834e$export$619500959fc48b26$1 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$1 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1;
|
|
146
|
+
function $c7eafbbe1ea5834e$var$getSnapshot$1() {
|
|
147
147
|
return false;
|
|
148
148
|
}
|
|
149
|
-
function $c7eafbbe1ea5834e$var$getServerSnapshot$
|
|
149
|
+
function $c7eafbbe1ea5834e$var$getServerSnapshot$1() {
|
|
150
150
|
return true;
|
|
151
151
|
}
|
|
152
152
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
153
|
-
function $c7eafbbe1ea5834e$var$subscribe$
|
|
153
|
+
function $c7eafbbe1ea5834e$var$subscribe$1(onStoreChange) {
|
|
154
154
|
// noop
|
|
155
155
|
return ()=>{};
|
|
156
156
|
}
|
|
157
|
-
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
157
|
+
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$1() {
|
|
158
158
|
// In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
|
|
159
|
-
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe$
|
|
159
|
+
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe$1, $c7eafbbe1ea5834e$var$getSnapshot$1, $c7eafbbe1ea5834e$var$getServerSnapshot$1);
|
|
160
160
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
161
|
-
return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext$
|
|
161
|
+
return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext$1);
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
/*
|
|
@@ -196,7 +196,7 @@ function $1a716630a9e3a599$export$14d238f342723f25(defaultValue) {
|
|
|
196
196
|
if (currValue.current === newValue.value) nextRef.current();
|
|
197
197
|
else setValue(newValue.value);
|
|
198
198
|
});
|
|
199
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
199
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
200
200
|
currValue.current = value;
|
|
201
201
|
// If there is an effect currently running, continue to the next yield.
|
|
202
202
|
if (effect.current) nextRef.current();
|
|
@@ -228,35 +228,35 @@ function $1a716630a9e3a599$export$14d238f342723f25(defaultValue) {
|
|
|
228
228
|
|
|
229
229
|
|
|
230
230
|
// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
|
|
231
|
-
let $390e54f620492c70$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
232
|
-
let $390e54f620492c70$export$d41a04c74483c6ef = new Map();
|
|
231
|
+
let $390e54f620492c70$var$canUseDOM$1 = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
232
|
+
let $390e54f620492c70$export$d41a04c74483c6ef$1 = new Map();
|
|
233
233
|
// This allows us to clean up the idsUpdaterMap when the id is no longer used.
|
|
234
234
|
// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.
|
|
235
235
|
// This can happen in suspended components where mount/unmount is not called.
|
|
236
|
-
let $390e54f620492c70$var$registry;
|
|
237
|
-
if (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry = new FinalizationRegistry((heldValue)=>{
|
|
238
|
-
$390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);
|
|
236
|
+
let $390e54f620492c70$var$registry$1;
|
|
237
|
+
if (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry$1 = new FinalizationRegistry((heldValue)=>{
|
|
238
|
+
$390e54f620492c70$export$d41a04c74483c6ef$1.delete(heldValue);
|
|
239
239
|
});
|
|
240
|
-
function $390e54f620492c70$export$f680877a34711e37(defaultId) {
|
|
240
|
+
function $390e54f620492c70$export$f680877a34711e37$1(defaultId) {
|
|
241
241
|
let [value, setValue] = (useState)(defaultId);
|
|
242
242
|
let nextId = (useRef)(null);
|
|
243
|
-
let res = ($c7eafbbe1ea5834e$export$619500959fc48b26)(value);
|
|
243
|
+
let res = ($c7eafbbe1ea5834e$export$619500959fc48b26$1)(value);
|
|
244
244
|
let cleanupRef = (useRef)(null);
|
|
245
|
-
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.register(cleanupRef, res);
|
|
246
|
-
if ($390e54f620492c70$var$canUseDOM) {
|
|
247
|
-
const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);
|
|
245
|
+
if ($390e54f620492c70$var$registry$1) $390e54f620492c70$var$registry$1.register(cleanupRef, res);
|
|
246
|
+
if ($390e54f620492c70$var$canUseDOM$1) {
|
|
247
|
+
const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef$1.get(res);
|
|
248
248
|
if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
|
|
249
|
-
else $390e54f620492c70$export$d41a04c74483c6ef.set(res, [
|
|
249
|
+
else $390e54f620492c70$export$d41a04c74483c6ef$1.set(res, [
|
|
250
250
|
nextId
|
|
251
251
|
]);
|
|
252
252
|
}
|
|
253
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
253
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
254
254
|
let r = res;
|
|
255
255
|
return ()=>{
|
|
256
256
|
// In Suspense, the cleanup function may be not called
|
|
257
257
|
// when it is though, also remove it from the finalization registry.
|
|
258
|
-
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.unregister(cleanupRef);
|
|
259
|
-
$390e54f620492c70$export$d41a04c74483c6ef.delete(r);
|
|
258
|
+
if ($390e54f620492c70$var$registry$1) $390e54f620492c70$var$registry$1.unregister(cleanupRef);
|
|
259
|
+
$390e54f620492c70$export$d41a04c74483c6ef$1.delete(r);
|
|
260
260
|
};
|
|
261
261
|
}, [
|
|
262
262
|
res
|
|
@@ -274,12 +274,12 @@ function $390e54f620492c70$export$f680877a34711e37(defaultId) {
|
|
|
274
274
|
}
|
|
275
275
|
function $390e54f620492c70$export$cd8c9cb68f842629(idA, idB) {
|
|
276
276
|
if (idA === idB) return idA;
|
|
277
|
-
let setIdsA = $390e54f620492c70$export$d41a04c74483c6ef.get(idA);
|
|
277
|
+
let setIdsA = $390e54f620492c70$export$d41a04c74483c6ef$1.get(idA);
|
|
278
278
|
if (setIdsA) {
|
|
279
279
|
setIdsA.forEach((ref)=>ref.current = idB);
|
|
280
280
|
return idB;
|
|
281
281
|
}
|
|
282
|
-
let setIdsB = $390e54f620492c70$export$d41a04c74483c6ef.get(idB);
|
|
282
|
+
let setIdsB = $390e54f620492c70$export$d41a04c74483c6ef$1.get(idB);
|
|
283
283
|
if (setIdsB) {
|
|
284
284
|
setIdsB.forEach((ref)=>ref.current = idA);
|
|
285
285
|
return idA;
|
|
@@ -287,7 +287,7 @@ function $390e54f620492c70$export$cd8c9cb68f842629(idA, idB) {
|
|
|
287
287
|
return idB;
|
|
288
288
|
}
|
|
289
289
|
function $390e54f620492c70$export$b4cc09c592e8fdb8(depArray = []) {
|
|
290
|
-
let id = $390e54f620492c70$export$f680877a34711e37();
|
|
290
|
+
let id = $390e54f620492c70$export$f680877a34711e37$1();
|
|
291
291
|
let [resolvedId, setResolvedId] = ($1a716630a9e3a599$export$14d238f342723f25)(id);
|
|
292
292
|
let updateId = (useCallback)(()=>{
|
|
293
293
|
setResolvedId(function*() {
|
|
@@ -298,7 +298,7 @@ function $390e54f620492c70$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
298
298
|
id,
|
|
299
299
|
setResolvedId
|
|
300
300
|
]);
|
|
301
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(updateId, [
|
|
301
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(updateId, [
|
|
302
302
|
id,
|
|
303
303
|
updateId,
|
|
304
304
|
...depArray
|
|
@@ -556,7 +556,7 @@ function $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8(initialState = true) {
|
|
|
556
556
|
setHasSlot(!!el);
|
|
557
557
|
}, []);
|
|
558
558
|
// If the callback hasn't been called, then reset to false.
|
|
559
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
559
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
560
560
|
if (!hasRun.current) setHasSlot(false);
|
|
561
561
|
}, []);
|
|
562
562
|
return [
|
|
@@ -577,7 +577,7 @@ function $7230ffa83bc0c2cf$var$DOMElement(ElementType, props, forwardedRef) {
|
|
|
577
577
|
forwardedRef,
|
|
578
578
|
elementRef
|
|
579
579
|
]);
|
|
580
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
580
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
581
581
|
if (process.env.NODE_ENV !== 'production' && render) {
|
|
582
582
|
if (!elementRef.current) console.warn('Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?');
|
|
583
583
|
else if (elementRef.current.localName !== ElementType) console.warn(`Unexpected DOM element returned by custom \`render\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`);
|
|
@@ -898,7 +898,7 @@ function $a92dc41f639950be$export$715c682d09d639cc(onBlur) {
|
|
|
898
898
|
observer: null
|
|
899
899
|
});
|
|
900
900
|
// Clean up MutationObserver on unmount. See below.
|
|
901
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
901
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
902
902
|
const state = stateRef.current;
|
|
903
903
|
return ()=>{
|
|
904
904
|
if (state.observer) {
|
|
@@ -1399,7 +1399,7 @@ function $8f5a2122b0992be3$export$98e20ec92f614cfe() {
|
|
|
1399
1399
|
$8f5a2122b0992be3$export$901e90a13c50a14e.delete(handler);
|
|
1400
1400
|
};
|
|
1401
1401
|
}, []);
|
|
1402
|
-
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
1402
|
+
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)() ? null : modality;
|
|
1403
1403
|
}
|
|
1404
1404
|
const $8f5a2122b0992be3$var$nonTextInputTypes = new Set([
|
|
1405
1405
|
'checkbox',
|
|
@@ -1491,7 +1491,7 @@ function $bb39c0fc1c19b34c$export$c57958e35f31ed73(target) {
|
|
|
1491
1491
|
|
|
1492
1492
|
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
1493
1493
|
// before all layout effects, but is available only in React 18 and later.
|
|
1494
|
-
const $fe16bffc7a557bf0$var$useEarlyEffect = ($8WNJc$react)['useInsertionEffect'] ?? ($c4867b2f328c2698$export$e5c5a5f917a5871c);
|
|
1494
|
+
const $fe16bffc7a557bf0$var$useEarlyEffect = ($8WNJc$react)['useInsertionEffect'] ?? ($c4867b2f328c2698$export$e5c5a5f917a5871c$1);
|
|
1495
1495
|
function $fe16bffc7a557bf0$export$7f54fc3180508a52(fn) {
|
|
1496
1496
|
const ref = (useRef)(null);
|
|
1497
1497
|
$fe16bffc7a557bf0$var$useEarlyEffect(()=>{
|
|
@@ -1551,7 +1551,7 @@ function $e8ac3c3f5d4bae7f$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
1551
1551
|
let { id: id, 'aria-label': label, 'aria-labelledby': labelledBy } = props;
|
|
1552
1552
|
// If there is both an aria-label and aria-labelledby,
|
|
1553
1553
|
// combine them by pointing to the element itself.
|
|
1554
|
-
id = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
1554
|
+
id = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
1555
1555
|
if (labelledBy && label) {
|
|
1556
1556
|
let ids = new Set([
|
|
1557
1557
|
id,
|
|
@@ -1581,7 +1581,7 @@ function $e8ac3c3f5d4bae7f$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
1581
1581
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1582
1582
|
* governing permissions and limitations under the License.
|
|
1583
1583
|
*/ // https://en.wikipedia.org/wiki/Right-to-left
|
|
1584
|
-
const $d805ff57cab8bee2$var$RTL_SCRIPTS$
|
|
1584
|
+
const $d805ff57cab8bee2$var$RTL_SCRIPTS$1 = new Set([
|
|
1585
1585
|
'Arab',
|
|
1586
1586
|
'Syrc',
|
|
1587
1587
|
'Samr',
|
|
@@ -1593,7 +1593,7 @@ const $d805ff57cab8bee2$var$RTL_SCRIPTS$2 = new Set([
|
|
|
1593
1593
|
'Rohg',
|
|
1594
1594
|
'Hebr'
|
|
1595
1595
|
]);
|
|
1596
|
-
const $d805ff57cab8bee2$var$RTL_LANGS$
|
|
1596
|
+
const $d805ff57cab8bee2$var$RTL_LANGS$1 = new Set([
|
|
1597
1597
|
'ae',
|
|
1598
1598
|
'ar',
|
|
1599
1599
|
'arc',
|
|
@@ -1614,7 +1614,7 @@ const $d805ff57cab8bee2$var$RTL_LANGS$2 = new Set([
|
|
|
1614
1614
|
'ur',
|
|
1615
1615
|
'yi'
|
|
1616
1616
|
]);
|
|
1617
|
-
function $d805ff57cab8bee2$export$702d680b21cbd764$
|
|
1617
|
+
function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
|
|
1618
1618
|
// If the Intl.Locale API is available, use it to get the locale's text direction.
|
|
1619
1619
|
if (Intl.Locale) {
|
|
1620
1620
|
let locale = new Intl.Locale(localeString).maximize();
|
|
@@ -1625,11 +1625,11 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$2(localeString) {
|
|
|
1625
1625
|
if (textInfo) return textInfo.direction === 'rtl';
|
|
1626
1626
|
// Fallback: guess using the script.
|
|
1627
1627
|
// This is more accurate than guessing by language, since languages can be written in multiple scripts.
|
|
1628
|
-
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS$
|
|
1628
|
+
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS$1.has(locale.script);
|
|
1629
1629
|
}
|
|
1630
1630
|
// If not, just guess by the language (first part of the locale)
|
|
1631
1631
|
let lang = localeString.split('-')[0];
|
|
1632
|
-
return $d805ff57cab8bee2$var$RTL_LANGS$
|
|
1632
|
+
return $d805ff57cab8bee2$var$RTL_LANGS$1.has(lang);
|
|
1633
1633
|
}
|
|
1634
1634
|
|
|
1635
1635
|
/*
|
|
@@ -1646,9 +1646,9 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$2(localeString) {
|
|
|
1646
1646
|
|
|
1647
1647
|
|
|
1648
1648
|
// Locale passed from server by PackageLocalizationProvider.
|
|
1649
|
-
const $520a025cdb0d710d$var$localeSymbol$
|
|
1650
|
-
function $520a025cdb0d710d$export$f09106e7c6677ec5$
|
|
1651
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$
|
|
1649
|
+
const $520a025cdb0d710d$var$localeSymbol$1 = Symbol.for('react-aria.i18n.locale');
|
|
1650
|
+
function $520a025cdb0d710d$export$f09106e7c6677ec5$1() {
|
|
1651
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
|
|
1652
1652
|
try {
|
|
1653
1653
|
Intl.DateTimeFormat.supportedLocalesOf([
|
|
1654
1654
|
locale
|
|
@@ -1658,30 +1658,30 @@ function $520a025cdb0d710d$export$f09106e7c6677ec5$2() {
|
|
|
1658
1658
|
}
|
|
1659
1659
|
return {
|
|
1660
1660
|
locale: locale,
|
|
1661
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$
|
|
1661
|
+
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$1)(locale) ? 'rtl' : 'ltr'
|
|
1662
1662
|
};
|
|
1663
1663
|
}
|
|
1664
|
-
let $520a025cdb0d710d$var$currentLocale$
|
|
1665
|
-
let $520a025cdb0d710d$var$listeners$
|
|
1666
|
-
function $520a025cdb0d710d$var$updateLocale$
|
|
1667
|
-
$520a025cdb0d710d$var$currentLocale$
|
|
1668
|
-
for (let listener of $520a025cdb0d710d$var$listeners$
|
|
1664
|
+
let $520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
|
|
1665
|
+
let $520a025cdb0d710d$var$listeners$1 = new Set();
|
|
1666
|
+
function $520a025cdb0d710d$var$updateLocale$1() {
|
|
1667
|
+
$520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
|
|
1668
|
+
for (let listener of $520a025cdb0d710d$var$listeners$1)listener($520a025cdb0d710d$var$currentLocale$1);
|
|
1669
1669
|
}
|
|
1670
|
-
function $520a025cdb0d710d$export$188ec29ebc2bdc3a$
|
|
1671
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
1672
|
-
let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale$
|
|
1670
|
+
function $520a025cdb0d710d$export$188ec29ebc2bdc3a$1() {
|
|
1671
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
1672
|
+
let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale$1);
|
|
1673
1673
|
(useEffect)(()=>{
|
|
1674
|
-
if ($520a025cdb0d710d$var$listeners$
|
|
1675
|
-
$520a025cdb0d710d$var$listeners$
|
|
1674
|
+
if ($520a025cdb0d710d$var$listeners$1.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
|
|
1675
|
+
$520a025cdb0d710d$var$listeners$1.add(setDefaultLocale);
|
|
1676
1676
|
return ()=>{
|
|
1677
|
-
$520a025cdb0d710d$var$listeners$
|
|
1678
|
-
if ($520a025cdb0d710d$var$listeners$
|
|
1677
|
+
$520a025cdb0d710d$var$listeners$1.delete(setDefaultLocale);
|
|
1678
|
+
if ($520a025cdb0d710d$var$listeners$1.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
|
|
1679
1679
|
};
|
|
1680
1680
|
}, []);
|
|
1681
1681
|
// We cannot determine the browser's language on the server, so default to
|
|
1682
1682
|
// en-US. This will be updated after hydration on the client to the correct value.
|
|
1683
1683
|
if (isSSR) {
|
|
1684
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$
|
|
1684
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1];
|
|
1685
1685
|
return {
|
|
1686
1686
|
locale: locale || 'en-US',
|
|
1687
1687
|
direction: 'ltr'
|
|
@@ -1703,18 +1703,18 @@ function $520a025cdb0d710d$export$188ec29ebc2bdc3a$2() {
|
|
|
1703
1703
|
*/
|
|
1704
1704
|
|
|
1705
1705
|
|
|
1706
|
-
const $2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1706
|
+
const $2eb8e6d23f3d0cb0$var$I18nContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
1707
1707
|
/**
|
|
1708
1708
|
* Internal component that handles the case when locale is provided.
|
|
1709
1709
|
*/ function $2eb8e6d23f3d0cb0$var$I18nProviderWithLocale(props) {
|
|
1710
1710
|
let { locale: locale, children: children } = props;
|
|
1711
1711
|
let value = ($8WNJc$react).useMemo(()=>({
|
|
1712
1712
|
locale: locale,
|
|
1713
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$
|
|
1713
|
+
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$1)(locale) ? 'rtl' : 'ltr'
|
|
1714
1714
|
}), [
|
|
1715
1715
|
locale
|
|
1716
1716
|
]);
|
|
1717
|
-
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1717
|
+
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$1.Provider, {
|
|
1718
1718
|
value: value
|
|
1719
1719
|
}, children);
|
|
1720
1720
|
}
|
|
@@ -1722,8 +1722,8 @@ const $2eb8e6d23f3d0cb0$var$I18nContext$2 = /*#__PURE__*/ ($8WNJc$react).createC
|
|
|
1722
1722
|
* Internal component that handles the case when no locale is provided.
|
|
1723
1723
|
*/ function $2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale(props) {
|
|
1724
1724
|
let { children: children } = props;
|
|
1725
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$
|
|
1726
|
-
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1725
|
+
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$1)();
|
|
1726
|
+
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$1.Provider, {
|
|
1727
1727
|
value: defaultLocale
|
|
1728
1728
|
}, children);
|
|
1729
1729
|
}
|
|
@@ -1739,9 +1739,9 @@ function $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82(props) {
|
|
|
1739
1739
|
children: children
|
|
1740
1740
|
});
|
|
1741
1741
|
}
|
|
1742
|
-
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
1743
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$
|
|
1744
|
-
let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1742
|
+
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1() {
|
|
1743
|
+
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$1)();
|
|
1744
|
+
let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext$1);
|
|
1745
1745
|
return context || defaultLocale;
|
|
1746
1746
|
}
|
|
1747
1747
|
|
|
@@ -1894,7 +1894,7 @@ function $cf2482eff2eeeec2$export$87b761675e8eaa10$1(strings, packageName) {
|
|
|
1894
1894
|
return packageName && ($a747a10fe70a57da$export$c17fa47878dc55b6).getGlobalDictionaryForPackage(packageName) || $cf2482eff2eeeec2$var$getCachedDictionary$1(strings);
|
|
1895
1895
|
}
|
|
1896
1896
|
function $cf2482eff2eeeec2$export$f12b703ca79dfbb1(strings, packageName) {
|
|
1897
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
1897
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
1898
1898
|
let dictionary = $cf2482eff2eeeec2$export$87b761675e8eaa10$1(strings, packageName);
|
|
1899
1899
|
return (useMemo)(()=>new ($b27c684a33948c64$export$2f817fcdc4b89ae0)(locale, dictionary), [
|
|
1900
1900
|
locale,
|
|
@@ -2867,7 +2867,7 @@ function $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props) {
|
|
|
2867
2867
|
* governing permissions and limitations under the License.
|
|
2868
2868
|
*/
|
|
2869
2869
|
function $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref) {
|
|
2870
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
2870
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
2871
2871
|
if (context && context.ref && ref) {
|
|
2872
2872
|
context.ref.current = ref.current;
|
|
2873
2873
|
return ()=>{
|
|
@@ -3259,7 +3259,7 @@ function $42ceafc619f9c3ba$var$CollectionInner({ collection: collection, render:
|
|
|
3259
3259
|
// React 16 and 17 don't support useSyncExternalStore natively, and the shim provided by React does not support getServerSnapshot.
|
|
3260
3260
|
// This wrapper uses the shim, but additionally calls getServerSnapshot during SSR (according to SSRProvider).
|
|
3261
3261
|
function $42ceafc619f9c3ba$var$useSyncExternalStoreFallback(subscribe, getSnapshot, getServerSnapshot) {
|
|
3262
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
3262
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
3263
3263
|
let isSSRRef = (useRef)(isSSR);
|
|
3264
3264
|
// This is read immediately inside the wrapper, which also runs during render.
|
|
3265
3265
|
// We just need a ref to avoid invalidating the callback itself, which
|
|
@@ -3422,7 +3422,7 @@ function $42ceafc619f9c3ba$var$CollectionRoot({ children: children }) {
|
|
|
3422
3422
|
]);
|
|
3423
3423
|
// During SSR, we render the content directly, and append nodes to the document during render.
|
|
3424
3424
|
// The collection children return null so that nothing is actually rendered into the HTML.
|
|
3425
|
-
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
3425
|
+
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)() ? /*#__PURE__*/ ($8WNJc$react).createElement($42ceafc619f9c3ba$var$SSRContext.Provider, {
|
|
3426
3426
|
value: doc
|
|
3427
3427
|
}, wrappedChildren) : /*#__PURE__*/ (createPortal)(wrappedChildren, doc);
|
|
3428
3428
|
}
|
|
@@ -4909,8 +4909,8 @@ const $43a3b93638fe5db9$export$b04be29aa201d4f5 = /*#__PURE__*/ ($d7f64c32b702fe
|
|
|
4909
4909
|
|
|
4910
4910
|
function $0beb20c9744a2065$export$8467354a121f1b9f(props) {
|
|
4911
4911
|
let { id: id, label: label, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, labelElementType: labelElementType = 'label' } = props;
|
|
4912
|
-
id = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
4913
|
-
let labelId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
4912
|
+
id = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
4913
|
+
let labelId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
4914
4914
|
let labelProps = {};
|
|
4915
4915
|
if (label) {
|
|
4916
4916
|
ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
|
|
@@ -5377,7 +5377,7 @@ function $eb76cf4feb040f77$var$escapeRegex(string) {
|
|
|
5377
5377
|
|
|
5378
5378
|
|
|
5379
5379
|
function $bd90acf18e792be6$export$b7a616150fdb9f44(options = {}) {
|
|
5380
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
5380
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
5381
5381
|
return (useMemo)(()=>new ($1dfb119a85e764e5$export$cc77c4ff7e8673c5)(locale, options), [
|
|
5382
5382
|
locale,
|
|
5383
5383
|
options
|
|
@@ -5748,8 +5748,8 @@ const $7705c033048f6da7$export$353f5b6fc5456de1 = /*#__PURE__*/ ($d7f64c32b702fe
|
|
|
5748
5748
|
values: renderValues,
|
|
5749
5749
|
defaultClassName: 'react-aria-Button'
|
|
5750
5750
|
});
|
|
5751
|
-
let buttonId = ($390e54f620492c70$export$f680877a34711e37)(buttonProps.id);
|
|
5752
|
-
let progressId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
5751
|
+
let buttonId = ($390e54f620492c70$export$f680877a34711e37$1)(buttonProps.id);
|
|
5752
|
+
let progressId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
5753
5753
|
let ariaLabelledby = buttonProps['aria-labelledby'];
|
|
5754
5754
|
if (isPending) {
|
|
5755
5755
|
// aria-labelledby wins over aria-label
|
|
@@ -6484,7 +6484,7 @@ $e05239aa7a8d905d$exports = {
|
|
|
6484
6484
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
6485
6485
|
* governing permissions and limitations under the License.
|
|
6486
6486
|
*/ /* eslint-disable rulesdir/pure-render */
|
|
6487
|
-
function $9c268ab73a5d55e5$export$722debc0e56fea39$
|
|
6487
|
+
function $9c268ab73a5d55e5$export$722debc0e56fea39$1(value, isEqual) {
|
|
6488
6488
|
// Using a ref during render is ok here because it's only an optimization – both values are equivalent.
|
|
6489
6489
|
// If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
|
|
6490
6490
|
let lastValue = (useRef)(null);
|
|
@@ -8891,16 +8891,16 @@ function $12a3c853105e5a70$var$getResolvedHourCycle(locale, options) {
|
|
|
8891
8891
|
|
|
8892
8892
|
|
|
8893
8893
|
|
|
8894
|
-
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8894
|
+
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79$1(options) {
|
|
8895
8895
|
// Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
|
|
8896
|
-
options = ($9c268ab73a5d55e5$export$722debc0e56fea39$
|
|
8897
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
8896
|
+
options = ($9c268ab73a5d55e5$export$722debc0e56fea39$1)(options ?? {}, $60f33508b4cd9d3b$var$isEqual$1);
|
|
8897
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
8898
8898
|
return (useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
|
|
8899
8899
|
locale,
|
|
8900
8900
|
options
|
|
8901
8901
|
]);
|
|
8902
8902
|
}
|
|
8903
|
-
function $60f33508b4cd9d3b$var$isEqual$
|
|
8903
|
+
function $60f33508b4cd9d3b$var$isEqual$1(a, b) {
|
|
8904
8904
|
if (a === b) return true;
|
|
8905
8905
|
let aKeys = Object.keys(a);
|
|
8906
8906
|
let bKeys = Object.keys(b);
|
|
@@ -8938,7 +8938,7 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
|
|
|
8938
8938
|
let start, end;
|
|
8939
8939
|
if ('highlightedRange' in state) ({ start: start, end: end } = state.highlightedRange || {});
|
|
8940
8940
|
else start = end = state.value ?? undefined;
|
|
8941
|
-
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8941
|
+
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
8942
8942
|
weekday: 'long',
|
|
8943
8943
|
month: 'long',
|
|
8944
8944
|
year: 'numeric',
|
|
@@ -8977,14 +8977,14 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
|
|
|
8977
8977
|
function $9bac9bf03b87f160$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
|
|
8978
8978
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$f($e05239aa7a8d905d$exports))), '@react-aria/calendar');
|
|
8979
8979
|
let era = $9bac9bf03b87f160$export$134cbb7fb09a9522(startDate) || $9bac9bf03b87f160$export$134cbb7fb09a9522(endDate);
|
|
8980
|
-
let monthFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8980
|
+
let monthFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
8981
8981
|
month: 'long',
|
|
8982
8982
|
year: 'numeric',
|
|
8983
8983
|
era: era,
|
|
8984
8984
|
calendar: startDate.calendar.identifier,
|
|
8985
8985
|
timeZone: timeZone
|
|
8986
8986
|
});
|
|
8987
|
-
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8987
|
+
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
8988
8988
|
month: 'long',
|
|
8989
8989
|
year: 'numeric',
|
|
8990
8990
|
day: 'numeric',
|
|
@@ -9203,7 +9203,7 @@ function $a1efc3efb5426bf7$export$3ee915f8151bd4f1(props, state) {
|
|
|
9203
9203
|
|
|
9204
9204
|
function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
|
|
9205
9205
|
let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end, firstDayOfWeek: firstDayOfWeek } = props;
|
|
9206
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
9206
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
9207
9207
|
let onKeyDown = (e)=>{
|
|
9208
9208
|
switch(e.key){
|
|
9209
9209
|
case 'Enter':
|
|
@@ -9271,11 +9271,11 @@ function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
|
|
|
9271
9271
|
].filter(Boolean).join(', '),
|
|
9272
9272
|
'aria-labelledby': ariaLabelledBy
|
|
9273
9273
|
});
|
|
9274
|
-
let dayFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
9274
|
+
let dayFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
9275
9275
|
weekday: props.weekdayStyle || 'narrow',
|
|
9276
9276
|
timeZone: state.timeZone
|
|
9277
9277
|
});
|
|
9278
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
9278
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
9279
9279
|
let weekDays = (useMemo)(()=>{
|
|
9280
9280
|
let weekStart = ($ad063034c8620db8$export$42c81a444fbfb5d4)(($ad063034c8620db8$export$d0bdf45af03a6ea3)(state.timeZone), locale, firstDayOfWeek);
|
|
9281
9281
|
return [
|
|
@@ -9512,7 +9512,7 @@ let $121970af65029459$var$descriptionId = 0;
|
|
|
9512
9512
|
const $121970af65029459$var$descriptionNodes = new Map();
|
|
9513
9513
|
function $121970af65029459$export$f8aeda7b10753fa1(description) {
|
|
9514
9514
|
let [id, setId] = (useState)();
|
|
9515
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
9515
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
9516
9516
|
if (!description) return;
|
|
9517
9517
|
let desc = $121970af65029459$var$descriptionNodes.get(description);
|
|
9518
9518
|
if (!desc) {
|
|
@@ -9576,7 +9576,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
|
|
|
9576
9576
|
let { date: date, isDisabled: isDisabled } = props;
|
|
9577
9577
|
let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = ($9bac9bf03b87f160$export$653eddfc964b0f8a).get(state);
|
|
9578
9578
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$d($e05239aa7a8d905d$exports))), '@react-aria/calendar');
|
|
9579
|
-
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
9579
|
+
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
9580
9580
|
weekday: 'long',
|
|
9581
9581
|
day: 'numeric',
|
|
9582
9582
|
month: 'long',
|
|
@@ -9593,7 +9593,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
|
|
|
9593
9593
|
if (isInvalid) isSelected = true;
|
|
9594
9594
|
// For performance, reuse the same date object as before if the new date prop is the same.
|
|
9595
9595
|
// This allows subsequent useMemo results to be reused.
|
|
9596
|
-
date = ($9c268ab73a5d55e5$export$722debc0e56fea39$
|
|
9596
|
+
date = ($9c268ab73a5d55e5$export$722debc0e56fea39$1)(date, ($ad063034c8620db8$export$91b62ebf2ba703ee));
|
|
9597
9597
|
let nativeDate = (useMemo)(()=>date.toDate(state.timeZone), [
|
|
9598
9598
|
date,
|
|
9599
9599
|
state.timeZone
|
|
@@ -9767,7 +9767,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
|
|
|
9767
9767
|
isFocused,
|
|
9768
9768
|
ref
|
|
9769
9769
|
]);
|
|
9770
|
-
let cellDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
9770
|
+
let cellDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
9771
9771
|
day: 'numeric',
|
|
9772
9772
|
timeZone: state.timeZone,
|
|
9773
9773
|
calendar: date.calendar.identifier
|
|
@@ -10278,7 +10278,7 @@ const $6f9a1820b787aac7$export$9e31dcedda1dadc7 = /*#__PURE__*/ (createContext)(
|
|
|
10278
10278
|
const $6f9a1820b787aac7$export$5e0fc348c00f87a0 = /*#__PURE__*/ (createContext)(null);
|
|
10279
10279
|
const $6f9a1820b787aac7$export$e1aef45b828286de = /*#__PURE__*/ (forwardRef)(function Calendar(props, ref) {
|
|
10280
10280
|
[props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $6f9a1820b787aac7$export$3b805cea1f178355);
|
|
10281
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
10281
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
10282
10282
|
let state = ($ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f)({
|
|
10283
10283
|
...props,
|
|
10284
10284
|
locale: locale,
|
|
@@ -11021,7 +11021,7 @@ function $876b6f32ca5a04c3$export$cbe85ee05b554577(props, state, ref) {
|
|
|
11021
11021
|
function $860f7da480e22816$export$b8473d3665f3a75a(props, state, ref) {
|
|
11022
11022
|
let { validationBehavior: validationBehavior, focus: focus } = props;
|
|
11023
11023
|
// This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
|
|
11024
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
11024
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
11025
11025
|
if (validationBehavior === 'native' && ref?.current && !ref.current.disabled) {
|
|
11026
11026
|
let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
|
|
11027
11027
|
ref.current.setCustomValidity(errorMessage);
|
|
@@ -12727,7 +12727,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
|
|
|
12727
12727
|
commit,
|
|
12728
12728
|
inputRef
|
|
12729
12729
|
]);
|
|
12730
|
-
let inputId = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
12730
|
+
let inputId = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
12731
12731
|
let { focusProps: focusProps } = ($1e74c67db218ce67$export$f8168d8dd8fd66e6)({
|
|
12732
12732
|
onBlur () {
|
|
12733
12733
|
commitAndAnnounce();
|
|
@@ -12905,8 +12905,8 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
|
|
|
12905
12905
|
let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');
|
|
12906
12906
|
let ariaLabelledby;
|
|
12907
12907
|
if (!fieldLabel) ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];
|
|
12908
|
-
let incrementId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
12909
|
-
let decrementId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
12908
|
+
let incrementId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
12909
|
+
let decrementId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
12910
12910
|
let incrementButtonProps = ($bbaa08b3cd72f041$export$9d1611c77c2fe928)(incButtonProps, {
|
|
12911
12911
|
'aria-label': incrementAriaLabel || stringFormatter.format('increase', {
|
|
12912
12912
|
fieldLabel: fieldLabel
|
|
@@ -12953,7 +12953,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
|
|
|
12953
12953
|
}
|
|
12954
12954
|
let $cd2fa56213693c5e$var$numberInput = null;
|
|
12955
12955
|
function $cd2fa56213693c5e$var$useNativeValidation(state, validationBehavior, commitBehavior, inputRef, min, max, step, value) {
|
|
12956
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
12956
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
12957
12957
|
let input = inputRef.current;
|
|
12958
12958
|
if (commitBehavior !== 'validate' || state.realtimeValidation.isInvalid || !input || input.disabled) return;
|
|
12959
12959
|
// Create a native number input and use it to implement validation of min/max/step.
|
|
@@ -14009,7 +14009,7 @@ function $535772f9d2c1f38d$export$20e40289641fbbb6(props) {
|
|
|
14009
14009
|
}), [
|
|
14010
14010
|
scopeRef
|
|
14011
14011
|
]);
|
|
14012
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14012
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14013
14013
|
// If a new scope mounts outside the active scope, (e.g. DialogContainer launched from a menu),
|
|
14014
14014
|
// use the active scope as the parent instead of the parent from context. Layout effects run bottom
|
|
14015
14015
|
// up, so if the parent is not yet added to the tree, don't do this. Only the outer-most FocusScope
|
|
@@ -14026,13 +14026,13 @@ function $535772f9d2c1f38d$export$20e40289641fbbb6(props) {
|
|
|
14026
14026
|
node,
|
|
14027
14027
|
parentNode
|
|
14028
14028
|
]);
|
|
14029
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14029
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14030
14030
|
let node = $535772f9d2c1f38d$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
14031
14031
|
if (node) node.contain = !!contain;
|
|
14032
14032
|
}, [
|
|
14033
14033
|
contain
|
|
14034
14034
|
]);
|
|
14035
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14035
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14036
14036
|
// Find all rendered nodes between the sentinels and add them to the scope.
|
|
14037
14037
|
let node = startRef.current?.nextSibling;
|
|
14038
14038
|
let nodes = [];
|
|
@@ -14070,7 +14070,7 @@ function $535772f9d2c1f38d$export$20e40289641fbbb6(props) {
|
|
|
14070
14070
|
]);
|
|
14071
14071
|
// This layout effect cleanup is so that the tree node is removed synchronously with react before the RAF
|
|
14072
14072
|
// in useRestoreFocus cleanup runs.
|
|
14073
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14073
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14074
14074
|
return ()=>{
|
|
14075
14075
|
// Scope may have been re-parented.
|
|
14076
14076
|
let parentScope = $535772f9d2c1f38d$export$d06fae2ee68b101e.getTreeNode(scopeRef)?.parent?.scopeRef ?? null;
|
|
@@ -14200,7 +14200,7 @@ function $535772f9d2c1f38d$var$isTabbableRadio(element) {
|
|
|
14200
14200
|
function $535772f9d2c1f38d$var$useFocusContainment(scopeRef, contain) {
|
|
14201
14201
|
let focusedNode = (useRef)(undefined);
|
|
14202
14202
|
let raf = (useRef)(undefined);
|
|
14203
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14203
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14204
14204
|
let scope = scopeRef.current;
|
|
14205
14205
|
if (!contain) {
|
|
14206
14206
|
// if contain was changed, then we should cancel any ongoing waits to pull focus back into containment
|
|
@@ -14283,7 +14283,7 @@ function $535772f9d2c1f38d$var$useFocusContainment(scopeRef, contain) {
|
|
|
14283
14283
|
contain
|
|
14284
14284
|
]);
|
|
14285
14285
|
// This is a useLayoutEffect so it is guaranteed to run before our async synthetic blur
|
|
14286
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14286
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14287
14287
|
return ()=>{
|
|
14288
14288
|
if (raf.current) cancelAnimationFrame(raf.current);
|
|
14289
14289
|
};
|
|
@@ -14370,7 +14370,7 @@ function $535772f9d2c1f38d$var$useAutoFocus(scopeRef, autoFocus) {
|
|
|
14370
14370
|
function $535772f9d2c1f38d$var$useActiveScopeTracker(scopeRef, restore, contain) {
|
|
14371
14371
|
// tracks the active scope, in case restore and contain are both false.
|
|
14372
14372
|
// if either are true, this is tracked in useRestoreFocus or useFocusContainment.
|
|
14373
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14373
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14374
14374
|
if (restore || contain) return;
|
|
14375
14375
|
let scope = scopeRef.current;
|
|
14376
14376
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scope ? scope[0] : undefined);
|
|
@@ -14404,7 +14404,7 @@ function $535772f9d2c1f38d$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
14404
14404
|
const nodeToRestoreRef = (useRef)(typeof document !== 'undefined' ? ($23f2114a1b82827e$export$cd4e5573fbe2b576)(($d447af545b77c9f1$export$b204af158042fbac)(scopeRef.current ? scopeRef.current[0] : undefined)) : null);
|
|
14405
14405
|
// restoring scopes should all track if they are active regardless of contain, but contain already tracks it plus logic to contain the focus
|
|
14406
14406
|
// restoring-non-containing scopes should only care if they become active so they can perform the restore
|
|
14407
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14407
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14408
14408
|
let scope = scopeRef.current;
|
|
14409
14409
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scope ? scope[0] : undefined);
|
|
14410
14410
|
if (!restoreFocus || contain) return;
|
|
@@ -14424,7 +14424,7 @@ function $535772f9d2c1f38d$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
14424
14424
|
scopeRef,
|
|
14425
14425
|
contain
|
|
14426
14426
|
]);
|
|
14427
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14427
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14428
14428
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scopeRef.current ? scopeRef.current[0] : undefined);
|
|
14429
14429
|
if (!restoreFocus) return;
|
|
14430
14430
|
// Handle the Tab key so that tabbing out of the scope goes to the next element
|
|
@@ -14476,7 +14476,7 @@ function $535772f9d2c1f38d$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
14476
14476
|
contain
|
|
14477
14477
|
]);
|
|
14478
14478
|
// useLayoutEffect instead of useEffect so the active element is saved synchronously instead of asynchronously.
|
|
14479
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14479
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14480
14480
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scopeRef.current ? scopeRef.current[0] : undefined);
|
|
14481
14481
|
if (!restoreFocus) return;
|
|
14482
14482
|
let treeNode = $535772f9d2c1f38d$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
@@ -14734,7 +14734,7 @@ function $22bbea12c2567021$export$c3d8340acf92597f(collectionRef, key) {
|
|
|
14734
14734
|
}
|
|
14735
14735
|
const $22bbea12c2567021$var$collectionMap = new WeakMap();
|
|
14736
14736
|
function $22bbea12c2567021$export$881eb0d9f3605d9d(collection) {
|
|
14737
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)();
|
|
14737
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
14738
14738
|
$22bbea12c2567021$var$collectionMap.set(collection, id);
|
|
14739
14739
|
return id;
|
|
14740
14740
|
}
|
|
@@ -14823,13 +14823,13 @@ function $f5a4a9a3486154da$var$getStringForKey(key) {
|
|
|
14823
14823
|
function $a475cdc2445827b5$export$72ef708ab07251f1(effect, dependencies) {
|
|
14824
14824
|
const isInitialMount = (useRef)(true);
|
|
14825
14825
|
const lastDeps = (useRef)(null);
|
|
14826
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14826
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14827
14827
|
isInitialMount.current = true;
|
|
14828
14828
|
return ()=>{
|
|
14829
14829
|
isInitialMount.current = false;
|
|
14830
14830
|
};
|
|
14831
14831
|
}, []);
|
|
14832
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14832
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14833
14833
|
if (isInitialMount.current) isInitialMount.current = false;
|
|
14834
14834
|
else if (!lastDeps.current || dependencies.some((dep, i)=>!Object.is(dep, lastDeps[i]))) effect();
|
|
14835
14835
|
lastDeps.current = dependencies;
|
|
@@ -14869,7 +14869,7 @@ function $a475cdc2445827b5$export$72ef708ab07251f1(effect, dependencies) {
|
|
|
14869
14869
|
function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
|
|
14870
14870
|
let { selectionManager: manager, keyboardDelegate: delegate, ref: ref, autoFocus: autoFocus = false, shouldFocusWrap: shouldFocusWrap = false, disallowEmptySelection: disallowEmptySelection = false, disallowSelectAll: disallowSelectAll = false, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace', disallowTypeAhead: disallowTypeAhead = false, shouldUseVirtualFocus: shouldUseVirtualFocus, allowsTabNavigation: allowsTabNavigation = false, scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
|
|
14871
14871
|
scrollRef = ref, linkBehavior: linkBehavior = 'action' } = options;
|
|
14872
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
14872
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
14873
14873
|
let router = ($caaf0dd3060ed57c$export$9a302a45f65d0572)();
|
|
14874
14874
|
let onKeyDown = (e)=>{
|
|
14875
14875
|
// Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
|
|
@@ -15466,7 +15466,7 @@ class $ae8f8d98b2b18f2f$export$a05409b8bb224a5a {
|
|
|
15466
15466
|
*/
|
|
15467
15467
|
let $673d46fce3e5717d$var$cache = new Map();
|
|
15468
15468
|
function $673d46fce3e5717d$export$a16aca283550c30d(options) {
|
|
15469
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
15469
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
15470
15470
|
let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : '');
|
|
15471
15471
|
if ($673d46fce3e5717d$var$cache.has(cacheKey)) return $673d46fce3e5717d$var$cache.get(cacheKey);
|
|
15472
15472
|
let formatter = new Intl.Collator(locale, options);
|
|
@@ -15569,7 +15569,7 @@ function $686593f99a1df089$export$50eacbbf140a3141(props, state, ref) {
|
|
|
15569
15569
|
onFocusWithinChange: props.onFocusChange
|
|
15570
15570
|
});
|
|
15571
15571
|
// Share list id and some props with child options.
|
|
15572
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)(props.id);
|
|
15572
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)(props.id);
|
|
15573
15573
|
($cd088b5c0d7b27b4$export$3585ede4d035bf14).set(state, {
|
|
15574
15574
|
id: id,
|
|
15575
15575
|
shouldUseVirtualFocus: props.shouldUseVirtualFocus,
|
|
@@ -15704,7 +15704,7 @@ function $7b01448eaad0fe7c$export$c24ed0104d07eab9(props) {
|
|
|
15704
15704
|
function $f6ba6936bfd098a0$export$ecf600387e221c37(options) {
|
|
15705
15705
|
let { id: id, selectionManager: manager, key: key, ref: ref, shouldSelectOnPressUp: shouldSelectOnPressUp, shouldUseVirtualFocus: shouldUseVirtualFocus, focus: focus, isDisabled: isDisabled, onAction: onAction, allowsDifferentPressOrigin: allowsDifferentPressOrigin, linkBehavior: linkBehavior = 'action' } = options;
|
|
15706
15706
|
let router = ($caaf0dd3060ed57c$export$9a302a45f65d0572)();
|
|
15707
|
-
id = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
15707
|
+
id = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
15708
15708
|
let onSelect = (e)=>{
|
|
15709
15709
|
if (e.pointerType === 'keyboard' && ($22bbea12c2567021$export$d3e3bd3e26688c04)(e)) manager.toggleSelection(key);
|
|
15710
15710
|
else {
|
|
@@ -16132,7 +16132,7 @@ function $dae966e193913d1b$export$497855f14858aa34(props, state, ref) {
|
|
|
16132
16132
|
*/
|
|
16133
16133
|
function $3d6c959d2ef57b72$export$c3f9f39876e4bc7(props) {
|
|
16134
16134
|
let { heading: heading, 'aria-label': ariaLabel } = props;
|
|
16135
|
-
let headingId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
16135
|
+
let headingId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
16136
16136
|
return {
|
|
16137
16137
|
itemProps: {
|
|
16138
16138
|
role: 'presentation'
|
|
@@ -17019,7 +17019,7 @@ function $0407362eaf54473e$export$ccaea96c28e8b9e7(props, ref) {
|
|
|
17019
17019
|
// Up to user discretion as to how to handle these multiple onLoadMore calls
|
|
17020
17020
|
if (entry.isIntersecting && onLoadMore) onLoadMore();
|
|
17021
17021
|
});
|
|
17022
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
17022
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
17023
17023
|
if (ref.current) {
|
|
17024
17024
|
// Tear down and set up a new IntersectionObserver when the collection changes so that we can properly trigger additional loadMores if there is room for more items
|
|
17025
17025
|
// Need to do this tear down and set up since using a large rootMargin will mean the observer's callback isn't called even when scrolling the item into view beause its visibility hasn't actually changed
|
|
@@ -17126,7 +17126,7 @@ function $928221da08ecbc62$var$ListBoxInner({ state: inputState, props: props, l
|
|
|
17126
17126
|
let { collection: collection, selectionManager: selectionManager } = state;
|
|
17127
17127
|
let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;
|
|
17128
17128
|
let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;
|
|
17129
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
17129
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
17130
17130
|
let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
|
|
17131
17131
|
let collator = ($673d46fce3e5717d$export$a16aca283550c30d)({
|
|
17132
17132
|
usage: 'search',
|
|
@@ -18246,7 +18246,7 @@ function $970072cf4b13fde3$export$683480f191c0e3ea(options) {
|
|
|
18246
18246
|
|
|
18247
18247
|
let $b3526bc71400be8d$var$visualViewport = typeof document !== 'undefined' ? window.visualViewport : null;
|
|
18248
18248
|
function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
18249
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
18249
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
18250
18250
|
let { arrowSize: arrowSize, targetRef: targetRef, overlayRef: overlayRef, arrowRef: arrowRef, scrollRef: scrollRef = overlayRef, placement: placement = 'bottom', containerPadding: containerPadding = 12, shouldFlip: shouldFlip = true, boundaryElement: boundaryElement = typeof document !== 'undefined' ? document.body : null, offset: offset = 0, crossOffset: crossOffset = 0, shouldUpdatePosition: shouldUpdatePosition = true, isOpen: isOpen = true, onClose: onClose, maxHeight: maxHeight, arrowBoundaryOffset: arrowBoundaryOffset = 0 } = props;
|
|
18251
18251
|
let [position, setPosition] = (useState)(null);
|
|
18252
18252
|
let deps = [
|
|
@@ -18343,7 +18343,7 @@ function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
|
18343
18343
|
}, deps);
|
|
18344
18344
|
// Update position when anything changes
|
|
18345
18345
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18346
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(updatePosition, deps);
|
|
18346
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(updatePosition, deps);
|
|
18347
18347
|
// Update position on window resize
|
|
18348
18348
|
$b3526bc71400be8d$var$useResize(updatePosition);
|
|
18349
18349
|
// Update position when the overlay changes size (might need to flip).
|
|
@@ -18359,7 +18359,7 @@ function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
|
18359
18359
|
// Reposition the overlay and do not close on scroll while the visual viewport is resizing.
|
|
18360
18360
|
// This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears.
|
|
18361
18361
|
let isResizing = (useRef)(false);
|
|
18362
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
18362
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
18363
18363
|
let timeout;
|
|
18364
18364
|
let onResize = ()=>{
|
|
18365
18365
|
isResizing.current = true;
|
|
@@ -18421,7 +18421,7 @@ function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
|
18421
18421
|
};
|
|
18422
18422
|
}
|
|
18423
18423
|
function $b3526bc71400be8d$var$useResize(onResize) {
|
|
18424
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
18424
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
18425
18425
|
window.addEventListener('resize', onResize, false);
|
|
18426
18426
|
return ()=>{
|
|
18427
18427
|
window.removeEventListener('resize', onResize, false);
|
|
@@ -18646,7 +18646,7 @@ let $0644e3663365bfe5$var$preventScrollCount = 0;
|
|
|
18646
18646
|
let $0644e3663365bfe5$var$restore;
|
|
18647
18647
|
function $0644e3663365bfe5$export$ee0f7cc6afcd1c18(options = {}) {
|
|
18648
18648
|
let { isDisabled: isDisabled } = options;
|
|
18649
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
18649
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
18650
18650
|
if (isDisabled) return;
|
|
18651
18651
|
$0644e3663365bfe5$var$preventScrollCount++;
|
|
18652
18652
|
if ($0644e3663365bfe5$var$preventScrollCount === 1) {
|
|
@@ -19260,7 +19260,7 @@ function $72abaeab4d80592f$export$9fc1347d4195ccb3() {
|
|
|
19260
19260
|
|
|
19261
19261
|
const $d7a937236970dc7f$export$a2200b96afd16271 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
19262
19262
|
function $d7a937236970dc7f$export$c6fdb837b070b4ff(props) {
|
|
19263
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
19263
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
19264
19264
|
let { portalContainer: portalContainer = isSSR ? null : document.body, isExiting: isExiting } = props;
|
|
19265
19265
|
let [contain, setContain] = (useState)(false);
|
|
19266
19266
|
let contextValue = (useMemo)(()=>({
|
|
@@ -19286,7 +19286,7 @@ function $d7a937236970dc7f$export$c6fdb837b070b4ff(props) {
|
|
|
19286
19286
|
function $d7a937236970dc7f$export$14c98a7594375490() {
|
|
19287
19287
|
let ctx = (useContext)($d7a937236970dc7f$export$a2200b96afd16271);
|
|
19288
19288
|
let setContain = ctx?.setContain;
|
|
19289
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19289
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19290
19290
|
setContain?.(true);
|
|
19291
19291
|
}, [
|
|
19292
19292
|
setContain
|
|
@@ -19354,7 +19354,7 @@ function $fcc7165e876206c6$export$6d3443f2c48bfc20(ref, isReady = true) {
|
|
|
19354
19354
|
//
|
|
19355
19355
|
// In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).
|
|
19356
19356
|
// This can happen when isReady starts as false (e.g. popovers prior to placement calculation).
|
|
19357
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19357
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19358
19358
|
if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {
|
|
19359
19359
|
for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();
|
|
19360
19360
|
}
|
|
@@ -19387,7 +19387,7 @@ function $fcc7165e876206c6$export$45fda7c47f93fd48(ref, isOpen) {
|
|
|
19387
19387
|
return isExiting;
|
|
19388
19388
|
}
|
|
19389
19389
|
function $fcc7165e876206c6$var$useAnimation(ref, isActive, onEnd) {
|
|
19390
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19390
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19391
19391
|
if (isActive && ref.current) {
|
|
19392
19392
|
if (!('getAnimations' in ref.current)) {
|
|
19393
19393
|
// JSDOM
|
|
@@ -19452,7 +19452,7 @@ const $542a13ca2fa5b484$export$5b6b19405a83ff9d = /*#__PURE__*/ (forwardRef)(fun
|
|
|
19452
19452
|
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
19453
19453
|
let isExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(ref, state.isOpen) || props.isExiting || false;
|
|
19454
19454
|
let isHidden = ($d7f64c32b702fe2c$export$b5d7cc18bb8d2b59)();
|
|
19455
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
19455
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
19456
19456
|
// If we are in a hidden tree, we still need to preserve our children.
|
|
19457
19457
|
if (isHidden) {
|
|
19458
19458
|
let children = props.children;
|
|
@@ -19506,7 +19506,7 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
|
|
|
19506
19506
|
// or a dialog is already nested inside the popover.
|
|
19507
19507
|
let shouldBeDialog = !props.isNonModal || props.trigger === 'SubmenuTrigger';
|
|
19508
19508
|
let [isDialog, setDialog] = (useState)(false);
|
|
19509
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19509
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19510
19510
|
if (ref.current) setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));
|
|
19511
19511
|
}, [
|
|
19512
19512
|
ref,
|
|
@@ -19878,7 +19878,7 @@ function $f282e36c29c025e8$export$f9d5c8beee7d008d(props, state, ref) {
|
|
|
19878
19878
|
let ariaHasPopup = undefined;
|
|
19879
19879
|
if (type === 'menu') ariaHasPopup = true;
|
|
19880
19880
|
else if (type === 'listbox') ariaHasPopup = 'listbox';
|
|
19881
|
-
let overlayId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
19881
|
+
let overlayId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
19882
19882
|
return {
|
|
19883
19883
|
triggerProps: {
|
|
19884
19884
|
'aria-haspopup': ariaHasPopup,
|
|
@@ -19913,7 +19913,7 @@ function $parcel$interopDefault$9(a) {
|
|
|
19913
19913
|
|
|
19914
19914
|
function $f19b83c1486f45cc$export$dc9c12ed27dd1b49(props, state, ref) {
|
|
19915
19915
|
let { type: type = 'menu', isDisabled: isDisabled, trigger: trigger = 'press' } = props;
|
|
19916
|
-
let menuTriggerId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
19916
|
+
let menuTriggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
19917
19917
|
let { triggerProps: triggerProps, overlayProps: overlayProps } = ($f282e36c29c025e8$export$f9d5c8beee7d008d)({
|
|
19918
19918
|
type: type
|
|
19919
19919
|
}, state, ref);
|
|
@@ -20282,7 +20282,7 @@ function $1a9c2c840fd36413$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
20282
20282
|
*/
|
|
20283
20283
|
function $7355d4e5c49461b6$export$73f7a44322579622(props) {
|
|
20284
20284
|
let { heading: heading, 'aria-label': ariaLabel } = props;
|
|
20285
|
-
let headingId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
20285
|
+
let headingId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20286
20286
|
return {
|
|
20287
20287
|
itemProps: {
|
|
20288
20288
|
role: 'presentation'
|
|
@@ -20344,7 +20344,7 @@ function $eac5d44fa99b2e3b$export$85ec83e04c95f50a(options) {
|
|
|
20344
20344
|
menuRef,
|
|
20345
20345
|
preventPointerEvents
|
|
20346
20346
|
]);
|
|
20347
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
20347
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
20348
20348
|
let submenu = submenuRef.current;
|
|
20349
20349
|
let menu = menuRef.current;
|
|
20350
20350
|
if (isDisabled || !submenu || !isOpen || modality !== 'pointer' || !menu) {
|
|
@@ -20450,9 +20450,9 @@ function $eac5d44fa99b2e3b$export$85ec83e04c95f50a(options) {
|
|
|
20450
20450
|
|
|
20451
20451
|
function $8794213c1141208f$export$7138b0d059a6e743(props, state, ref) {
|
|
20452
20452
|
let { parentMenuRef: parentMenuRef, submenuRef: submenuRef, type: type = 'menu', isDisabled: isDisabled, delay: delay = 200, shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
|
|
20453
|
-
let submenuTriggerId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
20454
|
-
let overlayId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
20455
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
20453
|
+
let submenuTriggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20454
|
+
let overlayId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20455
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
20456
20456
|
let openTimeout = (useRef)(undefined);
|
|
20457
20457
|
let cancelOpenTimeout = (useCallback)(()=>{
|
|
20458
20458
|
if (openTimeout.current) {
|
|
@@ -20476,7 +20476,7 @@ function $8794213c1141208f$export$7138b0d059a6e743(props, state, ref) {
|
|
|
20476
20476
|
state,
|
|
20477
20477
|
cancelOpenTimeout
|
|
20478
20478
|
]);
|
|
20479
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
20479
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
20480
20480
|
return ()=>{
|
|
20481
20481
|
cancelOpenTimeout();
|
|
20482
20482
|
};
|
|
@@ -21425,7 +21425,7 @@ function $f2ff30fde7b014be$export$2e1e1122cf0cba88(props) {
|
|
|
21425
21425
|
// This is done in RAC instead of hooks because otherwise we cannot distinguish
|
|
21426
21426
|
// between context and props. Normally aria-labelledby overrides the title
|
|
21427
21427
|
// but when sent by context we want the title to win.
|
|
21428
|
-
triggerProps.id = ($390e54f620492c70$export$f680877a34711e37)();
|
|
21428
|
+
triggerProps.id = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
21429
21429
|
overlayProps['aria-labelledby'] = triggerProps.id;
|
|
21430
21430
|
return /*#__PURE__*/ ($8WNJc$react).createElement(($7230ffa83bc0c2cf$export$2881499e37b75b9a), {
|
|
21431
21431
|
values: [
|
|
@@ -21595,7 +21595,7 @@ function $ef182bb9912241d8$export$3274cf84b703fff(options) {
|
|
|
21595
21595
|
*/
|
|
21596
21596
|
|
|
21597
21597
|
function $b4eb6eb8d15fb21e$export$a2f47a3d2973640(options = {}) {
|
|
21598
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
21598
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
21599
21599
|
return (useMemo)(()=>new Intl.ListFormat(locale, options), [
|
|
21600
21600
|
locale,
|
|
21601
21601
|
options
|
|
@@ -22464,7 +22464,7 @@ $0014db39426443c5$exports$1 = {
|
|
|
22464
22464
|
};
|
|
22465
22465
|
|
|
22466
22466
|
function $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
|
|
22467
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
22467
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
22468
22468
|
let focusManager = (useMemo)(()=>($535772f9d2c1f38d$export$c5251b9e124bf29)(ref), [
|
|
22469
22469
|
ref
|
|
22470
22470
|
]);
|
|
@@ -22740,7 +22740,7 @@ function $parcel$interopDefault$7(a) {
|
|
|
22740
22740
|
|
|
22741
22741
|
|
|
22742
22742
|
function $40cf8faa4dad0740$export$d42c60378c8168f8$1() {
|
|
22743
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
22743
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
22744
22744
|
let dictionary = ($cf2482eff2eeeec2$export$87b761675e8eaa10$1)((($parcel$interopDefault$7($0014db39426443c5$exports$1))), '@react-aria/datepicker');
|
|
22745
22745
|
return (useMemo)(()=>{
|
|
22746
22746
|
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
@@ -22797,18 +22797,18 @@ let $40cf8faa4dad0740$var$DisplayNamesPolyfill$1 = class $40cf8faa4dad0740$var$D
|
|
|
22797
22797
|
|
|
22798
22798
|
function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
22799
22799
|
let enteredKeys = (useRef)('');
|
|
22800
|
-
let { locale: locale, direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
22800
|
+
let { locale: locale, direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
22801
22801
|
let displayNames = ($40cf8faa4dad0740$export$d42c60378c8168f8$1)();
|
|
22802
22802
|
let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedBy: ariaDescribedBy, focusManager: focusManager } = ($7541913c0284d84b$export$653eddfc964b0f8a).get(state);
|
|
22803
22803
|
let textValue = segment.isPlaceholder ? '' : segment.text;
|
|
22804
22804
|
let options = (useMemo)(()=>state.dateFormatter.resolvedOptions(), [
|
|
22805
22805
|
state.dateFormatter
|
|
22806
22806
|
]);
|
|
22807
|
-
let monthDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22807
|
+
let monthDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22808
22808
|
month: 'long',
|
|
22809
22809
|
timeZone: options.timeZone
|
|
22810
22810
|
});
|
|
22811
|
-
let hourDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22811
|
+
let hourDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22812
22812
|
hour: 'numeric',
|
|
22813
22813
|
hour12: options.hour12,
|
|
22814
22814
|
timeZone: options.timeZone
|
|
@@ -22888,7 +22888,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
22888
22888
|
let { startsWith: startsWith } = ($ef182bb9912241d8$export$3274cf84b703fff)({
|
|
22889
22889
|
sensitivity: 'base'
|
|
22890
22890
|
});
|
|
22891
|
-
let amPmFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22891
|
+
let amPmFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22892
22892
|
hour: 'numeric',
|
|
22893
22893
|
hour12: true
|
|
22894
22894
|
});
|
|
@@ -22907,7 +22907,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
22907
22907
|
amPmFormatter
|
|
22908
22908
|
]);
|
|
22909
22909
|
// Get a list of formatted era names so users can type the first character to choose one.
|
|
22910
|
-
let eraFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22910
|
+
let eraFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22911
22911
|
year: 'numeric',
|
|
22912
22912
|
era: 'narrow',
|
|
22913
22913
|
timeZone: 'UTC'
|
|
@@ -23031,7 +23031,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
23031
23031
|
break;
|
|
23032
23032
|
}
|
|
23033
23033
|
});
|
|
23034
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
23034
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
23035
23035
|
let element = ref.current;
|
|
23036
23036
|
return ()=>{
|
|
23037
23037
|
// If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
|
|
@@ -23058,7 +23058,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
23058
23058
|
state.segments
|
|
23059
23059
|
]);
|
|
23060
23060
|
if (segment !== firstSegment && !state.isInvalid) ariaDescribedBy = undefined;
|
|
23061
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)();
|
|
23061
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
23062
23062
|
let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
|
|
23063
23063
|
// Prepend the label passed from the field to each segment name.
|
|
23064
23064
|
// This is needed because VoiceOver on iOS does not announce groups.
|
|
@@ -24805,7 +24805,7 @@ const $5400c097f4765e59$export$5eaee2322dd727eb = /*#__PURE__*/ (forwardRef)(fun
|
|
|
24805
24805
|
[props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $5400c097f4765e59$export$8e17ddc448e87c1e);
|
|
24806
24806
|
let { validationBehavior: formValidationBehavior } = ($7230ffa83bc0c2cf$export$fabf2dc03a41866e)(($cdaed739b1139372$export$c24727297075ec6a)) || {};
|
|
24807
24807
|
let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
|
|
24808
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
24808
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
24809
24809
|
let state = ($b822555cf9fe955c$export$fd53cef0cc796101)({
|
|
24810
24810
|
...props,
|
|
24811
24811
|
locale: locale,
|
|
@@ -24907,7 +24907,7 @@ const $5400c097f4765e59$var$DateInputStandalone = /*#__PURE__*/ (forwardRef)((pr
|
|
|
24907
24907
|
let [dateFieldProps, fieldRef] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)({
|
|
24908
24908
|
slot: props.slot
|
|
24909
24909
|
}, ref, $5400c097f4765e59$export$7b3e670c86da5fe8);
|
|
24910
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
24910
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
24911
24911
|
let state = ($8e7461aabf74661f$export$60e84778edff6d26)({
|
|
24912
24912
|
...dateFieldProps,
|
|
24913
24913
|
locale: locale,
|
|
@@ -25034,9 +25034,9 @@ function $parcel$interopDefault$5(a) {
|
|
|
25034
25034
|
|
|
25035
25035
|
|
|
25036
25036
|
function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
|
|
25037
|
-
let buttonId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25038
|
-
let dialogId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25039
|
-
let fieldId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25037
|
+
let buttonId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25038
|
+
let dialogId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25039
|
+
let fieldId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25040
25040
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$5($0014db39426443c5$exports$1))), '@react-aria/datepicker');
|
|
25041
25041
|
let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
|
|
25042
25042
|
let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($191c9b6d48a0a4e2$export$294aa081a6c6f55d)({
|
|
@@ -25047,7 +25047,7 @@ function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
|
|
|
25047
25047
|
});
|
|
25048
25048
|
let groupProps = ($6a440d0e2d99dd46$export$4a931266a3838b86)(state, ref);
|
|
25049
25049
|
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
25050
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
25050
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
25051
25051
|
let date = state.formatValue(locale, {
|
|
25052
25052
|
month: 'long'
|
|
25053
25053
|
});
|
|
@@ -25483,9 +25483,9 @@ const $e539d00f123fdfd8$export$5109c6dd95d8fb00 = /*#__PURE__*/ (forwardRef)(fun
|
|
|
25483
25483
|
|
|
25484
25484
|
function $89a3495b7d82e671$export$6e3e27031a30522f(props, state, ref) {
|
|
25485
25485
|
let { isDisabled: isDisabled } = props;
|
|
25486
|
-
let triggerId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25487
|
-
let panelId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25488
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
25486
|
+
let triggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25487
|
+
let panelId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25488
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
25489
25489
|
let raf = (useRef)(null);
|
|
25490
25490
|
let handleBeforeMatch = (useCallback)(()=>{
|
|
25491
25491
|
// Wait a frame to revert browser's removal of hidden attribute
|
|
@@ -25503,7 +25503,7 @@ function $89a3495b7d82e671$export$6e3e27031a30522f(props, state, ref) {
|
|
|
25503
25503
|
// @ts-ignore https://github.com/facebook/react/pull/24741
|
|
25504
25504
|
($600b3cf69ae46262$export$90fc3a17d93f704c)(ref, 'beforematch', handleBeforeMatch);
|
|
25505
25505
|
let isExpandedRef = (useRef)(null);
|
|
25506
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
25506
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
25507
25507
|
// Cancel any pending RAF to prevent stale updates
|
|
25508
25508
|
if (raf.current) cancelAnimationFrame(raf.current);
|
|
25509
25509
|
if (ref.current && !isSSR) {
|
|
@@ -25718,7 +25718,7 @@ const $a3e16eab0ea4036c$export$74a362b31437ec83 = /*#__PURE__*/ (forwardRef)(fun
|
|
|
25718
25718
|
let { id: id, ...otherProps } = props;
|
|
25719
25719
|
// Generate an id if one wasn't provided.
|
|
25720
25720
|
// (can't pass id into useId since it can also be a number)
|
|
25721
|
-
let defaultId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25721
|
+
let defaultId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25722
25722
|
id ||= defaultId;
|
|
25723
25723
|
let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;
|
|
25724
25724
|
let state = ($086b1fd51041276f$export$3fcbf6e4407997e0)({
|
|
@@ -26499,7 +26499,7 @@ function $2b2556a8276954c1$var$diffSelection(a, b) {
|
|
|
26499
26499
|
function $bf14c9739fda2eb3$export$eac1895992b9f3d6(ref, options) {
|
|
26500
26500
|
let isDisabled = options?.isDisabled;
|
|
26501
26501
|
let [hasTabbableChild, setHasTabbableChild] = (useState)(false);
|
|
26502
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
26502
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
26503
26503
|
if (ref?.current && !isDisabled) {
|
|
26504
26504
|
let update = ()=>{
|
|
26505
26505
|
if (ref.current) {
|
|
@@ -26609,7 +26609,7 @@ function $34d813d3524a584a$export$664f9155035607eb(props, state, ref) {
|
|
|
26609
26609
|
autoFocus: props.autoFocus,
|
|
26610
26610
|
escapeKeyBehavior: escapeKeyBehavior
|
|
26611
26611
|
});
|
|
26612
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)(props.id);
|
|
26612
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)(props.id);
|
|
26613
26613
|
($c1c90317e8bffe4d$export$5b9bb410392e3991).set(state, {
|
|
26614
26614
|
id: id,
|
|
26615
26615
|
onAction: onAction,
|
|
@@ -26683,7 +26683,7 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
|
|
|
26683
26683
|
// Copied from useGridCell + some modifications to make it not so grid specific
|
|
26684
26684
|
let { node: node, isVirtualized: isVirtualized } = props;
|
|
26685
26685
|
// let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
|
|
26686
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
26686
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
26687
26687
|
let { onAction: onAction, linkBehavior: linkBehavior, keyboardNavigationBehavior: keyboardNavigationBehavior, shouldSelectOnPressUp: shouldSelectOnPressUp } = ($c1c90317e8bffe4d$export$5b9bb410392e3991).get(state);
|
|
26688
26688
|
let descriptionId = ($390e54f620492c70$export$b4cc09c592e8fdb8)();
|
|
26689
26689
|
// We need to track the key of the item at the time it was last focused so that we force
|
|
@@ -27001,7 +27001,7 @@ function $5698867baeb53f4e$export$dbc0f175b25fb0fb(props, state, ref) {
|
|
|
27001
27001
|
|
|
27002
27002
|
let $6066a2c586ade9e1$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
|
|
27003
27003
|
function $6066a2c586ade9e1$export$d699905dd57c73ca() {
|
|
27004
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
27004
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
27005
27005
|
let [size, setSize] = (useState)(()=>isSSR ? {
|
|
27006
27006
|
width: 0,
|
|
27007
27007
|
height: 0
|
|
@@ -27135,7 +27135,7 @@ function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
|
|
|
27135
27135
|
let isOverlayExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(objectRef, state.isOpen);
|
|
27136
27136
|
let isModalExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(modalRef, state.isOpen);
|
|
27137
27137
|
let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
|
|
27138
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
27138
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
27139
27139
|
if (!state.isOpen && !isExiting || isSSR) return null;
|
|
27140
27140
|
return /*#__PURE__*/ ($8WNJc$react).createElement($8b8d26808cb8cb53$var$ModalOverlayInner, {
|
|
27141
27141
|
...props,
|
|
@@ -27268,7 +27268,7 @@ const $10076bcc592bc574$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (forwardRef)(fun
|
|
|
27268
27268
|
[props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $10076bcc592bc574$export$b414a48cf5dcbc11);
|
|
27269
27269
|
let { validationBehavior: formValidationBehavior } = ($7230ffa83bc0c2cf$export$fabf2dc03a41866e)(($cdaed739b1139372$export$c24727297075ec6a)) || {};
|
|
27270
27270
|
let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
|
|
27271
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
27271
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
27272
27272
|
let state = ($3d0ee518c6f3d04f$export$7f629e9dc1ecf37c)({
|
|
27273
27273
|
...props,
|
|
27274
27274
|
locale: locale,
|
|
@@ -27495,7 +27495,7 @@ function $405627c100c5b965$export$37b0961d2f4751e2(props, state, ref) {
|
|
|
27495
27495
|
|
|
27496
27496
|
function $eecdee08e0d8a75f$export$62b9571f283ff5c2(props, state) {
|
|
27497
27497
|
let { name: name, form: form, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = 'vertical', validationBehavior: validationBehavior = 'aria' } = props;
|
|
27498
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
27498
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
27499
27499
|
let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
|
|
27500
27500
|
let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($191c9b6d48a0a4e2$export$294aa081a6c6f55d)({
|
|
27501
27501
|
...props,
|
|
@@ -27564,7 +27564,7 @@ function $eecdee08e0d8a75f$export$62b9571f283ff5c2(props, state) {
|
|
|
27564
27564
|
state.setSelectedValue(nextElem.value);
|
|
27565
27565
|
}
|
|
27566
27566
|
};
|
|
27567
|
-
let groupName = ($390e54f620492c70$export$f680877a34711e37)(name);
|
|
27567
|
+
let groupName = ($390e54f620492c70$export$f680877a34711e37$1)(name);
|
|
27568
27568
|
($640b6b92b30fd41a$export$37b65e5b5444d35c).set(state, {
|
|
27569
27569
|
name: groupName,
|
|
27570
27570
|
form: form,
|
|
@@ -27890,7 +27890,7 @@ function $c0a45cd074520508$export$e64b2f635402ca43(props, state, ref) {
|
|
|
27890
27890
|
labelable: true
|
|
27891
27891
|
});
|
|
27892
27892
|
let triggerProps = ($bbaa08b3cd72f041$export$9d1611c77c2fe928)(typeSelectProps, menuTriggerProps, fieldProps);
|
|
27893
|
-
let valueId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
27893
|
+
let valueId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
27894
27894
|
$c0a45cd074520508$export$703601b7e90536f8.set(state, {
|
|
27895
27895
|
isDisabled: isDisabled,
|
|
27896
27896
|
isRequired: isRequired,
|
|
@@ -28657,7 +28657,7 @@ const $24585aa46d6ffdff$export$b5d5cf8927ab7262 = /*#__PURE__*/ (forwardRef)(fun
|
|
|
28657
28657
|
|
|
28658
28658
|
const $223860f9cb8a07a2$export$653eddfc964b0f8a = new WeakMap();
|
|
28659
28659
|
function $223860f9cb8a07a2$export$4f8b5cda58b7e8ff(props, state, ref) {
|
|
28660
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
28660
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
28661
28661
|
let keyboardDelegate = props.keyboardDelegate || new ($ae8f8d98b2b18f2f$export$a05409b8bb224a5a)({
|
|
28662
28662
|
collection: state.collection,
|
|
28663
28663
|
ref: ref,
|
|
@@ -29014,7 +29014,7 @@ function $parcel$interopDefault$1(a) {
|
|
|
29014
29014
|
function $8b763916586fd6a6$export$3f568fff7dff2f03(props, state, ref) {
|
|
29015
29015
|
let { item: item } = props;
|
|
29016
29016
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$1($c861dd473ab3d00c$exports))), '@react-aria/tag');
|
|
29017
|
-
let buttonId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
29017
|
+
let buttonId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
29018
29018
|
let { onRemove: onRemove } = ($223860f9cb8a07a2$export$653eddfc964b0f8a).get(state) || {};
|
|
29019
29019
|
let { rowProps: rowProps, gridCellProps: gridCellProps, ...states } = ($be7bed9611dd7497$export$9610e69494fadfd2)({
|
|
29020
29020
|
node: item
|
|
@@ -29504,10 +29504,10 @@ function $afa781ff67c1cd08$export$fa142eb1681c520(props, ref) {
|
|
|
29504
29504
|
// should be safe because re-calling set state with the same value it already has is a no-op
|
|
29505
29505
|
// this will allow us to react should a parent re-render and change its role though
|
|
29506
29506
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29507
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
29507
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
29508
29508
|
setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role="toolbar"]')));
|
|
29509
29509
|
});
|
|
29510
|
-
const { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
29510
|
+
const { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
29511
29511
|
const shouldReverse = direction === 'rtl' && orientation === 'horizontal';
|
|
29512
29512
|
let focusManager = ($535772f9d2c1f38d$export$c5251b9e124bf29)(ref);
|
|
29513
29513
|
const onKeyDown = (e)=>{
|
|
@@ -29843,7 +29843,7 @@ function $c07df45195231803$export$bf688221f59024e5(props) {
|
|
|
29843
29843
|
return /*#__PURE__*/ ($8WNJc$react).createElement($c07df45195231803$export$178405afcd8c5eb, null, /*#__PURE__*/ ($8WNJc$react).createElement($c07df45195231803$var$OverlayContainerDOM, props));
|
|
29844
29844
|
}
|
|
29845
29845
|
function $c07df45195231803$export$b47c3594eab58386(props) {
|
|
29846
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
29846
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
29847
29847
|
let { portalContainer: portalContainer = isSSR ? null : document.body, ...rest } = props;
|
|
29848
29848
|
let { getContainer: getContainer } = ($72abaeab4d80592f$export$9fc1347d4195ccb3)();
|
|
29849
29849
|
if (!props.portalContainer && getContainer) portalContainer = getContainer();
|
|
@@ -30011,7 +30011,7 @@ function $8c383cffc84c9982$export$1c4b08e0eca38426(props, state) {
|
|
|
30011
30011
|
|
|
30012
30012
|
function $85908aa8a35f0fac$export$a6da6c504e4bba8b(props, state, ref) {
|
|
30013
30013
|
let { isDisabled: isDisabled, trigger: trigger, shouldCloseOnPress: shouldCloseOnPress = true } = props;
|
|
30014
|
-
let tooltipId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
30014
|
+
let tooltipId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
30015
30015
|
let isHovered = (useRef)(false);
|
|
30016
30016
|
let isFocused = (useRef)(false);
|
|
30017
30017
|
let handleShow = ()=>{
|
|
@@ -30226,124 +30226,18 @@ function Button({ size = "medium", variant = "primary", danger = false, isIconBu
|
|
|
30226
30226
|
return (jsx($7705c033048f6da7$export$353f5b6fc5456de1, { className: `bcds-react-aria-Button ${size} ${variant} ${danger ? "danger" : ""} ${isIconButton ? "icon" : ""}`, ...props }));
|
|
30227
30227
|
}
|
|
30228
30228
|
|
|
30229
|
-
/*
|
|
30230
|
-
|
|
30231
|
-
|
|
30232
|
-
|
|
30233
|
-
|
|
30234
|
-
|
|
30235
|
-
|
|
30236
|
-
|
|
30237
|
-
|
|
30238
|
-
|
|
30239
|
-
|
|
30240
|
-
|
|
30241
|
-
}
|
|
30242
|
-
|
|
30243
|
-
var css_248z$B = ".bcds-react-aria-DisclosureGroup {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: var(--layout-border-width-small);\n background-color: var(--surface-color-border-default);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n overflow: hidden;\n}\n\n/* Override individual accordion item borders */\n.bcds-react-aria-DisclosureGroup > .bcds-react-aria-Disclosure {\n border: none;\n border-radius: var(--layout-border-radius-none);\n}\n\n/* Focus state */\n.bcds-react-aria-DisclosureGroup\n > .bcds-react-aria-Disclosure[data-focus-visible-within] {\n border-radius: var(--layout-border-radius-hair);\n outline-offset: calc(var(--layout-margin-hair) * -1);\n}\n\n/* Title styles */\n.bcds-react-aria-DisclosureGroup--Title {\n color: var(--typography-color-primary);\n margin: var(--layout-margin-medium) var(--layout-margin-none);\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h1 {\n font: var(--typography-bold-h1);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h2 {\n font: var(--typography-bold-h2);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h3 {\n font: var(--typography-bold-h3);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h4 {\n font: var(--typography-bold-h4);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h5 {\n font: var(--typography-bold-h5);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h6 {\n font: var(--typography-bold-h6);\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > span {\n font: var(--typography-bold-large-body);\n}\n";
|
|
30244
|
-
styleInject(css_248z$B);
|
|
30245
|
-
|
|
30246
|
-
function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
30247
|
-
function getTitle() {
|
|
30248
|
-
switch (titleElement) {
|
|
30249
|
-
case "h1":
|
|
30250
|
-
return jsx("h1", { children: title });
|
|
30251
|
-
case "h2":
|
|
30252
|
-
return jsx("h2", { children: title });
|
|
30253
|
-
case "h3":
|
|
30254
|
-
return jsx("h3", { children: title });
|
|
30255
|
-
case "h4":
|
|
30256
|
-
return jsx("h4", { children: title });
|
|
30257
|
-
case "h5":
|
|
30258
|
-
return jsx("h5", { children: title });
|
|
30259
|
-
case "h6":
|
|
30260
|
-
return jsx("h6", { children: title });
|
|
30261
|
-
default:
|
|
30262
|
-
return jsx("span", { children: title });
|
|
30263
|
-
}
|
|
30264
|
-
}
|
|
30265
|
-
return (jsxs(Fragment$1, { children: [title && (jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsx($a3e16eab0ea4036c$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
|
|
30266
|
-
}
|
|
30267
|
-
|
|
30268
|
-
var css_248z$A = ".bcds-Alert-Banner {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n width: 100%;\n}\n\n.bcds-Alert-Banner--Container {\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-padding-medium);\n}\n\n.bcds-Alert-Banner--Icon {\n align-self: first baseline;\n justify-self: flex-start;\n padding-top: var(--layout-padding-xsmall);\n color: var(--icons-color-primary-invert);\n}\n\n.bcds-Alert-Banner--Content {\n display: inline-flex;\n gap: var(--layout-margin-medium);\n align-items: first baseline;\n flex-grow: 1;\n flex-wrap: wrap;\n color: var(--typography-color-primary-invert);\n}\n\n/* Layout */\n.bcds-Alert-Banner.fixed {\n padding: var(--layout-padding-none) var(--layout-padding-medium);\n}\n.bcds-Alert-Banner.fixed > .bcds-Alert-Banner--Container {\n max-width: 1100px;\n}\n.bcds-Alert-Banner.fluid {\n padding: var(--layout-padding-none) var(--layout-padding-large);\n}\n\n/* Sizing */\n.bcds-Alert-Banner.small > .bcds-Alert-Banner--Container {\n padding: var(--layout-padding-hair) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.small .bcds-Alert-Banner--Content {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-Alert-Banner.medium > .bcds-Alert-Banner--Container {\n padding: var(--layout-padding-small) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.medium .bcds-Alert-Banner--Content {\n font: var(--typography-regular-body);\n}\n\n/* Close icon */\n.bcds-Alert-Banner--closeIcon {\n align-self: first baseline;\n}\n\n.bcds-Alert-Banner--closeIcon > .bcds-react-aria-Button[data-hovered] svg {\n color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner--closeIcon svg {\n color: var(--icons-color-primary-invert);\n}\n\n/* Variants */\n\n/* Info theme */\n.bcds-Alert-Banner.info {\n background-color: var(--surface-color-background-dark-blue);\n}\n\n/* Success theme */\n.bcds-Alert-Banner.success {\n background-color: var(--support-border-color-success);\n}\n\n/* Warning theme */\n.bcds-Alert-Banner.warning {\n background-color: var(--support-border-color-warning);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Icon {\n color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Content {\n color: var(--typography-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--closeIcon svg {\n color: var(--icons-color-primary);\n}\n\n/* Danger theme */\n.bcds-Alert-Banner.danger {\n background-color: var(--support-border-color-danger);\n}\n\n/* Black theme */\n\n.bcds-Alert-Banner.black {\n background-color: var(--theme-gray-110);\n}\n";
|
|
30269
|
-
styleInject(css_248z$A);
|
|
30270
|
-
|
|
30271
|
-
/* This component implements the Circle Check icon from Font Awesome: https://fontawesome.com/icons/circle-check */
|
|
30272
|
-
function SvgCheckCircleIcon({ id = "check-icon" }) {
|
|
30273
|
-
return (jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsx("g", { children: jsx("path", { d: "M12.4688 7.46875C12.75 7.1875 13.2188 7.1875 13.5 7.5C13.8125 7.78125 13.8125 8.25 13.5 8.53125L9.5 12.5312C9.375 12.6875 9.1875 12.75 9 12.75C8.78125 12.75 8.59375 12.6875 8.4375 12.5312L6.4375 10.5312C6.125 10.25 6.125 9.78125 6.4375 9.46875C6.71875 9.1875 7.1875 9.1875 7.5 9.46875L9 10.9688L12.4688 7.46875ZM10 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 10 18C5.5625 18 2 14.4375 2 10C2 5.59375 5.5625 2 10 2ZM10 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 10 3.5C6.40625 3.5 3.5 6.4375 3.5 10C3.5 13.5938 6.40625 16.5 10 16.5Z", fill: "currentColor" }) }) }));
|
|
30274
|
-
}
|
|
30275
|
-
|
|
30276
|
-
/* This component implements the X Mark icon from Font Awesome: https://fontawesome.com/icons/xmark */
|
|
30277
|
-
function SvgCloseIcon({ id = "close-icon" }) {
|
|
30278
|
-
return (jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsx("g", { children: jsx("path", { d: "M16 5.21286L14.7871 4L10 8.78714L5.21286 4L4 5.21286L8.78714 10L4 14.7871L5.21286 16L10 11.2129L14.7871 16L16 14.7871L11.2129 10L16 5.21286Z", fill: "currentColor" }) }) }));
|
|
30279
|
-
}
|
|
30280
|
-
|
|
30281
|
-
/* This component implements the Circle Exclamation icon from Font Awesome: https://fontawesome.com/icons/circle-exclamation */
|
|
30282
|
-
function SvgExclamationCircleIcon({ id = "exclamation-icon-circle", }) {
|
|
30283
|
-
return (jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsx("g", { children: jsx("path", { d: "M9.99999 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 9.99999 18C5.56249 18 1.99998 14.4375 1.99998 10C1.99998 5.59375 5.56249 2 9.99999 2ZM9.99999 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 9.99999 3.5C6.40624 3.5 3.49999 6.4375 3.49999 10C3.49999 13.5938 6.40624 16.5 9.99999 16.5ZM9.99999 11.5C9.56249 11.5 9.24999 11.1875 9.24999 10.75V6.75C9.24999 6.34375 9.56249 6 9.99999 6C10.4062 6 10.75 6.34375 10.75 6.75V10.75C10.75 11.1875 10.4062 11.5 9.99999 11.5ZM9.99999 12.5625C10.5312 12.5625 10.9687 13 10.9687 13.5312C10.9687 14.0625 10.5312 14.5 9.99999 14.5C9.43749 14.5 8.99999 14.0625 8.99999 13.5312C8.99999 13 9.43749 12.5625 9.99999 12.5625Z", fill: "currentColor" }) }) }));
|
|
30284
|
-
}
|
|
30285
|
-
|
|
30286
|
-
/* This component implements the Triangle Exclamation icon from Font Awesome: https://fontawesome.com/icons/triangle-exclamation */
|
|
30287
|
-
function SvgExclamationIcon({ id = "exclamation-icon" }) {
|
|
30288
|
-
return (jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsx("g", { children: jsx("path", { d: "M17.835 15.0312C18.335 15.9062 17.71 17 16.6787 17H3.33499C2.30374 17 1.67874 15.9062 2.14749 15.0312L8.83499 3.65625C9.11624 3.21875 9.55373 3 10.0225 3C10.46 3 10.8975 3.21875 11.1787 3.65625L17.835 15.0312ZM3.64749 15.5H16.3663L9.99123 4.65625L3.64749 15.5ZM10.0225 12.5625C10.5537 12.5625 10.9912 13 10.9912 13.5312C10.9912 14.0625 10.5537 14.5 10.0225 14.5C9.45998 14.5 9.02249 14.0625 9.02249 13.5312C9.02249 13 9.45998 12.5625 10.0225 12.5625ZM9.27249 7.75C9.27249 7.34375 9.58498 7 10.0225 7C10.4287 7 10.7725 7.34375 10.7725 7.75V10.75C10.7725 11.1875 10.4287 11.5 10.0225 11.5C9.58498 11.5 9.27249 11.1875 9.27249 10.75V7.75Z", fill: "currentColor" }) }) }));
|
|
30289
|
-
}
|
|
30290
|
-
|
|
30291
|
-
/* This component implements the Circle Info icon from Font Awesome: https://fontawesome.com/icons/circle-info */
|
|
30292
|
-
function SvgInfoIcon({ id = "information-icon" }) {
|
|
30293
|
-
return (jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsx("g", { children: jsx("path", { d: "M9.99999 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 9.99999 18C5.56249 18 1.99998 14.4375 1.99998 10C1.99998 5.59375 5.56249 2 9.99999 2ZM9.99999 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 9.99999 3.5C6.40624 3.5 3.49999 6.4375 3.49999 10C3.49999 13.5938 6.40624 16.5 9.99999 16.5ZM11.25 12.5C11.6562 12.5 12 12.8438 12 13.25C12 13.6875 11.6562 14 11.25 14H8.74999C8.31249 14 7.99999 13.6875 7.99999 13.25C7.99999 12.8438 8.31249 12.5 8.74999 12.5H9.24999V10.5H8.99999C8.56249 10.5 8.24999 10.1875 8.24999 9.75C8.24999 9.34375 8.56249 9 8.99999 9H9.99999C10.4062 9 10.75 9.34375 10.75 9.75V12.5H11.25ZM9.99999 8C9.43749 8 8.99999 7.5625 8.99999 7C8.99999 6.46875 9.43749 6 9.99999 6C10.5312 6 11 6.46875 11 7C11 7.5625 10.5312 8 9.99999 8Z", fill: "currentColor" }) }) }));
|
|
30294
|
-
}
|
|
30295
|
-
|
|
30296
|
-
/* Sets correct icon for theme */
|
|
30297
|
-
function getIcon$2(variant) {
|
|
30298
|
-
switch (variant) {
|
|
30299
|
-
case "info":
|
|
30300
|
-
return jsx(SvgInfoIcon, {});
|
|
30301
|
-
case "black":
|
|
30302
|
-
return jsx(SvgInfoIcon, {});
|
|
30303
|
-
case "success":
|
|
30304
|
-
return jsx(SvgCheckCircleIcon, {});
|
|
30305
|
-
case "warning":
|
|
30306
|
-
return jsx(SvgExclamationIcon, {});
|
|
30307
|
-
case "danger":
|
|
30308
|
-
return jsx(SvgExclamationCircleIcon, {});
|
|
30309
|
-
default:
|
|
30310
|
-
return;
|
|
30311
|
-
}
|
|
30312
|
-
}
|
|
30313
|
-
function AlertBanner({ variant = "info", size = "medium", layout = "fixed", isIconHidden = false, isCloseable = true, role = "status", onClose, children, customIcon, ...props }) {
|
|
30314
|
-
return (jsx("div", { className: `bcds-Alert-Banner ${variant} ${size} ${layout}`, ...props, children: jsxs("div", { className: "bcds-Alert-Banner--Container", children: [" ", !isIconHidden && (jsx("span", { className: "bcds-Alert-Banner--Icon", children: customIcon ? customIcon : getIcon$2(variant) })), jsx("div", { className: "bcds-Alert-Banner--Content", role: role, children: children }), isCloseable && (jsx("span", { className: "bcds-Alert-Banner--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsx(SvgCloseIcon, {}) }) }))] }) }));
|
|
30315
|
-
}
|
|
30316
|
-
|
|
30317
|
-
var css_248z$z = ".bcds-ButtonGroup {\n display: flex;\n gap: var(--layout-margin-small);\n flex-grow: 1;\n}\n\n.bcds-ButtonGroup.horizontal {\n flex-direction: row;\n}\n\n.bcds-ButtonGroup.vertical {\n flex-direction: column;\n}\n\n.bcds-ButtonGroup.start {\n justify-content: flex-start;\n}\n\n.bcds-ButtonGroup.center {\n justify-content: center;\n}\n\n.bcds-ButtonGroup.end {\n justify-content: flex-end;\n}\n";
|
|
30318
|
-
styleInject(css_248z$z);
|
|
30319
|
-
|
|
30320
|
-
function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
|
|
30321
|
-
return (jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
|
|
30322
|
-
}
|
|
30323
|
-
|
|
30324
|
-
var css_248z$y = ".bcds-react-aria-AlertDialog {\n display: flex;\n flex-direction: column;\n}\n\n/* Variant icons */\n.bcds-react-aria-AlertDialog.info .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-primary);\n}\n.bcds-react-aria-AlertDialog.confirmation .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-success);\n}\n.bcds-react-aria-AlertDialog.warning .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-warning);\n}\n.bcds-react-aria-AlertDialog.error .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-danger);\n}\n.bcds-react-aria-AlertDialog.destructive .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-danger);\n}\n\n.bcds-react-aria-AlertDialog--Header {\n display: inline-flex;\n flex-direction: row;\n gap: var(--layout-padding-small);\n justify-content: space-between;\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog--Title {\n flex-grow: 1;\n font: var(--typography-bold-h5);\n color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--Icon {\n justify-self: flex-start;\n align-self: center;\n padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-react-aria-AlertDialog--closeIcon {\n justify-self: flex-end;\n color: var(--icons-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--children {\n font: var(--typography-regular-body);\n color: var(--typography-color-primary);\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog > .bcds-ButtonGroup {\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n";
|
|
30325
|
-
styleInject(css_248z$y);
|
|
30326
|
-
|
|
30327
|
-
/* Sets correct left icon for selected variant */
|
|
30328
|
-
function getIcon$1(variant) {
|
|
30329
|
-
switch (variant) {
|
|
30330
|
-
case "info":
|
|
30331
|
-
return jsx(SvgInfoIcon, {});
|
|
30332
|
-
case "confirmation":
|
|
30333
|
-
return jsx(SvgCheckCircleIcon, {});
|
|
30334
|
-
case "warning":
|
|
30335
|
-
return jsx(SvgExclamationIcon, {});
|
|
30336
|
-
case "error":
|
|
30337
|
-
return jsx(SvgExclamationCircleIcon, {});
|
|
30338
|
-
case "destructive":
|
|
30339
|
-
return jsx(SvgExclamationCircleIcon, {});
|
|
30340
|
-
default:
|
|
30341
|
-
return;
|
|
30342
|
-
}
|
|
30343
|
-
}
|
|
30344
|
-
function AlertDialog({ children, variant = "info", role = "dialog", title, isCloseable = true, isIconHidden = false, buttons, ...props }) {
|
|
30345
|
-
return (jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, { className: `bcds-react-aria-AlertDialog ${variant}`, role: role, ...props, children: ({ close }) => (jsxs(Fragment$1, { children: [jsxs("div", { className: "bcds-react-aria-AlertDialog--Header", children: [!isIconHidden && (jsx("div", { className: "bcds-react-aria-AlertDialog--Icon", children: getIcon$1(variant) })), title && (jsx("div", { className: "bcds-react-aria-AlertDialog--Title", slot: "title", children: title })), isCloseable && (jsx("div", { className: "bcds-react-aria-AlertDialog--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsx(SvgCloseIcon, {}) }) }))] }), children && (jsx("div", { className: "bcds-react-aria-AlertDialog--children", slot: "children", children: jsx(Fragment$1, { children: children }) })), buttons && (jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }));
|
|
30346
|
-
}
|
|
30229
|
+
/*
|
|
30230
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
30231
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
30232
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
30233
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
30234
|
+
*
|
|
30235
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
30236
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
30237
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30238
|
+
* governing permissions and limitations under the License.
|
|
30239
|
+
*/
|
|
30240
|
+
const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? ($8WNJc$react).useLayoutEffect : ()=>{};
|
|
30347
30241
|
|
|
30348
30242
|
/*
|
|
30349
30243
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -30364,16 +30258,16 @@ function AlertDialog({ children, variant = "info", role = "dialog", title, isClo
|
|
|
30364
30258
|
// being on the page at once, the prefix is set to a random number. SSRProvider
|
|
30365
30259
|
// will reset this to zero for consistency between server and client, so in the
|
|
30366
30260
|
// SSR case multiple copies of React Aria is not supported.
|
|
30367
|
-
const $c7eafbbe1ea5834e$var$defaultContext
|
|
30261
|
+
const $c7eafbbe1ea5834e$var$defaultContext = {
|
|
30368
30262
|
prefix: String(Math.round(Math.random() * 10000000000)),
|
|
30369
30263
|
current: 0
|
|
30370
30264
|
};
|
|
30371
|
-
const $c7eafbbe1ea5834e$var$SSRContext
|
|
30372
|
-
const $c7eafbbe1ea5834e$var$IsSSRContext
|
|
30373
|
-
let $c7eafbbe1ea5834e$var$canUseDOM
|
|
30374
|
-
let $c7eafbbe1ea5834e$var$componentIds
|
|
30375
|
-
function $c7eafbbe1ea5834e$var$useCounter
|
|
30376
|
-
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext
|
|
30265
|
+
const $c7eafbbe1ea5834e$var$SSRContext = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext);
|
|
30266
|
+
const $c7eafbbe1ea5834e$var$IsSSRContext = /*#__PURE__*/ ($8WNJc$react).createContext(false);
|
|
30267
|
+
let $c7eafbbe1ea5834e$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
30268
|
+
let $c7eafbbe1ea5834e$var$componentIds = new WeakMap();
|
|
30269
|
+
function $c7eafbbe1ea5834e$var$useCounter(isDisabled = false) {
|
|
30270
|
+
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
30377
30271
|
let ref = (useRef)(null);
|
|
30378
30272
|
// eslint-disable-next-line rsp-rules/pure-render
|
|
30379
30273
|
if (ref.current === null && !isDisabled) {
|
|
@@ -30389,9 +30283,9 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
|
30389
30283
|
let currentOwner = // @ts-ignore
|
|
30390
30284
|
($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
|
|
30391
30285
|
if (currentOwner) {
|
|
30392
|
-
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds
|
|
30286
|
+
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds.get(currentOwner);
|
|
30393
30287
|
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
30394
|
-
$c7eafbbe1ea5834e$var$componentIds
|
|
30288
|
+
$c7eafbbe1ea5834e$var$componentIds.set(currentOwner, {
|
|
30395
30289
|
id: ctx.current,
|
|
30396
30290
|
state: currentOwner.memoizedState
|
|
30397
30291
|
});
|
|
@@ -30400,7 +30294,7 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
|
30400
30294
|
// Reset the counter, and remove from the weak map so we don't
|
|
30401
30295
|
// do this for subsequent useId calls.
|
|
30402
30296
|
ctx.current = prevComponentValue.id;
|
|
30403
|
-
$c7eafbbe1ea5834e$var$componentIds
|
|
30297
|
+
$c7eafbbe1ea5834e$var$componentIds.delete(currentOwner);
|
|
30404
30298
|
}
|
|
30405
30299
|
}
|
|
30406
30300
|
// eslint-disable-next-line rsp-rules/pure-render
|
|
@@ -30409,38 +30303,252 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
|
30409
30303
|
// eslint-disable-next-line rsp-rules/pure-render
|
|
30410
30304
|
return ref.current;
|
|
30411
30305
|
}
|
|
30412
|
-
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId
|
|
30413
|
-
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext
|
|
30306
|
+
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId(defaultId) {
|
|
30307
|
+
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
30414
30308
|
// If we are rendering in a non-DOM environment, and there's no SSRProvider,
|
|
30415
30309
|
// provide a warning to hint to the developer to add one.
|
|
30416
|
-
if (ctx === $c7eafbbe1ea5834e$var$defaultContext
|
|
30417
|
-
let counter = $c7eafbbe1ea5834e$var$useCounter
|
|
30418
|
-
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext
|
|
30419
|
-
return defaultId || `${prefix}-${counter}`;
|
|
30420
|
-
}
|
|
30421
|
-
function $c7eafbbe1ea5834e$var$useModernSSRSafeId
|
|
30310
|
+
if (ctx === $c7eafbbe1ea5834e$var$defaultContext && !$c7eafbbe1ea5834e$var$canUseDOM && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
|
|
30311
|
+
let counter = $c7eafbbe1ea5834e$var$useCounter(!!defaultId);
|
|
30312
|
+
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
|
|
30313
|
+
return defaultId || `${prefix}-${counter}`;
|
|
30314
|
+
}
|
|
30315
|
+
function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
|
|
30422
30316
|
let id = ($8WNJc$react).useId();
|
|
30423
|
-
let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273
|
|
30424
|
-
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext
|
|
30317
|
+
let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273());
|
|
30318
|
+
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext.prefix}`;
|
|
30425
30319
|
return defaultId || `${prefix}-${id}`;
|
|
30426
30320
|
}
|
|
30427
|
-
typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId
|
|
30428
|
-
function $c7eafbbe1ea5834e$var$getSnapshot
|
|
30321
|
+
const $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
|
|
30322
|
+
function $c7eafbbe1ea5834e$var$getSnapshot() {
|
|
30429
30323
|
return false;
|
|
30430
30324
|
}
|
|
30431
|
-
function $c7eafbbe1ea5834e$var$getServerSnapshot
|
|
30325
|
+
function $c7eafbbe1ea5834e$var$getServerSnapshot() {
|
|
30432
30326
|
return true;
|
|
30433
30327
|
}
|
|
30434
30328
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
30435
|
-
function $c7eafbbe1ea5834e$var$subscribe
|
|
30329
|
+
function $c7eafbbe1ea5834e$var$subscribe(onStoreChange) {
|
|
30436
30330
|
// noop
|
|
30437
30331
|
return ()=>{};
|
|
30438
30332
|
}
|
|
30439
|
-
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273
|
|
30333
|
+
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
|
|
30440
30334
|
// In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
|
|
30441
|
-
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe
|
|
30335
|
+
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe, $c7eafbbe1ea5834e$var$getSnapshot, $c7eafbbe1ea5834e$var$getServerSnapshot);
|
|
30442
30336
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
30443
|
-
return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext
|
|
30337
|
+
return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext);
|
|
30338
|
+
}
|
|
30339
|
+
|
|
30340
|
+
/*
|
|
30341
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
30342
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
30343
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
30344
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
30345
|
+
*
|
|
30346
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
30347
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
30348
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30349
|
+
* governing permissions and limitations under the License.
|
|
30350
|
+
*/
|
|
30351
|
+
|
|
30352
|
+
|
|
30353
|
+
|
|
30354
|
+
// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
|
|
30355
|
+
let $390e54f620492c70$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
30356
|
+
let $390e54f620492c70$export$d41a04c74483c6ef = new Map();
|
|
30357
|
+
// This allows us to clean up the idsUpdaterMap when the id is no longer used.
|
|
30358
|
+
// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.
|
|
30359
|
+
// This can happen in suspended components where mount/unmount is not called.
|
|
30360
|
+
let $390e54f620492c70$var$registry;
|
|
30361
|
+
if (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry = new FinalizationRegistry((heldValue)=>{
|
|
30362
|
+
$390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);
|
|
30363
|
+
});
|
|
30364
|
+
function $390e54f620492c70$export$f680877a34711e37(defaultId) {
|
|
30365
|
+
let [value, setValue] = (useState)(defaultId);
|
|
30366
|
+
let nextId = (useRef)(null);
|
|
30367
|
+
let res = ($c7eafbbe1ea5834e$export$619500959fc48b26)(value);
|
|
30368
|
+
let cleanupRef = (useRef)(null);
|
|
30369
|
+
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.register(cleanupRef, res);
|
|
30370
|
+
if ($390e54f620492c70$var$canUseDOM) {
|
|
30371
|
+
const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);
|
|
30372
|
+
if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
|
|
30373
|
+
else $390e54f620492c70$export$d41a04c74483c6ef.set(res, [
|
|
30374
|
+
nextId
|
|
30375
|
+
]);
|
|
30376
|
+
}
|
|
30377
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
30378
|
+
let r = res;
|
|
30379
|
+
return ()=>{
|
|
30380
|
+
// In Suspense, the cleanup function may be not called
|
|
30381
|
+
// when it is though, also remove it from the finalization registry.
|
|
30382
|
+
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.unregister(cleanupRef);
|
|
30383
|
+
$390e54f620492c70$export$d41a04c74483c6ef.delete(r);
|
|
30384
|
+
};
|
|
30385
|
+
}, [
|
|
30386
|
+
res
|
|
30387
|
+
]);
|
|
30388
|
+
// This cannot cause an infinite loop because the ref is always cleaned up.
|
|
30389
|
+
// eslint-disable-next-line
|
|
30390
|
+
(useEffect)(()=>{
|
|
30391
|
+
let newId = nextId.current;
|
|
30392
|
+
if (newId) setValue(newId);
|
|
30393
|
+
return ()=>{
|
|
30394
|
+
if (newId) nextId.current = null;
|
|
30395
|
+
};
|
|
30396
|
+
});
|
|
30397
|
+
return res;
|
|
30398
|
+
}
|
|
30399
|
+
|
|
30400
|
+
/**
|
|
30401
|
+
* Do not edit directly, this file was auto-generated.
|
|
30402
|
+
*/
|
|
30403
|
+
|
|
30404
|
+
const iconsSizeXsmall = "14px"; // Smallest icon size
|
|
30405
|
+
const iconsSizeSmall = "16px";
|
|
30406
|
+
const iconsSizeMedium = "20px"; // Default icon size
|
|
30407
|
+
const iconsSizeLarge = "24px";
|
|
30408
|
+
const iconsSizeXlarge = "32px"; // Largest icon size
|
|
30409
|
+
|
|
30410
|
+
const iconSizeMap = {
|
|
30411
|
+
xsmall: iconsSizeXsmall,
|
|
30412
|
+
small: iconsSizeSmall,
|
|
30413
|
+
medium: iconsSizeMedium,
|
|
30414
|
+
large: iconsSizeLarge,
|
|
30415
|
+
xlarge: iconsSizeXlarge,
|
|
30416
|
+
};
|
|
30417
|
+
function getIconSize(size = "medium") {
|
|
30418
|
+
return iconSizeMap[size];
|
|
30419
|
+
}
|
|
30420
|
+
|
|
30421
|
+
function SvgChevronUpIcon({ size = "medium", title, id, ...props }) {
|
|
30422
|
+
const iconSize = getIconSize(size);
|
|
30423
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30424
|
+
const isMeaningful = Boolean(title);
|
|
30425
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M4.21231 13.3146L9.52695 8.2226C9.6939 8.08348 9.86086 8 10.0278 8C10.1948 8 10.3339 8.05565 10.473 8.16695L15.7876 13.259C16.066 13.5372 16.066 13.9546 15.8155 14.2051C15.5651 14.4833 15.1477 14.4833 14.8694 14.2329L10.0278 9.61387L5.13054 14.2885C4.88011 14.539 4.43491 14.539 4.18448 14.2607C3.93405 13.9825 3.93405 13.5651 4.21231 13.3146Z", fill: "currentColor" })] }));
|
|
30426
|
+
}
|
|
30427
|
+
|
|
30428
|
+
function SvgChevronDownIcon({ size = "medium", title, id, ...props }) {
|
|
30429
|
+
const iconSize = getIconSize(size);
|
|
30430
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30431
|
+
const isMeaningful = Boolean(title);
|
|
30432
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M15.7882 9.15569L10.4858 14.236C10.3192 14.3748 10.1527 14.4303 10.0139 14.4303C9.84731 14.4303 9.68074 14.3748 9.54194 14.2637L4.21182 9.15569C3.9342 8.90584 3.9342 8.46167 4.18405 8.21182C4.4339 7.9342 4.87808 7.9342 5.12793 8.18405L10.0139 12.8479L14.872 8.18405C15.1219 7.9342 15.5661 7.9342 15.8159 8.21182C16.0658 8.46167 16.0658 8.90584 15.7882 9.15569Z", fill: "currentColor" })] }));
|
|
30433
|
+
}
|
|
30434
|
+
|
|
30435
|
+
function Accordion({ label, children, ...props }) {
|
|
30436
|
+
return (jsx($a3e16eab0ea4036c$export$74a362b31437ec83, { className: `bcds-react-aria-Disclosure`, ...props, children: ({ isExpanded }) => (jsxs(Fragment$1, { children: [jsxs(Button, { className: "bcds-react-aria-Disclosure--Button", size: "small", variant: "link", slot: "trigger", children: [label, isExpanded ? jsx(SvgChevronUpIcon, {}) : jsx(SvgChevronDownIcon, {})] }), jsx($a3e16eab0ea4036c$export$feabaa331e1d464c, { className: "bcds-react-aria-Disclosure--Panel", children: jsx(Fragment$1, { children: children }) })] })) }));
|
|
30437
|
+
}
|
|
30438
|
+
|
|
30439
|
+
var css_248z$B = ".bcds-react-aria-DisclosureGroup {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: var(--layout-border-width-small);\n background-color: var(--surface-color-border-default);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n overflow: hidden;\n}\n\n/* Override individual accordion item borders */\n.bcds-react-aria-DisclosureGroup > .bcds-react-aria-Disclosure {\n border: none;\n border-radius: var(--layout-border-radius-none);\n}\n\n/* Focus state */\n.bcds-react-aria-DisclosureGroup\n > .bcds-react-aria-Disclosure[data-focus-visible-within] {\n border-radius: var(--layout-border-radius-hair);\n outline-offset: calc(var(--layout-margin-hair) * -1);\n}\n\n/* Title styles */\n.bcds-react-aria-DisclosureGroup--Title {\n color: var(--typography-color-primary);\n margin: var(--layout-margin-medium) var(--layout-margin-none);\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h1 {\n font: var(--typography-bold-h1);\n margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h2 {\n font: var(--typography-bold-h2);\n margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h3 {\n font: var(--typography-bold-h3);\n margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h4 {\n font: var(--typography-bold-h4);\n margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h5 {\n font: var(--typography-bold-h5);\n margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > h6 {\n font: var(--typography-bold-h6);\n margin-block: 0;\n}\n\n.bcds-react-aria-DisclosureGroup--Title > span {\n font: var(--typography-bold-large-body);\n}\n";
|
|
30440
|
+
styleInject(css_248z$B);
|
|
30441
|
+
|
|
30442
|
+
function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
30443
|
+
function getTitle() {
|
|
30444
|
+
switch (titleElement) {
|
|
30445
|
+
case "h1":
|
|
30446
|
+
return jsx("h1", { children: title });
|
|
30447
|
+
case "h2":
|
|
30448
|
+
return jsx("h2", { children: title });
|
|
30449
|
+
case "h3":
|
|
30450
|
+
return jsx("h3", { children: title });
|
|
30451
|
+
case "h4":
|
|
30452
|
+
return jsx("h4", { children: title });
|
|
30453
|
+
case "h5":
|
|
30454
|
+
return jsx("h5", { children: title });
|
|
30455
|
+
case "h6":
|
|
30456
|
+
return jsx("h6", { children: title });
|
|
30457
|
+
default:
|
|
30458
|
+
return jsx("span", { children: title });
|
|
30459
|
+
}
|
|
30460
|
+
}
|
|
30461
|
+
return (jsxs(Fragment$1, { children: [title && (jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsx($a3e16eab0ea4036c$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
|
|
30462
|
+
}
|
|
30463
|
+
|
|
30464
|
+
var css_248z$A = ".bcds-Alert-Banner {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n width: 100%;\n}\n\n.bcds-Alert-Banner--Container {\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-padding-medium);\n}\n\n.bcds-Alert-Banner--Icon {\n place-self: first baseline flex-start;\n padding-top: var(--layout-padding-xsmall);\n color: var(--icons-color-primary-invert);\n}\n\n.bcds-Alert-Banner--Content {\n display: inline-flex;\n gap: var(--layout-margin-medium);\n align-items: first baseline;\n flex-grow: 1;\n flex-wrap: wrap;\n color: var(--typography-color-primary-invert);\n}\n\n/* Layout */\n.bcds-Alert-Banner.fixed {\n padding: var(--layout-padding-none) var(--layout-padding-medium);\n}\n.bcds-Alert-Banner.fixed > .bcds-Alert-Banner--Container {\n max-width: 1100px;\n}\n.bcds-Alert-Banner.fluid {\n padding: var(--layout-padding-none) var(--layout-padding-large);\n}\n\n/* Sizing */\n.bcds-Alert-Banner.small > .bcds-Alert-Banner--Container {\n padding: var(--layout-padding-hair) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.small .bcds-Alert-Banner--Content {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-Alert-Banner.medium > .bcds-Alert-Banner--Container {\n padding: var(--layout-padding-small) var(--layout-padding-none);\n}\n.bcds-Alert-Banner.medium .bcds-Alert-Banner--Content {\n font: var(--typography-regular-body);\n}\n\n/* Close icon */\n.bcds-Alert-Banner--closeIcon {\n align-self: first baseline;\n}\n\n.bcds-Alert-Banner--closeIcon > .bcds-react-aria-Button[data-hovered] svg {\n color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner--closeIcon svg {\n color: var(--icons-color-primary-invert);\n}\n\n/* Variants */\n\n/* Info theme */\n.bcds-Alert-Banner.info {\n background-color: var(--surface-color-background-dark-blue);\n}\n\n/* Success theme */\n.bcds-Alert-Banner.success {\n background-color: var(--support-border-color-success);\n}\n\n/* Warning theme */\n.bcds-Alert-Banner.warning {\n background-color: var(--support-border-color-warning);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Icon {\n color: var(--icons-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--Content {\n color: var(--typography-color-primary);\n}\n\n.bcds-Alert-Banner.warning .bcds-Alert-Banner--closeIcon svg {\n color: var(--icons-color-primary);\n}\n\n/* Danger theme */\n.bcds-Alert-Banner.danger {\n background-color: var(--support-border-color-danger);\n}\n\n/* Black theme */\n\n.bcds-Alert-Banner.black {\n background-color: var(--theme-gray-110);\n}\n";
|
|
30465
|
+
styleInject(css_248z$A);
|
|
30466
|
+
|
|
30467
|
+
function SvgCheckCircleIcon({ size = "medium", title, id, ...props }) {
|
|
30468
|
+
const iconSize = getIconSize(size);
|
|
30469
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30470
|
+
const isMeaningful = Boolean(title);
|
|
30471
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M12.4688 7.46875C12.75 7.1875 13.2188 7.1875 13.5 7.5C13.8125 7.78125 13.8125 8.25 13.5 8.53125L9.5 12.5312C9.375 12.6875 9.1875 12.75 9 12.75C8.78125 12.75 8.59375 12.6875 8.4375 12.5312L6.4375 10.5312C6.125 10.25 6.125 9.78125 6.4375 9.46875C6.71875 9.1875 7.1875 9.1875 7.5 9.46875L9 10.9688L12.4688 7.46875ZM10 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 10 18C5.5625 18 2 14.4375 2 10C2 5.59375 5.5625 2 10 2ZM10 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 10 3.5C6.40625 3.5 3.5 6.4375 3.5 10C3.5 13.5938 6.40625 16.5 10 16.5Z", fill: "currentColor" }) })] }));
|
|
30472
|
+
}
|
|
30473
|
+
|
|
30474
|
+
function SvgCloseIcon({ size = "medium", title, id, ...props }) {
|
|
30475
|
+
const iconSize = getIconSize(size);
|
|
30476
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30477
|
+
const isMeaningful = Boolean(title);
|
|
30478
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M16 5.21286L14.7871 4L10 8.78714L5.21286 4L4 5.21286L8.78714 10L4 14.7871L5.21286 16L10 11.2129L14.7871 16L16 14.7871L11.2129 10L16 5.21286Z", fill: "currentColor" }) })] }));
|
|
30479
|
+
}
|
|
30480
|
+
|
|
30481
|
+
function SvgExclamationCircleIcon({ size = "medium", title, id, ...props }) {
|
|
30482
|
+
const iconSize = getIconSize(size);
|
|
30483
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30484
|
+
const isMeaningful = Boolean(title);
|
|
30485
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M9.99999 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 9.99999 18C5.56249 18 1.99998 14.4375 1.99998 10C1.99998 5.59375 5.56249 2 9.99999 2ZM9.99999 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 9.99999 3.5C6.40624 3.5 3.49999 6.4375 3.49999 10C3.49999 13.5938 6.40624 16.5 9.99999 16.5ZM9.99999 11.5C9.56249 11.5 9.24999 11.1875 9.24999 10.75V6.75C9.24999 6.34375 9.56249 6 9.99999 6C10.4062 6 10.75 6.34375 10.75 6.75V10.75C10.75 11.1875 10.4062 11.5 9.99999 11.5ZM9.99999 12.5625C10.5312 12.5625 10.9687 13 10.9687 13.5312C10.9687 14.0625 10.5312 14.5 9.99999 14.5C9.43749 14.5 8.99999 14.0625 8.99999 13.5312C8.99999 13 9.43749 12.5625 9.99999 12.5625Z", fill: "currentColor" }) })] }));
|
|
30486
|
+
}
|
|
30487
|
+
|
|
30488
|
+
function SvgExclamationIcon({ size = "medium", title, id, ...props }) {
|
|
30489
|
+
const iconSize = getIconSize(size);
|
|
30490
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30491
|
+
const isMeaningful = Boolean(title);
|
|
30492
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M17.835 15.0312C18.335 15.9062 17.71 17 16.6787 17H3.33499C2.30374 17 1.67874 15.9062 2.14749 15.0312L8.83499 3.65625C9.11624 3.21875 9.55373 3 10.0225 3C10.46 3 10.8975 3.21875 11.1787 3.65625L17.835 15.0312ZM3.64749 15.5H16.3663L9.99123 4.65625L3.64749 15.5ZM10.0225 12.5625C10.5537 12.5625 10.9912 13 10.9912 13.5312C10.9912 14.0625 10.5537 14.5 10.0225 14.5C9.45998 14.5 9.02249 14.0625 9.02249 13.5312C9.02249 13 9.45998 12.5625 10.0225 12.5625ZM9.27249 7.75C9.27249 7.34375 9.58498 7 10.0225 7C10.4287 7 10.7725 7.34375 10.7725 7.75V10.75C10.7725 11.1875 10.4287 11.5 10.0225 11.5C9.58498 11.5 9.27249 11.1875 9.27249 10.75V7.75Z", fill: "currentColor" }) })] }));
|
|
30493
|
+
}
|
|
30494
|
+
|
|
30495
|
+
function SvgInfoIcon({ size = "medium", title, id, ...props }) {
|
|
30496
|
+
const iconSize = getIconSize(size);
|
|
30497
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30498
|
+
const isMeaningful = Boolean(title);
|
|
30499
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M9.99999 2C14.4062 2 18 5.59375 18 10C18 14.4375 14.4062 18 9.99999 18C5.56249 18 1.99998 14.4375 1.99998 10C1.99998 5.59375 5.56249 2 9.99999 2ZM9.99999 16.5C13.5625 16.5 16.5 13.5938 16.5 10C16.5 6.4375 13.5625 3.5 9.99999 3.5C6.40624 3.5 3.49999 6.4375 3.49999 10C3.49999 13.5938 6.40624 16.5 9.99999 16.5ZM11.25 12.5C11.6562 12.5 12 12.8438 12 13.25C12 13.6875 11.6562 14 11.25 14H8.74999C8.31249 14 7.99999 13.6875 7.99999 13.25C7.99999 12.8438 8.31249 12.5 8.74999 12.5H9.24999V10.5H8.99999C8.56249 10.5 8.24999 10.1875 8.24999 9.75C8.24999 9.34375 8.56249 9 8.99999 9H9.99999C10.4062 9 10.75 9.34375 10.75 9.75V12.5H11.25ZM9.99999 8C9.43749 8 8.99999 7.5625 8.99999 7C8.99999 6.46875 9.43749 6 9.99999 6C10.5312 6 11 6.46875 11 7C11 7.5625 10.5312 8 9.99999 8Z", fill: "currentColor" }) })] }));
|
|
30500
|
+
}
|
|
30501
|
+
|
|
30502
|
+
/* Sets correct icon for theme */
|
|
30503
|
+
function getIcon$2(variant) {
|
|
30504
|
+
switch (variant) {
|
|
30505
|
+
case "info":
|
|
30506
|
+
return jsx(SvgInfoIcon, {});
|
|
30507
|
+
case "black":
|
|
30508
|
+
return jsx(SvgInfoIcon, {});
|
|
30509
|
+
case "success":
|
|
30510
|
+
return jsx(SvgCheckCircleIcon, {});
|
|
30511
|
+
case "warning":
|
|
30512
|
+
return jsx(SvgExclamationIcon, {});
|
|
30513
|
+
case "danger":
|
|
30514
|
+
return jsx(SvgExclamationCircleIcon, {});
|
|
30515
|
+
default:
|
|
30516
|
+
return;
|
|
30517
|
+
}
|
|
30518
|
+
}
|
|
30519
|
+
function AlertBanner({ variant = "info", size = "medium", layout = "fixed", isIconHidden = false, isCloseable = true, role = "status", onClose, children, customIcon, ...props }) {
|
|
30520
|
+
return (jsx("div", { className: `bcds-Alert-Banner ${variant} ${size} ${layout}`, ...props, children: jsxs("div", { className: "bcds-Alert-Banner--Container", children: [" ", !isIconHidden && (jsx("span", { className: "bcds-Alert-Banner--Icon", children: customIcon ? customIcon : getIcon$2(variant) })), jsx("div", { className: "bcds-Alert-Banner--Content", role: role, children: children }), isCloseable && (jsx("span", { className: "bcds-Alert-Banner--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsx(SvgCloseIcon, {}) }) }))] }) }));
|
|
30521
|
+
}
|
|
30522
|
+
|
|
30523
|
+
var css_248z$z = ".bcds-ButtonGroup {\n display: flex;\n gap: var(--layout-margin-small);\n flex-grow: 1;\n}\n\n.bcds-ButtonGroup.horizontal {\n flex-direction: row;\n}\n\n.bcds-ButtonGroup.vertical {\n flex-direction: column;\n}\n\n.bcds-ButtonGroup.start {\n justify-content: flex-start;\n}\n\n.bcds-ButtonGroup.center {\n justify-content: center;\n}\n\n.bcds-ButtonGroup.end {\n justify-content: flex-end;\n}\n";
|
|
30524
|
+
styleInject(css_248z$z);
|
|
30525
|
+
|
|
30526
|
+
function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
|
|
30527
|
+
return (jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
|
|
30528
|
+
}
|
|
30529
|
+
|
|
30530
|
+
var css_248z$y = ".bcds-react-aria-AlertDialog {\n display: flex;\n flex-direction: column;\n}\n\n/* Variant icons */\n.bcds-react-aria-AlertDialog.info .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-primary);\n}\n.bcds-react-aria-AlertDialog.confirmation .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-success);\n}\n.bcds-react-aria-AlertDialog.warning .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-warning);\n}\n.bcds-react-aria-AlertDialog.error .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-danger);\n}\n.bcds-react-aria-AlertDialog.destructive .bcds-react-aria-AlertDialog--Icon {\n color: var(--icons-color-danger);\n}\n\n.bcds-react-aria-AlertDialog--Header {\n display: inline-flex;\n flex-direction: row;\n gap: var(--layout-padding-small);\n justify-content: space-between;\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog--Title {\n flex-grow: 1;\n font: var(--typography-bold-h5);\n color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--Icon {\n place-self: center flex-start;\n padding-top: var(--layout-padding-xsmall);\n}\n\n.bcds-react-aria-AlertDialog--closeIcon {\n justify-self: flex-end;\n color: var(--icons-color-primary);\n}\n\n.bcds-react-aria-AlertDialog--children {\n font: var(--typography-regular-body);\n color: var(--typography-color-primary);\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n}\n\n.bcds-react-aria-AlertDialog > .bcds-ButtonGroup {\n padding: var(--layout-padding-medium) var(--layout-padding-large);\n}\n";
|
|
30531
|
+
styleInject(css_248z$y);
|
|
30532
|
+
|
|
30533
|
+
/* Sets correct left icon for selected variant */
|
|
30534
|
+
function getIcon$1(variant) {
|
|
30535
|
+
switch (variant) {
|
|
30536
|
+
case "info":
|
|
30537
|
+
return jsx(SvgInfoIcon, {});
|
|
30538
|
+
case "confirmation":
|
|
30539
|
+
return jsx(SvgCheckCircleIcon, {});
|
|
30540
|
+
case "warning":
|
|
30541
|
+
return jsx(SvgExclamationIcon, {});
|
|
30542
|
+
case "error":
|
|
30543
|
+
return jsx(SvgExclamationCircleIcon, {});
|
|
30544
|
+
case "destructive":
|
|
30545
|
+
return jsx(SvgExclamationCircleIcon, {});
|
|
30546
|
+
default:
|
|
30547
|
+
return;
|
|
30548
|
+
}
|
|
30549
|
+
}
|
|
30550
|
+
function AlertDialog({ children, variant = "info", role = "dialog", title, isCloseable = true, isIconHidden = false, buttons, ...props }) {
|
|
30551
|
+
return (jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, { className: `bcds-react-aria-AlertDialog ${variant}`, role: role, ...props, children: ({ close }) => (jsxs(Fragment$1, { children: [jsxs("div", { className: "bcds-react-aria-AlertDialog--Header", children: [!isIconHidden && (jsx("div", { className: "bcds-react-aria-AlertDialog--Icon", children: getIcon$1(variant) })), title && (jsx("div", { className: "bcds-react-aria-AlertDialog--Title", slot: "title", children: title })), isCloseable && (jsx("div", { className: "bcds-react-aria-AlertDialog--closeIcon", children: jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsx(SvgCloseIcon, {}) }) }))] }), children && (jsx("div", { className: "bcds-react-aria-AlertDialog--children", slot: "children", children: jsx(Fragment$1, { children: children }) })), buttons && (jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }));
|
|
30444
30552
|
}
|
|
30445
30553
|
|
|
30446
30554
|
/*
|
|
@@ -30454,7 +30562,7 @@ function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$1() {
|
|
|
30454
30562
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30455
30563
|
* governing permissions and limitations under the License.
|
|
30456
30564
|
*/ // https://en.wikipedia.org/wiki/Right-to-left
|
|
30457
|
-
const $d805ff57cab8bee2$var$RTL_SCRIPTS
|
|
30565
|
+
const $d805ff57cab8bee2$var$RTL_SCRIPTS = new Set([
|
|
30458
30566
|
'Arab',
|
|
30459
30567
|
'Syrc',
|
|
30460
30568
|
'Samr',
|
|
@@ -30466,7 +30574,7 @@ const $d805ff57cab8bee2$var$RTL_SCRIPTS$1 = new Set([
|
|
|
30466
30574
|
'Rohg',
|
|
30467
30575
|
'Hebr'
|
|
30468
30576
|
]);
|
|
30469
|
-
const $d805ff57cab8bee2$var$RTL_LANGS
|
|
30577
|
+
const $d805ff57cab8bee2$var$RTL_LANGS = new Set([
|
|
30470
30578
|
'ae',
|
|
30471
30579
|
'ar',
|
|
30472
30580
|
'arc',
|
|
@@ -30487,7 +30595,7 @@ const $d805ff57cab8bee2$var$RTL_LANGS$1 = new Set([
|
|
|
30487
30595
|
'ur',
|
|
30488
30596
|
'yi'
|
|
30489
30597
|
]);
|
|
30490
|
-
function $d805ff57cab8bee2$export$702d680b21cbd764
|
|
30598
|
+
function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
|
|
30491
30599
|
// If the Intl.Locale API is available, use it to get the locale's text direction.
|
|
30492
30600
|
if (Intl.Locale) {
|
|
30493
30601
|
let locale = new Intl.Locale(localeString).maximize();
|
|
@@ -30498,11 +30606,11 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
|
|
|
30498
30606
|
if (textInfo) return textInfo.direction === 'rtl';
|
|
30499
30607
|
// Fallback: guess using the script.
|
|
30500
30608
|
// This is more accurate than guessing by language, since languages can be written in multiple scripts.
|
|
30501
|
-
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS
|
|
30609
|
+
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
|
|
30502
30610
|
}
|
|
30503
30611
|
// If not, just guess by the language (first part of the locale)
|
|
30504
30612
|
let lang = localeString.split('-')[0];
|
|
30505
|
-
return $d805ff57cab8bee2$var$RTL_LANGS
|
|
30613
|
+
return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
|
|
30506
30614
|
}
|
|
30507
30615
|
|
|
30508
30616
|
/*
|
|
@@ -30519,9 +30627,9 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
|
|
|
30519
30627
|
|
|
30520
30628
|
|
|
30521
30629
|
// Locale passed from server by PackageLocalizationProvider.
|
|
30522
|
-
const $520a025cdb0d710d$var$localeSymbol
|
|
30523
|
-
function $520a025cdb0d710d$export$f09106e7c6677ec5
|
|
30524
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol
|
|
30630
|
+
const $520a025cdb0d710d$var$localeSymbol = Symbol.for('react-aria.i18n.locale');
|
|
30631
|
+
function $520a025cdb0d710d$export$f09106e7c6677ec5() {
|
|
30632
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol] || // @ts-ignore
|
|
30525
30633
|
typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
|
|
30526
30634
|
try {
|
|
30527
30635
|
Intl.DateTimeFormat.supportedLocalesOf([
|
|
@@ -30532,30 +30640,30 @@ function $520a025cdb0d710d$export$f09106e7c6677ec5$1() {
|
|
|
30532
30640
|
}
|
|
30533
30641
|
return {
|
|
30534
30642
|
locale: locale,
|
|
30535
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764
|
|
30643
|
+
direction: ($d805ff57cab8bee2$export$702d680b21cbd764)(locale) ? 'rtl' : 'ltr'
|
|
30536
30644
|
};
|
|
30537
30645
|
}
|
|
30538
|
-
let $520a025cdb0d710d$var$currentLocale
|
|
30539
|
-
let $520a025cdb0d710d$var$listeners
|
|
30540
|
-
function $520a025cdb0d710d$var$updateLocale
|
|
30541
|
-
$520a025cdb0d710d$var$currentLocale
|
|
30542
|
-
for (let listener of $520a025cdb0d710d$var$listeners
|
|
30646
|
+
let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
30647
|
+
let $520a025cdb0d710d$var$listeners = new Set();
|
|
30648
|
+
function $520a025cdb0d710d$var$updateLocale() {
|
|
30649
|
+
$520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
30650
|
+
for (let listener of $520a025cdb0d710d$var$listeners)listener($520a025cdb0d710d$var$currentLocale);
|
|
30543
30651
|
}
|
|
30544
|
-
function $520a025cdb0d710d$export$188ec29ebc2bdc3a
|
|
30545
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273
|
|
30546
|
-
let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale
|
|
30652
|
+
function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
|
|
30653
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273)();
|
|
30654
|
+
let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale);
|
|
30547
30655
|
(useEffect)(()=>{
|
|
30548
|
-
if ($520a025cdb0d710d$var$listeners
|
|
30549
|
-
$520a025cdb0d710d$var$listeners
|
|
30656
|
+
if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
30657
|
+
$520a025cdb0d710d$var$listeners.add(setDefaultLocale);
|
|
30550
30658
|
return ()=>{
|
|
30551
|
-
$520a025cdb0d710d$var$listeners
|
|
30552
|
-
if ($520a025cdb0d710d$var$listeners
|
|
30659
|
+
$520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
|
|
30660
|
+
if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
30553
30661
|
};
|
|
30554
30662
|
}, []);
|
|
30555
30663
|
// We cannot determine the browser's language on the server, so default to
|
|
30556
30664
|
// en-US. This will be updated after hydration on the client to the correct value.
|
|
30557
30665
|
if (isSSR) {
|
|
30558
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol
|
|
30666
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol];
|
|
30559
30667
|
return {
|
|
30560
30668
|
locale: locale || 'en-US',
|
|
30561
30669
|
direction: 'ltr'
|
|
@@ -30577,10 +30685,10 @@ function $520a025cdb0d710d$export$188ec29ebc2bdc3a$1() {
|
|
|
30577
30685
|
*/
|
|
30578
30686
|
|
|
30579
30687
|
|
|
30580
|
-
const $2eb8e6d23f3d0cb0$var$I18nContext
|
|
30581
|
-
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7
|
|
30582
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a
|
|
30583
|
-
let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext
|
|
30688
|
+
const $2eb8e6d23f3d0cb0$var$I18nContext = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
30689
|
+
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
|
|
30690
|
+
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a)();
|
|
30691
|
+
let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext);
|
|
30584
30692
|
return context || defaultLocale;
|
|
30585
30693
|
}
|
|
30586
30694
|
|
|
@@ -30621,7 +30729,7 @@ function $cf2482eff2eeeec2$export$87b761675e8eaa10(strings, packageName) {
|
|
|
30621
30729
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30622
30730
|
* governing permissions and limitations under the License.
|
|
30623
30731
|
*/ /* eslint-disable rsp-rules/pure-render */
|
|
30624
|
-
function $9c268ab73a5d55e5$export$722debc0e56fea39
|
|
30732
|
+
function $9c268ab73a5d55e5$export$722debc0e56fea39(value, isEqual) {
|
|
30625
30733
|
// Using a ref during render is ok here because it's only an optimization – both values are equivalent.
|
|
30626
30734
|
// If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
|
|
30627
30735
|
let lastValue = (useRef)(null);
|
|
@@ -30644,16 +30752,16 @@ function $9c268ab73a5d55e5$export$722debc0e56fea39$1(value, isEqual) {
|
|
|
30644
30752
|
|
|
30645
30753
|
|
|
30646
30754
|
|
|
30647
|
-
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79
|
|
30755
|
+
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79(options) {
|
|
30648
30756
|
// Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
|
|
30649
|
-
options = ($9c268ab73a5d55e5$export$722debc0e56fea39
|
|
30650
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7
|
|
30757
|
+
options = ($9c268ab73a5d55e5$export$722debc0e56fea39)(options ?? {}, $60f33508b4cd9d3b$var$isEqual);
|
|
30758
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
|
|
30651
30759
|
return (useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
|
|
30652
30760
|
locale,
|
|
30653
30761
|
options
|
|
30654
30762
|
]);
|
|
30655
30763
|
}
|
|
30656
|
-
function $60f33508b4cd9d3b$var$isEqual
|
|
30764
|
+
function $60f33508b4cd9d3b$var$isEqual(a, b) {
|
|
30657
30765
|
if (a === b) return true;
|
|
30658
30766
|
let aKeys = Object.keys(a);
|
|
30659
30767
|
let bKeys = Object.keys(b);
|
|
@@ -31435,7 +31543,7 @@ function $parcel$interopDefault(a) {
|
|
|
31435
31543
|
|
|
31436
31544
|
|
|
31437
31545
|
function $40cf8faa4dad0740$export$d42c60378c8168f8() {
|
|
31438
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7
|
|
31546
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
|
|
31439
31547
|
let dictionary = ($cf2482eff2eeeec2$export$87b761675e8eaa10)((($parcel$interopDefault($0014db39426443c5$exports))), '@react-aria/datepicker');
|
|
31440
31548
|
return (useMemo)(()=>{
|
|
31441
31549
|
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
@@ -31462,7 +31570,7 @@ class $40cf8faa4dad0740$var$DisplayNamesPolyfill {
|
|
|
31462
31570
|
}
|
|
31463
31571
|
}
|
|
31464
31572
|
|
|
31465
|
-
var css_248z$x = ".bcds-react-aria-Calendar {\n display: inline-flex;\n flex-
|
|
31573
|
+
var css_248z$x = ".bcds-react-aria-Calendar {\n display: inline-flex;\n flex-flow: row wrap;\n gap: var(--layout-margin-large);\n padding: var(--layout-padding-medium);\n box-sizing: border-box;\n justify-content: center;\n background-color: var(--surface-color-forms-default);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n font: var(--typography-regular-small-body);\n}\n.bcds-react-aria-Calendar--GridContainer {\n display: inline-flex;\n flex: 0 1 0;\n flex-direction: column;\n gap: var(--layout-margin-small);\n box-sizing: border-box;\n}\n.bcds-react-aria-Calendar--Header {\n display: inline-flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n.bcds-react-aria-Calendar--HeaderButton {\n width: var(--icons-size-large);\n height: var(--icons-size-large);\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n.bcds-react-aria-Calendar--Header > h2.bcds-react-aria-Heading {\n flex: 1;\n text-align: center;\n font: var(--typography-bold-small-body);\n margin: var(--layout-margin-none);\n}\n.bcds-react-aria-Calendar--Header > button > svg {\n min-width: var(--icons-size-small);\n height: var(--icons-size-small);\n}\n.bcds-react-aria-Calendar--Grid {\n text-align: center;\n border-spacing: var(--layout-margin-xsmall);\n}\n.bcds-react-aria-Calendar--Cell {\n cursor: pointer;\n box-sizing: border-box;\n width: var(--icons-size-xlarge);\n height: var(--icons-size-xlarge);\n padding: var(--layout-padding-xsmall);\n border: solid var(--layout-border-width-small) transparent;\n}\n/* Hide days outside current month or visible range */\n.bcds-react-aria-Calendar--Cell[data-outside-visible-range],\n.bcds-react-aria-Calendar--Cell[data-outside-month] {\n visibility: hidden;\n}\n\n/* Calendar item states */\n.bcds-react-aria-Calendar--Cell[data-hovered] {\n background-color: var(--surface-color-secondary-button-hover);\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected] {\n background-color: var(--surface-color-primary-button-default);\n color: var(--typography-color-primary-invert);\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected][data-focused],\n.bcds-react-aria-Calendar--Cell[data-selected][data-focus-visible] {\n background-color: var(--surface-color-primary-button-default);\n color: var(--typography-color-primary-invert);\n outline: solid var(--layout-border-width-small)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Calendar--Cell[data-selected][data-hovered] {\n background-color: var(--surface-color-primary-button-hover);\n}\n.bcds-react-aria-Calendar--Cell[data-focused] {\n outline: none;\n}\n.bcds-react-aria-Calendar--Cell[data-focus-visible] {\n background-color: var(--surface-color-secondary-button-hover);\n border: solid var(--layout-border-width-small)\n var(--surface-color-border-active);\n border-radius: var(--layout-border-radius-small);\n outline: none;\n}\n.bcds-react-aria-Calendar--Cell[data-today] {\n font: var(--typography-bold-small-body);\n}\n.bcds-react-aria-Calendar--Cell[data-disabled],\n.bcds-react-aria-Calendar--Cell[data-unavailable][data-disabled] {\n color: var(--typography-color-disabled);\n text-decoration: none;\n cursor: not-allowed;\n}\n.bcds-react-aria-Calendar--Cell[data-unavailable] {\n color: var(--typography-color-danger);\n text-decoration: line-through;\n cursor: not-allowed;\n}\n";
|
|
31466
31574
|
styleInject(css_248z$x);
|
|
31467
31575
|
|
|
31468
31576
|
var css_248z$w = "/* Headings */\nh1.bcds-react-aria-Heading {\n font: var(--typography-bold-h1);\n}\n\nh2.bcds-react-aria-Heading {\n font: var(--typography-bold-h2);\n}\n\nh3.bcds-react-aria-Heading {\n font: var(--typography-bold-h3);\n}\n\nh4.bcds-react-aria-Heading {\n font: var(--typography-bold-h4);\n}\n\nh5.bcds-react-aria-Heading {\n font: var(--typography-bold-h5);\n}\n\nh6.bcds-react-aria-Heading {\n font: var(--typography-bold-h6);\n}\n\n/* Text colour */\n.bcds-react-aria-Heading.primary {\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-Heading.primaryInvert {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Heading.secondary {\n color: var(--typography-color-secondary);\n}\n.bcds-react-aria-Heading.secondaryInvert {\n color: var(--typography-color-secondary-invert);\n}\n.bcds-react-aria-Heading.disabled {\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Heading.danger {\n color: var(--typography-color-danger);\n}\n";
|
|
@@ -31472,18 +31580,22 @@ function Heading({ color = "primary", isUnstyled = false, ...props }) {
|
|
|
31472
31580
|
return (jsx($2ec61d1d4f780267$export$a8a3e93435678ff9, { className: isUnstyled ? undefined : `bcds-react-aria-Heading ${color}`, ...props }));
|
|
31473
31581
|
}
|
|
31474
31582
|
|
|
31475
|
-
|
|
31476
|
-
|
|
31477
|
-
|
|
31583
|
+
function SvgChevronLeftIcon({ size = "medium", title, id, ...props }) {
|
|
31584
|
+
const iconSize = getIconSize(size);
|
|
31585
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31586
|
+
const isMeaningful = Boolean(title);
|
|
31587
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z", fill: "currentColor" })] }));
|
|
31478
31588
|
}
|
|
31479
31589
|
|
|
31480
|
-
|
|
31481
|
-
|
|
31482
|
-
|
|
31590
|
+
function SvgChevronRightIcon({ size = "medium", title, id, ...props }) {
|
|
31591
|
+
const iconSize = getIconSize(size);
|
|
31592
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31593
|
+
const isMeaningful = Boolean(title);
|
|
31594
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 640 640", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z", fill: "currentColor" })] }));
|
|
31483
31595
|
}
|
|
31484
31596
|
|
|
31485
31597
|
function Calendar({ visibleDuration = { months: 1 }, ...props }) {
|
|
31486
|
-
const monthFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79
|
|
31598
|
+
const monthFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79({
|
|
31487
31599
|
month: "long",
|
|
31488
31600
|
year: "numeric",
|
|
31489
31601
|
});
|
|
@@ -31499,20 +31611,24 @@ function Callout({ variant = "lightGrey", title, description, buttons, role = "n
|
|
|
31499
31611
|
return (jsx("div", { className: `bcds-Callout ${variant} ${isLeftBorderDisabled ? "noBorder" : ""}`, ...props, role: role, children: children ? (children) : (jsx(Fragment$1, { children: jsxs("div", { className: "bcds-Callout--Container", "aria-labelledby": "callout-title", role: role, children: [title && (jsx("span", { className: "bcds-Callout--Title", id: "callout-title", children: title })), description && (jsx("span", { className: "bcds-Callout--Description", children: description })), buttons && (jsx(ButtonGroup, { alignment: "start", orientation: "horizontal", children: buttons }))] }) })) }));
|
|
31500
31612
|
}
|
|
31501
31613
|
|
|
31502
|
-
|
|
31503
|
-
|
|
31504
|
-
|
|
31614
|
+
function SvgCheckIcon({ size = "medium", title, id, ...props }) {
|
|
31615
|
+
const iconSize = getIconSize(size);
|
|
31616
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31617
|
+
const isMeaningful = Boolean(title);
|
|
31618
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M9.09447 1.16176C8.67766 0.834916 8.07489 0.907409 7.74747 1.32376L3.63547 6.55676L2.21847 4.85676C1.87495 4.46651 1.2832 4.42064 0.883639 4.75329C0.484082 5.08594 0.421942 5.6762 0.743468 6.08476L2.92047 8.69776C2.94047 8.72176 2.96947 8.72976 2.99047 8.75176C3.0133 8.78196 3.03802 8.81068 3.06447 8.83776C3.10707 8.86542 3.15189 8.8895 3.19847 8.90976C3.23068 8.92977 3.26407 8.9478 3.29847 8.96376C3.41159 9.01295 3.53316 9.03977 3.65647 9.04276H3.65747C3.78585 9.04006 3.91238 9.01149 4.02947 8.95876C4.06502 8.9413 4.09942 8.92159 4.13247 8.89976C4.18141 8.87729 4.22826 8.85052 4.27247 8.81976C4.29837 8.79134 4.32242 8.76128 4.34447 8.72976C4.36447 8.70976 4.39347 8.69976 4.41247 8.67576L9.25747 2.50976C9.58477 2.09253 9.51178 1.48896 9.09447 1.16176V1.16176Z", fill: "currentColor" }) })] }));
|
|
31505
31619
|
}
|
|
31506
31620
|
|
|
31507
|
-
function SvgDashIcon
|
|
31508
|
-
|
|
31621
|
+
function SvgDashIcon({ title, id, ...props }) {
|
|
31622
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31623
|
+
const isMeaningful = Boolean(title);
|
|
31624
|
+
return (jsxs("svg", { id: id, width: "8", height: "10", viewBox: "0 0 8 2", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M6.99005 1.96004H1.01005C0.479855 1.96004 0.0500488 1.53023 0.0500488 1.00004C0.0500488 0.469846 0.479855 0.0400391 1.01005 0.0400391H6.99005C7.52024 0.0400391 7.95005 0.469846 7.95005 1.00004C7.95005 1.53023 7.52024 1.96004 6.99005 1.96004H6.99005Z", fill: "currentColor" })] }));
|
|
31509
31625
|
}
|
|
31510
31626
|
|
|
31511
31627
|
var css_248z$u = ".bcds-react-aria-Checkbox {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n}\n\n/* Checkbox */\n.bcds-react-aria-Checkbox > .checkbox {\n align-self: first baseline;\n display: flex;\n margin-top: var(--layout-margin-hair);\n justify-content: space-around;\n width: var(--icons-size-small);\n height: var(--icons-size-small);\n min-width: var(--icons-size-small);\n background-color: var(--surface-color-secondary-default);\n border-color: var(--surface-color-border-medium);\n border-style: solid;\n border-width: var(--layout-border-width-small);\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Checkbox > .checkbox > svg {\n align-self: center;\n}\n\n/* Label */\n.bcds-react-aria-Checkbox > .label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n\n/* Focus */\n.bcds-react-aria-Checkbox[data-focus-visible] > .checkbox {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Hover */\n.bcds-react-aria-Checkbox[data-hovered] > .checkbox {\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Checkbox[data-selected][data-hovered] > .checkbox {\n background-color: var(--surface-color-primary-hover);\n border-color: var(--surface-color-primary-hover);\n}\n\n/* Pressed */\n.bcds-react-aria-Checkbox[data-pressed] > .checkbox {\n background-color: var(--surface-color-primary-default);\n}\n\n/* Selected */\n.bcds-react-aria-Checkbox[data-selected] > .checkbox {\n background-color: var(--surface-color-primary-default);\n border-color: var(--surface-color-primary-default);\n}\n.bcds-react-aria-Checkbox[data-selected] > .checkbox > svg {\n color: var(--icons-color-primary-invert);\n}\n\n/* Disabled */\n.bcds-react-aria-Checkbox[data-disabled] {\n cursor: not-allowed;\n}\n.bcds-react-aria-Checkbox[data-disabled] > .checkbox {\n border-color: var(--surface-color-border-medium);\n background-color: var(--surface-color-primary-disabled);\n}\n.bcds-react-aria-Checkbox[data-disabled] > .label {\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Checkbox[data-selected][data-disabled] > .checkbox {\n border-color: var(--surface-color-primary-disabled);\n background-color: var(--surface-color-primary-disabled);\n}\n.bcds-react-aria-Checkbox[data-selected][data-disabled] > .checkbox > svg {\n color: var(--icons-color-disabled);\n}\n\n/* Indeterminate */\n.bcds-react-aria-Checkbox[data-indeterminate] > .checkbox {\n background-color: var(--surface-color-primary-default);\n border-color: var(--surface-color-primary-default);\n}\n.bcds-react-aria-Checkbox[data-indeterminate][data-disabled] > .checkbox {\n background-color: var(--surface-color-primary-disabled);\n border-color: var(--surface-color-primary-disabled);\n}\n.bcds-react-aria-Checkbox[data-indeterminate][data-invalid] > .checkbox {\n background-color: var(--surface-color-primary-danger-button-default);\n}\n.bcds-react-aria-Checkbox[data-indeterminate] > .checkbox > svg {\n color: var(--icons-color-primary-invert);\n align-self: center;\n vertical-align: middle;\n}\n.bcds-react-aria-Checkbox[data-indeterminate][data-disabled] > .checkbox > svg {\n color: var(--icons-color-disabled);\n}\n\n/* Read-only */\n.bcds-react-aria-Checkbox[data-readonly] {\n cursor: not-allowed;\n}\n\n/* Invalid */\n.bcds-react-aria-Checkbox[data-invalid] > .checkbox {\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Checkbox[data-invalid] > .checkbox > svg {\n color: var(--icons-color-primary-invert);\n}\n.bcds-react-aria-Checkbox[data-selected][data-invalid] > .checkbox {\n background-color: var(--surface-color-primary-danger-button-default);\n}\n";
|
|
31512
31628
|
styleInject(css_248z$u);
|
|
31513
31629
|
|
|
31514
31630
|
function Checkbox({ value, children, ...props }) {
|
|
31515
|
-
return (jsx($ed8ccb2e23e76301$export$48513f6b9f8ce62d, { className: "bcds-react-aria-Checkbox", value: value, ...props, children: ({ isRequired, isSelected, isIndeterminate }) => (jsxs(Fragment$1, { children: [jsxs("div", { className: "checkbox", children: [isSelected && !isIndeterminate && jsx(SvgCheckIcon, {}), isIndeterminate && jsx(SvgDashIcon
|
|
31631
|
+
return (jsx($ed8ccb2e23e76301$export$48513f6b9f8ce62d, { className: "bcds-react-aria-Checkbox", value: value, ...props, children: ({ isRequired, isSelected, isIndeterminate }) => (jsxs(Fragment$1, { children: [jsxs("div", { className: "checkbox", children: [isSelected && !isIndeterminate && jsx(SvgCheckIcon, { size: "xsmall" }), isIndeterminate && jsx(SvgDashIcon, {})] }), jsxs("span", { className: "label", children: [jsx(Fragment$1, { children: children }), " ", isRequired && "(required)"] })] })) }));
|
|
31516
31632
|
}
|
|
31517
31633
|
|
|
31518
31634
|
var css_248z$t = ".bcds-react-aria-CheckboxGroup {\n display: flex;\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n/* Orientation */\n.bcds-react-aria-CheckboxGroup--options {\n display: flex;\n}\n\n.bcds-react-aria-CheckboxGroup--options.vertical {\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n.bcds-react-aria-CheckboxGroup--options.horizontal {\n flex-direction: row;\n gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-CheckboxGroup--options.horizontal.flex-wrap-nowrap {\n flex-wrap: nowrap;\n}\n.bcds-react-aria-CheckboxGroup--options.horizontal.flex-wrap-wrap {\n flex-wrap: wrap;\n}\n.bcds-react-aria-CheckboxGroup--options.horizontal.flex-wrap-wrap-reverse {\n flex-wrap: wrap-reverse;\n}\n\n/* Parts */\n.bcds-react-aria-CheckboxGroup--label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-CheckboxGroup--description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n\n.bcds-react-aria-CheckboxGroup--error {\n display: inline-flex;\n flex-direction: row;\n gap: var(--layout-margin-xsmall);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n";
|
|
@@ -31522,298 +31638,6 @@ function CheckboxGroup({ orientation = "vertical", label, description, errorMess
|
|
|
31522
31638
|
return (jsx($ed8ccb2e23e76301$export$4aa08d5625cb8ead, { className: `bcds-react-aria-CheckboxGroup`, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-CheckboxGroup--label", children: [label, " ", isRequired && "(required)"] })), jsx("div", { className: `bcds-react-aria-CheckboxGroup--options ${orientation} flex-wrap-${flexWrap}`, children: jsx(Fragment$1, { children: children }) }), description && (jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-CheckboxGroup--description", children: description })), isInvalid && (jsxs("div", { className: "bcds-react-aria-CheckboxGroup--error", children: [jsx(SvgExclamationIcon, {}), jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
|
|
31523
31639
|
}
|
|
31524
31640
|
|
|
31525
|
-
/*
|
|
31526
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31527
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31528
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31529
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31530
|
-
*
|
|
31531
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31532
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31533
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31534
|
-
* governing permissions and limitations under the License.
|
|
31535
|
-
*/ // https://en.wikipedia.org/wiki/Right-to-left
|
|
31536
|
-
const $d805ff57cab8bee2$var$RTL_SCRIPTS = new Set([
|
|
31537
|
-
'Arab',
|
|
31538
|
-
'Syrc',
|
|
31539
|
-
'Samr',
|
|
31540
|
-
'Mand',
|
|
31541
|
-
'Thaa',
|
|
31542
|
-
'Mend',
|
|
31543
|
-
'Nkoo',
|
|
31544
|
-
'Adlm',
|
|
31545
|
-
'Rohg',
|
|
31546
|
-
'Hebr'
|
|
31547
|
-
]);
|
|
31548
|
-
const $d805ff57cab8bee2$var$RTL_LANGS = new Set([
|
|
31549
|
-
'ae',
|
|
31550
|
-
'ar',
|
|
31551
|
-
'arc',
|
|
31552
|
-
'bcc',
|
|
31553
|
-
'bqi',
|
|
31554
|
-
'ckb',
|
|
31555
|
-
'dv',
|
|
31556
|
-
'fa',
|
|
31557
|
-
'glk',
|
|
31558
|
-
'he',
|
|
31559
|
-
'ku',
|
|
31560
|
-
'mzn',
|
|
31561
|
-
'nqo',
|
|
31562
|
-
'pnb',
|
|
31563
|
-
'ps',
|
|
31564
|
-
'sd',
|
|
31565
|
-
'ug',
|
|
31566
|
-
'ur',
|
|
31567
|
-
'yi'
|
|
31568
|
-
]);
|
|
31569
|
-
function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
|
|
31570
|
-
// If the Intl.Locale API is available, use it to get the locale's text direction.
|
|
31571
|
-
if (Intl.Locale) {
|
|
31572
|
-
let locale = new Intl.Locale(localeString).maximize();
|
|
31573
|
-
// Use the text info object to get the direction if possible.
|
|
31574
|
-
// @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.
|
|
31575
|
-
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo
|
|
31576
|
-
let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;
|
|
31577
|
-
if (textInfo) return textInfo.direction === 'rtl';
|
|
31578
|
-
// Fallback: guess using the script.
|
|
31579
|
-
// This is more accurate than guessing by language, since languages can be written in multiple scripts.
|
|
31580
|
-
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
|
|
31581
|
-
}
|
|
31582
|
-
// If not, just guess by the language (first part of the locale)
|
|
31583
|
-
let lang = localeString.split('-')[0];
|
|
31584
|
-
return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
|
|
31585
|
-
}
|
|
31586
|
-
|
|
31587
|
-
/*
|
|
31588
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31589
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31590
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31591
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31592
|
-
*
|
|
31593
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31594
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31595
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31596
|
-
* governing permissions and limitations under the License.
|
|
31597
|
-
*/ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
|
|
31598
|
-
// guarded by a check that it only runs on the client side.
|
|
31599
|
-
// eslint-disable-next-line rulesdir/useLayoutEffectRule
|
|
31600
|
-
|
|
31601
|
-
// Default context value to use in case there is no SSRProvider. This is fine for
|
|
31602
|
-
// client-only apps. In order to support multiple copies of React Aria potentially
|
|
31603
|
-
// being on the page at once, the prefix is set to a random number. SSRProvider
|
|
31604
|
-
// will reset this to zero for consistency between server and client, so in the
|
|
31605
|
-
// SSR case multiple copies of React Aria is not supported.
|
|
31606
|
-
const $c7eafbbe1ea5834e$var$defaultContext = {
|
|
31607
|
-
prefix: String(Math.round(Math.random() * 10000000000)),
|
|
31608
|
-
current: 0
|
|
31609
|
-
};
|
|
31610
|
-
const $c7eafbbe1ea5834e$var$SSRContext = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext);
|
|
31611
|
-
const $c7eafbbe1ea5834e$var$IsSSRContext = /*#__PURE__*/ ($8WNJc$react).createContext(false);
|
|
31612
|
-
let $c7eafbbe1ea5834e$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
31613
|
-
let $c7eafbbe1ea5834e$var$componentIds = new WeakMap();
|
|
31614
|
-
function $c7eafbbe1ea5834e$var$useCounter(isDisabled = false) {
|
|
31615
|
-
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
31616
|
-
let ref = (useRef)(null);
|
|
31617
|
-
// eslint-disable-next-line rulesdir/pure-render
|
|
31618
|
-
if (ref.current === null && !isDisabled) {
|
|
31619
|
-
// In strict mode, React renders components twice, and the ref will be reset to null on the second render.
|
|
31620
|
-
// This means our id counter will be incremented twice instead of once. This is a problem because on the
|
|
31621
|
-
// server, components are only rendered once and so ids generated on the server won't match the client.
|
|
31622
|
-
// In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
|
|
31623
|
-
// we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
|
|
31624
|
-
// This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
|
|
31625
|
-
// To ensure that we only increment the global counter once, we store the starting id for this component in
|
|
31626
|
-
// a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
|
|
31627
|
-
// Since React runs the second render immediately after the first, this is safe.
|
|
31628
|
-
// @ts-ignore
|
|
31629
|
-
let currentOwner = ($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
|
|
31630
|
-
if (currentOwner) {
|
|
31631
|
-
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds.get(currentOwner);
|
|
31632
|
-
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
31633
|
-
$c7eafbbe1ea5834e$var$componentIds.set(currentOwner, {
|
|
31634
|
-
id: ctx.current,
|
|
31635
|
-
state: currentOwner.memoizedState
|
|
31636
|
-
});
|
|
31637
|
-
else if (currentOwner.memoizedState !== prevComponentValue.state) {
|
|
31638
|
-
// On the second render, the memoizedState gets reset by React.
|
|
31639
|
-
// Reset the counter, and remove from the weak map so we don't
|
|
31640
|
-
// do this for subsequent useId calls.
|
|
31641
|
-
ctx.current = prevComponentValue.id;
|
|
31642
|
-
$c7eafbbe1ea5834e$var$componentIds.delete(currentOwner);
|
|
31643
|
-
}
|
|
31644
|
-
}
|
|
31645
|
-
// eslint-disable-next-line rulesdir/pure-render
|
|
31646
|
-
ref.current = ++ctx.current;
|
|
31647
|
-
}
|
|
31648
|
-
// eslint-disable-next-line rulesdir/pure-render
|
|
31649
|
-
return ref.current;
|
|
31650
|
-
}
|
|
31651
|
-
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId(defaultId) {
|
|
31652
|
-
let ctx = (useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
31653
|
-
// If we are rendering in a non-DOM environment, and there's no SSRProvider,
|
|
31654
|
-
// provide a warning to hint to the developer to add one.
|
|
31655
|
-
if (ctx === $c7eafbbe1ea5834e$var$defaultContext && !$c7eafbbe1ea5834e$var$canUseDOM && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
|
|
31656
|
-
let counter = $c7eafbbe1ea5834e$var$useCounter(!!defaultId);
|
|
31657
|
-
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
|
|
31658
|
-
return defaultId || `${prefix}-${counter}`;
|
|
31659
|
-
}
|
|
31660
|
-
function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
|
|
31661
|
-
let id = ($8WNJc$react).useId();
|
|
31662
|
-
let [didSSR] = (useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273());
|
|
31663
|
-
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext.prefix}`;
|
|
31664
|
-
return defaultId || `${prefix}-${id}`;
|
|
31665
|
-
}
|
|
31666
|
-
typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
|
|
31667
|
-
function $c7eafbbe1ea5834e$var$getSnapshot() {
|
|
31668
|
-
return false;
|
|
31669
|
-
}
|
|
31670
|
-
function $c7eafbbe1ea5834e$var$getServerSnapshot() {
|
|
31671
|
-
return true;
|
|
31672
|
-
}
|
|
31673
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
31674
|
-
function $c7eafbbe1ea5834e$var$subscribe(onStoreChange) {
|
|
31675
|
-
// noop
|
|
31676
|
-
return ()=>{};
|
|
31677
|
-
}
|
|
31678
|
-
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
|
|
31679
|
-
// In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
|
|
31680
|
-
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe, $c7eafbbe1ea5834e$var$getSnapshot, $c7eafbbe1ea5834e$var$getServerSnapshot);
|
|
31681
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
31682
|
-
return (useContext)($c7eafbbe1ea5834e$var$IsSSRContext);
|
|
31683
|
-
}
|
|
31684
|
-
|
|
31685
|
-
/*
|
|
31686
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31687
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31688
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31689
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31690
|
-
*
|
|
31691
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31692
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31693
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31694
|
-
* governing permissions and limitations under the License.
|
|
31695
|
-
*/
|
|
31696
|
-
|
|
31697
|
-
|
|
31698
|
-
// Locale passed from server by PackageLocalizationProvider.
|
|
31699
|
-
const $520a025cdb0d710d$var$localeSymbol = Symbol.for('react-aria.i18n.locale');
|
|
31700
|
-
function $520a025cdb0d710d$export$f09106e7c6677ec5() {
|
|
31701
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
|
|
31702
|
-
try {
|
|
31703
|
-
Intl.DateTimeFormat.supportedLocalesOf([
|
|
31704
|
-
locale
|
|
31705
|
-
]);
|
|
31706
|
-
} catch {
|
|
31707
|
-
locale = 'en-US';
|
|
31708
|
-
}
|
|
31709
|
-
return {
|
|
31710
|
-
locale: locale,
|
|
31711
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764)(locale) ? 'rtl' : 'ltr'
|
|
31712
|
-
};
|
|
31713
|
-
}
|
|
31714
|
-
let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
31715
|
-
let $520a025cdb0d710d$var$listeners = new Set();
|
|
31716
|
-
function $520a025cdb0d710d$var$updateLocale() {
|
|
31717
|
-
$520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
31718
|
-
for (let listener of $520a025cdb0d710d$var$listeners)listener($520a025cdb0d710d$var$currentLocale);
|
|
31719
|
-
}
|
|
31720
|
-
function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
|
|
31721
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273)();
|
|
31722
|
-
let [defaultLocale, setDefaultLocale] = (useState)($520a025cdb0d710d$var$currentLocale);
|
|
31723
|
-
(useEffect)(()=>{
|
|
31724
|
-
if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
31725
|
-
$520a025cdb0d710d$var$listeners.add(setDefaultLocale);
|
|
31726
|
-
return ()=>{
|
|
31727
|
-
$520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
|
|
31728
|
-
if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
31729
|
-
};
|
|
31730
|
-
}, []);
|
|
31731
|
-
// We cannot determine the browser's language on the server, so default to
|
|
31732
|
-
// en-US. This will be updated after hydration on the client to the correct value.
|
|
31733
|
-
if (isSSR) {
|
|
31734
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol];
|
|
31735
|
-
return {
|
|
31736
|
-
locale: locale || 'en-US',
|
|
31737
|
-
direction: 'ltr'
|
|
31738
|
-
};
|
|
31739
|
-
}
|
|
31740
|
-
return defaultLocale;
|
|
31741
|
-
}
|
|
31742
|
-
|
|
31743
|
-
/*
|
|
31744
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31745
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31746
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31747
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31748
|
-
*
|
|
31749
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31750
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31751
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31752
|
-
* governing permissions and limitations under the License.
|
|
31753
|
-
*/
|
|
31754
|
-
|
|
31755
|
-
|
|
31756
|
-
const $2eb8e6d23f3d0cb0$var$I18nContext = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
31757
|
-
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
|
|
31758
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a)();
|
|
31759
|
-
let context = (useContext)($2eb8e6d23f3d0cb0$var$I18nContext);
|
|
31760
|
-
return context || defaultLocale;
|
|
31761
|
-
}
|
|
31762
|
-
|
|
31763
|
-
/*
|
|
31764
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
31765
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31766
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31767
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31768
|
-
*
|
|
31769
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31770
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31771
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31772
|
-
* governing permissions and limitations under the License.
|
|
31773
|
-
*/ /* eslint-disable rulesdir/pure-render */
|
|
31774
|
-
function $9c268ab73a5d55e5$export$722debc0e56fea39(value, isEqual) {
|
|
31775
|
-
// Using a ref during render is ok here because it's only an optimization – both values are equivalent.
|
|
31776
|
-
// If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
|
|
31777
|
-
let lastValue = (useRef)(null);
|
|
31778
|
-
if (value && lastValue.current && isEqual(value, lastValue.current)) value = lastValue.current;
|
|
31779
|
-
lastValue.current = value;
|
|
31780
|
-
return value;
|
|
31781
|
-
}
|
|
31782
|
-
|
|
31783
|
-
/*
|
|
31784
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31785
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31786
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31787
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31788
|
-
*
|
|
31789
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31790
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31791
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31792
|
-
* governing permissions and limitations under the License.
|
|
31793
|
-
*/
|
|
31794
|
-
|
|
31795
|
-
|
|
31796
|
-
|
|
31797
|
-
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79(options) {
|
|
31798
|
-
// Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
|
|
31799
|
-
options = ($9c268ab73a5d55e5$export$722debc0e56fea39)(options ?? {}, $60f33508b4cd9d3b$var$isEqual);
|
|
31800
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
|
|
31801
|
-
return (useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
|
|
31802
|
-
locale,
|
|
31803
|
-
options
|
|
31804
|
-
]);
|
|
31805
|
-
}
|
|
31806
|
-
function $60f33508b4cd9d3b$var$isEqual(a, b) {
|
|
31807
|
-
if (a === b) return true;
|
|
31808
|
-
let aKeys = Object.keys(a);
|
|
31809
|
-
let bKeys = Object.keys(b);
|
|
31810
|
-
if (aKeys.length !== bKeys.length) return false;
|
|
31811
|
-
for (let key of aKeys){
|
|
31812
|
-
if (b[key] !== a[key]) return false;
|
|
31813
|
-
}
|
|
31814
|
-
return true;
|
|
31815
|
-
}
|
|
31816
|
-
|
|
31817
31641
|
var css_248z$s = ".bcds-react-aria-DatePicker {\n display: flex;\n flex: 1 1 0;\n flex-direction: column;\n background-color: var(--surface-color-forms-default);\n align-self: flex-start;\n width: 100%;\n max-width: -moz-available;\n max-width: -webkit-fill-available;\n}\n.bcds-react-aria-DatePicker--Group {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n gap: var(--layout-margin-small);\n}\n.bcds-react-aria-DatePicker--Input {\n display: inline;\n box-sizing: border-box;\n width: 100%;\n min-width: 0;\n align-items: center;\n white-space: nowrap;\n border: none;\n}\n\n/* Sizing */\n.bcds-react-aria-DatePicker.small > .bcds-react-aria-DatePicker--Group {\n padding: var(--layout-padding-hair) var(--layout-padding-small);\n height: 32px;\n}\n.bcds-react-aria-DatePicker.small .bcds-react-aria-DatePicker--Input {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-DatePicker.medium > .bcds-react-aria-DatePicker--Group {\n padding: var(--layout-padding-xsmall) 0.75rem;\n height: 40px;\n}\n.bcds-react-aria-DatePicker.medium .bcds-react-aria-DatePicker--Input {\n font: var(--typography-regular-body);\n}\n\n/* Label */\n.bcds-react-aria-DatePicker--Label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n/* Required indicator */\n.bcds-react-aria-DatePicker--Label.required {\n color: var(--typography-color-secondary);\n padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n/* Description */\n.bcds-react-aria-DatePicker--Description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n/* Error message */\n.bcds-react-aria-DatePicker--Error {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n.bcds-react-aria-DatePicker[data-invalid] > .bcds-react-aria-DatePicker--Group {\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-DatePicker[data-invalid]\n > .bcds-react-aria-DatePicker--Group\n > svg {\n color: var(--icons-color-danger);\n min-width: var(--icons-size-medium);\n height: var(--icons-size-medium);\n}\n/* Format helper text */\n.bcds-react-aria-DatePicker--FormatHelpText {\n unicode-bidi: embed;\n direction: ltr;\n}\n\n/* Hover and focus */\n.bcds-react-aria-DatePicker--Group[data-hovered] {\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-DatePicker[data-focus-visible]\n > .bcds-react-aria-DatePicker--Group {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n.bcds-react-aria-DatePicker[data-focus-visible]\n > .bcds-react-aria-DatePicker--Group:has(\n .bcds-react-aria-Button[data-focus-visible]\n ) {\n outline: none; /* Hide focus ring when button is focused */\n}\n.bcds-react-aria-DatePicker[data-focus-visible]\n .bcds-react-aria-DatePicker--Segment {\n outline: none;\n}\n.bcds-react-aria-DatePicker--Segment[data-focused] {\n outline: none;\n border-radius: var(--layout-border-radius-small);\n background-color: var(--surface-color-primary-default);\n color: var(--typography-color-primary-invert);\n padding: var(--layout-padding-hair);\n margin: var(--layout-margin-none) var(--layout-margin-hair);\n}\n.bcds-react-aria-DatePicker > .bcds-react-aria-Button[data-focused] {\n outline: none;\n}\n\n/* Disabled and read-only */\n.bcds-react-aria-DatePicker[data-readonly]\n > .bcds-react-aria-DatePicker--Group {\n cursor: not-allowed;\n}\n.bcds-react-aria-DatePicker--Segment[data-readonly][data-focused] {\n background-color: var(--surface-color-forms-disabled);\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-DatePicker[data-disabled]\n > .bcds-react-aria-DatePicker--Group {\n background-color: var(--surface-color-forms-disabled);\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n";
|
|
31818
31642
|
styleInject(css_248z$s);
|
|
31819
31643
|
|
|
@@ -31831,9 +31655,11 @@ function Separator({ size = "medium", ...props }) {
|
|
|
31831
31655
|
return (jsx($e28ab3efe3e87743$export$1ff3c3f08ae963c0, { className: `bcds-react-aria-Separator ${size}`, ...props }));
|
|
31832
31656
|
}
|
|
31833
31657
|
|
|
31834
|
-
|
|
31835
|
-
|
|
31836
|
-
|
|
31658
|
+
function SvgCalendarIcon({ size = "medium", title, id, ...props }) {
|
|
31659
|
+
const iconSize = getIconSize(size);
|
|
31660
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31661
|
+
const isMeaningful = Boolean(title);
|
|
31662
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 640 640", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 240L496 240L496 192C496 183.2 488.8 176 480 176L216 176zM144 288L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 288L144 288z", fill: "currentColor" })] }));
|
|
31837
31663
|
}
|
|
31838
31664
|
|
|
31839
31665
|
/* Generate format helper text, adapted from React Spectrum */
|
|
@@ -31863,14 +31689,16 @@ function DatePicker({ size = "medium", label, description, errorMessage, showFor
|
|
|
31863
31689
|
return isBrowserLocaleUsed ? (datePicker) : (jsx($2eb8e6d23f3d0cb0$export$a54013f0d02a8f82, { locale: "en-CA", children: datePicker }));
|
|
31864
31690
|
}
|
|
31865
31691
|
|
|
31866
|
-
var css_248z$p = ".bcds-bc-logo--whiteFill {\n fill: #
|
|
31692
|
+
var css_248z$p = ".bcds-bc-logo--whiteFill {\n fill: #fff;\n stroke-width: 0;\n}\n\n.bcds-bc-logo--blueFill {\n fill: #234075;\n stroke-width: 0;\n}\n\n.bcds-bc-logo--goldFill {\n fill: #e3a82b;\n stroke-width: 0;\n}\n\n.bcds-bc-logo--noFill {\n fill: none;\n stroke-width: 0;\n}\n";
|
|
31867
31693
|
styleInject(css_248z$p);
|
|
31868
31694
|
|
|
31869
|
-
function SvgBcLogo({ id
|
|
31870
|
-
return (jsxs("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", children: [jsx("path", { d: "M109.59,226.32c44.7,0,106.54,25.17,151.41,25.17,32.02,0,63.26-8.54,81.04-21.13,1.24-7.39,1.9-14.97,1.9-22.72,0-75.13-60.91-136.04-136.04-136.04s-136.04,60.91-136.04,136.04c0,7.65.64,15.15,1.86,22.46,4.9-.91,21.57-3.79,35.87-3.79Z", className: "bcds-bc-logo--whiteFill" }), jsxs("g", { children: [jsxs("g", { children: [jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", className: "bcds-bc-logo--goldFill" }), jsx("path", { d: "M423.47,116.64c0-6.39-.45-8.08-4.76-8.43l-3-.21c-.49-.39-.35-2.12.1-2.16,5.17-.46,11.69-.69,20.6-.69,6.04,0,11.79.43,16.1,2.42,4.12,1.81,7.28,5.26,7.28,10.79,0,6.22-4.03,9.41-9.77,11.83,0,.86.77,1.12,1.82,1.29,5.17.86,12.84,5.18,12.84,14.42,0,10.01-8.24,16.75-25.49,16.75-2.78,0-7.47-.26-11.5-.26s-7.47.17-11.02.26c-.57-.26-.77-1.64-.19-2.16l1.73-.26c5.08-.78,5.27-1.73,5.27-10.79v-32.8ZM431.32,128.12c0,2.42.1,2.59,4.98,2.42,9.77-.35,15.04-2.94,15.04-11.05s-7-11.65-14.28-11.65c-2.11,0-3.55.17-4.41.52-.96.26-1.34.69-1.34,2.24v17.52ZM431.32,148.14c0,3.11.19,7.51,2.01,9.41,1.82,1.98,4.7,2.42,7.57,2.42,8.53,0,15.04-3.45,15.04-12.08,0-6.82-3.83-14.76-19.07-14.76-5.17,0-5.56.52-5.56,2.24v12.77Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M531.26,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.06-.07,10.15-.22c.49.22.65,1.55.16,1.84l-2.04.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.04.22c.49.29.33,1.62-.16,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.66-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M576.66,151.53c0,7.74.15,8.85,4.6,9.22l2.45.22c.46.29.31,1.62-.15,1.84-4.37-.15-6.98-.22-10.05-.22s-5.75.07-10.66.22c-.46-.22-.62-1.47,0-1.84l2.76-.22c4.37-.37,4.75-1.48,4.75-9.22v-32.96c0-2.28,0-2.36-2.3-2.36h-4.22c-3.3,0-7.51.15-9.43,1.84-1.84,1.62-2.61,3.24-3.45,5.09-.62.44-1.69.07-1.99-.52,1.22-3.32,2.38-8.04,2.91-10.98.23-.15,1.23-.22,1.46,0,.46,2.36,2.99,2.29,6.52,2.29h31.05c4.14,0,4.83-.15,5.98-2.06.38-.15,1.23-.07,1.38.22-.84,3.02-1.38,9-1.15,11.21-.31.59-1.61.59-1.99.15-.23-1.84-.77-4.57-1.92-5.38-1.76-1.25-4.68-1.84-8.89-1.84h-5.44c-2.3,0-2.22.07-2.22,2.51v32.81Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M609.53,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.05-.07,10.15-.22c.49.22.66,1.55.17,1.84l-2.05.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.05.22c.49.29.33,1.62-.17,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.65-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M646.2,163.57c-7.31,0-11.92-1.92-13.57-2.73-1.04-1.62-2.18-6.86-2.35-10.32.44-.52,1.74-.66,2.09-.22,1.31,3.76,4.87,10.98,14.96,10.98,7.31,0,10.87-4.05,10.87-8.48,0-3.24-.78-6.86-7.13-10.32l-8.26-4.57c-4.35-2.43-9.4-6.64-9.4-12.68,0-7,6.44-12.68,17.75-12.68,2.7,0,5.83.44,8.09.96,1.13.29,2.35.44,3.04.44.78,1.77,1.57,5.9,1.57,9-.35.44-1.74.66-2.18.22-1.13-3.54-3.48-8.33-11.83-8.33s-10.35,4.79-10.35,8.18c0,4.28,4.18,7.38,7.39,9.07l6.96,3.69c5.48,2.88,10.88,7.15,10.88,14.16,0,8.11-7.22,13.64-18.53,13.64Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M689.99,138.78c-3.81,0-3.96.15-3.96,2.36v10.4c0,7.74.4,8.77,4.84,9.22l2.3.22c.48.29.32,1.62-.16,1.84-4.28-.15-6.98-.22-10.08-.22-3.41,0-6.11.15-9.2.22-.47-.22-.63-1.4-.16-1.84l1.35-.22c4.45-.74,4.6-1.48,4.6-9.22v-26.54c0-7.74-.55-8.99-4.68-9.29l-2.06-.15c-.48-.29-.32-1.62.16-1.84,3.89.07,6.58.22,10,.22,3.1,0,5.79-.07,9.2-.22.48.22.63,1.55.16,1.84l-1.51.15c-4.6.44-4.76,1.55-4.76,9.29v8.48c0,2.28.16,2.36,3.96,2.36h22.69c3.81,0,3.97-.07,3.97-2.36v-8.48c0-7.74-.16-8.85-4.84-9.29l-1.51-.15c-.48-.29-.32-1.62.16-1.84,3.65.15,6.35.22,9.6.22s5.79-.07,9.36-.22c.48.22.63,1.55.16,1.84l-1.66.15c-4.6.44-4.76,1.55-4.76,9.29v26.54c0,7.74.16,8.7,4.76,9.22l1.9.22c.47.29.32,1.62-.16,1.84-3.81-.15-6.51-.22-9.6-.22-3.25,0-6.11.07-9.6.22-.48-.22-.63-1.4-.16-1.84l1.51-.22c4.84-.74,4.84-1.48,4.84-9.22v-10.4c0-2.21-.16-2.36-3.97-2.36h-22.69Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M378.06,179.01c6.52-5.07,14.83-7.57,24.12-7.57,4.82,0,11.61.98,15.81,2.14,1.07.27,1.7.45,2.5.36.09,2.05.54,7.65,1.25,13.09-.45.62-1.79.71-2.41.18-1.34-6.05-5.36-13-18.31-13-13.67,0-25.28,8.64-25.28,27.06s11.88,29.02,26.53,29.02c11.52,0,16.62-7.48,18.67-12.73.63-.44,1.97-.27,2.32.36-.62,4.63-2.95,10.5-4.29,12.2-1.07.18-2.14.53-3.13.89-1.97.71-8.4,2.05-14.11,2.05-8.04,0-15.72-1.6-22.24-5.96-7.15-4.9-12.69-12.99-12.69-24.48,0-9.88,4.47-18.34,11.26-23.59Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M426.92,207.81c0-14.75,11.61-26.03,27.56-26.03,17.88,0,26.86,12.31,26.86,25.29,0,14.89-11.92,25.73-26.86,25.73-17.19,0-27.56-11.72-27.56-25ZM473.6,209.35c0-12.17-5.65-25.29-20.44-25.29-8.05,0-18.5,5.24-18.5,21.38,0,10.91,5.57,25.07,20.82,25.07,9.29,0,18.12-6.64,18.12-21.16Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M568.68,201.47c0-4.57-.16-13.05-1.49-15.26-.55-.89-1.95-1.4-3.91-1.55l-1.95-.15c-.47-.52-.31-1.47.15-1.77,2.97.15,5.86.22,8.91.22,3.28,0,5.39-.08,8.21-.22.62.37.55,1.33.16,1.77l-1.88.15c-1.95.15-3.44.81-3.91,1.77-1.09,2.43-1.09,10.91-1.09,15.04v8.33c0,6.42-1.1,13.2-5.47,17.62-3.36,3.47-9.14,5.38-14.93,5.38-5.39,0-10.79-.96-14.62-4.05-4.14-3.24-6.1-8.63-6.1-17.4v-17.4c0-7.67-.16-8.92-4.69-9.29l-1.96-.15c-.47-.29-.31-1.55.15-1.77,3.91.15,6.57.22,9.69.22s5.78-.08,9.61-.22c.47.22.63,1.47.16,1.77l-1.88.15c-4.53.37-4.69,1.62-4.69,9.29v15.93c0,11.87,3.91,19.69,15.87,19.69,11.33,0,15.63-8.41,15.63-19.61v-8.48Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M659.52,192.26c0-5.51-.35-6.93-4.23-7.22l-2.77-.27c-.31-.28-.48-1.78.09-1.82,4.67-.35,10.54-.59,18.57-.59,5.44,0,10.62.37,14.51,2.08,3.71,1.57,6.56,4.54,6.56,9.31,0,5.36-3.63,8.12-8.81,10.2,0,.75.69.97,1.64,1.12,4.67.74,11.58,4.47,11.58,12.44,0,8.64-7.43,14.45-22.98,14.45-2.5,0-6.74-.22-10.37-.22s-6.74.15-9.93.22c-.52-.22-.69-1.41-.17-1.86l1.55-.22c4.58-.67,4.75-1.49,4.75-9.31v-28.3ZM666.6,202.16c0,2.09.09,2.24,4.49,2.09,8.81-.3,13.56-2.53,13.56-9.53s-6.3-10.05-12.87-10.05c-1.9,0-3.2.15-3.97.45-.87.22-1.21.59-1.21,1.94v15.12ZM666.6,219.44c0,2.68.17,6.48,1.81,8.12,1.64,1.71,4.23,2.08,6.82,2.08,7.69,0,13.56-2.98,13.56-10.43,0-5.88-3.45-12.73-17.19-12.73-4.67,0-5.01.44-5.01,1.94v11.02Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M518.75,160.97l-2.05-.18c-.41-.04-.78-.1-1.13-.15-2.99-.53-4.19-3.2-5.6-5.67l-7.08-12.32c-1.22-2.05-2.53-4.82-5.33-5.21,7.25-.87,13.81-5.06,13.81-12.24,0-8.3-8.21-12.01-16.52-12.01-4.98,0-9.52.13-14.59.13-2.79,0-6.12-.13-8.92-.13-1.55,0-1.57.32-1.57,1.18,0,1.28.54.92,2.19,1.02,5.9.33,5.68,1.43,5.68,6.49v32.31c0,4.62.4,6-4.46,6.44,0,0-.74.08-1.17.12l-2.06.21c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.12,3.03-.12,2.69-.08,5.38-.28,8.06-.28s5.29.21,7.95.29h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.07-.2c-.42-.05-1.15-.11-1.15-.11-4.9-.33-4.6-1.71-4.6-6.46v-12.17c0-.71-.09-2.61.44-3.16.44-.48,1.22-.4,1.92-.4,6.64,0,6.55.63,9.7,6.16l8.56,15.4c.7,1.19,1.22,2.69,2.97,2.69h7.44c.94.03,1.92.06,3.01.1.49-.22.65-1.4.16-1.84ZM488.92,136.74c-1.49,0-4.46.55-4.46-1.42v-14.14c0-5.53.18-6.32,6.82-6.32,7.78,0,12.58,3.95,12.58,11.22,0,3.16-1.14,6.08-4.02,8.06-3.32,2.29-6.9,2.61-10.92,2.61Z", className: "bcds-bc-logo--blueFill" }), jsxs("g", { children: [jsx("path", { d: "M490.53,194.2c0-7.74-.16-8.92-5.27-9.29l-2.03-.15c-.49-.3-.32-1.62.16-1.84,4.54.15,7.3.22,10.54.22s5.92-.07,9.98-.22c.49.22.65,1.55.16,1.84l-1.95.15c-4.78.37-4.95,1.55-4.95,9.29v25.66c0,4.64.24,6.56,1.7,7.96.89.81,2.43,1.7,8.84,1.7,6.89,0,8.6-.3,9.9-.96,1.62-.89,3.73-3.54,5.35-7.3.49-.37,2.03-.07,2.03.44,0,.81-2.27,8.33-3.41,10.32-4.13-.15-11.84-.22-20.2-.22h-7.46c-3.41,0-6,.07-10.54.22-.49-.22-.65-1.4-.16-1.84l2.43-.22c4.7-.44,4.87-1.48,4.87-9.22v-26.54Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M707.79,194.34c0-7.81-.16-9.07-4.86-9.44l-1.99-.15c-.48-.3-.32-1.62.16-1.84,3.98.15,6.69.22,10.03.22s5.89-.07,9.87-.22c.48.22.64,1.55.16,1.84l-1.99.15c-4.7.37-4.86,1.62-4.86,9.44v26.25c0,7.82.16,8.85,4.86,9.36l1.99.22c.48.3.32,1.62-.16,1.84-3.98-.15-6.69-.22-9.87-.22-3.35,0-6.05.07-10.03.22-.48-.22-.64-1.4-.16-1.84l1.99-.22c4.7-.52,4.86-1.55,4.86-9.36v-26.25Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M644.16,229.94c-.41-.04-1.17-.1-1.17-.1-.84-.08-1.59-.2-2.19-.86-1.03-1.1-.95-4.23-.95-5.48v-32.31c0-1.41-.34-4.46.69-5.56.52-.58,1.59-.67,2.55-.73h0c.58-.05.6-.05,1.11-.07l2.05-.15c.49-.3.33-1.62-.16-1.84-1.09.04-2.09.02-3.03.05h0s-8.7,0-8.7,0c-.95,0-1.81,0-2.32,1.02l-17.73,36.92-15.66-35.67c-.52-1.25-.6-2.27-2.24-2.27h-9.05c-.94-.03-1.98-.02-3.08-.06-.49.22-.66,1.55-.16,1.84l2.05.15c.42.03,1.19.09,1.19.09,3.4.22,3.61.98,3.3,4.55l-2.67,34.65c-.23,3.48-.42,5.32-4.07,5.66,0,0-.77.1-1.19.14l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,3-.1,3-.1,1.85-.09,3.73-.25,5.61-.25,2.03,0,4.06.19,6.1.27h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.04-.22c-.54-.04-1.14-.1-1.14-.1-5.26-.36-5.14-4.07-4.81-8.62l2.5-32.23h.6l16.95,39.66c.17.55.43,1.49,1.29,1.49.78,0,1.03-.86,1.29-1.41l19.1-40.68h.6v35.44c0,1.41.17,4.3-1.29,5.4-.76.57-3.25.91-3.25.91-.34.05-.7.1-1.11.15l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,2.99-.1,2.99-.1,2.77-.08,5.59-.28,8.41-.28,2.03,0,6,.19,6,.19.95.03,2.02.13,3.12.17.49-.22.66-1.4.16-1.84l-2.05-.22Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M777.13,230.14l-.28-.22c-.41-.04-.77-.09-1.11-.15-3.19-.71-4.43-4.55-5.61-7.29l-16.41-38.83c-.16-.47-.49-1.47-1.14-1.47-.89,0-1.14,1.08-1.38,1.7l-15.68,38.76c-.57,1.47-2.03,5.03-3.09,6.11-.81.83-1.86.99-2.99,1.1,0,0-.88.08-1.31.13l-1.93.2c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.11,3.03-.11,2.14-.03,4.29-.3,6.44-.3,1.81,0,3.61.19,5.41.27,0,0,1.94.07,3.03.11.49-.22.65-1.4.16-1.84l-2.05-.22c-.41-.04-1.11-.11-1.11-.11-1.89-.21-4.24-.55-4.24-2.62,0-1.39.65-3.02,1.14-4.25l2.44-5.8c1.22-2.78.73-3.1,3.98-3.1h11.05c3.9,0,3.33,0,5.04,3.95l2.6,5.88c.41,1.01,1.14,2.71,1.14,3.79,0,1.94-2.12,2.07-4.11,2.24,0,0-.66.06-1.23.1l-1.97.14c-.49.44-.33,1.62.17,1.84,1.09-.04,3.03-.12,3.03-.12,2.31-.08,4.64-.26,6.87-.26,2.85,0,5.69.19,8.54.27h0c.93.03.14.06,1.22.1.49-.22.65-1.4.16-1.84ZM755.64,211.89h-9.57c-.33,0-3,.31-3-.47,0-.24.17-.7.25-.94l5.75-14.23c.17-.39.75-2.35,1.41-2.35.5,0,1.17,2.03,1.33,2.35l5.66,13.29c0,.16.58,1.41.58,1.72,0,.86-1.91.62-2.41.62Z", className: "bcds-bc-logo--blueFill" })] }), jsx("rect", { width: "847.65", height: "327.01", className: "bcds-bc-logo--noFill" })] }), jsxs("g", { children: [jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", className: "bcds-bc-logo--goldFill" }), jsx("path", { d: "M95.46,166.88l-14.14-4.97.71-1.73,15.92,5.31.07-.04,2.1-1.19.84-.53-17.36-7.39.73-1.82,38.75,15.67,1.28-.53-38.44-18.73.86-1.76,40.73,18.96.56-.29-39.49-22.4.81-1.68,57.03,31.03c.47-.86,1.44-2.44,1.95-3.28-21.68-20.39-42.61-35.69-42.61-35.69,0,0,21.52,14.41,48.07,27.81.88-1.09,1.6-1.97,2.53-3.01l-48.65-42.83,1.31-1.34,39.27,33.47-36.38-36.43,1.36-1.41,40.84,39.47-38.02-42.2,1.45-1.31,35.14,37.63-32.07-40.41,1.38-1.26,41.11,50.03c1.06-.92,1.95-1.61,3.06-2.46-12.44-26.91-26.02-48.8-26.02-48.8,0,0,14.46,21.28,33.96,43.56,1.19-.67,2.4-1.31,3.63-1.92l-.21-.13-28.81-57.5,1.71-.75,23.87,45.74-20.08-47.41,1.79-.8,23.08,51.9-19.45-53.37,1.84-.67,18.49,48.05-14.6-49.49,1.75-.65,19.22,61.38-.04.16.05-.02c1.28-.43,2.58-.81,3.89-1.16-1.46-29.48-5.82-54.7-5.82-54.7,0,0,5.4,25,15.08,52.87,1.35-.17,2.71-.31,4.07-.4l-.04-.06h.17l-.1-.14-5.17-64.11,1.87-.06,5,51.35-.86-51.48,1.96-.07,1.96,56.77,1.96-56.77,1.96.07-.86,51.48,5-51.35,1.87.06-5.17,64.11-.1.14h.03v.02s.07,0,.07,0c1.34.08,2.66.22,3.98.38,9.67-27.84,15.06-52.8,15.06-52.8,0,0-4.35,25.14-5.82,54.57,1.32.35,2.63.73,3.91,1.15l19.15-61.16,1.76.65-14.6,49.48,18.49-48.05,1.84.67-19.45,53.37,23.08-51.9,1.79.8-20.08,47.41,23.87-45.74,1.71.75-28.71,57.3.05.02c1.18.58,2.34,1.19,3.49,1.83,19.42-22.21,33.79-43.37,33.79-43.37,0,0-13.49,21.74-25.89,48.52,1.11.84,2.19,1.7,3.24,2.6l40.63-49.49,1.39,1.26-32.08,40.41,35.14-37.63,1.45,1.31-38.02,42.2,40.84-39.47,1.36,1.41-36.38,36.43,39.27-33.47,1.31,1.34-48.06,42.35.03.03c.84.94,1.65,1.9,2.44,2.88,26.39-13.34,47.71-27.62,47.71-27.62,0,0-20.72,15.16-42.29,35.4.59.99,1.55,2.67,2.09,3.69l56.22-30.61.81,1.69-44.88,25.45,46.68-21.72.86,1.76-43.48,21.19.83.29,44.24-17.89.74,1.82-41.12,17.49.77.32,27.4-9.13,4.13-2.88,1.37,1.05,9.02-3.01.71,1.73-7.8,2.75,11.27,8.6,3.61,2.01c-14.49-60.58-68.98-105.62-134-105.62s-121.42,46.63-134.73,108.82c.17-.08.34-.16.51-.24l1.65-.75,1.01-.47,19.01-10.66Z", className: "bcds-bc-logo--goldFill" })] }), jsx("path", { d: "M72.5,233.02s20.32-4.06,37.29-4.06c44.7,0,106.54,25.17,151.41,25.17,32.91,0,65.02-9.03,82.51-22.19,1.37-7.79,2.08-15.8,2.08-23.98,0-11.08-1.32-21.85-3.79-32.17l-18.7-10.43-21.95,15.39-14.76-5.75c-5,2.53-35.83,23.15-35.83,23.15l-11.84-8.57-12.7-2.51-16.93-12.33-19.42,13.33s-21.67,12.58-22.41,12.58-26.14-20.13-26.14-20.13l-11.7-12.33c-1.99,1.26-9.95,4.91-9.95,4.91l-.41.11-7.7-2.38-9.35-4.96-28.41,12.88c-.17.08-.34.16-.51.24-2,9.34-3.06,19.03-3.06,28.96,0,8.56.79,16.93,2.28,25.06Z", className: "bcds-bc-logo--blueFill" })] })] }));
|
|
31695
|
+
function SvgBcLogo({ title, id, ...props }) {
|
|
31696
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31697
|
+
const isMeaningful = Boolean(title);
|
|
31698
|
+
return (jsxs("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M109.59,226.32c44.7,0,106.54,25.17,151.41,25.17,32.02,0,63.26-8.54,81.04-21.13,1.24-7.39,1.9-14.97,1.9-22.72,0-75.13-60.91-136.04-136.04-136.04s-136.04,60.91-136.04,136.04c0,7.65.64,15.15,1.86,22.46,4.9-.91,21.57-3.79,35.87-3.79Z", className: "bcds-bc-logo--whiteFill" }), jsxs("g", { children: [jsxs("g", { children: [jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", className: "bcds-bc-logo--goldFill" }), jsx("path", { d: "M423.47,116.64c0-6.39-.45-8.08-4.76-8.43l-3-.21c-.49-.39-.35-2.12.1-2.16,5.17-.46,11.69-.69,20.6-.69,6.04,0,11.79.43,16.1,2.42,4.12,1.81,7.28,5.26,7.28,10.79,0,6.22-4.03,9.41-9.77,11.83,0,.86.77,1.12,1.82,1.29,5.17.86,12.84,5.18,12.84,14.42,0,10.01-8.24,16.75-25.49,16.75-2.78,0-7.47-.26-11.5-.26s-7.47.17-11.02.26c-.57-.26-.77-1.64-.19-2.16l1.73-.26c5.08-.78,5.27-1.73,5.27-10.79v-32.8ZM431.32,128.12c0,2.42.1,2.59,4.98,2.42,9.77-.35,15.04-2.94,15.04-11.05s-7-11.65-14.28-11.65c-2.11,0-3.55.17-4.41.52-.96.26-1.34.69-1.34,2.24v17.52ZM431.32,148.14c0,3.11.19,7.51,2.01,9.41,1.82,1.98,4.7,2.42,7.57,2.42,8.53,0,15.04-3.45,15.04-12.08,0-6.82-3.83-14.76-19.07-14.76-5.17,0-5.56.52-5.56,2.24v12.77Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M531.26,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.06-.07,10.15-.22c.49.22.65,1.55.16,1.84l-2.04.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.04.22c.49.29.33,1.62-.16,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.66-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M576.66,151.53c0,7.74.15,8.85,4.6,9.22l2.45.22c.46.29.31,1.62-.15,1.84-4.37-.15-6.98-.22-10.05-.22s-5.75.07-10.66.22c-.46-.22-.62-1.47,0-1.84l2.76-.22c4.37-.37,4.75-1.48,4.75-9.22v-32.96c0-2.28,0-2.36-2.3-2.36h-4.22c-3.3,0-7.51.15-9.43,1.84-1.84,1.62-2.61,3.24-3.45,5.09-.62.44-1.69.07-1.99-.52,1.22-3.32,2.38-8.04,2.91-10.98.23-.15,1.23-.22,1.46,0,.46,2.36,2.99,2.29,6.52,2.29h31.05c4.14,0,4.83-.15,5.98-2.06.38-.15,1.23-.07,1.38.22-.84,3.02-1.38,9-1.15,11.21-.31.59-1.61.59-1.99.15-.23-1.84-.77-4.57-1.92-5.38-1.76-1.25-4.68-1.84-8.89-1.84h-5.44c-2.3,0-2.22.07-2.22,2.51v32.81Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M609.53,125.14c0-7.82-.16-9.07-4.99-9.44l-2.05-.15c-.49-.29-.33-1.62.16-1.84,4.09.15,6.87.22,10.31.22s6.05-.07,10.15-.22c.49.22.66,1.55.17,1.84l-2.05.15c-4.83.37-4.99,1.62-4.99,9.44v26.25c0,7.82.16,8.85,4.99,9.36l2.05.22c.49.29.33,1.62-.17,1.84-4.09-.15-6.87-.22-10.15-.22-3.44,0-6.22.07-10.31.22-.49-.22-.65-1.4-.16-1.84l2.05-.22c4.83-.52,4.99-1.55,4.99-9.36v-26.25Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M646.2,163.57c-7.31,0-11.92-1.92-13.57-2.73-1.04-1.62-2.18-6.86-2.35-10.32.44-.52,1.74-.66,2.09-.22,1.31,3.76,4.87,10.98,14.96,10.98,7.31,0,10.87-4.05,10.87-8.48,0-3.24-.78-6.86-7.13-10.32l-8.26-4.57c-4.35-2.43-9.4-6.64-9.4-12.68,0-7,6.44-12.68,17.75-12.68,2.7,0,5.83.44,8.09.96,1.13.29,2.35.44,3.04.44.78,1.77,1.57,5.9,1.57,9-.35.44-1.74.66-2.18.22-1.13-3.54-3.48-8.33-11.83-8.33s-10.35,4.79-10.35,8.18c0,4.28,4.18,7.38,7.39,9.07l6.96,3.69c5.48,2.88,10.88,7.15,10.88,14.16,0,8.11-7.22,13.64-18.53,13.64Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M689.99,138.78c-3.81,0-3.96.15-3.96,2.36v10.4c0,7.74.4,8.77,4.84,9.22l2.3.22c.48.29.32,1.62-.16,1.84-4.28-.15-6.98-.22-10.08-.22-3.41,0-6.11.15-9.2.22-.47-.22-.63-1.4-.16-1.84l1.35-.22c4.45-.74,4.6-1.48,4.6-9.22v-26.54c0-7.74-.55-8.99-4.68-9.29l-2.06-.15c-.48-.29-.32-1.62.16-1.84,3.89.07,6.58.22,10,.22,3.1,0,5.79-.07,9.2-.22.48.22.63,1.55.16,1.84l-1.51.15c-4.6.44-4.76,1.55-4.76,9.29v8.48c0,2.28.16,2.36,3.96,2.36h22.69c3.81,0,3.97-.07,3.97-2.36v-8.48c0-7.74-.16-8.85-4.84-9.29l-1.51-.15c-.48-.29-.32-1.62.16-1.84,3.65.15,6.35.22,9.6.22s5.79-.07,9.36-.22c.48.22.63,1.55.16,1.84l-1.66.15c-4.6.44-4.76,1.55-4.76,9.29v26.54c0,7.74.16,8.7,4.76,9.22l1.9.22c.47.29.32,1.62-.16,1.84-3.81-.15-6.51-.22-9.6-.22-3.25,0-6.11.07-9.6.22-.48-.22-.63-1.4-.16-1.84l1.51-.22c4.84-.74,4.84-1.48,4.84-9.22v-10.4c0-2.21-.16-2.36-3.97-2.36h-22.69Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M378.06,179.01c6.52-5.07,14.83-7.57,24.12-7.57,4.82,0,11.61.98,15.81,2.14,1.07.27,1.7.45,2.5.36.09,2.05.54,7.65,1.25,13.09-.45.62-1.79.71-2.41.18-1.34-6.05-5.36-13-18.31-13-13.67,0-25.28,8.64-25.28,27.06s11.88,29.02,26.53,29.02c11.52,0,16.62-7.48,18.67-12.73.63-.44,1.97-.27,2.32.36-.62,4.63-2.95,10.5-4.29,12.2-1.07.18-2.14.53-3.13.89-1.97.71-8.4,2.05-14.11,2.05-8.04,0-15.72-1.6-22.24-5.96-7.15-4.9-12.69-12.99-12.69-24.48,0-9.88,4.47-18.34,11.26-23.59Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M426.92,207.81c0-14.75,11.61-26.03,27.56-26.03,17.88,0,26.86,12.31,26.86,25.29,0,14.89-11.92,25.73-26.86,25.73-17.19,0-27.56-11.72-27.56-25ZM473.6,209.35c0-12.17-5.65-25.29-20.44-25.29-8.05,0-18.5,5.24-18.5,21.38,0,10.91,5.57,25.07,20.82,25.07,9.29,0,18.12-6.64,18.12-21.16Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M568.68,201.47c0-4.57-.16-13.05-1.49-15.26-.55-.89-1.95-1.4-3.91-1.55l-1.95-.15c-.47-.52-.31-1.47.15-1.77,2.97.15,5.86.22,8.91.22,3.28,0,5.39-.08,8.21-.22.62.37.55,1.33.16,1.77l-1.88.15c-1.95.15-3.44.81-3.91,1.77-1.09,2.43-1.09,10.91-1.09,15.04v8.33c0,6.42-1.1,13.2-5.47,17.62-3.36,3.47-9.14,5.38-14.93,5.38-5.39,0-10.79-.96-14.62-4.05-4.14-3.24-6.1-8.63-6.1-17.4v-17.4c0-7.67-.16-8.92-4.69-9.29l-1.96-.15c-.47-.29-.31-1.55.15-1.77,3.91.15,6.57.22,9.69.22s5.78-.08,9.61-.22c.47.22.63,1.47.16,1.77l-1.88.15c-4.53.37-4.69,1.62-4.69,9.29v15.93c0,11.87,3.91,19.69,15.87,19.69,11.33,0,15.63-8.41,15.63-19.61v-8.48Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M659.52,192.26c0-5.51-.35-6.93-4.23-7.22l-2.77-.27c-.31-.28-.48-1.78.09-1.82,4.67-.35,10.54-.59,18.57-.59,5.44,0,10.62.37,14.51,2.08,3.71,1.57,6.56,4.54,6.56,9.31,0,5.36-3.63,8.12-8.81,10.2,0,.75.69.97,1.64,1.12,4.67.74,11.58,4.47,11.58,12.44,0,8.64-7.43,14.45-22.98,14.45-2.5,0-6.74-.22-10.37-.22s-6.74.15-9.93.22c-.52-.22-.69-1.41-.17-1.86l1.55-.22c4.58-.67,4.75-1.49,4.75-9.31v-28.3ZM666.6,202.16c0,2.09.09,2.24,4.49,2.09,8.81-.3,13.56-2.53,13.56-9.53s-6.3-10.05-12.87-10.05c-1.9,0-3.2.15-3.97.45-.87.22-1.21.59-1.21,1.94v15.12ZM666.6,219.44c0,2.68.17,6.48,1.81,8.12,1.64,1.71,4.23,2.08,6.82,2.08,7.69,0,13.56-2.98,13.56-10.43,0-5.88-3.45-12.73-17.19-12.73-4.67,0-5.01.44-5.01,1.94v11.02Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M518.75,160.97l-2.05-.18c-.41-.04-.78-.1-1.13-.15-2.99-.53-4.19-3.2-5.6-5.67l-7.08-12.32c-1.22-2.05-2.53-4.82-5.33-5.21,7.25-.87,13.81-5.06,13.81-12.24,0-8.3-8.21-12.01-16.52-12.01-4.98,0-9.52.13-14.59.13-2.79,0-6.12-.13-8.92-.13-1.55,0-1.57.32-1.57,1.18,0,1.28.54.92,2.19,1.02,5.9.33,5.68,1.43,5.68,6.49v32.31c0,4.62.4,6-4.46,6.44,0,0-.74.08-1.17.12l-2.06.21c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.12,3.03-.12,2.69-.08,5.38-.28,8.06-.28s5.29.21,7.95.29h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.07-.2c-.42-.05-1.15-.11-1.15-.11-4.9-.33-4.6-1.71-4.6-6.46v-12.17c0-.71-.09-2.61.44-3.16.44-.48,1.22-.4,1.92-.4,6.64,0,6.55.63,9.7,6.16l8.56,15.4c.7,1.19,1.22,2.69,2.97,2.69h7.44c.94.03,1.92.06,3.01.1.49-.22.65-1.4.16-1.84ZM488.92,136.74c-1.49,0-4.46.55-4.46-1.42v-14.14c0-5.53.18-6.32,6.82-6.32,7.78,0,12.58,3.95,12.58,11.22,0,3.16-1.14,6.08-4.02,8.06-3.32,2.29-6.9,2.61-10.92,2.61Z", className: "bcds-bc-logo--blueFill" }), jsxs("g", { children: [jsx("path", { d: "M490.53,194.2c0-7.74-.16-8.92-5.27-9.29l-2.03-.15c-.49-.3-.32-1.62.16-1.84,4.54.15,7.3.22,10.54.22s5.92-.07,9.98-.22c.49.22.65,1.55.16,1.84l-1.95.15c-4.78.37-4.95,1.55-4.95,9.29v25.66c0,4.64.24,6.56,1.7,7.96.89.81,2.43,1.7,8.84,1.7,6.89,0,8.6-.3,9.9-.96,1.62-.89,3.73-3.54,5.35-7.3.49-.37,2.03-.07,2.03.44,0,.81-2.27,8.33-3.41,10.32-4.13-.15-11.84-.22-20.2-.22h-7.46c-3.41,0-6,.07-10.54.22-.49-.22-.65-1.4-.16-1.84l2.43-.22c4.7-.44,4.87-1.48,4.87-9.22v-26.54Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M707.79,194.34c0-7.81-.16-9.07-4.86-9.44l-1.99-.15c-.48-.3-.32-1.62.16-1.84,3.98.15,6.69.22,10.03.22s5.89-.07,9.87-.22c.48.22.64,1.55.16,1.84l-1.99.15c-4.7.37-4.86,1.62-4.86,9.44v26.25c0,7.82.16,8.85,4.86,9.36l1.99.22c.48.3.32,1.62-.16,1.84-3.98-.15-6.69-.22-9.87-.22-3.35,0-6.05.07-10.03.22-.48-.22-.64-1.4-.16-1.84l1.99-.22c4.7-.52,4.86-1.55,4.86-9.36v-26.25Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M644.16,229.94c-.41-.04-1.17-.1-1.17-.1-.84-.08-1.59-.2-2.19-.86-1.03-1.1-.95-4.23-.95-5.48v-32.31c0-1.41-.34-4.46.69-5.56.52-.58,1.59-.67,2.55-.73h0c.58-.05.6-.05,1.11-.07l2.05-.15c.49-.3.33-1.62-.16-1.84-1.09.04-2.09.02-3.03.05h0s-8.7,0-8.7,0c-.95,0-1.81,0-2.32,1.02l-17.73,36.92-15.66-35.67c-.52-1.25-.6-2.27-2.24-2.27h-9.05c-.94-.03-1.98-.02-3.08-.06-.49.22-.66,1.55-.16,1.84l2.05.15c.42.03,1.19.09,1.19.09,3.4.22,3.61.98,3.3,4.55l-2.67,34.65c-.23,3.48-.42,5.32-4.07,5.66,0,0-.77.1-1.19.14l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,3-.1,3-.1,1.85-.09,3.73-.25,5.61-.25,2.03,0,4.06.19,6.1.27h0c.94.03,1.94.07,3.03.1.49-.22.66-1.4.16-1.84l-2.04-.22c-.54-.04-1.14-.1-1.14-.1-5.26-.36-5.14-4.07-4.81-8.62l2.5-32.23h.6l16.95,39.66c.17.55.43,1.49,1.29,1.49.78,0,1.03-.86,1.29-1.41l19.1-40.68h.6v35.44c0,1.41.17,4.3-1.29,5.4-.76.57-3.25.91-3.25.91-.34.05-.7.1-1.11.15l-2.04.22c-.49.44-.33,1.62.16,1.84,1.08-.04,2.99-.1,2.99-.1,2.77-.08,5.59-.28,8.41-.28,2.03,0,6,.19,6,.19.95.03,2.02.13,3.12.17.49-.22.66-1.4.16-1.84l-2.05-.22Z", className: "bcds-bc-logo--blueFill" }), jsx("path", { d: "M777.13,230.14l-.28-.22c-.41-.04-.77-.09-1.11-.15-3.19-.71-4.43-4.55-5.61-7.29l-16.41-38.83c-.16-.47-.49-1.47-1.14-1.47-.89,0-1.14,1.08-1.38,1.7l-15.68,38.76c-.57,1.47-2.03,5.03-3.09,6.11-.81.83-1.86.99-2.99,1.1,0,0-.88.08-1.31.13l-1.93.2c-.49.44-.33,1.62.16,1.84,1.09-.04,3.03-.11,3.03-.11,2.14-.03,4.29-.3,6.44-.3,1.81,0,3.61.19,5.41.27,0,0,1.94.07,3.03.11.49-.22.65-1.4.16-1.84l-2.05-.22c-.41-.04-1.11-.11-1.11-.11-1.89-.21-4.24-.55-4.24-2.62,0-1.39.65-3.02,1.14-4.25l2.44-5.8c1.22-2.78.73-3.1,3.98-3.1h11.05c3.9,0,3.33,0,5.04,3.95l2.6,5.88c.41,1.01,1.14,2.71,1.14,3.79,0,1.94-2.12,2.07-4.11,2.24,0,0-.66.06-1.23.1l-1.97.14c-.49.44-.33,1.62.17,1.84,1.09-.04,3.03-.12,3.03-.12,2.31-.08,4.64-.26,6.87-.26,2.85,0,5.69.19,8.54.27h0c.93.03.14.06,1.22.1.49-.22.65-1.4.16-1.84ZM755.64,211.89h-9.57c-.33,0-3,.31-3-.47,0-.24.17-.7.25-.94l5.75-14.23c.17-.39.75-2.35,1.41-2.35.5,0,1.17,2.03,1.33,2.35l5.66,13.29c0,.16.58,1.41.58,1.72,0,.86-1.91.62-2.41.62Z", className: "bcds-bc-logo--blueFill" })] }), jsx("rect", { width: "847.65", height: "327.01", className: "bcds-bc-logo--noFill" })] }), jsxs("g", { children: [jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", className: "bcds-bc-logo--goldFill" }), jsx("path", { d: "M95.46,166.88l-14.14-4.97.71-1.73,15.92,5.31.07-.04,2.1-1.19.84-.53-17.36-7.39.73-1.82,38.75,15.67,1.28-.53-38.44-18.73.86-1.76,40.73,18.96.56-.29-39.49-22.4.81-1.68,57.03,31.03c.47-.86,1.44-2.44,1.95-3.28-21.68-20.39-42.61-35.69-42.61-35.69,0,0,21.52,14.41,48.07,27.81.88-1.09,1.6-1.97,2.53-3.01l-48.65-42.83,1.31-1.34,39.27,33.47-36.38-36.43,1.36-1.41,40.84,39.47-38.02-42.2,1.45-1.31,35.14,37.63-32.07-40.41,1.38-1.26,41.11,50.03c1.06-.92,1.95-1.61,3.06-2.46-12.44-26.91-26.02-48.8-26.02-48.8,0,0,14.46,21.28,33.96,43.56,1.19-.67,2.4-1.31,3.63-1.92l-.21-.13-28.81-57.5,1.71-.75,23.87,45.74-20.08-47.41,1.79-.8,23.08,51.9-19.45-53.37,1.84-.67,18.49,48.05-14.6-49.49,1.75-.65,19.22,61.38-.04.16.05-.02c1.28-.43,2.58-.81,3.89-1.16-1.46-29.48-5.82-54.7-5.82-54.7,0,0,5.4,25,15.08,52.87,1.35-.17,2.71-.31,4.07-.4l-.04-.06h.17l-.1-.14-5.17-64.11,1.87-.06,5,51.35-.86-51.48,1.96-.07,1.96,56.77,1.96-56.77,1.96.07-.86,51.48,5-51.35,1.87.06-5.17,64.11-.1.14h.03v.02s.07,0,.07,0c1.34.08,2.66.22,3.98.38,9.67-27.84,15.06-52.8,15.06-52.8,0,0-4.35,25.14-5.82,54.57,1.32.35,2.63.73,3.91,1.15l19.15-61.16,1.76.65-14.6,49.48,18.49-48.05,1.84.67-19.45,53.37,23.08-51.9,1.79.8-20.08,47.41,23.87-45.74,1.71.75-28.71,57.3.05.02c1.18.58,2.34,1.19,3.49,1.83,19.42-22.21,33.79-43.37,33.79-43.37,0,0-13.49,21.74-25.89,48.52,1.11.84,2.19,1.7,3.24,2.6l40.63-49.49,1.39,1.26-32.08,40.41,35.14-37.63,1.45,1.31-38.02,42.2,40.84-39.47,1.36,1.41-36.38,36.43,39.27-33.47,1.31,1.34-48.06,42.35.03.03c.84.94,1.65,1.9,2.44,2.88,26.39-13.34,47.71-27.62,47.71-27.62,0,0-20.72,15.16-42.29,35.4.59.99,1.55,2.67,2.09,3.69l56.22-30.61.81,1.69-44.88,25.45,46.68-21.72.86,1.76-43.48,21.19.83.29,44.24-17.89.74,1.82-41.12,17.49.77.32,27.4-9.13,4.13-2.88,1.37,1.05,9.02-3.01.71,1.73-7.8,2.75,11.27,8.6,3.61,2.01c-14.49-60.58-68.98-105.62-134-105.62s-121.42,46.63-134.73,108.82c.17-.08.34-.16.51-.24l1.65-.75,1.01-.47,19.01-10.66Z", className: "bcds-bc-logo--goldFill" })] }), jsx("path", { d: "M72.5,233.02s20.32-4.06,37.29-4.06c44.7,0,106.54,25.17,151.41,25.17,32.91,0,65.02-9.03,82.51-22.19,1.37-7.79,2.08-15.8,2.08-23.98,0-11.08-1.32-21.85-3.79-32.17l-18.7-10.43-21.95,15.39-14.76-5.75c-5,2.53-35.83,23.15-35.83,23.15l-11.84-8.57-12.7-2.51-16.93-12.33-19.42,13.33s-21.67,12.58-22.41,12.58-26.14-20.13-26.14-20.13l-11.7-12.33c-1.99,1.26-9.95,4.91-9.95,4.91l-.41.11-7.7-2.38-9.35-4.96-28.41,12.88c-.17.08-.34.16-.51.24-2,9.34-3.06,19.03-3.06,28.96,0,8.56.79,16.93,2.28,25.06Z", className: "bcds-bc-logo--blueFill" })] })] }));
|
|
31871
31699
|
}
|
|
31872
31700
|
|
|
31873
|
-
var css_248z$o = ".bcds-footer {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n}\n\n.bcds-footer > .bcds-footer--acknowledgement {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-top: var(--layout-border-width-large) solid var(--theme-gold-60);\n border-bottom: var(--layout-border-width-large) solid var(--theme-gold-60);\n background-color: var(--theme-gray-110);\n padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer\n > .bcds-footer--acknowledgement\n > .bcds-footer--acknowledgement-text {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: stretch;\n color: var(--typography-color-primary-invert);\n font: var(--typography-regular-small-body);\n max-width: 1100px;\n width: 100%;\n}\n\n.bcds-footer\n > .bcds-footer--acknowledgement\n > .bcds-footer--acknowledgement-text\n > p {\n margin: var(--layout-margin-none);\n}\n\n.bcds-footer > .bcds-footer--container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n background-color: var(--surface-color-background-light-gray);\n padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer > .bcds-footer--container > .bcds-footer--container-content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--layout-padding-xlarge);\n max-width: 1100px;\n width: 100%;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links {\n display: flex;\n flex-
|
|
31701
|
+
var css_248z$o = ".bcds-footer {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n}\n\n.bcds-footer > .bcds-footer--acknowledgement {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-top: var(--layout-border-width-large) solid var(--theme-gold-60);\n border-bottom: var(--layout-border-width-large) solid var(--theme-gold-60);\n background-color: var(--theme-gray-110);\n padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer\n > .bcds-footer--acknowledgement\n > .bcds-footer--acknowledgement-text {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: stretch;\n color: var(--typography-color-primary-invert);\n font: var(--typography-regular-small-body);\n max-width: 1100px;\n width: 100%;\n}\n\n.bcds-footer\n > .bcds-footer--acknowledgement\n > .bcds-footer--acknowledgement-text\n > p {\n margin: var(--layout-margin-none);\n}\n\n.bcds-footer > .bcds-footer--container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n background-color: var(--surface-color-background-light-gray);\n padding: var(--layout-padding-xlarge);\n}\n\n.bcds-footer > .bcds-footer--container > .bcds-footer--container-content {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--layout-padding-xlarge);\n max-width: 1100px;\n width: 100%;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links {\n display: flex;\n flex-flow: row nowrap;\n align-items: flex-start;\n gap: var(--layout-padding-medium) var(--layout-padding-xlarge);\n justify-content: space-between;\n width: 100%;\n}\n\n/* `horizontal` class is the default, when no `children` prop is passed */\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.horizontal {\n flex-direction: row;\n}\n\n/* `vertical` class is used when a `children` prop is passed */\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical {\n flex-direction: column;\n align-items: stretch;\n row-gap: var(--layout-padding-xlarge);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo {\n display: flex;\n flex-direction: column;\n gap: var(--layout-padding-large);\n min-width: 324px;\n width: 576px;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > #bcgov-logo-footer {\n width: 146px;\n min-width: 146px;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > p {\n font: var(--typography-regular-small-body);\n margin: var(--layout-margin-none);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > p\n > a {\n color: var(--typography-color-secondary);\n font: var(--typography-regular-small-body);\n text-decoration: underline;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo\n > p\n > a:hover {\n text-decoration: none;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links {\n margin: var(--layout-margin-none);\n}\n\n/*\n When Footer hasn't been passed `children`, expand the links container to take\n up 320px, as the default links are narrower.\n*/\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.horizontal\n > .bcds-footer--links {\n min-width: 320px;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > .bcds-footer--links-title {\n display: block;\n font: var(--typography-bold-small-body);\n margin-bottom: var(--layout-padding-medium);\n text-transform: uppercase;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: auto;\n gap: var(--layout-padding-small) var(--layout-padding-xlarge);\n list-style: none;\n margin: var(--layout-margin-none);\n padding: var(--layout-padding-none);\n}\n\n/*\n When a Footer has been passed `children`, the logo-links container fills the\n full width of the container, so there's room for 4 columns of links.\n*/\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical\n > .bcds-footer--links\n > ul {\n grid-template-columns: repeat(4, 1fr);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul\n > li {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul\n > li\n > a {\n color: var(--typography-color-primary);\n text-decoration: none;\n}\n\n.bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--links\n > ul\n > li\n > a:hover {\n text-decoration: underline;\n}\n\n.bcds-footer > .bcds-footer--container > .bcds-footer--container-content > hr {\n background-color: var(--surface-color-border-dark);\n border: var(--layout-border-width-none);\n height: var(--layout-border-width-small);\n margin: var(--layout-margin-none);\n width: 100%;\n}\n\np.bcds-footer--copyright {\n color: var(--typography-color-secondary);\n font: var(--typography-regular-body);\n margin: var(--layout-margin-none);\n}\n\n/* Tablet */\n@media (width <= 991px) {\n /* Links drop beneath logo in the default configuration */\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links {\n flex-wrap: wrap;\n }\n\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo {\n max-width: 324px;\n }\n\n /*\n When the `children` prop is used with multiple FooterLinks components,\n only two columns of links appear on screen at once.\n */\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical\n > .bcds-footer--links\n > ul {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n/* Extra small screens */\n@media (width <= 575px) {\n .bcds-footer > .bcds-footer--acknowledgement {\n padding: var(--layout-padding-xlarge) var(--layout-padding-medium);\n }\n\n .bcds-footer > .bcds-footer--container {\n padding: var(--layout-padding-medium);\n }\n\n .bcds-footer > .bcds-footer--container > .bcds-footer--container-content {\n gap: var(--layout-padding-medium);\n }\n\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links\n > .bcds-footer--logo {\n gap: var(--layout-padding-medium);\n }\n\n /*\n When the `children` prop is used with multiple FooterLinks components,\n only one column of links appear on screen at once.\n */\n .bcds-footer\n > .bcds-footer--container\n > .bcds-footer--container-content\n > .bcds-footer--logo-links.vertical\n > .bcds-footer--links\n > ul {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n";
|
|
31874
31702
|
styleInject(css_248z$o);
|
|
31875
31703
|
|
|
31876
31704
|
/**
|
|
@@ -31925,7 +31753,7 @@ function Form({ ...props }) {
|
|
|
31925
31753
|
return jsx($cdaed739b1139372$export$a7fed597f4b8afd8, { ...props });
|
|
31926
31754
|
}
|
|
31927
31755
|
|
|
31928
|
-
var css_248z$n = ".bcds-header {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n background-color: var(--surface-color-forms-default);\n border-bottom
|
|
31756
|
+
var css_248z$n = ".bcds-header {\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n background-color: var(--surface-color-forms-default);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n min-height: 65px;\n padding: var(--layout-padding-none) var(--layout-padding-medium);\n width: 100%;\n}\n\n.bcds-header > .bcds-header--container {\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-padding-medium);\n max-width: 1100px;\n}\n\n.bcds-header > .bcds-header--container > .bcds-header--title {\n flex-grow: 1;\n font: var(--typography-bold-h4);\n color: var(--typography-color-primary);\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks {\n list-style: none;\n margin: 0;\n padding: 0;\n position: absolute;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a,\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li button {\n background-color: var(--surface-color-forms-default);\n box-sizing: border-box;\n color: var(--typography-color-link);\n font: var(--typography-regular-body);\n margin-top: -17.5px; /* Center the link visually in a single line-height header */\n padding: var(--layout-padding-xsmall) var(--layout-padding-medium);\n position: absolute;\n margin-left: -100000px;\n}\n\n.bcds-header > .bcds-header--container > ul.bcds-header--skiplinks li a:focus,\n.bcds-header\n > .bcds-header--container\n > ul.bcds-header--skiplinks\n li\n button:focus {\n margin-left: 0; /* Line up left edge with left edge of logo image */\n text-wrap: nowrap;\n}\n\n.bcds-header > .bcds-header--container > .bcds-header--line {\n background-color: var(--surface-color-border-default);\n width: 1px;\n height: 32px;\n}\n\n.bcds-header > .bcds-header--container svg#bcgov-logo-header {\n min-width: 129px;\n width: 129px;\n}\n";
|
|
31929
31757
|
styleInject(css_248z$n);
|
|
31930
31758
|
|
|
31931
31759
|
function Header({ children, logoLinkElement, logoImage = jsx(SvgBcLogo, { id: "bcgov-logo-header" }), skipLinks, title = "", titleElement = "span", }) {
|
|
@@ -32008,7 +31836,7 @@ function MenuItem({ size = "medium", label, description, iconLeft, ...props }) {
|
|
|
32008
31836
|
if (typeof props.children === "function") {
|
|
32009
31837
|
return props.children(renderProps);
|
|
32010
31838
|
}
|
|
32011
|
-
return (jsxs(Fragment$1, { children: [iconLeft && (jsx("span", { className: "bcds-react-aria-MenuItem--Icon", children: iconLeft })), props.children, (label || description) && (jsxs("div", { className: "bcds-react-aria-MenuItem--Content", children: [label && jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", children: label }), description && jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", children: description })] })), renderProps.hasSubmenu && jsx(SvgChevronRightIcon, {}), renderProps.isSelected && jsx(SvgCheckIcon, {})] }));
|
|
31839
|
+
return (jsxs(Fragment$1, { children: [iconLeft && (jsx("span", { className: "bcds-react-aria-MenuItem--Icon", children: iconLeft })), props.children, (label || description) && (jsxs("div", { className: "bcds-react-aria-MenuItem--Content", children: [label && jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", children: label }), description && jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", children: description })] })), renderProps.hasSubmenu && jsx(SvgChevronRightIcon, {}), renderProps.isSelected && jsx(SvgCheckIcon, { size: "xsmall" })] }));
|
|
32012
31840
|
} }));
|
|
32013
31841
|
}
|
|
32014
31842
|
|
|
@@ -32073,14 +31901,14 @@ function ProgressCircle({ size = "medium", valueLabel, ...props }) {
|
|
|
32073
31901
|
return (jsx($6c0095e7e99364f2$export$c17561cb55d4db30, { className: "bcds-react-aria-ProgressCircle", ...props, children: ({ percentage, valueText, isIndeterminate }) => (jsxs(Fragment$1, { children: [jsxs("svg", { className: `bcds-react-aria-ProgressCircle--Container ${size}`, children: [jsx("circle", { className: "bcds-react-aria-ProgressCircle--Track" }), jsx("circle", { className: "bcds-react-aria-ProgressCircle--Fill", pathLength: "100", strokeDashoffset: 100 - (isIndeterminate || percentage == null ? 25 : percentage) })] }), valueLabel && (jsxs("div", { className: "bcds-react-aria-ProgressCircle--Label", children: [jsx($43a3b93638fe5db9$export$b04be29aa201d4f5, { children: valueLabel }), !isIndeterminate && (jsx("span", { className: "bcds-react-aria-ProgressCircle--Value", children: valueText }))] }))] })) }));
|
|
32074
31902
|
}
|
|
32075
31903
|
|
|
32076
|
-
var css_248z$e = ".bcds-react-aria-Radio {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-margin-small);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n forced-color-adjust: none;\n}\n\n/* Selector */\n.bcds-react-aria-Radio
|
|
31904
|
+
var css_248z$e = ".bcds-react-aria-Radio {\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-margin-small);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n forced-color-adjust: none;\n}\n\n/* Selector */\n.bcds-react-aria-Radio::before {\n align-self: first baseline;\n margin-top: var(--layout-margin-xsmall);\n content: \"\";\n display: block;\n width: var(--icons-size-xsmall);\n height: var(--icons-size-xsmall);\n box-sizing: border-box;\n background-color: var(--surface-color-secondary-default);\n border-radius: var(--icons-size-small);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-medium);\n transition: all 200ms;\n}\n@media (prefers-reduced-motion) {\n .bcds-react-aria-Radio::before {\n /* No animation on radio button circle if user has reduced motion set */\n transition: none;\n }\n}\n\n/* Hover */\n.bcds-react-aria-Radio[data-hovered]::before {\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-dark);\n}\n\n/* Pressed */\n.bcds-react-aria-Radio[data-pressed]::before {\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-dark);\n}\n\n/* Selected */\n.bcds-react-aria-Radio[data-selected]::before {\n border: 5px solid var(--surface-color-primary-default);\n}\n\n/* Focused */\n.bcds-react-aria-Radio[data-focus-visible]::before {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Invalid */\n.bcds-react-aria-Radio[data-invalid]::before {\n border: var(--layout-border-width-small) solid\n var(--support-border-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid] {\n color: var(--typography-color-danger);\n}\n.bcds-react-aria-Radio[data-selected][data-invalid]::before {\n border: 5px solid var(--support-border-color-danger);\n}\n\n/* Disabled */\n.bcds-react-aria-Radio[data-disabled] {\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n.bcds-react-aria-Radio[data-selected][data-disabled]::before {\n border: 5px solid var(--surface-color-border-default);\n}\n\n/* Read only */\n.bcds-react-aria-Radio[data-readonly] {\n cursor: not-allowed;\n}\n";
|
|
32077
31905
|
styleInject(css_248z$e);
|
|
32078
31906
|
|
|
32079
31907
|
function Radio({ value, children, ...props }) {
|
|
32080
31908
|
return (jsx($fe21c36db05242bb$export$d7b12c4107be0d61, { className: "bcds-react-aria-Radio", value: value, ...props, children: children }));
|
|
32081
31909
|
}
|
|
32082
31910
|
|
|
32083
|
-
var css_248z$d = ".bcds-react-aria-RadioGroup {\n display: flex;\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n/* Orientation */\n.bcds-react-aria-RadioGroup--options {\n display: inline-flex;\n}\n\n.bcds-react-aria-RadioGroup--options.vertical {\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n.bcds-react-aria-RadioGroup--options.horizontal {\n flex-direction: row;\n gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-
|
|
31911
|
+
var css_248z$d = ".bcds-react-aria-RadioGroup {\n display: flex;\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n/* Orientation */\n.bcds-react-aria-RadioGroup--options {\n display: inline-flex;\n}\n\n.bcds-react-aria-RadioGroup--options.vertical {\n flex-direction: column;\n gap: var(--layout-margin-small);\n}\n\n.bcds-react-aria-RadioGroup--options.horizontal {\n flex-direction: row;\n gap: var(--layout-margin-medium);\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-wrap {\n flex-wrap: wrap;\n}\n.bcds-react-aria-RadioGroup--options.horizontal.flex-wrap-nowrap {\n flex-wrap: wrap-reverse;\n}\n\n/* Parts */\n.bcds-react-aria-RadioGroup--label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n}\n\n.bcds-react-aria-RadioGroup--description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n}\n\n.bcds-react-aria-RadioGroup--error {\n display: inline-flex;\n flex-direction: row;\n gap: var(--layout-margin-xsmall);\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n";
|
|
32084
31912
|
styleInject(css_248z$d);
|
|
32085
31913
|
|
|
32086
31914
|
function RadioGroup({ orientation = "vertical", label, description, children, errorMessage, flexWrap = "nowrap", ...props }) {
|
|
@@ -32094,7 +31922,7 @@ function TagGroup({ children, label, description, errorMessage, ...props }) {
|
|
|
32094
31922
|
return (jsxs($3df3ddf5bafbc7b1$export$67ea30858aaf75e3, { className: "bcds-react-aria-TagGroup", ...props, children: [label && (jsx($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TagGroup--Label", children: label })), children, description && (jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-TagGroup--Text-description", children: description })), errorMessage && (jsxs($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "errorMessage", className: "bcds-react-aria-TagGroup--Text-error", children: [jsx(SvgExclamationIcon, {}), errorMessage] }))] }));
|
|
32095
31923
|
}
|
|
32096
31924
|
|
|
32097
|
-
var css_248z$b = ".bcds-react-aria-Tag {\n color: var(--typography-color-primary);\n cursor: pointer;\n border: var(--layout-border-width-small) solid;\n display: flex;\n flex: 0 1 auto;\n align-items: center;\n text-align: left;\n font: var(--typography-regular-label);\n width: fit-content;\n max-width: 100%;\n min-width: 0;\n}\n.bcds-react-aria-Tag--Label {\n min-width: 0;\n overflow-wrap: break-word;\n white-space: normal;\n}\n.bcds-react-aria-Tag .react-aria-Button {\n background: none;\n border: none;\n color: var(--typography-color-primary);\n cursor: pointer;\n display: flex;\n flex: 0 0 auto;\n margin: 0;\n padding: 0;\n}\n\n/* Focus handling for close button */\n.bcds-react-aria-Tag .react-aria-Button[data-focus-visible] {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n border-radius: var(--layout-border-radius-small);\n}\n\n/* Tag colors */\n.bcds-react-aria-Tag.bc-blue {\n background-color: var(--theme-primary-blue);\n border-color: var(--theme-blue-90);\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-blue .react-aria-Button {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-gold {\n background-color: var(--theme-primary-gold);\n border-color: var(--theme-blue-90);\n}\n.bcds-react-aria-Tag.blue {\n background-color: var(--support-surface-color-info);\n border-color: var(--support-border-color-info);\n}\n.bcds-react-aria-Tag.dark {\n background: var(--theme-gray-110);\n border-color: var(--theme-blue-90);\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.dark .react-aria-Button {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n background-color: var(--theme-gray-20);\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Tag.green {\n background-color: var(--support-surface-color-success);\n border-color: var(--support-border-color-success);\n}\n.bcds-react-aria-Tag.red {\n background-color: var(--support-surface-color-danger);\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Tag.yellow {\n background-color: var(--support-surface-color-warning);\n border-color: var(--support-border-color-warning);\n}\n\n/* Tag style */\n.bcds-react-aria-Tag.rectangular {\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Tag.circular {\n border-radius: var(--layout-
|
|
31925
|
+
var css_248z$b = ".bcds-react-aria-Tag {\n color: var(--typography-color-primary);\n cursor: pointer;\n border: var(--layout-border-width-small) solid;\n display: flex;\n flex: 0 1 auto;\n align-items: center;\n text-align: left;\n font: var(--typography-regular-label);\n width: fit-content;\n max-width: 100%;\n min-width: 0;\n}\n.bcds-react-aria-Tag--Label {\n min-width: 0;\n overflow-wrap: break-word;\n white-space: normal;\n}\n.bcds-react-aria-Tag .react-aria-Button {\n background: none;\n border: none;\n color: var(--typography-color-primary);\n cursor: pointer;\n display: flex;\n flex: 0 0 auto;\n margin: 0;\n padding: 0;\n}\n\n/* Focus handling for close button */\n.bcds-react-aria-Tag .react-aria-Button[data-focus-visible] {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n border-radius: var(--layout-border-radius-small);\n}\n\n/* Tag colors */\n.bcds-react-aria-Tag.bc-blue {\n background-color: var(--theme-primary-blue);\n border-color: var(--theme-blue-90);\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-blue .react-aria-Button {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.bc-gold {\n background-color: var(--theme-primary-gold);\n border-color: var(--theme-blue-90);\n}\n.bcds-react-aria-Tag.blue {\n background-color: var(--support-surface-color-info);\n border-color: var(--support-border-color-info);\n}\n.bcds-react-aria-Tag.dark {\n background: var(--theme-gray-110);\n border-color: var(--theme-blue-90);\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.dark .react-aria-Button {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Tag.gray,\n.bcds-react-aria-Tag.grey {\n background-color: var(--theme-gray-20);\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-Tag.green {\n background-color: var(--support-surface-color-success);\n border-color: var(--support-border-color-success);\n}\n.bcds-react-aria-Tag.red {\n background-color: var(--support-surface-color-danger);\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-Tag.yellow {\n background-color: var(--support-surface-color-warning);\n border-color: var(--support-border-color-warning);\n}\n\n/* Tag style */\n.bcds-react-aria-Tag.rectangular {\n border-radius: var(--layout-border-radius-small);\n}\n.bcds-react-aria-Tag.circular {\n border-radius: var(--layout-border-radius-circular);\n}\n\n/* Tag size */\n.bcds-react-aria-Tag.xsmall {\n min-height: var(--layout-padding-medium);\n padding: var(--layout-padding-hair) var(--layout-padding-small);\n gap: var(--layout-margin-xsmall);\n}\n.bcds-react-aria-Tag.small {\n min-height: var(--layout-padding-large);\n padding: var(--layout-padding-hair) var(--layout-padding-small);\n gap: var(--layout-margin-small);\n}\n.bcds-react-aria-Tag.medium {\n min-height: var(--layout-padding-xlarge);\n padding: var(--layout-padding-hair) var(--layout-padding-medium);\n gap: var(--layout-margin-medium);\n}\n/* Selected */\n.bcds-react-aria-Tag[data-selected] {\n border-radius: var(--layout-border-radius-small);\n border: var(--layout-border-width-medium) solid\n var(--surface-color-border-active);\n}\n\n/* Focused */\n.bcds-react-aria-Tag[data-focus-visible] {\n outline: var(--layout-border-width-medium) solid\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Disabled */\n.bcds-react-aria-Tag[data-disabled] {\n background-color: var(--surface-color-primary-button-disabled);\n border-color: var(--surface-color-border-default);\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n";
|
|
32098
31926
|
styleInject(css_248z$b);
|
|
32099
31927
|
|
|
32100
31928
|
function Tag({ color = "blue", tagStyle = "rectangular", size = "small", icon, id, textValue, ...props }) {
|
|
@@ -32159,42 +31987,62 @@ function Select({ items, sections, label, description, placeholder, size = "medi
|
|
|
32159
31987
|
// support different markup within the same component.
|
|
32160
31988
|
items: sections
|
|
32161
31989
|
? sections
|
|
32162
|
-
: [{ id: "section", header: "", items: items ? items : [] }], children: (section) => (jsxs($928221da08ecbc62$export$dca12b0bb56e4fc, { id: section.id, className: "bcds-react-aria-Section", children: [section?.header && (jsx($53e61d82d8b8611d$export$8b251419efc915eb, { className: "bcds-react-aria-Select--Header", children: section.header })), jsx($42ceafc619f9c3ba$export$fb8073518f34e6ec, { items: section.items, children: (item) => (jsx($928221da08ecbc62$export$a11e76429ed99b4, { id: item?.id ? item.id : item.label, className: `bcds-react-aria-Select--ListBoxItem ${item?.isDestructive ? "destructive" : ""}`, textValue: item.label, children: ({ isSelected }) => (jsxs(Fragment$1, { children: [item?.iconLeft && (jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconLeft })), jsxs("div", { className: "bcds-react-aria-Select--ListBoxItem-Text-container", children: [jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", className: "bcds-react-aria-Select--ListBoxItem-Text-label", children: item.label }), item.description && (jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-Select--ListBoxItem-Text-description", children: item.description }))] }), isSelected ? (jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: jsx(SvgCheckIcon, {}) })) : (item?.iconRight && (jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconRight })))] })) })) })] })) }) })] })) }));
|
|
31990
|
+
: [{ id: "section", header: "", items: items ? items : [] }], children: (section) => (jsxs($928221da08ecbc62$export$dca12b0bb56e4fc, { id: section.id, className: "bcds-react-aria-Section", children: [section?.header && (jsx($53e61d82d8b8611d$export$8b251419efc915eb, { className: "bcds-react-aria-Select--Header", children: section.header })), jsx($42ceafc619f9c3ba$export$fb8073518f34e6ec, { items: section.items, children: (item) => (jsx($928221da08ecbc62$export$a11e76429ed99b4, { id: item?.id ? item.id : item.label, className: `bcds-react-aria-Select--ListBoxItem ${item?.isDestructive ? "destructive" : ""}`, textValue: item.label, children: ({ isSelected }) => (jsxs(Fragment$1, { children: [item?.iconLeft && (jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconLeft })), jsxs("div", { className: "bcds-react-aria-Select--ListBoxItem-Text-container", children: [jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", className: "bcds-react-aria-Select--ListBoxItem-Text-label", children: item.label }), item.description && (jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-Select--ListBoxItem-Text-description", children: item.description }))] }), isSelected ? (jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: jsx(SvgCheckIcon, { size: "xsmall" }) })) : (item?.iconRight && (jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconRight })))] })) })) })] })) }) })] })) }));
|
|
32163
31991
|
}
|
|
32164
31992
|
|
|
32165
|
-
function SvgBcOutlineIcon({
|
|
32166
|
-
|
|
31993
|
+
function SvgBcOutlineIcon({ size = "medium", title, id, ...props }) {
|
|
31994
|
+
const iconSize = getIconSize(size);
|
|
31995
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31996
|
+
const isMeaningful = Boolean(title);
|
|
31997
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 18 18", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsxs("g", { children: [jsx("path", { d: "M8.55494 17.9955C8.48489 17.9953 8.4157 17.9801 8.35199 17.951C8.28827 17.9219 8.23149 17.8795 8.18543 17.8268L7.40648 16.9832L6.22541 16.0636L5.199 15.4961C5.11007 15.4438 5.03665 15.3688 4.98625 15.2788C4.93585 15.1887 4.91028 15.0869 4.91217 14.9838V13.6103C4.90822 13.4748 4.9534 13.3423 5.03939 13.2374C5.12538 13.1325 5.24638 13.0622 5.3801 13.0395L5.90315 12.9832C5.85315 12.9105 5.81957 12.8278 5.80473 12.7408L5.47065 10.7162L4.85199 9.65994C4.77992 9.54214 4.75071 9.40308 4.76932 9.26624L5.06009 7.19318L4.03761 6.7708C3.97024 6.74182 3.90941 6.69953 3.85878 6.64647C3.80814 6.59342 3.76873 6.53069 3.74291 6.46204L2.8481 4.13645L2.06072 4.06615C1.97763 4.05479 1.89849 4.02362 1.82998 3.97527C1.76146 3.92691 1.70557 3.86279 1.66703 3.78831L0.0922668 0.863752C0.0326295 0.767506 0.000706201 0.65667 1.15824e-05 0.543447C-0.000683036 0.430224 0.0298779 0.319005 0.0883299 0.222035C0.14711 0.132622 0.233402 0.0647766 0.33416 0.0287553C0.434919 -0.00726609 0.544665 -0.00950484 0.646809 0.0223775C0.717673 0.042062 7.83223 2.31085 11.7298 1.5634C11.7994 1.5514 11.8709 1.55502 11.9389 1.57398C12.007 1.59295 12.0701 1.62679 12.1235 1.67307C12.2388 1.77389 12.3119 1.91446 12.3282 2.06676L13.0245 9.77692L13.6994 10.2111C13.7984 10.2792 13.8741 10.3762 13.9159 10.4889L14.1836 11.2324L15.3647 11.7251C15.4523 11.7653 15.5285 11.8268 15.5862 11.904C15.6439 11.9812 15.6812 12.0717 15.6948 12.1672L15.8326 13.0749L16.5131 13.5249C16.5697 13.5613 16.6179 13.6092 16.6549 13.6655L17.8922 15.4179C17.9503 15.5022 17.9865 15.5996 17.9975 15.7013C18.0085 15.803 17.9939 15.9059 17.9552 16.0006C17.9216 16.0925 17.8628 16.1731 17.7857 16.2333C17.7085 16.2934 17.616 16.3307 17.5187 16.3409L10.2529 16.9123C10.2067 17.0062 10.136 17.0859 10.0482 17.1429L8.81084 17.9252C8.73397 17.9725 8.64519 17.9969 8.55494 17.9955ZM5.97851 14.6356L6.76589 15.0619C6.79052 15.0739 6.81311 15.0896 6.83282 15.1086L8.07014 16.0827L8.13706 16.139L8.65224 16.7098L9.43962 16.2211L9.11342 15.5642L8.32604 14.8893L7.08872 14.0367L5.96389 14.1581L5.97851 14.6356ZM7.22539 12.8595C7.32381 12.8587 7.42002 12.8888 7.50041 12.9456L8.91601 13.9197L8.96719 13.959L9.85187 14.7414C9.91189 14.7939 9.95904 14.8595 9.98966 14.9331L10.3834 15.7588L16.4957 15.2768L15.9136 14.4551L15.1262 13.923C15.0604 13.8776 15.0044 13.8193 14.9618 13.7517C14.9191 13.684 14.8907 13.6084 14.8782 13.5294L14.7522 12.6857L13.6156 12.2161C13.5437 12.1851 13.4791 12.1395 13.4256 12.0823C13.3722 12.0251 13.3312 11.9575 13.3051 11.8837L13.0183 11.1014L12.2826 10.6166C12.2115 10.567 12.1521 10.5025 12.1085 10.4274C12.065 10.3524 12.0384 10.2688 12.0307 10.1824L11.3631 2.78271C8.21693 3.17641 3.76484 2.09432 1.6136 1.48916L2.40098 2.94413L3.24461 3.01837C3.34242 3.03086 3.43481 3.07037 3.5114 3.13246C3.588 3.19455 3.64577 3.27677 3.67823 3.36988L4.61015 5.78826L5.83341 6.27307C5.94925 6.32592 6.04441 6.41555 6.10411 6.52802C6.1638 6.6405 6.1847 6.76953 6.16355 6.8951L5.83341 9.20719L6.42844 10.192C6.46921 10.2576 6.49601 10.3309 6.50718 10.4074L6.86094 12.5513C6.8826 12.6703 6.8675 12.7932 6.81764 12.9034L7.18321 12.8601L7.22539 12.8595Z", fill: "currentColor" }), jsx("path", { d: "M4.04436 12.2499C3.95082 12.2486 3.8594 12.2218 3.78006 12.1722C3.70073 12.1226 3.63652 12.0522 3.59443 11.9687L2.23676 9.43722C2.19774 9.36465 2.17379 9.28495 2.16634 9.20289C2.1589 9.12084 2.16812 9.03813 2.19345 8.95973C2.21557 8.8832 2.2541 8.81242 2.30636 8.7523C2.35861 8.69218 2.42334 8.64416 2.49603 8.61159L3.4004 8.2179C3.46575 8.19146 3.53591 8.17896 3.60637 8.1812C3.67684 8.18345 3.74606 8.20039 3.80959 8.23094C3.87313 8.26149 3.92959 8.30498 3.97534 8.35862C4.02109 8.41225 4.05514 8.47486 4.0753 8.54241C4.12772 8.68078 4.12656 8.83374 4.07204 8.97129C4.01752 9.10884 3.91357 9.22106 3.78059 9.28593L3.44314 9.43047L4.48923 11.3866C4.56015 11.5165 4.58089 11.6679 4.54751 11.8122C4.51412 11.9564 4.42894 12.0833 4.30814 12.1689C4.23031 12.2217 4.13841 12.2499 4.04436 12.2499Z", fill: "currentColor" })] })] }));
|
|
32167
31998
|
}
|
|
32168
31999
|
|
|
32169
|
-
|
|
32170
|
-
|
|
32171
|
-
|
|
32000
|
+
function SvgBetaIcon({ size = "medium", title, id, ...props }) {
|
|
32001
|
+
const iconSize = getIconSize(size);
|
|
32002
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32003
|
+
const isMeaningful = Boolean(title);
|
|
32004
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 640 640", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M384 64L224 64C206.3 64 192 78.3 192 96C192 113.7 206.3 128 224 128L224 279.5L103.5 490.3C98.6 499 96 508.7 96 518.7C96 550.4 121.6 576 153.3 576L486.7 576C518.3 576 544 550.4 544 518.7C544 508.7 541.4 498.9 536.5 490.3L416 279.5L416 128C433.7 128 448 113.7 448 96C448 78.3 433.7 64 416 64L384 64zM288 279.5L288 128L352 128L352 279.5C352 290.6 354.9 301.6 360.4 311.3L402 384L238 384L279.6 311.3C285.1 301.6 288 290.7 288 279.5z", fill: "currentColor" }) })] }));
|
|
32172
32005
|
}
|
|
32173
32006
|
|
|
32174
|
-
|
|
32175
|
-
|
|
32176
|
-
|
|
32007
|
+
function SvgMinusIcon({ size = "medium", title, id, ...props }) {
|
|
32008
|
+
const iconSize = getIconSize(size);
|
|
32009
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32010
|
+
const isMeaningful = Boolean(title);
|
|
32011
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 640 640", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320z", fill: "currentColor" })] }));
|
|
32177
32012
|
}
|
|
32178
32013
|
|
|
32179
|
-
function SvgPlaceholderIcon({ size =
|
|
32180
|
-
|
|
32014
|
+
function SvgPlaceholderIcon({ size = "medium", title, id, ...props }) {
|
|
32015
|
+
const iconSize = getIconSize(size);
|
|
32016
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32017
|
+
const isMeaningful = Boolean(title);
|
|
32018
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { id: "20px/Icon placeholder", clipPath: "url(#clip0_717_6325)", children: jsx("path", { id: "Icon", d: "M9.99996 18.3333C14.6023 18.3333 18.3333 14.6023 18.3333 9.99996C18.3333 5.39759 14.6023 1.66663 9.99996 1.66663C5.39759 1.66663 1.66663 5.39759 1.66663 9.99996C1.66663 14.6023 5.39759 18.3333 9.99996 18.3333Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_717_6325", children: jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
|
|
32181
32019
|
}
|
|
32182
32020
|
|
|
32183
|
-
|
|
32184
|
-
|
|
32185
|
-
|
|
32021
|
+
function SvgPlusIcon({ size = "medium", title, id, ...props }) {
|
|
32022
|
+
const iconSize = getIconSize(size);
|
|
32023
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32024
|
+
const isMeaningful = Boolean(title);
|
|
32025
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 640 640", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("path", { d: "M352 128C352 110.3 337.7 96 320 96C302.3 96 288 110.3 288 128L288 288L128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352L288 352L288 512C288 529.7 302.3 544 320 544C337.7 544 352 529.7 352 512L352 352L512 352C529.7 352 544 337.7 544 320C544 302.3 529.7 288 512 288L352 288L352 128z", fill: "currentColor" })] }));
|
|
32186
32026
|
}
|
|
32187
32027
|
|
|
32188
|
-
function SvgTooltipArrowUp({ id
|
|
32189
|
-
|
|
32028
|
+
function SvgTooltipArrowUp({ title, id, ...props }) {
|
|
32029
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32030
|
+
const isMeaningful = Boolean(title);
|
|
32031
|
+
return (jsxs("svg", { id: id, width: "19", height: "9", viewBox: "0 0 19 9", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M8.4188 1.41421C9.19985 0.633163 10.4662 0.633165 11.2472 1.41421L18.833 9L0.833008 9L8.4188 1.41421Z", fill: "currentColor" }) })] }));
|
|
32190
32032
|
}
|
|
32191
32033
|
|
|
32192
|
-
function SvgUpRightFromSquareIcon({ size =
|
|
32193
|
-
|
|
32034
|
+
function SvgUpRightFromSquareIcon({ size = "medium", title, id, ...props }) {
|
|
32035
|
+
const iconSize = getIconSize(size);
|
|
32036
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32037
|
+
const isMeaningful = Boolean(title);
|
|
32038
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M290.4 19.8C295.4 7.8 307.1 0 320 0L480 0c17.7 0 32 14.3 32 32l0 160c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9L400 157.3 246.6 310.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L354.7 112 297.4 54.6c-9.2-9.2-11.9-22.9-6.9-34.9zM0 176c0-44.2 35.8-80 80-80l80 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-80 0c-8.8 0-16 7.2-16 16l0 256c0 8.8 7.2 16 16 16l256 0c8.8 0 16-7.2 16-16l0-80c0-17.7 14.3-32 32-32s32 14.3 32 32l0 80c0 44.2-35.8 80-80 80L80 512c-44.2 0-80-35.8-80-80L0 176z", fill: "currentColor" }) })] }));
|
|
32194
32039
|
}
|
|
32195
32040
|
|
|
32196
|
-
function SvgReactAriaIcon({
|
|
32197
|
-
|
|
32041
|
+
function SvgReactAriaIcon({ size = "medium", title, id, ...props }) {
|
|
32042
|
+
const iconSize = getIconSize(size);
|
|
32043
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32044
|
+
const isMeaningful = Boolean(title);
|
|
32045
|
+
return (jsxs("svg", { id: id, width: iconSize, height: iconSize, viewBox: "200 206 800 790", xmlns: "http://www.w3.org/2000/svg", role: isMeaningful ? "img" : undefined, "aria-labelledby": isMeaningful ? titleId : undefined, "aria-hidden": isMeaningful ? undefined : true, focusable: "false", ...props, children: [title && jsx("title", { id: titleId, children: title }), jsx("g", { children: jsx("path", { d: "M720.67 205.995C867.583 205.995 986.679 325.091 986.68 472.003C986.68 590.753 908.865 691.325 801.446 725.521L979.312 948.055C994.438 966.98 980.963 995 956.736 995H795.612C778.743 995 762.715 987.629 751.734 974.823L697.365 911.421L493.126 653.39C457.134 607.918 489.518 540.979 547.511 540.977L720.67 540.971C758.758 540.971 789.635 510.091 789.635 472.003C789.634 433.915 758.758 403.038 720.67 403.038H429.939C404.955 403.038 388.623 391.886 373.994 373.623L277.349 252.966C262.194 234.045 275.664 205.996 299.905 205.995H720.67Z M396.605 720.706C407.798 705.406 430.443 704.843 442.381 719.568L503.816 797.018H502.786L535.569 838.934C548.074 854.358 549.943 877.191 538.047 893.09L476.638 972.545C465.692 986.707 448.803 995 430.903 995H242.276C218.18 995 204.665 967.248 219.523 948.278L337.992 797.018H337.923L396.605 720.706Z", fill: "#7F57FF" }) })] }));
|
|
32198
32046
|
}
|
|
32199
32047
|
|
|
32200
32048
|
var css_248z$8 = "/* Medium size (default) */\n.bcds-react-aria-Text.medium {\n font: var(--typography-regular-body);\n}\n\n.bcds-react-aria-Text.medium b,\n.bcds-react-aria-Text.medium strong {\n font: var(--typography-bold-body);\n}\n\n.bcds-react-aria-Text.medium i,\n.bcds-react-aria-Text.medium em {\n font: var(--typography-italic-body);\n}\n\n/* Small size */\n.bcds-react-aria-Text.small {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-Text.small b,\n.bcds-react-aria-Text.small strong {\n font: var(--typography-bold-small-body);\n}\n\n.bcds-react-aria-Text.small i,\n.bcds-react-aria-Text.small em {\n font: var(--typography-italic-small-body);\n}\n\n/* Large size */\n.bcds-react-aria-Text.large {\n font: var(--typography-regular-large-body);\n}\n\n.bcds-react-aria-Text.large b,\n.bcds-react-aria-Text.large strong {\n font: var(--typography-bold-large-body);\n}\n\n.bcds-react-aria-Text.large i,\n.bcds-react-aria-Text.large em {\n font: var(--typography-italic-large-body);\n}\n\n/* Text color */\n.bcds-react-aria-Text.primary {\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-Text.primaryInvert {\n color: var(--typography-color-primary-invert);\n}\n.bcds-react-aria-Text.secondary {\n color: var(--typography-color-secondary);\n}\n.bcds-react-aria-Text.secondaryInvert {\n color: var(--typography-color-secondary-invert);\n}\n.bcds-react-aria-Text.disabled {\n color: var(--typography-color-disabled);\n}\n.bcds-react-aria-Text.danger {\n color: var(--typography-color-danger);\n}\n";
|
|
@@ -32228,11 +32076,11 @@ function TextField({ size, label, description, errorMessage, iconLeft, iconRight
|
|
|
32228
32076
|
var css_248z$5 = ".bcds-react-aria-TimeField {\n display: flex;\n flex: 1 1 0;\n flex-direction: column;\n align-self: flex-start;\n width: 100%;\n max-width: -moz-available;\n max-width: -webkit-fill-available;\n}\n\n/* Input field */\n.bcds-react-aria-TimeField--InputContainer {\n display: inline-flex;\n flex-direction: row;\n min-width: 0;\n align-items: center;\n box-sizing: border-box;\n gap: var(--layout-margin-small);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n background: var(--surface-color-forms-default);\n}\n.bcds-react-aria-TimeField--Input {\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n gap: var(--layout-margin-hair);\n width: 100%;\n white-space: nowrap;\n border: none;\n color: var(--typography-color-primary);\n}\n.bcds-react-aria-TimeField--Segment {\n padding: var(--layout-padding-none) var(--layout-padding-hair);\n}\n.bcds-react-aria-TimeField--Segment[data-type=\"literal\"] {\n padding: var(--layout-padding-none);\n}\n.bcds-react-aria-TimeField--Segment[data-type=\"timeZoneName\"] {\n color: var(--typography-color-secondary);\n}\n.bcds-react-aria-TimeField--Input[data-placeholder] {\n color: var(--typography-color-placeholder);\n}\n\n/* Label */\n.bcds-react-aria-TimeField--Label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Required indicator */\n.bcds-react-aria-TimeField--Label.required {\n color: var(--typography-color-secondary);\n padding: var(--layout-padding-none) var(--layout-padding-xsmall);\n}\n\n/* Description */\n.bcds-react-aria-TimeField--Description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Error message */\n.bcds-react-aria-TimeField--Error {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n\n/* Sizing */\n.bcds-react-aria-TimeField.small .bcds-react-aria-TimeField--InputContainer {\n padding: var(--layout-padding-hair) var(--layout-padding-small);\n height: 32px;\n}\n.bcds-react-aria-TimeField.small .bcds-react-aria-TimeField--Segment {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-TimeField.medium .bcds-react-aria-TimeField--InputContainer {\n padding: var(--layout-padding-small) 0.75rem;\n height: 40px;\n}\n.bcds-react-aria-TimeField.medium .bcds-react-aria-TimeField--Segment {\n font: var(--typography-regular-body);\n}\n\n/* Hover and focus states */\n.bcds-react-aria-TimeField--InputContainer:has(\n .bcds-react-aria-TimeField--Input[data-hovered]\n) {\n border-color: var(--surface-color-border-dark);\n}\n.bcds-react-aria-TimeField--InputContainer:has(\n .bcds-react-aria-TimeField--Segment[data-focus-visible]\n) {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n.bcds-react-aria-TimeField--Segment[data-focused] {\n outline: none;\n border-radius: var(--layout-border-radius-small);\n background-color: var(--surface-color-primary-default);\n color: var(--typography-color-primary-invert);\n padding: var(--layout-padding-hair);\n}\n.bcds-react-aria-TimeField--Segment[data-focused][data-type=\"timeZoneName\"] {\n background-color: var(--surface-color-forms-disabled);\n color: var(--typography-color-secondary);\n}\n\n/* Disabled and read-only states */\n.bcds-react-aria-TimeField[data-disabled]\n > .bcds-react-aria-TimeField--InputContainer,\n.bcds-react-aria-TimeField[data-disabled] .bcds-react-aria-TimeField--Input,\n.bcds-react-aria-TimeField[data-disabled]\n .bcds-react-aria-TimeField--Segment[data-type=\"timeZoneName\"] {\n background: var(--surface-color-forms-disabled);\n color: var(--typography-color-placeholder);\n cursor: not-allowed;\n}\n\n.bcds-react-aria-TimeField[data-readonly]\n > .bcds-react-aria-TimeField--InputContainer,\n.bcds-react-aria-TimeField[data-readonly] .bcds-react-aria-TimeField--Input {\n background: var(--surface-color-forms-disabled);\n}\n\n/* Invalid state */\n.bcds-react-aria-TimeField[data-invalid]\n > .bcds-react-aria-TimeField--InputContainer {\n border-radius: var(--layout-border-radius-medium);\n border: var(--layout-border-width-small) solid\n var(--support-border-color-danger);\n background: var(--surface-color-forms-default);\n}\n.bcds-react-aria-TimeField[data-invalid]\n > .bcds-react-aria-TimeField--InputContainer\n > .bcds-react-aria-TimeField--ErrorIcon\n > svg {\n color: var(--icons-color-danger);\n min-width: var(--icons-size-medium);\n height: var(--icons-size-medium);\n}\n";
|
|
32229
32077
|
styleInject(css_248z$5);
|
|
32230
32078
|
|
|
32231
|
-
function TimeField({ size = "medium", label, description, errorMessage,
|
|
32232
|
-
return (jsx($5400c097f4765e59$export$5eaee2322dd727eb, { className: `bcds-react-aria-TimeField ${size}`, ...props, children: ({ isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TimeField--Label", children: [label, isRequired && (jsx("span", { className: "bcds-react-aria-TimeField--Label required", children: "(required)" }))] })), jsxs("div", { className: "bcds-react-aria-TimeField--InputContainer", children: [jsx($5400c097f4765e59$export$7edc06cf1783b30f, { className: "bcds-react-aria-TimeField--Input", children: (segment) => (jsx($5400c097f4765e59$export$336ab7fa954c4b5f, { className: "bcds-react-aria-TimeField--Segment", segment: segment })) }), isInvalid && (jsx("span", { className: "bcds-react-aria-TimeField--ErrorIcon", children: jsx(SvgExclamationIcon, {}) }))] }), description && (jsx(Text, { slot: "description", className: "bcds-react-aria-TimeField--Description", children: description })), jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-TimeField--Error", children: errorMessage })] })) }));
|
|
32079
|
+
function TimeField({ size = "medium", label, description, errorMessage, ...props }) {
|
|
32080
|
+
return (jsx($5400c097f4765e59$export$5eaee2322dd727eb, { className: `bcds-react-aria-TimeField ${size}`, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TimeField--Label", children: [label, isRequired && (jsx("span", { className: "bcds-react-aria-TimeField--Label required", children: "(required)" }))] })), jsxs("div", { className: "bcds-react-aria-TimeField--InputContainer", children: [jsx($5400c097f4765e59$export$7edc06cf1783b30f, { className: "bcds-react-aria-TimeField--Input", children: (segment) => (jsx($5400c097f4765e59$export$336ab7fa954c4b5f, { className: "bcds-react-aria-TimeField--Segment", segment: segment })) }), isInvalid && (jsx("span", { className: "bcds-react-aria-TimeField--ErrorIcon", children: jsx(SvgExclamationIcon, {}) }))] }), description && (jsx(Text, { slot: "description", className: "bcds-react-aria-TimeField--Description", children: description })), jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-TimeField--Error", children: errorMessage })] })) }));
|
|
32233
32081
|
}
|
|
32234
32082
|
|
|
32235
|
-
var css_248z$4 = ".bcds-react-aria-ToggleButton {\n display: inline-flex;\n flex: 0 1 auto;\n flex-
|
|
32083
|
+
var css_248z$4 = ".bcds-react-aria-ToggleButton {\n display: inline-flex;\n flex: 0 1 auto;\n flex-flow: row wrap;\n white-space: normal;\n box-sizing: border-box;\n gap: var(--layout-margin-xsmall);\n align-items: center;\n justify-content: center;\n padding: var(--layout-padding-hair) var(--layout-padding-small);\n color: var(--typography-color-secondary);\n background-color: var(--surface-color-secondary-button-disabled);\n border: var(--layout-border-width-small) solid transparent;\n border-radius: var(--layout-border-radius-medium);\n cursor: pointer;\n}\n\n/* Size */\n.bcds-react-aria-ToggleButtonGroup.small > .bcds-react-aria-ToggleButton,\n.bcds-react-aria-ToggleButton.small {\n font: var(--typography-regular-small-body);\n}\n\n.bcds-react-aria-ToggleButtonGroup.medium > .bcds-react-aria-ToggleButton,\n.bcds-react-aria-ToggleButton.medium {\n font: var(--typography-regular-body);\n}\n\n/* Icon button */\n.bcds-react-aria-ToggleButton.icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n}\n\n.bcds-react-aria-ToggleButton.icon > * {\n line-height: 0;\n}\n\n.bcds-react-aria-ToggleButton.small.icon {\n padding: unset;\n height: var(--icons-size-large);\n width: var(--icons-size-large);\n min-width: var(--icons-size-large);\n}\n\n.bcds-react-aria-ToggleButton.medium.icon {\n padding: unset;\n height: var(--icons-size-xlarge);\n width: var(--icons-size-xlarge);\n min-width: var(--icons-size-xlarge);\n}\n\n/* Active */\n.bcds-react-aria-ToggleButton[data-selected] {\n background-color: var(--surface-color-secondary-button-default);\n color: var(--typography-color-primary);\n border: var(--layout-border-width-small) solid\n var(--surface-color-secondary-button-default);\n box-shadow: var(--surface-shadow-small);\n /* Animate transition on select or deselect */\n transition: 200ms ease;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n/* Hover */\n.bcds-react-aria-ToggleButton[data-hovered] {\n background-color: var(--surface-color-secondary-pressed);\n color: var(--typography-color-primary);\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-medium);\n border-radius: var(--layout-border-radius-medium);\n}\n/* Focused */\n.bcds-react-aria-ToggleButton[data-focus-visible] {\n background-color: var(--theme-blue-10);\n outline: var(--layout-border-width-medium) solid\n var(--surface-color-border-active);\n}\n\n/* Pressed */\n.bcds-react-aria-ToggleButton[data-hovered][data-pressed] {\n background-color: var(--theme-gray-20);\n border: var(--layout-border-width-small) solid var(--theme-gray-20);\n}\n\n/* Disabled */\n.bcds-react-aria-ToggleButton[data-disabled] {\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n /* Animate transition on disable or enable */\n transition: 200ms ease;\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n";
|
|
32236
32084
|
styleInject(css_248z$4);
|
|
32237
32085
|
|
|
32238
32086
|
function ToggleButton({ size = "medium", children, isIconButton = false, ...props }) {
|
|
@@ -32263,9 +32111,9 @@ function Tooltip(props) {
|
|
|
32263
32111
|
var css_248z = ".bcds-react-aria-NumberField {\n display: flex;\n flex-direction: column;\n gap: var(--layout-margin-hair);\n background-color: var(--surface-color-forms-default);\n /* Hacks for `stretch`: https://caniuse.com/mdn-css_properties_max-width_stretch */\n align-self: stretch;\n max-width: -moz-available;\n max-width: -webkit-fill-available;\n}\n/* Input and controls */\n.bcds-react-aria-NumberField--Group {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-medium);\n}\n/* Decrement button */\n.bcds-react-aria-NumberField--Group\n > .bcds-react-aria-NumberField--Button:first-child {\n border-right: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-none);\n}\n.bcds-react-aria-NumberField--Group\n > .bcds-react-aria-NumberField--Button:first-child\n > .bcds-react-aria-Button {\n border-top-right-radius: var(--layout-border-radius-none);\n border-bottom-right-radius: var(--layout-border-radius-none);\n}\n/* Increment button */\n.bcds-react-aria-NumberField--Group\n > .bcds-react-aria-NumberField--Button:last-child {\n border-left: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-radius: var(--layout-border-radius-none);\n}\n.bcds-react-aria-NumberField--Group\n > .bcds-react-aria-NumberField--Button:last-child\n > .bcds-react-aria-Button {\n border-top-left-radius: var(--layout-border-radius-none);\n border-bottom-left-radius: var(--layout-border-radius-none);\n}\n/* Button icons */\n.bcds-react-aria-NumberField--Group > button > svg {\n color: var(--icons-color-primary);\n}\n/* Input container */\n.bcds-react-aria-NumberField--InputContainer {\n display: flex;\n flex-direction: row;\n flex: 1 1 0;\n min-width: 0;\n align-items: center;\n gap: var(--layout-margin-small);\n padding: var(--layout-padding-small) 0.75rem;\n}\n/* Input field */\n.bcds-react-aria-NumberField--Input {\n box-sizing: border-box;\n border: none;\n width: 100%;\n}\n\n/* Sizing */\n.bcds-react-aria-NumberField.medium > .bcds-react-aria-NumberField--Group {\n height: 40px;\n}\n.bcds-react-aria-NumberField.medium .bcds-react-aria-NumberField--Input {\n font: var(--typography-regular-body);\n}\n.bcds-react-aria-NumberField.small > .bcds-react-aria-NumberField--Group {\n height: 32px;\n}\n.bcds-react-aria-NumberField.small .bcds-react-aria-NumberField--Input {\n font: var(--typography-regular-small-body);\n}\n\n/* Label above the input field */\n.bcds-react-aria-NumberField--Label {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-primary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* \"Required\" label */\n.bcds-react-aria-NumberField--Label.required {\n color: var(--typography-color-secondary);\n padding: var(--layout-padding-small) var(--layout-padding-xsmall);\n}\n\n/* Description below the input field */\n.bcds-react-aria-NumberField--Description {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-secondary);\n padding: var(--layout-padding-xsmall) var(--layout-padding-none);\n}\n\n/* Hover state */\n.bcds-react-aria-NumberField--Group[data-hovered],\n.bcds-react-aria-NumberField--Group[data-hovered][data-disabled],\n.bcds-react-aria-NumberField--Group[data-hovered]\n > .bcds-react-aria-NumberField--Button {\n border-color: var(--surface-color-border-dark);\n}\n\n/* Focus state */\n.bcds-react-aria-NumberField--Group[data-focus-within],\n.bcds-react-aria-NumberField--Group[data-focus-within]\n > .bcds-react-aria-NumberField--Button,\n.bcds-react-aria-NumberField--Group[data-hovered][data-focus-within]\n > .bcds-react-aria-NumberField--Button {\n border-color: var(--surface-color-border-active);\n}\n.bcds-react-aria-NumberField--Group[data-focus-within]\n .bcds-react-aria-NumberField--Input,\n.bcds-react-aria-NumberField--Group[data-focus-visible]\n .bcds-react-aria-NumberField--Input {\n outline: none;\n}\n.bcds-react-aria-NumberField--Group[data-focus-visible] {\n outline: solid var(--layout-border-width-medium)\n var(--surface-color-border-active);\n outline-offset: var(--layout-margin-hair);\n}\n\n/* Error state */\n.bcds-react-aria-NumberField--Error {\n font: var(--typography-regular-small-body);\n color: var(--typography-color-danger);\n}\n.bcds-react-aria-NumberField[data-invalid]\n .bcds-react-aria-NumberField--InputContainer\n > svg {\n color: var(--icons-color-danger);\n}\n.bcds-react-aria-NumberField[data-invalid]\n > .bcds-react-aria-NumberField--Group {\n border-color: var(--support-border-color-danger);\n}\n.bcds-react-aria-NumberField[data-invalid]\n > .bcds-react-aria-NumberField--Group\n > .bcds-react-aria-NumberField--Button {\n border-color: var(--support-border-color-danger);\n}\n\n/* Disabled and read-only states */\n.bcds-react-aria-NumberField[data-disabled]\n > .bcds-react-aria-NumberField--Group,\n.bcds-react-aria-NumberField[data-disabled]\n .bcds-react-aria-NumberField--Input {\n background-color: var(--surface-color-forms-disabled);\n color: var(--typography-color-disabled);\n cursor: not-allowed;\n}\n.bcds-react-aria-NumberField--Group\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button[data-disabled] {\n background-color: var(--surface-color-forms-disabled);\n}\n/* BCDS Button style tweaks */\n/* Hover/focus states */\n.bcds-react-aria-NumberField--Group[data-hovered]\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-hovered]\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button[data-disabled] {\n border-top: var(--layout-border-width-small) solid\n var(--surface-color-border-dark);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-dark);\n}\n.bcds-react-aria-NumberField--Group[data-hovered][data-focus-within]\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-focus-within]\n > .bcds-react-aria-NumberField--Button\n .bcds-react-aria-Button[data-disabled] {\n border-top: var(--layout-border-width-small) solid\n var(--surface-color-border-active);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-active);\n}\n/* Disabled/read-only states */\n.bcds-react-aria-NumberField--Group[data-disabled],\n.bcds-react-aria-NumberField--Group\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button[data-disabled] {\n border-top: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n border-bottom: var(--layout-border-width-small) solid\n var(--surface-color-border-default);\n}\n/* Error state */\n.bcds-react-aria-NumberField--Group[data-invalid]\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-invalid][data-focus-within]\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button,\n.bcds-react-aria-NumberField--Group[data-invalid][data-hovered]\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button[data-disabled],\n.bcds-react-aria-NumberField--Group[data-invalid][data-focus-within]\n > .bcds-react-aria-NumberField--Button\n > .bcds-react-aria-Button[data-disabled] {\n border-top: var(--layout-border-width-small) solid\n var(--support-border-color-danger);\n border-bottom: var(--layout-border-width-small) solid\n var(--support-border-color-danger);\n}\n";
|
|
32264
32112
|
styleInject(css_248z);
|
|
32265
32113
|
|
|
32266
|
-
function NumberField({ size = "medium", label, description, errorMessage, ...props }) {
|
|
32267
|
-
return (jsx($10076bcc592bc574$export$63c5fa0b2fdccd2e, { className: `bcds-react-aria-NumberField ${size}`, minValue:
|
|
32114
|
+
function NumberField({ size = "medium", label, description, minValue = 0, errorMessage, ...props }) {
|
|
32115
|
+
return (jsx($10076bcc592bc574$export$63c5fa0b2fdccd2e, { className: `bcds-react-aria-NumberField ${size}`, minValue: minValue, ...props, children: ({ isRequired, isInvalid }) => (jsxs(Fragment$1, { children: [label && (jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-NumberField--Label", children: [label, isRequired && (jsx("span", { className: "bcds-react-aria-NumberField--Label required", children: "(required)" }))] })), jsxs($3a442827418ebe87$export$eb2fcfdbd7ba97d4, { className: "bcds-react-aria-NumberField--Group", children: [jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsx(Button, { size: "small", slot: "decrement", variant: "tertiary", isIconButton: true, children: jsx(SvgMinusIcon, {}) })) : (jsx(Button, { slot: "decrement", variant: "tertiary", isIconButton: true, children: jsx(SvgMinusIcon, {}) })) }), jsxs("div", { className: "bcds-react-aria-NumberField--InputContainer", children: [jsx($41fb335299a4a39e$export$f5b8910cec6cf069, { className: "bcds-react-aria-NumberField--Input" }), isInvalid && jsx(SvgExclamationIcon, {})] }), jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsx(Button, { size: "small", slot: "increment", variant: "tertiary", isIconButton: true, children: jsx(SvgPlusIcon, {}) })) : (jsx(Button, { slot: "increment", variant: "tertiary", isIconButton: true, children: jsx(SvgPlusIcon, {}) })) })] }), description && (jsx(Text, { className: "bcds-react-aria-NumberField--Description", slot: "description", children: description })), isInvalid && (jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-NumberField--Error", children: errorMessage }))] })) }));
|
|
32268
32116
|
}
|
|
32269
32117
|
|
|
32270
|
-
export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, $f2ff30fde7b014be$export$2e1e1122cf0cba88 as DialogTrigger, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Menu, MenuItem, $49319ee1285aa241$export$4b1545b4f2016d26 as MenuSection, $53e61d82d8b8611d$export$8b251419efc915eb as MenuSectionHeader, $49319ee1285aa241$export$27d2ad3c5815583e as MenuTrigger, Modal, NumberField, ProgressBar, ProgressCircle, Radio, RadioGroup, Select, Separator, Subheader, $49319ee1285aa241$export$ecabc99eeffab7ca as SubmenuTrigger, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon
|
|
32118
|
+
export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, $f2ff30fde7b014be$export$2e1e1122cf0cba88 as DialogTrigger, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Menu, MenuItem, $49319ee1285aa241$export$4b1545b4f2016d26 as MenuSection, $53e61d82d8b8611d$export$8b251419efc915eb as MenuSectionHeader, $49319ee1285aa241$export$27d2ad3c5815583e as MenuTrigger, Modal, NumberField, ProgressBar, ProgressCircle, Radio, RadioGroup, Select, Separator, Subheader, $49319ee1285aa241$export$ecabc99eeffab7ca as SubmenuTrigger, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgMinusIcon, SvgPlaceholderIcon, SvgPlusIcon, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, TimeField, ToggleButton, ToggleButtonGroup, Tooltip, $05a50f7d78b03ad9$export$8c610744efcf8a1d as TooltipTrigger };
|
|
32271
32119
|
//# sourceMappingURL=index.js.map
|