@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/cjs/index.cjs
CHANGED
|
@@ -63,7 +63,7 @@ styleInject(css_248z$E);
|
|
|
63
63
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
64
64
|
* governing permissions and limitations under the License.
|
|
65
65
|
*/
|
|
66
|
-
const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? ($8WNJc$react).useLayoutEffect : ()=>{};
|
|
66
|
+
const $c4867b2f328c2698$export$e5c5a5f917a5871c$1 = typeof document !== 'undefined' ? ($8WNJc$react).useLayoutEffect : ()=>{};
|
|
67
67
|
|
|
68
68
|
/*
|
|
69
69
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -84,16 +84,16 @@ const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined
|
|
|
84
84
|
// being on the page at once, the prefix is set to a random number. SSRProvider
|
|
85
85
|
// will reset this to zero for consistency between server and client, so in the
|
|
86
86
|
// SSR case multiple copies of React Aria is not supported.
|
|
87
|
-
const $c7eafbbe1ea5834e$var$defaultContext$
|
|
87
|
+
const $c7eafbbe1ea5834e$var$defaultContext$1 = {
|
|
88
88
|
prefix: String(Math.round(Math.random() * 10000000000)),
|
|
89
89
|
current: 0
|
|
90
90
|
};
|
|
91
|
-
const $c7eafbbe1ea5834e$var$SSRContext$
|
|
92
|
-
const $c7eafbbe1ea5834e$var$IsSSRContext$
|
|
93
|
-
let $c7eafbbe1ea5834e$var$canUseDOM$
|
|
94
|
-
let $c7eafbbe1ea5834e$var$componentIds$
|
|
95
|
-
function $c7eafbbe1ea5834e$var$useCounter$
|
|
96
|
-
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext$
|
|
91
|
+
const $c7eafbbe1ea5834e$var$SSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext$1);
|
|
92
|
+
const $c7eafbbe1ea5834e$var$IsSSRContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(false);
|
|
93
|
+
let $c7eafbbe1ea5834e$var$canUseDOM$1 = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
94
|
+
let $c7eafbbe1ea5834e$var$componentIds$1 = new WeakMap();
|
|
95
|
+
function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
96
|
+
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
|
|
97
97
|
let ref = ($8WNJc$react.useRef)(null);
|
|
98
98
|
// eslint-disable-next-line rulesdir/pure-render
|
|
99
99
|
if (ref.current === null && !isDisabled) {
|
|
@@ -109,9 +109,9 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
|
|
|
109
109
|
// @ts-ignore
|
|
110
110
|
let currentOwner = ($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
|
|
111
111
|
if (currentOwner) {
|
|
112
|
-
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds$
|
|
112
|
+
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds$1.get(currentOwner);
|
|
113
113
|
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
114
|
-
$c7eafbbe1ea5834e$var$componentIds$
|
|
114
|
+
$c7eafbbe1ea5834e$var$componentIds$1.set(currentOwner, {
|
|
115
115
|
id: ctx.current,
|
|
116
116
|
state: currentOwner.memoizedState
|
|
117
117
|
});
|
|
@@ -120,7 +120,7 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
|
|
|
120
120
|
// Reset the counter, and remove from the weak map so we don't
|
|
121
121
|
// do this for subsequent useId calls.
|
|
122
122
|
ctx.current = prevComponentValue.id;
|
|
123
|
-
$c7eafbbe1ea5834e$var$componentIds$
|
|
123
|
+
$c7eafbbe1ea5834e$var$componentIds$1.delete(currentOwner);
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
// eslint-disable-next-line rulesdir/pure-render
|
|
@@ -129,38 +129,38 @@ function $c7eafbbe1ea5834e$var$useCounter$2(isDisabled = false) {
|
|
|
129
129
|
// eslint-disable-next-line rulesdir/pure-render
|
|
130
130
|
return ref.current;
|
|
131
131
|
}
|
|
132
|
-
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId$
|
|
133
|
-
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext$
|
|
132
|
+
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1(defaultId) {
|
|
133
|
+
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext$1);
|
|
134
134
|
// If we are rendering in a non-DOM environment, and there's no SSRProvider,
|
|
135
135
|
// provide a warning to hint to the developer to add one.
|
|
136
|
-
if (ctx === $c7eafbbe1ea5834e$var$defaultContext$
|
|
137
|
-
let counter = $c7eafbbe1ea5834e$var$useCounter$
|
|
138
|
-
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext$
|
|
136
|
+
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.');
|
|
137
|
+
let counter = $c7eafbbe1ea5834e$var$useCounter$1(!!defaultId);
|
|
138
|
+
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext$1 && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
|
|
139
139
|
return defaultId || `${prefix}-${counter}`;
|
|
140
140
|
}
|
|
141
|
-
function $c7eafbbe1ea5834e$var$useModernSSRSafeId$
|
|
141
|
+
function $c7eafbbe1ea5834e$var$useModernSSRSafeId$1(defaultId) {
|
|
142
142
|
let id = ($8WNJc$react).useId();
|
|
143
|
-
let [didSSR] = ($8WNJc$react.useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
144
|
-
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext$
|
|
143
|
+
let [didSSR] = ($8WNJc$react.useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1());
|
|
144
|
+
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext$1.prefix}`;
|
|
145
145
|
return defaultId || `${prefix}-${id}`;
|
|
146
146
|
}
|
|
147
|
-
const $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$
|
|
148
|
-
function $c7eafbbe1ea5834e$var$getSnapshot$
|
|
147
|
+
const $c7eafbbe1ea5834e$export$619500959fc48b26$1 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$1 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1;
|
|
148
|
+
function $c7eafbbe1ea5834e$var$getSnapshot$1() {
|
|
149
149
|
return false;
|
|
150
150
|
}
|
|
151
|
-
function $c7eafbbe1ea5834e$var$getServerSnapshot$
|
|
151
|
+
function $c7eafbbe1ea5834e$var$getServerSnapshot$1() {
|
|
152
152
|
return true;
|
|
153
153
|
}
|
|
154
154
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
155
|
-
function $c7eafbbe1ea5834e$var$subscribe$
|
|
155
|
+
function $c7eafbbe1ea5834e$var$subscribe$1(onStoreChange) {
|
|
156
156
|
// noop
|
|
157
157
|
return ()=>{};
|
|
158
158
|
}
|
|
159
|
-
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
159
|
+
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$1() {
|
|
160
160
|
// In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
|
|
161
|
-
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe$
|
|
161
|
+
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe$1, $c7eafbbe1ea5834e$var$getSnapshot$1, $c7eafbbe1ea5834e$var$getServerSnapshot$1);
|
|
162
162
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
163
|
-
return ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$IsSSRContext$
|
|
163
|
+
return ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$IsSSRContext$1);
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
/*
|
|
@@ -198,7 +198,7 @@ function $1a716630a9e3a599$export$14d238f342723f25(defaultValue) {
|
|
|
198
198
|
if (currValue.current === newValue.value) nextRef.current();
|
|
199
199
|
else setValue(newValue.value);
|
|
200
200
|
});
|
|
201
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
201
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
202
202
|
currValue.current = value;
|
|
203
203
|
// If there is an effect currently running, continue to the next yield.
|
|
204
204
|
if (effect.current) nextRef.current();
|
|
@@ -230,35 +230,35 @@ function $1a716630a9e3a599$export$14d238f342723f25(defaultValue) {
|
|
|
230
230
|
|
|
231
231
|
|
|
232
232
|
// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
|
|
233
|
-
let $390e54f620492c70$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
234
|
-
let $390e54f620492c70$export$d41a04c74483c6ef = new Map();
|
|
233
|
+
let $390e54f620492c70$var$canUseDOM$1 = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
234
|
+
let $390e54f620492c70$export$d41a04c74483c6ef$1 = new Map();
|
|
235
235
|
// This allows us to clean up the idsUpdaterMap when the id is no longer used.
|
|
236
236
|
// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.
|
|
237
237
|
// This can happen in suspended components where mount/unmount is not called.
|
|
238
|
-
let $390e54f620492c70$var$registry;
|
|
239
|
-
if (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry = new FinalizationRegistry((heldValue)=>{
|
|
240
|
-
$390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);
|
|
238
|
+
let $390e54f620492c70$var$registry$1;
|
|
239
|
+
if (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry$1 = new FinalizationRegistry((heldValue)=>{
|
|
240
|
+
$390e54f620492c70$export$d41a04c74483c6ef$1.delete(heldValue);
|
|
241
241
|
});
|
|
242
|
-
function $390e54f620492c70$export$f680877a34711e37(defaultId) {
|
|
242
|
+
function $390e54f620492c70$export$f680877a34711e37$1(defaultId) {
|
|
243
243
|
let [value, setValue] = ($8WNJc$react.useState)(defaultId);
|
|
244
244
|
let nextId = ($8WNJc$react.useRef)(null);
|
|
245
|
-
let res = ($c7eafbbe1ea5834e$export$619500959fc48b26)(value);
|
|
245
|
+
let res = ($c7eafbbe1ea5834e$export$619500959fc48b26$1)(value);
|
|
246
246
|
let cleanupRef = ($8WNJc$react.useRef)(null);
|
|
247
|
-
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.register(cleanupRef, res);
|
|
248
|
-
if ($390e54f620492c70$var$canUseDOM) {
|
|
249
|
-
const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);
|
|
247
|
+
if ($390e54f620492c70$var$registry$1) $390e54f620492c70$var$registry$1.register(cleanupRef, res);
|
|
248
|
+
if ($390e54f620492c70$var$canUseDOM$1) {
|
|
249
|
+
const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef$1.get(res);
|
|
250
250
|
if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
|
|
251
|
-
else $390e54f620492c70$export$d41a04c74483c6ef.set(res, [
|
|
251
|
+
else $390e54f620492c70$export$d41a04c74483c6ef$1.set(res, [
|
|
252
252
|
nextId
|
|
253
253
|
]);
|
|
254
254
|
}
|
|
255
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
255
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
256
256
|
let r = res;
|
|
257
257
|
return ()=>{
|
|
258
258
|
// In Suspense, the cleanup function may be not called
|
|
259
259
|
// when it is though, also remove it from the finalization registry.
|
|
260
|
-
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.unregister(cleanupRef);
|
|
261
|
-
$390e54f620492c70$export$d41a04c74483c6ef.delete(r);
|
|
260
|
+
if ($390e54f620492c70$var$registry$1) $390e54f620492c70$var$registry$1.unregister(cleanupRef);
|
|
261
|
+
$390e54f620492c70$export$d41a04c74483c6ef$1.delete(r);
|
|
262
262
|
};
|
|
263
263
|
}, [
|
|
264
264
|
res
|
|
@@ -276,12 +276,12 @@ function $390e54f620492c70$export$f680877a34711e37(defaultId) {
|
|
|
276
276
|
}
|
|
277
277
|
function $390e54f620492c70$export$cd8c9cb68f842629(idA, idB) {
|
|
278
278
|
if (idA === idB) return idA;
|
|
279
|
-
let setIdsA = $390e54f620492c70$export$d41a04c74483c6ef.get(idA);
|
|
279
|
+
let setIdsA = $390e54f620492c70$export$d41a04c74483c6ef$1.get(idA);
|
|
280
280
|
if (setIdsA) {
|
|
281
281
|
setIdsA.forEach((ref)=>ref.current = idB);
|
|
282
282
|
return idB;
|
|
283
283
|
}
|
|
284
|
-
let setIdsB = $390e54f620492c70$export$d41a04c74483c6ef.get(idB);
|
|
284
|
+
let setIdsB = $390e54f620492c70$export$d41a04c74483c6ef$1.get(idB);
|
|
285
285
|
if (setIdsB) {
|
|
286
286
|
setIdsB.forEach((ref)=>ref.current = idA);
|
|
287
287
|
return idA;
|
|
@@ -289,7 +289,7 @@ function $390e54f620492c70$export$cd8c9cb68f842629(idA, idB) {
|
|
|
289
289
|
return idB;
|
|
290
290
|
}
|
|
291
291
|
function $390e54f620492c70$export$b4cc09c592e8fdb8(depArray = []) {
|
|
292
|
-
let id = $390e54f620492c70$export$f680877a34711e37();
|
|
292
|
+
let id = $390e54f620492c70$export$f680877a34711e37$1();
|
|
293
293
|
let [resolvedId, setResolvedId] = ($1a716630a9e3a599$export$14d238f342723f25)(id);
|
|
294
294
|
let updateId = ($8WNJc$react.useCallback)(()=>{
|
|
295
295
|
setResolvedId(function*() {
|
|
@@ -300,7 +300,7 @@ function $390e54f620492c70$export$b4cc09c592e8fdb8(depArray = []) {
|
|
|
300
300
|
id,
|
|
301
301
|
setResolvedId
|
|
302
302
|
]);
|
|
303
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(updateId, [
|
|
303
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(updateId, [
|
|
304
304
|
id,
|
|
305
305
|
updateId,
|
|
306
306
|
...depArray
|
|
@@ -558,7 +558,7 @@ function $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8(initialState = true) {
|
|
|
558
558
|
setHasSlot(!!el);
|
|
559
559
|
}, []);
|
|
560
560
|
// If the callback hasn't been called, then reset to false.
|
|
561
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
561
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
562
562
|
if (!hasRun.current) setHasSlot(false);
|
|
563
563
|
}, []);
|
|
564
564
|
return [
|
|
@@ -579,7 +579,7 @@ function $7230ffa83bc0c2cf$var$DOMElement(ElementType, props, forwardedRef) {
|
|
|
579
579
|
forwardedRef,
|
|
580
580
|
elementRef
|
|
581
581
|
]);
|
|
582
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
582
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
583
583
|
if (process.env.NODE_ENV !== 'production' && render) {
|
|
584
584
|
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`?');
|
|
585
585
|
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.`);
|
|
@@ -900,7 +900,7 @@ function $a92dc41f639950be$export$715c682d09d639cc(onBlur) {
|
|
|
900
900
|
observer: null
|
|
901
901
|
});
|
|
902
902
|
// Clean up MutationObserver on unmount. See below.
|
|
903
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
903
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
904
904
|
const state = stateRef.current;
|
|
905
905
|
return ()=>{
|
|
906
906
|
if (state.observer) {
|
|
@@ -1401,7 +1401,7 @@ function $8f5a2122b0992be3$export$98e20ec92f614cfe() {
|
|
|
1401
1401
|
$8f5a2122b0992be3$export$901e90a13c50a14e.delete(handler);
|
|
1402
1402
|
};
|
|
1403
1403
|
}, []);
|
|
1404
|
-
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
1404
|
+
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)() ? null : modality;
|
|
1405
1405
|
}
|
|
1406
1406
|
const $8f5a2122b0992be3$var$nonTextInputTypes = new Set([
|
|
1407
1407
|
'checkbox',
|
|
@@ -1493,7 +1493,7 @@ function $bb39c0fc1c19b34c$export$c57958e35f31ed73(target) {
|
|
|
1493
1493
|
|
|
1494
1494
|
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
1495
1495
|
// before all layout effects, but is available only in React 18 and later.
|
|
1496
|
-
const $fe16bffc7a557bf0$var$useEarlyEffect = ($8WNJc$react)['useInsertionEffect'] ?? ($c4867b2f328c2698$export$e5c5a5f917a5871c);
|
|
1496
|
+
const $fe16bffc7a557bf0$var$useEarlyEffect = ($8WNJc$react)['useInsertionEffect'] ?? ($c4867b2f328c2698$export$e5c5a5f917a5871c$1);
|
|
1497
1497
|
function $fe16bffc7a557bf0$export$7f54fc3180508a52(fn) {
|
|
1498
1498
|
const ref = ($8WNJc$react.useRef)(null);
|
|
1499
1499
|
$fe16bffc7a557bf0$var$useEarlyEffect(()=>{
|
|
@@ -1553,7 +1553,7 @@ function $e8ac3c3f5d4bae7f$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
1553
1553
|
let { id: id, 'aria-label': label, 'aria-labelledby': labelledBy } = props;
|
|
1554
1554
|
// If there is both an aria-label and aria-labelledby,
|
|
1555
1555
|
// combine them by pointing to the element itself.
|
|
1556
|
-
id = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
1556
|
+
id = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
1557
1557
|
if (labelledBy && label) {
|
|
1558
1558
|
let ids = new Set([
|
|
1559
1559
|
id,
|
|
@@ -1583,7 +1583,7 @@ function $e8ac3c3f5d4bae7f$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
1583
1583
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1584
1584
|
* governing permissions and limitations under the License.
|
|
1585
1585
|
*/ // https://en.wikipedia.org/wiki/Right-to-left
|
|
1586
|
-
const $d805ff57cab8bee2$var$RTL_SCRIPTS$
|
|
1586
|
+
const $d805ff57cab8bee2$var$RTL_SCRIPTS$1 = new Set([
|
|
1587
1587
|
'Arab',
|
|
1588
1588
|
'Syrc',
|
|
1589
1589
|
'Samr',
|
|
@@ -1595,7 +1595,7 @@ const $d805ff57cab8bee2$var$RTL_SCRIPTS$2 = new Set([
|
|
|
1595
1595
|
'Rohg',
|
|
1596
1596
|
'Hebr'
|
|
1597
1597
|
]);
|
|
1598
|
-
const $d805ff57cab8bee2$var$RTL_LANGS$
|
|
1598
|
+
const $d805ff57cab8bee2$var$RTL_LANGS$1 = new Set([
|
|
1599
1599
|
'ae',
|
|
1600
1600
|
'ar',
|
|
1601
1601
|
'arc',
|
|
@@ -1616,7 +1616,7 @@ const $d805ff57cab8bee2$var$RTL_LANGS$2 = new Set([
|
|
|
1616
1616
|
'ur',
|
|
1617
1617
|
'yi'
|
|
1618
1618
|
]);
|
|
1619
|
-
function $d805ff57cab8bee2$export$702d680b21cbd764$
|
|
1619
|
+
function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
|
|
1620
1620
|
// If the Intl.Locale API is available, use it to get the locale's text direction.
|
|
1621
1621
|
if (Intl.Locale) {
|
|
1622
1622
|
let locale = new Intl.Locale(localeString).maximize();
|
|
@@ -1627,11 +1627,11 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$2(localeString) {
|
|
|
1627
1627
|
if (textInfo) return textInfo.direction === 'rtl';
|
|
1628
1628
|
// Fallback: guess using the script.
|
|
1629
1629
|
// This is more accurate than guessing by language, since languages can be written in multiple scripts.
|
|
1630
|
-
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS$
|
|
1630
|
+
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS$1.has(locale.script);
|
|
1631
1631
|
}
|
|
1632
1632
|
// If not, just guess by the language (first part of the locale)
|
|
1633
1633
|
let lang = localeString.split('-')[0];
|
|
1634
|
-
return $d805ff57cab8bee2$var$RTL_LANGS$
|
|
1634
|
+
return $d805ff57cab8bee2$var$RTL_LANGS$1.has(lang);
|
|
1635
1635
|
}
|
|
1636
1636
|
|
|
1637
1637
|
/*
|
|
@@ -1648,9 +1648,9 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$2(localeString) {
|
|
|
1648
1648
|
|
|
1649
1649
|
|
|
1650
1650
|
// Locale passed from server by PackageLocalizationProvider.
|
|
1651
|
-
const $520a025cdb0d710d$var$localeSymbol$
|
|
1652
|
-
function $520a025cdb0d710d$export$f09106e7c6677ec5$
|
|
1653
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$
|
|
1651
|
+
const $520a025cdb0d710d$var$localeSymbol$1 = Symbol.for('react-aria.i18n.locale');
|
|
1652
|
+
function $520a025cdb0d710d$export$f09106e7c6677ec5$1() {
|
|
1653
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
|
|
1654
1654
|
try {
|
|
1655
1655
|
Intl.DateTimeFormat.supportedLocalesOf([
|
|
1656
1656
|
locale
|
|
@@ -1660,30 +1660,30 @@ function $520a025cdb0d710d$export$f09106e7c6677ec5$2() {
|
|
|
1660
1660
|
}
|
|
1661
1661
|
return {
|
|
1662
1662
|
locale: locale,
|
|
1663
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$
|
|
1663
|
+
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$1)(locale) ? 'rtl' : 'ltr'
|
|
1664
1664
|
};
|
|
1665
1665
|
}
|
|
1666
|
-
let $520a025cdb0d710d$var$currentLocale$
|
|
1667
|
-
let $520a025cdb0d710d$var$listeners$
|
|
1668
|
-
function $520a025cdb0d710d$var$updateLocale$
|
|
1669
|
-
$520a025cdb0d710d$var$currentLocale$
|
|
1670
|
-
for (let listener of $520a025cdb0d710d$var$listeners$
|
|
1666
|
+
let $520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
|
|
1667
|
+
let $520a025cdb0d710d$var$listeners$1 = new Set();
|
|
1668
|
+
function $520a025cdb0d710d$var$updateLocale$1() {
|
|
1669
|
+
$520a025cdb0d710d$var$currentLocale$1 = $520a025cdb0d710d$export$f09106e7c6677ec5$1();
|
|
1670
|
+
for (let listener of $520a025cdb0d710d$var$listeners$1)listener($520a025cdb0d710d$var$currentLocale$1);
|
|
1671
1671
|
}
|
|
1672
|
-
function $520a025cdb0d710d$export$188ec29ebc2bdc3a$
|
|
1673
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
1674
|
-
let [defaultLocale, setDefaultLocale] = ($8WNJc$react.useState)($520a025cdb0d710d$var$currentLocale$
|
|
1672
|
+
function $520a025cdb0d710d$export$188ec29ebc2bdc3a$1() {
|
|
1673
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
1674
|
+
let [defaultLocale, setDefaultLocale] = ($8WNJc$react.useState)($520a025cdb0d710d$var$currentLocale$1);
|
|
1675
1675
|
($8WNJc$react.useEffect)(()=>{
|
|
1676
|
-
if ($520a025cdb0d710d$var$listeners$
|
|
1677
|
-
$520a025cdb0d710d$var$listeners$
|
|
1676
|
+
if ($520a025cdb0d710d$var$listeners$1.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
|
|
1677
|
+
$520a025cdb0d710d$var$listeners$1.add(setDefaultLocale);
|
|
1678
1678
|
return ()=>{
|
|
1679
|
-
$520a025cdb0d710d$var$listeners$
|
|
1680
|
-
if ($520a025cdb0d710d$var$listeners$
|
|
1679
|
+
$520a025cdb0d710d$var$listeners$1.delete(setDefaultLocale);
|
|
1680
|
+
if ($520a025cdb0d710d$var$listeners$1.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale$1);
|
|
1681
1681
|
};
|
|
1682
1682
|
}, []);
|
|
1683
1683
|
// We cannot determine the browser's language on the server, so default to
|
|
1684
1684
|
// en-US. This will be updated after hydration on the client to the correct value.
|
|
1685
1685
|
if (isSSR) {
|
|
1686
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$
|
|
1686
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol$1];
|
|
1687
1687
|
return {
|
|
1688
1688
|
locale: locale || 'en-US',
|
|
1689
1689
|
direction: 'ltr'
|
|
@@ -1705,18 +1705,18 @@ function $520a025cdb0d710d$export$188ec29ebc2bdc3a$2() {
|
|
|
1705
1705
|
*/
|
|
1706
1706
|
|
|
1707
1707
|
|
|
1708
|
-
const $2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1708
|
+
const $2eb8e6d23f3d0cb0$var$I18nContext$1 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
1709
1709
|
/**
|
|
1710
1710
|
* Internal component that handles the case when locale is provided.
|
|
1711
1711
|
*/ function $2eb8e6d23f3d0cb0$var$I18nProviderWithLocale(props) {
|
|
1712
1712
|
let { locale: locale, children: children } = props;
|
|
1713
1713
|
let value = ($8WNJc$react).useMemo(()=>({
|
|
1714
1714
|
locale: locale,
|
|
1715
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$
|
|
1715
|
+
direction: ($d805ff57cab8bee2$export$702d680b21cbd764$1)(locale) ? 'rtl' : 'ltr'
|
|
1716
1716
|
}), [
|
|
1717
1717
|
locale
|
|
1718
1718
|
]);
|
|
1719
|
-
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1719
|
+
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$1.Provider, {
|
|
1720
1720
|
value: value
|
|
1721
1721
|
}, children);
|
|
1722
1722
|
}
|
|
@@ -1724,8 +1724,8 @@ const $2eb8e6d23f3d0cb0$var$I18nContext$2 = /*#__PURE__*/ ($8WNJc$react).createC
|
|
|
1724
1724
|
* Internal component that handles the case when no locale is provided.
|
|
1725
1725
|
*/ function $2eb8e6d23f3d0cb0$var$I18nProviderWithDefaultLocale(props) {
|
|
1726
1726
|
let { children: children } = props;
|
|
1727
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$
|
|
1728
|
-
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1727
|
+
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$1)();
|
|
1728
|
+
return /*#__PURE__*/ ($8WNJc$react).createElement($2eb8e6d23f3d0cb0$var$I18nContext$1.Provider, {
|
|
1729
1729
|
value: defaultLocale
|
|
1730
1730
|
}, children);
|
|
1731
1731
|
}
|
|
@@ -1741,9 +1741,9 @@ function $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82(props) {
|
|
|
1741
1741
|
children: children
|
|
1742
1742
|
});
|
|
1743
1743
|
}
|
|
1744
|
-
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
1745
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$
|
|
1746
|
-
let context = ($8WNJc$react.useContext)($2eb8e6d23f3d0cb0$var$I18nContext$
|
|
1744
|
+
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1() {
|
|
1745
|
+
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a$1)();
|
|
1746
|
+
let context = ($8WNJc$react.useContext)($2eb8e6d23f3d0cb0$var$I18nContext$1);
|
|
1747
1747
|
return context || defaultLocale;
|
|
1748
1748
|
}
|
|
1749
1749
|
|
|
@@ -1896,7 +1896,7 @@ function $cf2482eff2eeeec2$export$87b761675e8eaa10$1(strings, packageName) {
|
|
|
1896
1896
|
return packageName && ($a747a10fe70a57da$export$c17fa47878dc55b6).getGlobalDictionaryForPackage(packageName) || $cf2482eff2eeeec2$var$getCachedDictionary$1(strings);
|
|
1897
1897
|
}
|
|
1898
1898
|
function $cf2482eff2eeeec2$export$f12b703ca79dfbb1(strings, packageName) {
|
|
1899
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
1899
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
1900
1900
|
let dictionary = $cf2482eff2eeeec2$export$87b761675e8eaa10$1(strings, packageName);
|
|
1901
1901
|
return ($8WNJc$react.useMemo)(()=>new ($b27c684a33948c64$export$2f817fcdc4b89ae0)(locale, dictionary), [
|
|
1902
1902
|
locale,
|
|
@@ -2869,7 +2869,7 @@ function $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props) {
|
|
|
2869
2869
|
* governing permissions and limitations under the License.
|
|
2870
2870
|
*/
|
|
2871
2871
|
function $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref) {
|
|
2872
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
2872
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
2873
2873
|
if (context && context.ref && ref) {
|
|
2874
2874
|
context.ref.current = ref.current;
|
|
2875
2875
|
return ()=>{
|
|
@@ -3261,7 +3261,7 @@ function $42ceafc619f9c3ba$var$CollectionInner({ collection: collection, render:
|
|
|
3261
3261
|
// React 16 and 17 don't support useSyncExternalStore natively, and the shim provided by React does not support getServerSnapshot.
|
|
3262
3262
|
// This wrapper uses the shim, but additionally calls getServerSnapshot during SSR (according to SSRProvider).
|
|
3263
3263
|
function $42ceafc619f9c3ba$var$useSyncExternalStoreFallback(subscribe, getSnapshot, getServerSnapshot) {
|
|
3264
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
3264
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
3265
3265
|
let isSSRRef = ($8WNJc$react.useRef)(isSSR);
|
|
3266
3266
|
// This is read immediately inside the wrapper, which also runs during render.
|
|
3267
3267
|
// We just need a ref to avoid invalidating the callback itself, which
|
|
@@ -3424,7 +3424,7 @@ function $42ceafc619f9c3ba$var$CollectionRoot({ children: children }) {
|
|
|
3424
3424
|
]);
|
|
3425
3425
|
// During SSR, we render the content directly, and append nodes to the document during render.
|
|
3426
3426
|
// The collection children return null so that nothing is actually rendered into the HTML.
|
|
3427
|
-
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
3427
|
+
return ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)() ? /*#__PURE__*/ ($8WNJc$react).createElement($42ceafc619f9c3ba$var$SSRContext.Provider, {
|
|
3428
3428
|
value: doc
|
|
3429
3429
|
}, wrappedChildren) : /*#__PURE__*/ ($3wX5A$reactdom.createPortal)(wrappedChildren, doc);
|
|
3430
3430
|
}
|
|
@@ -4911,8 +4911,8 @@ const $43a3b93638fe5db9$export$b04be29aa201d4f5 = /*#__PURE__*/ ($d7f64c32b702fe
|
|
|
4911
4911
|
|
|
4912
4912
|
function $0beb20c9744a2065$export$8467354a121f1b9f(props) {
|
|
4913
4913
|
let { id: id, label: label, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, labelElementType: labelElementType = 'label' } = props;
|
|
4914
|
-
id = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
4915
|
-
let labelId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
4914
|
+
id = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
4915
|
+
let labelId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
4916
4916
|
let labelProps = {};
|
|
4917
4917
|
if (label) {
|
|
4918
4918
|
ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
|
|
@@ -5379,7 +5379,7 @@ function $eb76cf4feb040f77$var$escapeRegex(string) {
|
|
|
5379
5379
|
|
|
5380
5380
|
|
|
5381
5381
|
function $bd90acf18e792be6$export$b7a616150fdb9f44(options = {}) {
|
|
5382
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
5382
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
5383
5383
|
return ($8WNJc$react.useMemo)(()=>new ($1dfb119a85e764e5$export$cc77c4ff7e8673c5)(locale, options), [
|
|
5384
5384
|
locale,
|
|
5385
5385
|
options
|
|
@@ -5750,8 +5750,8 @@ const $7705c033048f6da7$export$353f5b6fc5456de1 = /*#__PURE__*/ ($d7f64c32b702fe
|
|
|
5750
5750
|
values: renderValues,
|
|
5751
5751
|
defaultClassName: 'react-aria-Button'
|
|
5752
5752
|
});
|
|
5753
|
-
let buttonId = ($390e54f620492c70$export$f680877a34711e37)(buttonProps.id);
|
|
5754
|
-
let progressId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
5753
|
+
let buttonId = ($390e54f620492c70$export$f680877a34711e37$1)(buttonProps.id);
|
|
5754
|
+
let progressId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
5755
5755
|
let ariaLabelledby = buttonProps['aria-labelledby'];
|
|
5756
5756
|
if (isPending) {
|
|
5757
5757
|
// aria-labelledby wins over aria-label
|
|
@@ -6486,7 +6486,7 @@ $e05239aa7a8d905d$exports = {
|
|
|
6486
6486
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
6487
6487
|
* governing permissions and limitations under the License.
|
|
6488
6488
|
*/ /* eslint-disable rulesdir/pure-render */
|
|
6489
|
-
function $9c268ab73a5d55e5$export$722debc0e56fea39$
|
|
6489
|
+
function $9c268ab73a5d55e5$export$722debc0e56fea39$1(value, isEqual) {
|
|
6490
6490
|
// Using a ref during render is ok here because it's only an optimization – both values are equivalent.
|
|
6491
6491
|
// If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
|
|
6492
6492
|
let lastValue = ($8WNJc$react.useRef)(null);
|
|
@@ -8893,16 +8893,16 @@ function $12a3c853105e5a70$var$getResolvedHourCycle(locale, options) {
|
|
|
8893
8893
|
|
|
8894
8894
|
|
|
8895
8895
|
|
|
8896
|
-
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8896
|
+
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79$1(options) {
|
|
8897
8897
|
// Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
|
|
8898
|
-
options = ($9c268ab73a5d55e5$export$722debc0e56fea39$
|
|
8899
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
8898
|
+
options = ($9c268ab73a5d55e5$export$722debc0e56fea39$1)(options ?? {}, $60f33508b4cd9d3b$var$isEqual$1);
|
|
8899
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
8900
8900
|
return ($8WNJc$react.useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
|
|
8901
8901
|
locale,
|
|
8902
8902
|
options
|
|
8903
8903
|
]);
|
|
8904
8904
|
}
|
|
8905
|
-
function $60f33508b4cd9d3b$var$isEqual$
|
|
8905
|
+
function $60f33508b4cd9d3b$var$isEqual$1(a, b) {
|
|
8906
8906
|
if (a === b) return true;
|
|
8907
8907
|
let aKeys = Object.keys(a);
|
|
8908
8908
|
let bKeys = Object.keys(b);
|
|
@@ -8940,7 +8940,7 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
|
|
|
8940
8940
|
let start, end;
|
|
8941
8941
|
if ('highlightedRange' in state) ({ start: start, end: end } = state.highlightedRange || {});
|
|
8942
8942
|
else start = end = state.value ?? undefined;
|
|
8943
|
-
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8943
|
+
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
8944
8944
|
weekday: 'long',
|
|
8945
8945
|
month: 'long',
|
|
8946
8946
|
year: 'numeric',
|
|
@@ -8979,14 +8979,14 @@ function $9bac9bf03b87f160$export$b6df97c887c38e1a(state) {
|
|
|
8979
8979
|
function $9bac9bf03b87f160$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
|
|
8980
8980
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$f($e05239aa7a8d905d$exports))), '@react-aria/calendar');
|
|
8981
8981
|
let era = $9bac9bf03b87f160$export$134cbb7fb09a9522(startDate) || $9bac9bf03b87f160$export$134cbb7fb09a9522(endDate);
|
|
8982
|
-
let monthFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8982
|
+
let monthFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
8983
8983
|
month: 'long',
|
|
8984
8984
|
year: 'numeric',
|
|
8985
8985
|
era: era,
|
|
8986
8986
|
calendar: startDate.calendar.identifier,
|
|
8987
8987
|
timeZone: timeZone
|
|
8988
8988
|
});
|
|
8989
|
-
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
8989
|
+
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
8990
8990
|
month: 'long',
|
|
8991
8991
|
year: 'numeric',
|
|
8992
8992
|
day: 'numeric',
|
|
@@ -9205,7 +9205,7 @@ function $a1efc3efb5426bf7$export$3ee915f8151bd4f1(props, state) {
|
|
|
9205
9205
|
|
|
9206
9206
|
function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
|
|
9207
9207
|
let { startDate: startDate = state.visibleRange.start, endDate: endDate = state.visibleRange.end, firstDayOfWeek: firstDayOfWeek } = props;
|
|
9208
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
9208
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
9209
9209
|
let onKeyDown = (e)=>{
|
|
9210
9210
|
switch(e.key){
|
|
9211
9211
|
case 'Enter':
|
|
@@ -9273,11 +9273,11 @@ function $2d54ee2ec11ddab8$export$cb95147730a423f5(props, state) {
|
|
|
9273
9273
|
].filter(Boolean).join(', '),
|
|
9274
9274
|
'aria-labelledby': ariaLabelledBy
|
|
9275
9275
|
});
|
|
9276
|
-
let dayFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
9276
|
+
let dayFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
9277
9277
|
weekday: props.weekdayStyle || 'narrow',
|
|
9278
9278
|
timeZone: state.timeZone
|
|
9279
9279
|
});
|
|
9280
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
9280
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
9281
9281
|
let weekDays = ($8WNJc$react.useMemo)(()=>{
|
|
9282
9282
|
let weekStart = ($ad063034c8620db8$export$42c81a444fbfb5d4)(($ad063034c8620db8$export$d0bdf45af03a6ea3)(state.timeZone), locale, firstDayOfWeek);
|
|
9283
9283
|
return [
|
|
@@ -9514,7 +9514,7 @@ let $121970af65029459$var$descriptionId = 0;
|
|
|
9514
9514
|
const $121970af65029459$var$descriptionNodes = new Map();
|
|
9515
9515
|
function $121970af65029459$export$f8aeda7b10753fa1(description) {
|
|
9516
9516
|
let [id, setId] = ($8WNJc$react.useState)();
|
|
9517
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
9517
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
9518
9518
|
if (!description) return;
|
|
9519
9519
|
let desc = $121970af65029459$var$descriptionNodes.get(description);
|
|
9520
9520
|
if (!desc) {
|
|
@@ -9578,7 +9578,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
|
|
|
9578
9578
|
let { date: date, isDisabled: isDisabled } = props;
|
|
9579
9579
|
let { errorMessageId: errorMessageId, selectedDateDescription: selectedDateDescription } = ($9bac9bf03b87f160$export$653eddfc964b0f8a).get(state);
|
|
9580
9580
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$d($e05239aa7a8d905d$exports))), '@react-aria/calendar');
|
|
9581
|
-
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
9581
|
+
let dateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
9582
9582
|
weekday: 'long',
|
|
9583
9583
|
day: 'numeric',
|
|
9584
9584
|
month: 'long',
|
|
@@ -9595,7 +9595,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
|
|
|
9595
9595
|
if (isInvalid) isSelected = true;
|
|
9596
9596
|
// For performance, reuse the same date object as before if the new date prop is the same.
|
|
9597
9597
|
// This allows subsequent useMemo results to be reused.
|
|
9598
|
-
date = ($9c268ab73a5d55e5$export$722debc0e56fea39$
|
|
9598
|
+
date = ($9c268ab73a5d55e5$export$722debc0e56fea39$1)(date, ($ad063034c8620db8$export$91b62ebf2ba703ee));
|
|
9599
9599
|
let nativeDate = ($8WNJc$react.useMemo)(()=>date.toDate(state.timeZone), [
|
|
9600
9600
|
date,
|
|
9601
9601
|
state.timeZone
|
|
@@ -9769,7 +9769,7 @@ function $be61a22f9aa88c7c$export$136073280381448e(props, state, ref) {
|
|
|
9769
9769
|
isFocused,
|
|
9770
9770
|
ref
|
|
9771
9771
|
]);
|
|
9772
|
-
let cellDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
9772
|
+
let cellDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
9773
9773
|
day: 'numeric',
|
|
9774
9774
|
timeZone: state.timeZone,
|
|
9775
9775
|
calendar: date.calendar.identifier
|
|
@@ -10280,7 +10280,7 @@ const $6f9a1820b787aac7$export$9e31dcedda1dadc7 = /*#__PURE__*/ ($8WNJc$react.cr
|
|
|
10280
10280
|
const $6f9a1820b787aac7$export$5e0fc348c00f87a0 = /*#__PURE__*/ ($8WNJc$react.createContext)(null);
|
|
10281
10281
|
const $6f9a1820b787aac7$export$e1aef45b828286de = /*#__PURE__*/ ($8WNJc$react.forwardRef)(function Calendar(props, ref) {
|
|
10282
10282
|
[props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $6f9a1820b787aac7$export$3b805cea1f178355);
|
|
10283
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
10283
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
10284
10284
|
let state = ($ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f)({
|
|
10285
10285
|
...props,
|
|
10286
10286
|
locale: locale,
|
|
@@ -11023,7 +11023,7 @@ function $876b6f32ca5a04c3$export$cbe85ee05b554577(props, state, ref) {
|
|
|
11023
11023
|
function $860f7da480e22816$export$b8473d3665f3a75a(props, state, ref) {
|
|
11024
11024
|
let { validationBehavior: validationBehavior, focus: focus } = props;
|
|
11025
11025
|
// This is a useLayoutEffect so that it runs before the useEffect in useFormValidationState, which commits the validation change.
|
|
11026
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
11026
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
11027
11027
|
if (validationBehavior === 'native' && ref?.current && !ref.current.disabled) {
|
|
11028
11028
|
let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(' ') || 'Invalid value.' : '';
|
|
11029
11029
|
ref.current.setCustomValidity(errorMessage);
|
|
@@ -12729,7 +12729,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
|
|
|
12729
12729
|
commit,
|
|
12730
12730
|
inputRef
|
|
12731
12731
|
]);
|
|
12732
|
-
let inputId = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
12732
|
+
let inputId = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
12733
12733
|
let { focusProps: focusProps } = ($1e74c67db218ce67$export$f8168d8dd8fd66e6)({
|
|
12734
12734
|
onBlur () {
|
|
12735
12735
|
commitAndAnnounce();
|
|
@@ -12907,8 +12907,8 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
|
|
|
12907
12907
|
let fieldLabel = props['aria-label'] || (typeof props.label === 'string' ? props.label : '');
|
|
12908
12908
|
let ariaLabelledby;
|
|
12909
12909
|
if (!fieldLabel) ariaLabelledby = props.label != null ? labelProps.id : props['aria-labelledby'];
|
|
12910
|
-
let incrementId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
12911
|
-
let decrementId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
12910
|
+
let incrementId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
12911
|
+
let decrementId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
12912
12912
|
let incrementButtonProps = ($bbaa08b3cd72f041$export$9d1611c77c2fe928)(incButtonProps, {
|
|
12913
12913
|
'aria-label': incrementAriaLabel || stringFormatter.format('increase', {
|
|
12914
12914
|
fieldLabel: fieldLabel
|
|
@@ -12955,7 +12955,7 @@ function $cd2fa56213693c5e$export$23f548e970bdf099(props, state, inputRef) {
|
|
|
12955
12955
|
}
|
|
12956
12956
|
let $cd2fa56213693c5e$var$numberInput = null;
|
|
12957
12957
|
function $cd2fa56213693c5e$var$useNativeValidation(state, validationBehavior, commitBehavior, inputRef, min, max, step, value) {
|
|
12958
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
12958
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
12959
12959
|
let input = inputRef.current;
|
|
12960
12960
|
if (commitBehavior !== 'validate' || state.realtimeValidation.isInvalid || !input || input.disabled) return;
|
|
12961
12961
|
// Create a native number input and use it to implement validation of min/max/step.
|
|
@@ -14011,7 +14011,7 @@ function $535772f9d2c1f38d$export$20e40289641fbbb6(props) {
|
|
|
14011
14011
|
}), [
|
|
14012
14012
|
scopeRef
|
|
14013
14013
|
]);
|
|
14014
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14014
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14015
14015
|
// If a new scope mounts outside the active scope, (e.g. DialogContainer launched from a menu),
|
|
14016
14016
|
// use the active scope as the parent instead of the parent from context. Layout effects run bottom
|
|
14017
14017
|
// up, so if the parent is not yet added to the tree, don't do this. Only the outer-most FocusScope
|
|
@@ -14028,13 +14028,13 @@ function $535772f9d2c1f38d$export$20e40289641fbbb6(props) {
|
|
|
14028
14028
|
node,
|
|
14029
14029
|
parentNode
|
|
14030
14030
|
]);
|
|
14031
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14031
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14032
14032
|
let node = $535772f9d2c1f38d$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
14033
14033
|
if (node) node.contain = !!contain;
|
|
14034
14034
|
}, [
|
|
14035
14035
|
contain
|
|
14036
14036
|
]);
|
|
14037
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14037
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14038
14038
|
// Find all rendered nodes between the sentinels and add them to the scope.
|
|
14039
14039
|
let node = startRef.current?.nextSibling;
|
|
14040
14040
|
let nodes = [];
|
|
@@ -14072,7 +14072,7 @@ function $535772f9d2c1f38d$export$20e40289641fbbb6(props) {
|
|
|
14072
14072
|
]);
|
|
14073
14073
|
// This layout effect cleanup is so that the tree node is removed synchronously with react before the RAF
|
|
14074
14074
|
// in useRestoreFocus cleanup runs.
|
|
14075
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14075
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14076
14076
|
return ()=>{
|
|
14077
14077
|
// Scope may have been re-parented.
|
|
14078
14078
|
let parentScope = $535772f9d2c1f38d$export$d06fae2ee68b101e.getTreeNode(scopeRef)?.parent?.scopeRef ?? null;
|
|
@@ -14202,7 +14202,7 @@ function $535772f9d2c1f38d$var$isTabbableRadio(element) {
|
|
|
14202
14202
|
function $535772f9d2c1f38d$var$useFocusContainment(scopeRef, contain) {
|
|
14203
14203
|
let focusedNode = ($8WNJc$react.useRef)(undefined);
|
|
14204
14204
|
let raf = ($8WNJc$react.useRef)(undefined);
|
|
14205
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14205
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14206
14206
|
let scope = scopeRef.current;
|
|
14207
14207
|
if (!contain) {
|
|
14208
14208
|
// if contain was changed, then we should cancel any ongoing waits to pull focus back into containment
|
|
@@ -14285,7 +14285,7 @@ function $535772f9d2c1f38d$var$useFocusContainment(scopeRef, contain) {
|
|
|
14285
14285
|
contain
|
|
14286
14286
|
]);
|
|
14287
14287
|
// This is a useLayoutEffect so it is guaranteed to run before our async synthetic blur
|
|
14288
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14288
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14289
14289
|
return ()=>{
|
|
14290
14290
|
if (raf.current) cancelAnimationFrame(raf.current);
|
|
14291
14291
|
};
|
|
@@ -14372,7 +14372,7 @@ function $535772f9d2c1f38d$var$useAutoFocus(scopeRef, autoFocus) {
|
|
|
14372
14372
|
function $535772f9d2c1f38d$var$useActiveScopeTracker(scopeRef, restore, contain) {
|
|
14373
14373
|
// tracks the active scope, in case restore and contain are both false.
|
|
14374
14374
|
// if either are true, this is tracked in useRestoreFocus or useFocusContainment.
|
|
14375
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14375
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14376
14376
|
if (restore || contain) return;
|
|
14377
14377
|
let scope = scopeRef.current;
|
|
14378
14378
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scope ? scope[0] : undefined);
|
|
@@ -14406,7 +14406,7 @@ function $535772f9d2c1f38d$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
14406
14406
|
const nodeToRestoreRef = ($8WNJc$react.useRef)(typeof document !== 'undefined' ? ($23f2114a1b82827e$export$cd4e5573fbe2b576)(($d447af545b77c9f1$export$b204af158042fbac)(scopeRef.current ? scopeRef.current[0] : undefined)) : null);
|
|
14407
14407
|
// restoring scopes should all track if they are active regardless of contain, but contain already tracks it plus logic to contain the focus
|
|
14408
14408
|
// restoring-non-containing scopes should only care if they become active so they can perform the restore
|
|
14409
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14409
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14410
14410
|
let scope = scopeRef.current;
|
|
14411
14411
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scope ? scope[0] : undefined);
|
|
14412
14412
|
if (!restoreFocus || contain) return;
|
|
@@ -14426,7 +14426,7 @@ function $535772f9d2c1f38d$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
14426
14426
|
scopeRef,
|
|
14427
14427
|
contain
|
|
14428
14428
|
]);
|
|
14429
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14429
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14430
14430
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scopeRef.current ? scopeRef.current[0] : undefined);
|
|
14431
14431
|
if (!restoreFocus) return;
|
|
14432
14432
|
// Handle the Tab key so that tabbing out of the scope goes to the next element
|
|
@@ -14478,7 +14478,7 @@ function $535772f9d2c1f38d$var$useRestoreFocus(scopeRef, restoreFocus, contain)
|
|
|
14478
14478
|
contain
|
|
14479
14479
|
]);
|
|
14480
14480
|
// useLayoutEffect instead of useEffect so the active element is saved synchronously instead of asynchronously.
|
|
14481
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14481
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14482
14482
|
const ownerDocument = ($d447af545b77c9f1$export$b204af158042fbac)(scopeRef.current ? scopeRef.current[0] : undefined);
|
|
14483
14483
|
if (!restoreFocus) return;
|
|
14484
14484
|
let treeNode = $535772f9d2c1f38d$export$d06fae2ee68b101e.getTreeNode(scopeRef);
|
|
@@ -14736,7 +14736,7 @@ function $22bbea12c2567021$export$c3d8340acf92597f(collectionRef, key) {
|
|
|
14736
14736
|
}
|
|
14737
14737
|
const $22bbea12c2567021$var$collectionMap = new WeakMap();
|
|
14738
14738
|
function $22bbea12c2567021$export$881eb0d9f3605d9d(collection) {
|
|
14739
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)();
|
|
14739
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
14740
14740
|
$22bbea12c2567021$var$collectionMap.set(collection, id);
|
|
14741
14741
|
return id;
|
|
14742
14742
|
}
|
|
@@ -14825,13 +14825,13 @@ function $f5a4a9a3486154da$var$getStringForKey(key) {
|
|
|
14825
14825
|
function $a475cdc2445827b5$export$72ef708ab07251f1(effect, dependencies) {
|
|
14826
14826
|
const isInitialMount = ($8WNJc$react.useRef)(true);
|
|
14827
14827
|
const lastDeps = ($8WNJc$react.useRef)(null);
|
|
14828
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14828
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14829
14829
|
isInitialMount.current = true;
|
|
14830
14830
|
return ()=>{
|
|
14831
14831
|
isInitialMount.current = false;
|
|
14832
14832
|
};
|
|
14833
14833
|
}, []);
|
|
14834
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
14834
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
14835
14835
|
if (isInitialMount.current) isInitialMount.current = false;
|
|
14836
14836
|
else if (!lastDeps.current || dependencies.some((dep, i)=>!Object.is(dep, lastDeps[i]))) effect();
|
|
14837
14837
|
lastDeps.current = dependencies;
|
|
@@ -14871,7 +14871,7 @@ function $a475cdc2445827b5$export$72ef708ab07251f1(effect, dependencies) {
|
|
|
14871
14871
|
function $d667c2af82d35a98$export$d6daf82dcd84e87c(options) {
|
|
14872
14872
|
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
|
|
14873
14873
|
scrollRef = ref, linkBehavior: linkBehavior = 'action' } = options;
|
|
14874
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
14874
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
14875
14875
|
let router = ($caaf0dd3060ed57c$export$9a302a45f65d0572)();
|
|
14876
14876
|
let onKeyDown = (e)=>{
|
|
14877
14877
|
// Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
|
|
@@ -15468,7 +15468,7 @@ class $ae8f8d98b2b18f2f$export$a05409b8bb224a5a {
|
|
|
15468
15468
|
*/
|
|
15469
15469
|
let $673d46fce3e5717d$var$cache = new Map();
|
|
15470
15470
|
function $673d46fce3e5717d$export$a16aca283550c30d(options) {
|
|
15471
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
15471
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
15472
15472
|
let cacheKey = locale + (options ? Object.entries(options).sort((a, b)=>a[0] < b[0] ? -1 : 1).join() : '');
|
|
15473
15473
|
if ($673d46fce3e5717d$var$cache.has(cacheKey)) return $673d46fce3e5717d$var$cache.get(cacheKey);
|
|
15474
15474
|
let formatter = new Intl.Collator(locale, options);
|
|
@@ -15571,7 +15571,7 @@ function $686593f99a1df089$export$50eacbbf140a3141(props, state, ref) {
|
|
|
15571
15571
|
onFocusWithinChange: props.onFocusChange
|
|
15572
15572
|
});
|
|
15573
15573
|
// Share list id and some props with child options.
|
|
15574
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)(props.id);
|
|
15574
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)(props.id);
|
|
15575
15575
|
($cd088b5c0d7b27b4$export$3585ede4d035bf14).set(state, {
|
|
15576
15576
|
id: id,
|
|
15577
15577
|
shouldUseVirtualFocus: props.shouldUseVirtualFocus,
|
|
@@ -15706,7 +15706,7 @@ function $7b01448eaad0fe7c$export$c24ed0104d07eab9(props) {
|
|
|
15706
15706
|
function $f6ba6936bfd098a0$export$ecf600387e221c37(options) {
|
|
15707
15707
|
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;
|
|
15708
15708
|
let router = ($caaf0dd3060ed57c$export$9a302a45f65d0572)();
|
|
15709
|
-
id = ($390e54f620492c70$export$f680877a34711e37)(id);
|
|
15709
|
+
id = ($390e54f620492c70$export$f680877a34711e37$1)(id);
|
|
15710
15710
|
let onSelect = (e)=>{
|
|
15711
15711
|
if (e.pointerType === 'keyboard' && ($22bbea12c2567021$export$d3e3bd3e26688c04)(e)) manager.toggleSelection(key);
|
|
15712
15712
|
else {
|
|
@@ -16134,7 +16134,7 @@ function $dae966e193913d1b$export$497855f14858aa34(props, state, ref) {
|
|
|
16134
16134
|
*/
|
|
16135
16135
|
function $3d6c959d2ef57b72$export$c3f9f39876e4bc7(props) {
|
|
16136
16136
|
let { heading: heading, 'aria-label': ariaLabel } = props;
|
|
16137
|
-
let headingId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
16137
|
+
let headingId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
16138
16138
|
return {
|
|
16139
16139
|
itemProps: {
|
|
16140
16140
|
role: 'presentation'
|
|
@@ -17021,7 +17021,7 @@ function $0407362eaf54473e$export$ccaea96c28e8b9e7(props, ref) {
|
|
|
17021
17021
|
// Up to user discretion as to how to handle these multiple onLoadMore calls
|
|
17022
17022
|
if (entry.isIntersecting && onLoadMore) onLoadMore();
|
|
17023
17023
|
});
|
|
17024
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
17024
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
17025
17025
|
if (ref.current) {
|
|
17026
17026
|
// 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
|
|
17027
17027
|
// 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
|
|
@@ -17128,7 +17128,7 @@ function $928221da08ecbc62$var$ListBoxInner({ state: inputState, props: props, l
|
|
|
17128
17128
|
let { collection: collection, selectionManager: selectionManager } = state;
|
|
17129
17129
|
let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;
|
|
17130
17130
|
let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;
|
|
17131
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
17131
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
17132
17132
|
let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = selectionManager;
|
|
17133
17133
|
let collator = ($673d46fce3e5717d$export$a16aca283550c30d)({
|
|
17134
17134
|
usage: 'search',
|
|
@@ -18248,7 +18248,7 @@ function $970072cf4b13fde3$export$683480f191c0e3ea(options) {
|
|
|
18248
18248
|
|
|
18249
18249
|
let $b3526bc71400be8d$var$visualViewport = typeof document !== 'undefined' ? window.visualViewport : null;
|
|
18250
18250
|
function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
18251
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
18251
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
18252
18252
|
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;
|
|
18253
18253
|
let [position, setPosition] = ($8WNJc$react.useState)(null);
|
|
18254
18254
|
let deps = [
|
|
@@ -18345,7 +18345,7 @@ function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
|
18345
18345
|
}, deps);
|
|
18346
18346
|
// Update position when anything changes
|
|
18347
18347
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18348
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(updatePosition, deps);
|
|
18348
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(updatePosition, deps);
|
|
18349
18349
|
// Update position on window resize
|
|
18350
18350
|
$b3526bc71400be8d$var$useResize(updatePosition);
|
|
18351
18351
|
// Update position when the overlay changes size (might need to flip).
|
|
@@ -18361,7 +18361,7 @@ function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
|
18361
18361
|
// Reposition the overlay and do not close on scroll while the visual viewport is resizing.
|
|
18362
18362
|
// This will ensure that overlays adjust their positioning when the iOS virtual keyboard appears.
|
|
18363
18363
|
let isResizing = ($8WNJc$react.useRef)(false);
|
|
18364
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
18364
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
18365
18365
|
let timeout;
|
|
18366
18366
|
let onResize = ()=>{
|
|
18367
18367
|
isResizing.current = true;
|
|
@@ -18423,7 +18423,7 @@ function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
|
18423
18423
|
};
|
|
18424
18424
|
}
|
|
18425
18425
|
function $b3526bc71400be8d$var$useResize(onResize) {
|
|
18426
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
18426
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
18427
18427
|
window.addEventListener('resize', onResize, false);
|
|
18428
18428
|
return ()=>{
|
|
18429
18429
|
window.removeEventListener('resize', onResize, false);
|
|
@@ -18648,7 +18648,7 @@ let $0644e3663365bfe5$var$preventScrollCount = 0;
|
|
|
18648
18648
|
let $0644e3663365bfe5$var$restore;
|
|
18649
18649
|
function $0644e3663365bfe5$export$ee0f7cc6afcd1c18(options = {}) {
|
|
18650
18650
|
let { isDisabled: isDisabled } = options;
|
|
18651
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
18651
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
18652
18652
|
if (isDisabled) return;
|
|
18653
18653
|
$0644e3663365bfe5$var$preventScrollCount++;
|
|
18654
18654
|
if ($0644e3663365bfe5$var$preventScrollCount === 1) {
|
|
@@ -19262,7 +19262,7 @@ function $72abaeab4d80592f$export$9fc1347d4195ccb3() {
|
|
|
19262
19262
|
|
|
19263
19263
|
const $d7a937236970dc7f$export$a2200b96afd16271 = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
19264
19264
|
function $d7a937236970dc7f$export$c6fdb837b070b4ff(props) {
|
|
19265
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
19265
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
19266
19266
|
let { portalContainer: portalContainer = isSSR ? null : document.body, isExiting: isExiting } = props;
|
|
19267
19267
|
let [contain, setContain] = ($8WNJc$react.useState)(false);
|
|
19268
19268
|
let contextValue = ($8WNJc$react.useMemo)(()=>({
|
|
@@ -19288,7 +19288,7 @@ function $d7a937236970dc7f$export$c6fdb837b070b4ff(props) {
|
|
|
19288
19288
|
function $d7a937236970dc7f$export$14c98a7594375490() {
|
|
19289
19289
|
let ctx = ($8WNJc$react.useContext)($d7a937236970dc7f$export$a2200b96afd16271);
|
|
19290
19290
|
let setContain = ctx?.setContain;
|
|
19291
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19291
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19292
19292
|
setContain?.(true);
|
|
19293
19293
|
}, [
|
|
19294
19294
|
setContain
|
|
@@ -19356,7 +19356,7 @@ function $fcc7165e876206c6$export$6d3443f2c48bfc20(ref, isReady = true) {
|
|
|
19356
19356
|
//
|
|
19357
19357
|
// In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).
|
|
19358
19358
|
// This can happen when isReady starts as false (e.g. popovers prior to placement calculation).
|
|
19359
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19359
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19360
19360
|
if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {
|
|
19361
19361
|
for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();
|
|
19362
19362
|
}
|
|
@@ -19389,7 +19389,7 @@ function $fcc7165e876206c6$export$45fda7c47f93fd48(ref, isOpen) {
|
|
|
19389
19389
|
return isExiting;
|
|
19390
19390
|
}
|
|
19391
19391
|
function $fcc7165e876206c6$var$useAnimation(ref, isActive, onEnd) {
|
|
19392
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19392
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19393
19393
|
if (isActive && ref.current) {
|
|
19394
19394
|
if (!('getAnimations' in ref.current)) {
|
|
19395
19395
|
// JSDOM
|
|
@@ -19454,7 +19454,7 @@ const $542a13ca2fa5b484$export$5b6b19405a83ff9d = /*#__PURE__*/ ($8WNJc$react.fo
|
|
|
19454
19454
|
let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
|
|
19455
19455
|
let isExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(ref, state.isOpen) || props.isExiting || false;
|
|
19456
19456
|
let isHidden = ($d7f64c32b702fe2c$export$b5d7cc18bb8d2b59)();
|
|
19457
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
19457
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
19458
19458
|
// If we are in a hidden tree, we still need to preserve our children.
|
|
19459
19459
|
if (isHidden) {
|
|
19460
19460
|
let children = props.children;
|
|
@@ -19508,7 +19508,7 @@ function $542a13ca2fa5b484$var$PopoverInner({ state: state, isExiting: isExiting
|
|
|
19508
19508
|
// or a dialog is already nested inside the popover.
|
|
19509
19509
|
let shouldBeDialog = !props.isNonModal || props.trigger === 'SubmenuTrigger';
|
|
19510
19510
|
let [isDialog, setDialog] = ($8WNJc$react.useState)(false);
|
|
19511
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
19511
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
19512
19512
|
if (ref.current) setDialog(shouldBeDialog && !ref.current.querySelector('[role=dialog]'));
|
|
19513
19513
|
}, [
|
|
19514
19514
|
ref,
|
|
@@ -19880,7 +19880,7 @@ function $f282e36c29c025e8$export$f9d5c8beee7d008d(props, state, ref) {
|
|
|
19880
19880
|
let ariaHasPopup = undefined;
|
|
19881
19881
|
if (type === 'menu') ariaHasPopup = true;
|
|
19882
19882
|
else if (type === 'listbox') ariaHasPopup = 'listbox';
|
|
19883
|
-
let overlayId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
19883
|
+
let overlayId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
19884
19884
|
return {
|
|
19885
19885
|
triggerProps: {
|
|
19886
19886
|
'aria-haspopup': ariaHasPopup,
|
|
@@ -19915,7 +19915,7 @@ function $parcel$interopDefault$9(a) {
|
|
|
19915
19915
|
|
|
19916
19916
|
function $f19b83c1486f45cc$export$dc9c12ed27dd1b49(props, state, ref) {
|
|
19917
19917
|
let { type: type = 'menu', isDisabled: isDisabled, trigger: trigger = 'press' } = props;
|
|
19918
|
-
let menuTriggerId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
19918
|
+
let menuTriggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
19919
19919
|
let { triggerProps: triggerProps, overlayProps: overlayProps } = ($f282e36c29c025e8$export$f9d5c8beee7d008d)({
|
|
19920
19920
|
type: type
|
|
19921
19921
|
}, state, ref);
|
|
@@ -20284,7 +20284,7 @@ function $1a9c2c840fd36413$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
20284
20284
|
*/
|
|
20285
20285
|
function $7355d4e5c49461b6$export$73f7a44322579622(props) {
|
|
20286
20286
|
let { heading: heading, 'aria-label': ariaLabel } = props;
|
|
20287
|
-
let headingId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
20287
|
+
let headingId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20288
20288
|
return {
|
|
20289
20289
|
itemProps: {
|
|
20290
20290
|
role: 'presentation'
|
|
@@ -20346,7 +20346,7 @@ function $eac5d44fa99b2e3b$export$85ec83e04c95f50a(options) {
|
|
|
20346
20346
|
menuRef,
|
|
20347
20347
|
preventPointerEvents
|
|
20348
20348
|
]);
|
|
20349
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
20349
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
20350
20350
|
let submenu = submenuRef.current;
|
|
20351
20351
|
let menu = menuRef.current;
|
|
20352
20352
|
if (isDisabled || !submenu || !isOpen || modality !== 'pointer' || !menu) {
|
|
@@ -20452,9 +20452,9 @@ function $eac5d44fa99b2e3b$export$85ec83e04c95f50a(options) {
|
|
|
20452
20452
|
|
|
20453
20453
|
function $8794213c1141208f$export$7138b0d059a6e743(props, state, ref) {
|
|
20454
20454
|
let { parentMenuRef: parentMenuRef, submenuRef: submenuRef, type: type = 'menu', isDisabled: isDisabled, delay: delay = 200, shouldUseVirtualFocus: shouldUseVirtualFocus } = props;
|
|
20455
|
-
let submenuTriggerId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
20456
|
-
let overlayId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
20457
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
20455
|
+
let submenuTriggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20456
|
+
let overlayId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20457
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
20458
20458
|
let openTimeout = ($8WNJc$react.useRef)(undefined);
|
|
20459
20459
|
let cancelOpenTimeout = ($8WNJc$react.useCallback)(()=>{
|
|
20460
20460
|
if (openTimeout.current) {
|
|
@@ -20478,7 +20478,7 @@ function $8794213c1141208f$export$7138b0d059a6e743(props, state, ref) {
|
|
|
20478
20478
|
state,
|
|
20479
20479
|
cancelOpenTimeout
|
|
20480
20480
|
]);
|
|
20481
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
20481
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
20482
20482
|
return ()=>{
|
|
20483
20483
|
cancelOpenTimeout();
|
|
20484
20484
|
};
|
|
@@ -21427,7 +21427,7 @@ function $f2ff30fde7b014be$export$2e1e1122cf0cba88(props) {
|
|
|
21427
21427
|
// This is done in RAC instead of hooks because otherwise we cannot distinguish
|
|
21428
21428
|
// between context and props. Normally aria-labelledby overrides the title
|
|
21429
21429
|
// but when sent by context we want the title to win.
|
|
21430
|
-
triggerProps.id = ($390e54f620492c70$export$f680877a34711e37)();
|
|
21430
|
+
triggerProps.id = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
21431
21431
|
overlayProps['aria-labelledby'] = triggerProps.id;
|
|
21432
21432
|
return /*#__PURE__*/ ($8WNJc$react).createElement(($7230ffa83bc0c2cf$export$2881499e37b75b9a), {
|
|
21433
21433
|
values: [
|
|
@@ -21597,7 +21597,7 @@ function $ef182bb9912241d8$export$3274cf84b703fff(options) {
|
|
|
21597
21597
|
*/
|
|
21598
21598
|
|
|
21599
21599
|
function $b4eb6eb8d15fb21e$export$a2f47a3d2973640(options = {}) {
|
|
21600
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
21600
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
21601
21601
|
return ($8WNJc$react.useMemo)(()=>new Intl.ListFormat(locale, options), [
|
|
21602
21602
|
locale,
|
|
21603
21603
|
options
|
|
@@ -22466,7 +22466,7 @@ $0014db39426443c5$exports$1 = {
|
|
|
22466
22466
|
};
|
|
22467
22467
|
|
|
22468
22468
|
function $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
|
|
22469
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
22469
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
22470
22470
|
let focusManager = ($8WNJc$react.useMemo)(()=>($535772f9d2c1f38d$export$c5251b9e124bf29)(ref), [
|
|
22471
22471
|
ref
|
|
22472
22472
|
]);
|
|
@@ -22742,7 +22742,7 @@ function $parcel$interopDefault$7(a) {
|
|
|
22742
22742
|
|
|
22743
22743
|
|
|
22744
22744
|
function $40cf8faa4dad0740$export$d42c60378c8168f8$1() {
|
|
22745
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
22745
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
22746
22746
|
let dictionary = ($cf2482eff2eeeec2$export$87b761675e8eaa10$1)((($parcel$interopDefault$7($0014db39426443c5$exports$1))), '@react-aria/datepicker');
|
|
22747
22747
|
return ($8WNJc$react.useMemo)(()=>{
|
|
22748
22748
|
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
@@ -22799,18 +22799,18 @@ let $40cf8faa4dad0740$var$DisplayNamesPolyfill$1 = class $40cf8faa4dad0740$var$D
|
|
|
22799
22799
|
|
|
22800
22800
|
function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
22801
22801
|
let enteredKeys = ($8WNJc$react.useRef)('');
|
|
22802
|
-
let { locale: locale, direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
22802
|
+
let { locale: locale, direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
22803
22803
|
let displayNames = ($40cf8faa4dad0740$export$d42c60378c8168f8$1)();
|
|
22804
22804
|
let { ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedBy: ariaDescribedBy, focusManager: focusManager } = ($7541913c0284d84b$export$653eddfc964b0f8a).get(state);
|
|
22805
22805
|
let textValue = segment.isPlaceholder ? '' : segment.text;
|
|
22806
22806
|
let options = ($8WNJc$react.useMemo)(()=>state.dateFormatter.resolvedOptions(), [
|
|
22807
22807
|
state.dateFormatter
|
|
22808
22808
|
]);
|
|
22809
|
-
let monthDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22809
|
+
let monthDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22810
22810
|
month: 'long',
|
|
22811
22811
|
timeZone: options.timeZone
|
|
22812
22812
|
});
|
|
22813
|
-
let hourDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22813
|
+
let hourDateFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22814
22814
|
hour: 'numeric',
|
|
22815
22815
|
hour12: options.hour12,
|
|
22816
22816
|
timeZone: options.timeZone
|
|
@@ -22890,7 +22890,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
22890
22890
|
let { startsWith: startsWith } = ($ef182bb9912241d8$export$3274cf84b703fff)({
|
|
22891
22891
|
sensitivity: 'base'
|
|
22892
22892
|
});
|
|
22893
|
-
let amPmFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22893
|
+
let amPmFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22894
22894
|
hour: 'numeric',
|
|
22895
22895
|
hour12: true
|
|
22896
22896
|
});
|
|
@@ -22909,7 +22909,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
22909
22909
|
amPmFormatter
|
|
22910
22910
|
]);
|
|
22911
22911
|
// Get a list of formatted era names so users can type the first character to choose one.
|
|
22912
|
-
let eraFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$
|
|
22912
|
+
let eraFormatter = ($60f33508b4cd9d3b$export$85fd5fdf27bacc79$1)({
|
|
22913
22913
|
year: 'numeric',
|
|
22914
22914
|
era: 'narrow',
|
|
22915
22915
|
timeZone: 'UTC'
|
|
@@ -23033,7 +23033,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
23033
23033
|
break;
|
|
23034
23034
|
}
|
|
23035
23035
|
});
|
|
23036
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
23036
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
23037
23037
|
let element = ref.current;
|
|
23038
23038
|
return ()=>{
|
|
23039
23039
|
// If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
|
|
@@ -23060,7 +23060,7 @@ function $d51706f903be7eab$export$1315d136e6f7581(segment, state, ref) {
|
|
|
23060
23060
|
state.segments
|
|
23061
23061
|
]);
|
|
23062
23062
|
if (segment !== firstSegment && !state.isInvalid) ariaDescribedBy = undefined;
|
|
23063
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)();
|
|
23063
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
23064
23064
|
let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
|
|
23065
23065
|
// Prepend the label passed from the field to each segment name.
|
|
23066
23066
|
// This is needed because VoiceOver on iOS does not announce groups.
|
|
@@ -24807,7 +24807,7 @@ const $5400c097f4765e59$export$5eaee2322dd727eb = /*#__PURE__*/ ($8WNJc$react.fo
|
|
|
24807
24807
|
[props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $5400c097f4765e59$export$8e17ddc448e87c1e);
|
|
24808
24808
|
let { validationBehavior: formValidationBehavior } = ($7230ffa83bc0c2cf$export$fabf2dc03a41866e)(($cdaed739b1139372$export$c24727297075ec6a)) || {};
|
|
24809
24809
|
let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
|
|
24810
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
24810
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
24811
24811
|
let state = ($b822555cf9fe955c$export$fd53cef0cc796101)({
|
|
24812
24812
|
...props,
|
|
24813
24813
|
locale: locale,
|
|
@@ -24909,7 +24909,7 @@ const $5400c097f4765e59$var$DateInputStandalone = /*#__PURE__*/ ($8WNJc$react.fo
|
|
|
24909
24909
|
let [dateFieldProps, fieldRef] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)({
|
|
24910
24910
|
slot: props.slot
|
|
24911
24911
|
}, ref, $5400c097f4765e59$export$7b3e670c86da5fe8);
|
|
24912
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
24912
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
24913
24913
|
let state = ($8e7461aabf74661f$export$60e84778edff6d26)({
|
|
24914
24914
|
...dateFieldProps,
|
|
24915
24915
|
locale: locale,
|
|
@@ -25036,9 +25036,9 @@ function $parcel$interopDefault$5(a) {
|
|
|
25036
25036
|
|
|
25037
25037
|
|
|
25038
25038
|
function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
|
|
25039
|
-
let buttonId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25040
|
-
let dialogId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25041
|
-
let fieldId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25039
|
+
let buttonId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25040
|
+
let dialogId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25041
|
+
let fieldId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25042
25042
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$5($0014db39426443c5$exports$1))), '@react-aria/datepicker');
|
|
25043
25043
|
let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
|
|
25044
25044
|
let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($191c9b6d48a0a4e2$export$294aa081a6c6f55d)({
|
|
@@ -25049,7 +25049,7 @@ function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
|
|
|
25049
25049
|
});
|
|
25050
25050
|
let groupProps = ($6a440d0e2d99dd46$export$4a931266a3838b86)(state, ref);
|
|
25051
25051
|
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
25052
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
25052
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
25053
25053
|
let date = state.formatValue(locale, {
|
|
25054
25054
|
month: 'long'
|
|
25055
25055
|
});
|
|
@@ -25485,9 +25485,9 @@ const $e539d00f123fdfd8$export$5109c6dd95d8fb00 = /*#__PURE__*/ ($8WNJc$react.fo
|
|
|
25485
25485
|
|
|
25486
25486
|
function $89a3495b7d82e671$export$6e3e27031a30522f(props, state, ref) {
|
|
25487
25487
|
let { isDisabled: isDisabled } = props;
|
|
25488
|
-
let triggerId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25489
|
-
let panelId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25490
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
25488
|
+
let triggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25489
|
+
let panelId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25490
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
25491
25491
|
let raf = ($8WNJc$react.useRef)(null);
|
|
25492
25492
|
let handleBeforeMatch = ($8WNJc$react.useCallback)(()=>{
|
|
25493
25493
|
// Wait a frame to revert browser's removal of hidden attribute
|
|
@@ -25505,7 +25505,7 @@ function $89a3495b7d82e671$export$6e3e27031a30522f(props, state, ref) {
|
|
|
25505
25505
|
// @ts-ignore https://github.com/facebook/react/pull/24741
|
|
25506
25506
|
($600b3cf69ae46262$export$90fc3a17d93f704c)(ref, 'beforematch', handleBeforeMatch);
|
|
25507
25507
|
let isExpandedRef = ($8WNJc$react.useRef)(null);
|
|
25508
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
25508
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
25509
25509
|
// Cancel any pending RAF to prevent stale updates
|
|
25510
25510
|
if (raf.current) cancelAnimationFrame(raf.current);
|
|
25511
25511
|
if (ref.current && !isSSR) {
|
|
@@ -25720,7 +25720,7 @@ const $a3e16eab0ea4036c$export$74a362b31437ec83 = /*#__PURE__*/ ($8WNJc$react.fo
|
|
|
25720
25720
|
let { id: id, ...otherProps } = props;
|
|
25721
25721
|
// Generate an id if one wasn't provided.
|
|
25722
25722
|
// (can't pass id into useId since it can also be a number)
|
|
25723
|
-
let defaultId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
25723
|
+
let defaultId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25724
25724
|
id ||= defaultId;
|
|
25725
25725
|
let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;
|
|
25726
25726
|
let state = ($086b1fd51041276f$export$3fcbf6e4407997e0)({
|
|
@@ -26501,7 +26501,7 @@ function $2b2556a8276954c1$var$diffSelection(a, b) {
|
|
|
26501
26501
|
function $bf14c9739fda2eb3$export$eac1895992b9f3d6(ref, options) {
|
|
26502
26502
|
let isDisabled = options?.isDisabled;
|
|
26503
26503
|
let [hasTabbableChild, setHasTabbableChild] = ($8WNJc$react.useState)(false);
|
|
26504
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
26504
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
26505
26505
|
if (ref?.current && !isDisabled) {
|
|
26506
26506
|
let update = ()=>{
|
|
26507
26507
|
if (ref.current) {
|
|
@@ -26611,7 +26611,7 @@ function $34d813d3524a584a$export$664f9155035607eb(props, state, ref) {
|
|
|
26611
26611
|
autoFocus: props.autoFocus,
|
|
26612
26612
|
escapeKeyBehavior: escapeKeyBehavior
|
|
26613
26613
|
});
|
|
26614
|
-
let id = ($390e54f620492c70$export$f680877a34711e37)(props.id);
|
|
26614
|
+
let id = ($390e54f620492c70$export$f680877a34711e37$1)(props.id);
|
|
26615
26615
|
($c1c90317e8bffe4d$export$5b9bb410392e3991).set(state, {
|
|
26616
26616
|
id: id,
|
|
26617
26617
|
onAction: onAction,
|
|
@@ -26685,7 +26685,7 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
|
|
|
26685
26685
|
// Copied from useGridCell + some modifications to make it not so grid specific
|
|
26686
26686
|
let { node: node, isVirtualized: isVirtualized } = props;
|
|
26687
26687
|
// let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
|
|
26688
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
26688
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
26689
26689
|
let { onAction: onAction, linkBehavior: linkBehavior, keyboardNavigationBehavior: keyboardNavigationBehavior, shouldSelectOnPressUp: shouldSelectOnPressUp } = ($c1c90317e8bffe4d$export$5b9bb410392e3991).get(state);
|
|
26690
26690
|
let descriptionId = ($390e54f620492c70$export$b4cc09c592e8fdb8)();
|
|
26691
26691
|
// We need to track the key of the item at the time it was last focused so that we force
|
|
@@ -27003,7 +27003,7 @@ function $5698867baeb53f4e$export$dbc0f175b25fb0fb(props, state, ref) {
|
|
|
27003
27003
|
|
|
27004
27004
|
let $6066a2c586ade9e1$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
|
|
27005
27005
|
function $6066a2c586ade9e1$export$d699905dd57c73ca() {
|
|
27006
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
27006
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
27007
27007
|
let [size, setSize] = ($8WNJc$react.useState)(()=>isSSR ? {
|
|
27008
27008
|
width: 0,
|
|
27009
27009
|
height: 0
|
|
@@ -27137,7 +27137,7 @@ function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
|
|
|
27137
27137
|
let isOverlayExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(objectRef, state.isOpen);
|
|
27138
27138
|
let isModalExiting = ($fcc7165e876206c6$export$45fda7c47f93fd48)(modalRef, state.isOpen);
|
|
27139
27139
|
let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
|
|
27140
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
27140
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
27141
27141
|
if (!state.isOpen && !isExiting || isSSR) return null;
|
|
27142
27142
|
return /*#__PURE__*/ ($8WNJc$react).createElement($8b8d26808cb8cb53$var$ModalOverlayInner, {
|
|
27143
27143
|
...props,
|
|
@@ -27270,7 +27270,7 @@ const $10076bcc592bc574$export$63c5fa0b2fdccd2e = /*#__PURE__*/ ($8WNJc$react.fo
|
|
|
27270
27270
|
[props, ref] = ($7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $10076bcc592bc574$export$b414a48cf5dcbc11);
|
|
27271
27271
|
let { validationBehavior: formValidationBehavior } = ($7230ffa83bc0c2cf$export$fabf2dc03a41866e)(($cdaed739b1139372$export$c24727297075ec6a)) || {};
|
|
27272
27272
|
let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';
|
|
27273
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
27273
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
27274
27274
|
let state = ($3d0ee518c6f3d04f$export$7f629e9dc1ecf37c)({
|
|
27275
27275
|
...props,
|
|
27276
27276
|
locale: locale,
|
|
@@ -27497,7 +27497,7 @@ function $405627c100c5b965$export$37b0961d2f4751e2(props, state, ref) {
|
|
|
27497
27497
|
|
|
27498
27498
|
function $eecdee08e0d8a75f$export$62b9571f283ff5c2(props, state) {
|
|
27499
27499
|
let { name: name, form: form, isReadOnly: isReadOnly, isRequired: isRequired, isDisabled: isDisabled, orientation: orientation = 'vertical', validationBehavior: validationBehavior = 'aria' } = props;
|
|
27500
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
27500
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
27501
27501
|
let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = state.displayValidation;
|
|
27502
27502
|
let { labelProps: labelProps, fieldProps: fieldProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = ($191c9b6d48a0a4e2$export$294aa081a6c6f55d)({
|
|
27503
27503
|
...props,
|
|
@@ -27566,7 +27566,7 @@ function $eecdee08e0d8a75f$export$62b9571f283ff5c2(props, state) {
|
|
|
27566
27566
|
state.setSelectedValue(nextElem.value);
|
|
27567
27567
|
}
|
|
27568
27568
|
};
|
|
27569
|
-
let groupName = ($390e54f620492c70$export$f680877a34711e37)(name);
|
|
27569
|
+
let groupName = ($390e54f620492c70$export$f680877a34711e37$1)(name);
|
|
27570
27570
|
($640b6b92b30fd41a$export$37b65e5b5444d35c).set(state, {
|
|
27571
27571
|
name: groupName,
|
|
27572
27572
|
form: form,
|
|
@@ -27892,7 +27892,7 @@ function $c0a45cd074520508$export$e64b2f635402ca43(props, state, ref) {
|
|
|
27892
27892
|
labelable: true
|
|
27893
27893
|
});
|
|
27894
27894
|
let triggerProps = ($bbaa08b3cd72f041$export$9d1611c77c2fe928)(typeSelectProps, menuTriggerProps, fieldProps);
|
|
27895
|
-
let valueId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
27895
|
+
let valueId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
27896
27896
|
$c0a45cd074520508$export$703601b7e90536f8.set(state, {
|
|
27897
27897
|
isDisabled: isDisabled,
|
|
27898
27898
|
isRequired: isRequired,
|
|
@@ -28659,7 +28659,7 @@ const $24585aa46d6ffdff$export$b5d5cf8927ab7262 = /*#__PURE__*/ ($8WNJc$react.fo
|
|
|
28659
28659
|
|
|
28660
28660
|
const $223860f9cb8a07a2$export$653eddfc964b0f8a = new WeakMap();
|
|
28661
28661
|
function $223860f9cb8a07a2$export$4f8b5cda58b7e8ff(props, state, ref) {
|
|
28662
|
-
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
28662
|
+
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
28663
28663
|
let keyboardDelegate = props.keyboardDelegate || new ($ae8f8d98b2b18f2f$export$a05409b8bb224a5a)({
|
|
28664
28664
|
collection: state.collection,
|
|
28665
28665
|
ref: ref,
|
|
@@ -29016,7 +29016,7 @@ function $parcel$interopDefault$1(a) {
|
|
|
29016
29016
|
function $8b763916586fd6a6$export$3f568fff7dff2f03(props, state, ref) {
|
|
29017
29017
|
let { item: item } = props;
|
|
29018
29018
|
let stringFormatter = ($cf2482eff2eeeec2$export$f12b703ca79dfbb1)((($parcel$interopDefault$1($c861dd473ab3d00c$exports))), '@react-aria/tag');
|
|
29019
|
-
let buttonId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
29019
|
+
let buttonId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
29020
29020
|
let { onRemove: onRemove } = ($223860f9cb8a07a2$export$653eddfc964b0f8a).get(state) || {};
|
|
29021
29021
|
let { rowProps: rowProps, gridCellProps: gridCellProps, ...states } = ($be7bed9611dd7497$export$9610e69494fadfd2)({
|
|
29022
29022
|
node: item
|
|
@@ -29506,10 +29506,10 @@ function $afa781ff67c1cd08$export$fa142eb1681c520(props, ref) {
|
|
|
29506
29506
|
// should be safe because re-calling set state with the same value it already has is a no-op
|
|
29507
29507
|
// this will allow us to react should a parent re-render and change its role though
|
|
29508
29508
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29509
|
-
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
29509
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c$1)(()=>{
|
|
29510
29510
|
setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role="toolbar"]')));
|
|
29511
29511
|
});
|
|
29512
|
-
const { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$
|
|
29512
|
+
const { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
29513
29513
|
const shouldReverse = direction === 'rtl' && orientation === 'horizontal';
|
|
29514
29514
|
let focusManager = ($535772f9d2c1f38d$export$c5251b9e124bf29)(ref);
|
|
29515
29515
|
const onKeyDown = (e)=>{
|
|
@@ -29845,7 +29845,7 @@ function $c07df45195231803$export$bf688221f59024e5(props) {
|
|
|
29845
29845
|
return /*#__PURE__*/ ($8WNJc$react).createElement($c07df45195231803$export$178405afcd8c5eb, null, /*#__PURE__*/ ($8WNJc$react).createElement($c07df45195231803$var$OverlayContainerDOM, props));
|
|
29846
29846
|
}
|
|
29847
29847
|
function $c07df45195231803$export$b47c3594eab58386(props) {
|
|
29848
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$
|
|
29848
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
29849
29849
|
let { portalContainer: portalContainer = isSSR ? null : document.body, ...rest } = props;
|
|
29850
29850
|
let { getContainer: getContainer } = ($72abaeab4d80592f$export$9fc1347d4195ccb3)();
|
|
29851
29851
|
if (!props.portalContainer && getContainer) portalContainer = getContainer();
|
|
@@ -30013,7 +30013,7 @@ function $8c383cffc84c9982$export$1c4b08e0eca38426(props, state) {
|
|
|
30013
30013
|
|
|
30014
30014
|
function $85908aa8a35f0fac$export$a6da6c504e4bba8b(props, state, ref) {
|
|
30015
30015
|
let { isDisabled: isDisabled, trigger: trigger, shouldCloseOnPress: shouldCloseOnPress = true } = props;
|
|
30016
|
-
let tooltipId = ($390e54f620492c70$export$f680877a34711e37)();
|
|
30016
|
+
let tooltipId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
30017
30017
|
let isHovered = ($8WNJc$react.useRef)(false);
|
|
30018
30018
|
let isFocused = ($8WNJc$react.useRef)(false);
|
|
30019
30019
|
let handleShow = ()=>{
|
|
@@ -30228,124 +30228,18 @@ function Button({ size = "medium", variant = "primary", danger = false, isIconBu
|
|
|
30228
30228
|
return (jsxRuntime.jsx($7705c033048f6da7$export$353f5b6fc5456de1, { className: `bcds-react-aria-Button ${size} ${variant} ${danger ? "danger" : ""} ${isIconButton ? "icon" : ""}`, ...props }));
|
|
30229
30229
|
}
|
|
30230
30230
|
|
|
30231
|
-
/*
|
|
30232
|
-
|
|
30233
|
-
|
|
30234
|
-
|
|
30235
|
-
|
|
30236
|
-
|
|
30237
|
-
|
|
30238
|
-
|
|
30239
|
-
|
|
30240
|
-
|
|
30241
|
-
|
|
30242
|
-
|
|
30243
|
-
}
|
|
30244
|
-
|
|
30245
|
-
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";
|
|
30246
|
-
styleInject(css_248z$B);
|
|
30247
|
-
|
|
30248
|
-
function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
30249
|
-
function getTitle() {
|
|
30250
|
-
switch (titleElement) {
|
|
30251
|
-
case "h1":
|
|
30252
|
-
return jsxRuntime.jsx("h1", { children: title });
|
|
30253
|
-
case "h2":
|
|
30254
|
-
return jsxRuntime.jsx("h2", { children: title });
|
|
30255
|
-
case "h3":
|
|
30256
|
-
return jsxRuntime.jsx("h3", { children: title });
|
|
30257
|
-
case "h4":
|
|
30258
|
-
return jsxRuntime.jsx("h4", { children: title });
|
|
30259
|
-
case "h5":
|
|
30260
|
-
return jsxRuntime.jsx("h5", { children: title });
|
|
30261
|
-
case "h6":
|
|
30262
|
-
return jsxRuntime.jsx("h6", { children: title });
|
|
30263
|
-
default:
|
|
30264
|
-
return jsxRuntime.jsx("span", { children: title });
|
|
30265
|
-
}
|
|
30266
|
-
}
|
|
30267
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsxRuntime.jsx($a3e16eab0ea4036c$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
|
|
30268
|
-
}
|
|
30269
|
-
|
|
30270
|
-
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";
|
|
30271
|
-
styleInject(css_248z$A);
|
|
30272
|
-
|
|
30273
|
-
/* This component implements the Circle Check icon from Font Awesome: https://fontawesome.com/icons/circle-check */
|
|
30274
|
-
function SvgCheckCircleIcon({ id = "check-icon" }) {
|
|
30275
|
-
return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.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" }) }) }));
|
|
30276
|
-
}
|
|
30277
|
-
|
|
30278
|
-
/* This component implements the X Mark icon from Font Awesome: https://fontawesome.com/icons/xmark */
|
|
30279
|
-
function SvgCloseIcon({ id = "close-icon" }) {
|
|
30280
|
-
return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.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" }) }) }));
|
|
30281
|
-
}
|
|
30282
|
-
|
|
30283
|
-
/* This component implements the Circle Exclamation icon from Font Awesome: https://fontawesome.com/icons/circle-exclamation */
|
|
30284
|
-
function SvgExclamationCircleIcon({ id = "exclamation-icon-circle", }) {
|
|
30285
|
-
return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.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" }) }) }));
|
|
30286
|
-
}
|
|
30287
|
-
|
|
30288
|
-
/* This component implements the Triangle Exclamation icon from Font Awesome: https://fontawesome.com/icons/triangle-exclamation */
|
|
30289
|
-
function SvgExclamationIcon({ id = "exclamation-icon" }) {
|
|
30290
|
-
return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.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" }) }) }));
|
|
30291
|
-
}
|
|
30292
|
-
|
|
30293
|
-
/* This component implements the Circle Info icon from Font Awesome: https://fontawesome.com/icons/circle-info */
|
|
30294
|
-
function SvgInfoIcon({ id = "information-icon" }) {
|
|
30295
|
-
return (jsxRuntime.jsx("svg", { id: id, width: "20", height: "20", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("g", { children: jsxRuntime.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" }) }) }));
|
|
30296
|
-
}
|
|
30297
|
-
|
|
30298
|
-
/* Sets correct icon for theme */
|
|
30299
|
-
function getIcon$2(variant) {
|
|
30300
|
-
switch (variant) {
|
|
30301
|
-
case "info":
|
|
30302
|
-
return jsxRuntime.jsx(SvgInfoIcon, {});
|
|
30303
|
-
case "black":
|
|
30304
|
-
return jsxRuntime.jsx(SvgInfoIcon, {});
|
|
30305
|
-
case "success":
|
|
30306
|
-
return jsxRuntime.jsx(SvgCheckCircleIcon, {});
|
|
30307
|
-
case "warning":
|
|
30308
|
-
return jsxRuntime.jsx(SvgExclamationIcon, {});
|
|
30309
|
-
case "danger":
|
|
30310
|
-
return jsxRuntime.jsx(SvgExclamationCircleIcon, {});
|
|
30311
|
-
default:
|
|
30312
|
-
return;
|
|
30313
|
-
}
|
|
30314
|
-
}
|
|
30315
|
-
function AlertBanner({ variant = "info", size = "medium", layout = "fixed", isIconHidden = false, isCloseable = true, role = "status", onClose, children, customIcon, ...props }) {
|
|
30316
|
-
return (jsxRuntime.jsx("div", { className: `bcds-Alert-Banner ${variant} ${size} ${layout}`, ...props, children: jsxRuntime.jsxs("div", { className: "bcds-Alert-Banner--Container", children: [" ", !isIconHidden && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--Icon", children: customIcon ? customIcon : getIcon$2(variant) })), jsxRuntime.jsx("div", { className: "bcds-Alert-Banner--Content", role: role, children: children }), isCloseable && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }) }));
|
|
30317
|
-
}
|
|
30318
|
-
|
|
30319
|
-
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";
|
|
30320
|
-
styleInject(css_248z$z);
|
|
30321
|
-
|
|
30322
|
-
function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
|
|
30323
|
-
return (jsxRuntime.jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
|
|
30324
|
-
}
|
|
30325
|
-
|
|
30326
|
-
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";
|
|
30327
|
-
styleInject(css_248z$y);
|
|
30328
|
-
|
|
30329
|
-
/* Sets correct left icon for selected variant */
|
|
30330
|
-
function getIcon$1(variant) {
|
|
30331
|
-
switch (variant) {
|
|
30332
|
-
case "info":
|
|
30333
|
-
return jsxRuntime.jsx(SvgInfoIcon, {});
|
|
30334
|
-
case "confirmation":
|
|
30335
|
-
return jsxRuntime.jsx(SvgCheckCircleIcon, {});
|
|
30336
|
-
case "warning":
|
|
30337
|
-
return jsxRuntime.jsx(SvgExclamationIcon, {});
|
|
30338
|
-
case "error":
|
|
30339
|
-
return jsxRuntime.jsx(SvgExclamationCircleIcon, {});
|
|
30340
|
-
case "destructive":
|
|
30341
|
-
return jsxRuntime.jsx(SvgExclamationCircleIcon, {});
|
|
30342
|
-
default:
|
|
30343
|
-
return;
|
|
30344
|
-
}
|
|
30345
|
-
}
|
|
30346
|
-
function AlertDialog({ children, variant = "info", role = "dialog", title, isCloseable = true, isIconHidden = false, buttons, ...props }) {
|
|
30347
|
-
return (jsxRuntime.jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, { className: `bcds-react-aria-AlertDialog ${variant}`, role: role, ...props, children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "bcds-react-aria-AlertDialog--Header", children: [!isIconHidden && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Icon", children: getIcon$1(variant) })), title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Title", slot: "title", children: title })), isCloseable && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }), children && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--children", slot: "children", children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }));
|
|
30348
|
-
}
|
|
30231
|
+
/*
|
|
30232
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
30233
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
30234
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
30235
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
30236
|
+
*
|
|
30237
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
30238
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
30239
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30240
|
+
* governing permissions and limitations under the License.
|
|
30241
|
+
*/
|
|
30242
|
+
const $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? ($8WNJc$react).useLayoutEffect : ()=>{};
|
|
30349
30243
|
|
|
30350
30244
|
/*
|
|
30351
30245
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -30366,16 +30260,16 @@ function AlertDialog({ children, variant = "info", role = "dialog", title, isClo
|
|
|
30366
30260
|
// being on the page at once, the prefix is set to a random number. SSRProvider
|
|
30367
30261
|
// will reset this to zero for consistency between server and client, so in the
|
|
30368
30262
|
// SSR case multiple copies of React Aria is not supported.
|
|
30369
|
-
const $c7eafbbe1ea5834e$var$defaultContext
|
|
30263
|
+
const $c7eafbbe1ea5834e$var$defaultContext = {
|
|
30370
30264
|
prefix: String(Math.round(Math.random() * 10000000000)),
|
|
30371
30265
|
current: 0
|
|
30372
30266
|
};
|
|
30373
|
-
const $c7eafbbe1ea5834e$var$SSRContext
|
|
30374
|
-
const $c7eafbbe1ea5834e$var$IsSSRContext
|
|
30375
|
-
let $c7eafbbe1ea5834e$var$canUseDOM
|
|
30376
|
-
let $c7eafbbe1ea5834e$var$componentIds
|
|
30377
|
-
function $c7eafbbe1ea5834e$var$useCounter
|
|
30378
|
-
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext
|
|
30267
|
+
const $c7eafbbe1ea5834e$var$SSRContext = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext);
|
|
30268
|
+
const $c7eafbbe1ea5834e$var$IsSSRContext = /*#__PURE__*/ ($8WNJc$react).createContext(false);
|
|
30269
|
+
let $c7eafbbe1ea5834e$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
30270
|
+
let $c7eafbbe1ea5834e$var$componentIds = new WeakMap();
|
|
30271
|
+
function $c7eafbbe1ea5834e$var$useCounter(isDisabled = false) {
|
|
30272
|
+
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
30379
30273
|
let ref = ($8WNJc$react.useRef)(null);
|
|
30380
30274
|
// eslint-disable-next-line rsp-rules/pure-render
|
|
30381
30275
|
if (ref.current === null && !isDisabled) {
|
|
@@ -30391,9 +30285,9 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
|
30391
30285
|
let currentOwner = // @ts-ignore
|
|
30392
30286
|
($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
|
|
30393
30287
|
if (currentOwner) {
|
|
30394
|
-
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds
|
|
30288
|
+
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds.get(currentOwner);
|
|
30395
30289
|
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
30396
|
-
$c7eafbbe1ea5834e$var$componentIds
|
|
30290
|
+
$c7eafbbe1ea5834e$var$componentIds.set(currentOwner, {
|
|
30397
30291
|
id: ctx.current,
|
|
30398
30292
|
state: currentOwner.memoizedState
|
|
30399
30293
|
});
|
|
@@ -30402,7 +30296,7 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
|
30402
30296
|
// Reset the counter, and remove from the weak map so we don't
|
|
30403
30297
|
// do this for subsequent useId calls.
|
|
30404
30298
|
ctx.current = prevComponentValue.id;
|
|
30405
|
-
$c7eafbbe1ea5834e$var$componentIds
|
|
30299
|
+
$c7eafbbe1ea5834e$var$componentIds.delete(currentOwner);
|
|
30406
30300
|
}
|
|
30407
30301
|
}
|
|
30408
30302
|
// eslint-disable-next-line rsp-rules/pure-render
|
|
@@ -30411,38 +30305,252 @@ function $c7eafbbe1ea5834e$var$useCounter$1(isDisabled = false) {
|
|
|
30411
30305
|
// eslint-disable-next-line rsp-rules/pure-render
|
|
30412
30306
|
return ref.current;
|
|
30413
30307
|
}
|
|
30414
|
-
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId
|
|
30415
|
-
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext
|
|
30308
|
+
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId(defaultId) {
|
|
30309
|
+
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
30416
30310
|
// If we are rendering in a non-DOM environment, and there's no SSRProvider,
|
|
30417
30311
|
// provide a warning to hint to the developer to add one.
|
|
30418
|
-
if (ctx === $c7eafbbe1ea5834e$var$defaultContext
|
|
30419
|
-
let counter = $c7eafbbe1ea5834e$var$useCounter
|
|
30420
|
-
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext
|
|
30421
|
-
return defaultId || `${prefix}-${counter}`;
|
|
30422
|
-
}
|
|
30423
|
-
function $c7eafbbe1ea5834e$var$useModernSSRSafeId
|
|
30312
|
+
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.');
|
|
30313
|
+
let counter = $c7eafbbe1ea5834e$var$useCounter(!!defaultId);
|
|
30314
|
+
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
|
|
30315
|
+
return defaultId || `${prefix}-${counter}`;
|
|
30316
|
+
}
|
|
30317
|
+
function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
|
|
30424
30318
|
let id = ($8WNJc$react).useId();
|
|
30425
|
-
let [didSSR] = ($8WNJc$react.useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273
|
|
30426
|
-
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext
|
|
30319
|
+
let [didSSR] = ($8WNJc$react.useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273());
|
|
30320
|
+
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext.prefix}`;
|
|
30427
30321
|
return defaultId || `${prefix}-${id}`;
|
|
30428
30322
|
}
|
|
30429
|
-
typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId
|
|
30430
|
-
function $c7eafbbe1ea5834e$var$getSnapshot
|
|
30323
|
+
const $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
|
|
30324
|
+
function $c7eafbbe1ea5834e$var$getSnapshot() {
|
|
30431
30325
|
return false;
|
|
30432
30326
|
}
|
|
30433
|
-
function $c7eafbbe1ea5834e$var$getServerSnapshot
|
|
30327
|
+
function $c7eafbbe1ea5834e$var$getServerSnapshot() {
|
|
30434
30328
|
return true;
|
|
30435
30329
|
}
|
|
30436
30330
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
30437
|
-
function $c7eafbbe1ea5834e$var$subscribe
|
|
30331
|
+
function $c7eafbbe1ea5834e$var$subscribe(onStoreChange) {
|
|
30438
30332
|
// noop
|
|
30439
30333
|
return ()=>{};
|
|
30440
30334
|
}
|
|
30441
|
-
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273
|
|
30335
|
+
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
|
|
30442
30336
|
// In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
|
|
30443
|
-
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe
|
|
30337
|
+
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe, $c7eafbbe1ea5834e$var$getSnapshot, $c7eafbbe1ea5834e$var$getServerSnapshot);
|
|
30444
30338
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
30445
|
-
return ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$IsSSRContext
|
|
30339
|
+
return ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$IsSSRContext);
|
|
30340
|
+
}
|
|
30341
|
+
|
|
30342
|
+
/*
|
|
30343
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
30344
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
30345
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
30346
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
30347
|
+
*
|
|
30348
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
30349
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
30350
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30351
|
+
* governing permissions and limitations under the License.
|
|
30352
|
+
*/
|
|
30353
|
+
|
|
30354
|
+
|
|
30355
|
+
|
|
30356
|
+
// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing
|
|
30357
|
+
let $390e54f620492c70$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
30358
|
+
let $390e54f620492c70$export$d41a04c74483c6ef = new Map();
|
|
30359
|
+
// This allows us to clean up the idsUpdaterMap when the id is no longer used.
|
|
30360
|
+
// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.
|
|
30361
|
+
// This can happen in suspended components where mount/unmount is not called.
|
|
30362
|
+
let $390e54f620492c70$var$registry;
|
|
30363
|
+
if (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry = new FinalizationRegistry((heldValue)=>{
|
|
30364
|
+
$390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);
|
|
30365
|
+
});
|
|
30366
|
+
function $390e54f620492c70$export$f680877a34711e37(defaultId) {
|
|
30367
|
+
let [value, setValue] = ($8WNJc$react.useState)(defaultId);
|
|
30368
|
+
let nextId = ($8WNJc$react.useRef)(null);
|
|
30369
|
+
let res = ($c7eafbbe1ea5834e$export$619500959fc48b26)(value);
|
|
30370
|
+
let cleanupRef = ($8WNJc$react.useRef)(null);
|
|
30371
|
+
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.register(cleanupRef, res);
|
|
30372
|
+
if ($390e54f620492c70$var$canUseDOM) {
|
|
30373
|
+
const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);
|
|
30374
|
+
if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
|
|
30375
|
+
else $390e54f620492c70$export$d41a04c74483c6ef.set(res, [
|
|
30376
|
+
nextId
|
|
30377
|
+
]);
|
|
30378
|
+
}
|
|
30379
|
+
($c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
|
|
30380
|
+
let r = res;
|
|
30381
|
+
return ()=>{
|
|
30382
|
+
// In Suspense, the cleanup function may be not called
|
|
30383
|
+
// when it is though, also remove it from the finalization registry.
|
|
30384
|
+
if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.unregister(cleanupRef);
|
|
30385
|
+
$390e54f620492c70$export$d41a04c74483c6ef.delete(r);
|
|
30386
|
+
};
|
|
30387
|
+
}, [
|
|
30388
|
+
res
|
|
30389
|
+
]);
|
|
30390
|
+
// This cannot cause an infinite loop because the ref is always cleaned up.
|
|
30391
|
+
// eslint-disable-next-line
|
|
30392
|
+
($8WNJc$react.useEffect)(()=>{
|
|
30393
|
+
let newId = nextId.current;
|
|
30394
|
+
if (newId) setValue(newId);
|
|
30395
|
+
return ()=>{
|
|
30396
|
+
if (newId) nextId.current = null;
|
|
30397
|
+
};
|
|
30398
|
+
});
|
|
30399
|
+
return res;
|
|
30400
|
+
}
|
|
30401
|
+
|
|
30402
|
+
/**
|
|
30403
|
+
* Do not edit directly, this file was auto-generated.
|
|
30404
|
+
*/
|
|
30405
|
+
|
|
30406
|
+
const iconsSizeXsmall = "14px"; // Smallest icon size
|
|
30407
|
+
const iconsSizeSmall = "16px";
|
|
30408
|
+
const iconsSizeMedium = "20px"; // Default icon size
|
|
30409
|
+
const iconsSizeLarge = "24px";
|
|
30410
|
+
const iconsSizeXlarge = "32px"; // Largest icon size
|
|
30411
|
+
|
|
30412
|
+
const iconSizeMap = {
|
|
30413
|
+
xsmall: iconsSizeXsmall,
|
|
30414
|
+
small: iconsSizeSmall,
|
|
30415
|
+
medium: iconsSizeMedium,
|
|
30416
|
+
large: iconsSizeLarge,
|
|
30417
|
+
xlarge: iconsSizeXlarge,
|
|
30418
|
+
};
|
|
30419
|
+
function getIconSize(size = "medium") {
|
|
30420
|
+
return iconSizeMap[size];
|
|
30421
|
+
}
|
|
30422
|
+
|
|
30423
|
+
function SvgChevronUpIcon({ size = "medium", title, id, ...props }) {
|
|
30424
|
+
const iconSize = getIconSize(size);
|
|
30425
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30426
|
+
const isMeaningful = Boolean(title);
|
|
30427
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
30428
|
+
}
|
|
30429
|
+
|
|
30430
|
+
function SvgChevronDownIcon({ size = "medium", title, id, ...props }) {
|
|
30431
|
+
const iconSize = getIconSize(size);
|
|
30432
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30433
|
+
const isMeaningful = Boolean(title);
|
|
30434
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
30435
|
+
}
|
|
30436
|
+
|
|
30437
|
+
function Accordion({ label, children, ...props }) {
|
|
30438
|
+
return (jsxRuntime.jsx($a3e16eab0ea4036c$export$74a362b31437ec83, { className: `bcds-react-aria-Disclosure`, ...props, children: ({ isExpanded }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Button, { className: "bcds-react-aria-Disclosure--Button", size: "small", variant: "link", slot: "trigger", children: [label, isExpanded ? jsxRuntime.jsx(SvgChevronUpIcon, {}) : jsxRuntime.jsx(SvgChevronDownIcon, {})] }), jsxRuntime.jsx($a3e16eab0ea4036c$export$feabaa331e1d464c, { className: "bcds-react-aria-Disclosure--Panel", children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })] })) }));
|
|
30439
|
+
}
|
|
30440
|
+
|
|
30441
|
+
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";
|
|
30442
|
+
styleInject(css_248z$B);
|
|
30443
|
+
|
|
30444
|
+
function AccordionGroup({ title, titleElement, children, ...props }) {
|
|
30445
|
+
function getTitle() {
|
|
30446
|
+
switch (titleElement) {
|
|
30447
|
+
case "h1":
|
|
30448
|
+
return jsxRuntime.jsx("h1", { children: title });
|
|
30449
|
+
case "h2":
|
|
30450
|
+
return jsxRuntime.jsx("h2", { children: title });
|
|
30451
|
+
case "h3":
|
|
30452
|
+
return jsxRuntime.jsx("h3", { children: title });
|
|
30453
|
+
case "h4":
|
|
30454
|
+
return jsxRuntime.jsx("h4", { children: title });
|
|
30455
|
+
case "h5":
|
|
30456
|
+
return jsxRuntime.jsx("h5", { children: title });
|
|
30457
|
+
case "h6":
|
|
30458
|
+
return jsxRuntime.jsx("h6", { children: title });
|
|
30459
|
+
default:
|
|
30460
|
+
return jsxRuntime.jsx("span", { children: title });
|
|
30461
|
+
}
|
|
30462
|
+
}
|
|
30463
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-DisclosureGroup--Title", children: getTitle() })), jsxRuntime.jsx($a3e16eab0ea4036c$export$944aceb4f8c89f10, { className: "bcds-react-aria-DisclosureGroup", ...props, children: children })] }));
|
|
30464
|
+
}
|
|
30465
|
+
|
|
30466
|
+
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";
|
|
30467
|
+
styleInject(css_248z$A);
|
|
30468
|
+
|
|
30469
|
+
function SvgCheckCircleIcon({ size = "medium", title, id, ...props }) {
|
|
30470
|
+
const iconSize = getIconSize(size);
|
|
30471
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30472
|
+
const isMeaningful = Boolean(title);
|
|
30473
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
30474
|
+
}
|
|
30475
|
+
|
|
30476
|
+
function SvgCloseIcon({ size = "medium", title, id, ...props }) {
|
|
30477
|
+
const iconSize = getIconSize(size);
|
|
30478
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30479
|
+
const isMeaningful = Boolean(title);
|
|
30480
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
30481
|
+
}
|
|
30482
|
+
|
|
30483
|
+
function SvgExclamationCircleIcon({ size = "medium", title, id, ...props }) {
|
|
30484
|
+
const iconSize = getIconSize(size);
|
|
30485
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30486
|
+
const isMeaningful = Boolean(title);
|
|
30487
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
30488
|
+
}
|
|
30489
|
+
|
|
30490
|
+
function SvgExclamationIcon({ size = "medium", title, id, ...props }) {
|
|
30491
|
+
const iconSize = getIconSize(size);
|
|
30492
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30493
|
+
const isMeaningful = Boolean(title);
|
|
30494
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
30495
|
+
}
|
|
30496
|
+
|
|
30497
|
+
function SvgInfoIcon({ size = "medium", title, id, ...props }) {
|
|
30498
|
+
const iconSize = getIconSize(size);
|
|
30499
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
30500
|
+
const isMeaningful = Boolean(title);
|
|
30501
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
30502
|
+
}
|
|
30503
|
+
|
|
30504
|
+
/* Sets correct icon for theme */
|
|
30505
|
+
function getIcon$2(variant) {
|
|
30506
|
+
switch (variant) {
|
|
30507
|
+
case "info":
|
|
30508
|
+
return jsxRuntime.jsx(SvgInfoIcon, {});
|
|
30509
|
+
case "black":
|
|
30510
|
+
return jsxRuntime.jsx(SvgInfoIcon, {});
|
|
30511
|
+
case "success":
|
|
30512
|
+
return jsxRuntime.jsx(SvgCheckCircleIcon, {});
|
|
30513
|
+
case "warning":
|
|
30514
|
+
return jsxRuntime.jsx(SvgExclamationIcon, {});
|
|
30515
|
+
case "danger":
|
|
30516
|
+
return jsxRuntime.jsx(SvgExclamationCircleIcon, {});
|
|
30517
|
+
default:
|
|
30518
|
+
return;
|
|
30519
|
+
}
|
|
30520
|
+
}
|
|
30521
|
+
function AlertBanner({ variant = "info", size = "medium", layout = "fixed", isIconHidden = false, isCloseable = true, role = "status", onClose, children, customIcon, ...props }) {
|
|
30522
|
+
return (jsxRuntime.jsx("div", { className: `bcds-Alert-Banner ${variant} ${size} ${layout}`, ...props, children: jsxRuntime.jsxs("div", { className: "bcds-Alert-Banner--Container", children: [" ", !isIconHidden && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--Icon", children: customIcon ? customIcon : getIcon$2(variant) })), jsxRuntime.jsx("div", { className: "bcds-Alert-Banner--Content", role: role, children: children }), isCloseable && (jsxRuntime.jsx("span", { className: "bcds-Alert-Banner--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close this alert", type: "button", onPress: onClose, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }) }));
|
|
30523
|
+
}
|
|
30524
|
+
|
|
30525
|
+
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";
|
|
30526
|
+
styleInject(css_248z$z);
|
|
30527
|
+
|
|
30528
|
+
function ButtonGroup({ orientation = "horizontal", alignment = "start", ariaLabel, children, ...props }) {
|
|
30529
|
+
return (jsxRuntime.jsx("div", { className: `bcds-ButtonGroup ${orientation} ${alignment}`, role: "group", "aria-label": ariaLabel, ...props, children: children }));
|
|
30530
|
+
}
|
|
30531
|
+
|
|
30532
|
+
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";
|
|
30533
|
+
styleInject(css_248z$y);
|
|
30534
|
+
|
|
30535
|
+
/* Sets correct left icon for selected variant */
|
|
30536
|
+
function getIcon$1(variant) {
|
|
30537
|
+
switch (variant) {
|
|
30538
|
+
case "info":
|
|
30539
|
+
return jsxRuntime.jsx(SvgInfoIcon, {});
|
|
30540
|
+
case "confirmation":
|
|
30541
|
+
return jsxRuntime.jsx(SvgCheckCircleIcon, {});
|
|
30542
|
+
case "warning":
|
|
30543
|
+
return jsxRuntime.jsx(SvgExclamationIcon, {});
|
|
30544
|
+
case "error":
|
|
30545
|
+
return jsxRuntime.jsx(SvgExclamationCircleIcon, {});
|
|
30546
|
+
case "destructive":
|
|
30547
|
+
return jsxRuntime.jsx(SvgExclamationCircleIcon, {});
|
|
30548
|
+
default:
|
|
30549
|
+
return;
|
|
30550
|
+
}
|
|
30551
|
+
}
|
|
30552
|
+
function AlertDialog({ children, variant = "info", role = "dialog", title, isCloseable = true, isIconHidden = false, buttons, ...props }) {
|
|
30553
|
+
return (jsxRuntime.jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, { className: `bcds-react-aria-AlertDialog ${variant}`, role: role, ...props, children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "bcds-react-aria-AlertDialog--Header", children: [!isIconHidden && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Icon", children: getIcon$1(variant) })), title && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--Title", slot: "title", children: title })), isCloseable && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--closeIcon", children: jsxRuntime.jsx(Button, { variant: "tertiary", isIconButton: true, size: "small", "aria-label": "Close", type: "button", onPress: close, children: jsxRuntime.jsx(SvgCloseIcon, {}) }) }))] }), children && (jsxRuntime.jsx("div", { className: "bcds-react-aria-AlertDialog--children", slot: "children", children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) })), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "end", orientation: "horizontal", children: buttons }))] })) }));
|
|
30446
30554
|
}
|
|
30447
30555
|
|
|
30448
30556
|
/*
|
|
@@ -30456,7 +30564,7 @@ function $c7eafbbe1ea5834e$export$535bd6ca7f90a273$1() {
|
|
|
30456
30564
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30457
30565
|
* governing permissions and limitations under the License.
|
|
30458
30566
|
*/ // https://en.wikipedia.org/wiki/Right-to-left
|
|
30459
|
-
const $d805ff57cab8bee2$var$RTL_SCRIPTS
|
|
30567
|
+
const $d805ff57cab8bee2$var$RTL_SCRIPTS = new Set([
|
|
30460
30568
|
'Arab',
|
|
30461
30569
|
'Syrc',
|
|
30462
30570
|
'Samr',
|
|
@@ -30468,7 +30576,7 @@ const $d805ff57cab8bee2$var$RTL_SCRIPTS$1 = new Set([
|
|
|
30468
30576
|
'Rohg',
|
|
30469
30577
|
'Hebr'
|
|
30470
30578
|
]);
|
|
30471
|
-
const $d805ff57cab8bee2$var$RTL_LANGS
|
|
30579
|
+
const $d805ff57cab8bee2$var$RTL_LANGS = new Set([
|
|
30472
30580
|
'ae',
|
|
30473
30581
|
'ar',
|
|
30474
30582
|
'arc',
|
|
@@ -30489,7 +30597,7 @@ const $d805ff57cab8bee2$var$RTL_LANGS$1 = new Set([
|
|
|
30489
30597
|
'ur',
|
|
30490
30598
|
'yi'
|
|
30491
30599
|
]);
|
|
30492
|
-
function $d805ff57cab8bee2$export$702d680b21cbd764
|
|
30600
|
+
function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
|
|
30493
30601
|
// If the Intl.Locale API is available, use it to get the locale's text direction.
|
|
30494
30602
|
if (Intl.Locale) {
|
|
30495
30603
|
let locale = new Intl.Locale(localeString).maximize();
|
|
@@ -30500,11 +30608,11 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
|
|
|
30500
30608
|
if (textInfo) return textInfo.direction === 'rtl';
|
|
30501
30609
|
// Fallback: guess using the script.
|
|
30502
30610
|
// This is more accurate than guessing by language, since languages can be written in multiple scripts.
|
|
30503
|
-
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS
|
|
30611
|
+
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
|
|
30504
30612
|
}
|
|
30505
30613
|
// If not, just guess by the language (first part of the locale)
|
|
30506
30614
|
let lang = localeString.split('-')[0];
|
|
30507
|
-
return $d805ff57cab8bee2$var$RTL_LANGS
|
|
30615
|
+
return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
|
|
30508
30616
|
}
|
|
30509
30617
|
|
|
30510
30618
|
/*
|
|
@@ -30521,9 +30629,9 @@ function $d805ff57cab8bee2$export$702d680b21cbd764$1(localeString) {
|
|
|
30521
30629
|
|
|
30522
30630
|
|
|
30523
30631
|
// Locale passed from server by PackageLocalizationProvider.
|
|
30524
|
-
const $520a025cdb0d710d$var$localeSymbol
|
|
30525
|
-
function $520a025cdb0d710d$export$f09106e7c6677ec5
|
|
30526
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol
|
|
30632
|
+
const $520a025cdb0d710d$var$localeSymbol = Symbol.for('react-aria.i18n.locale');
|
|
30633
|
+
function $520a025cdb0d710d$export$f09106e7c6677ec5() {
|
|
30634
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol] || // @ts-ignore
|
|
30527
30635
|
typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
|
|
30528
30636
|
try {
|
|
30529
30637
|
Intl.DateTimeFormat.supportedLocalesOf([
|
|
@@ -30534,30 +30642,30 @@ function $520a025cdb0d710d$export$f09106e7c6677ec5$1() {
|
|
|
30534
30642
|
}
|
|
30535
30643
|
return {
|
|
30536
30644
|
locale: locale,
|
|
30537
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764
|
|
30645
|
+
direction: ($d805ff57cab8bee2$export$702d680b21cbd764)(locale) ? 'rtl' : 'ltr'
|
|
30538
30646
|
};
|
|
30539
30647
|
}
|
|
30540
|
-
let $520a025cdb0d710d$var$currentLocale
|
|
30541
|
-
let $520a025cdb0d710d$var$listeners
|
|
30542
|
-
function $520a025cdb0d710d$var$updateLocale
|
|
30543
|
-
$520a025cdb0d710d$var$currentLocale
|
|
30544
|
-
for (let listener of $520a025cdb0d710d$var$listeners
|
|
30648
|
+
let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
30649
|
+
let $520a025cdb0d710d$var$listeners = new Set();
|
|
30650
|
+
function $520a025cdb0d710d$var$updateLocale() {
|
|
30651
|
+
$520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
30652
|
+
for (let listener of $520a025cdb0d710d$var$listeners)listener($520a025cdb0d710d$var$currentLocale);
|
|
30545
30653
|
}
|
|
30546
|
-
function $520a025cdb0d710d$export$188ec29ebc2bdc3a
|
|
30547
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273
|
|
30548
|
-
let [defaultLocale, setDefaultLocale] = ($8WNJc$react.useState)($520a025cdb0d710d$var$currentLocale
|
|
30654
|
+
function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
|
|
30655
|
+
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273)();
|
|
30656
|
+
let [defaultLocale, setDefaultLocale] = ($8WNJc$react.useState)($520a025cdb0d710d$var$currentLocale);
|
|
30549
30657
|
($8WNJc$react.useEffect)(()=>{
|
|
30550
|
-
if ($520a025cdb0d710d$var$listeners
|
|
30551
|
-
$520a025cdb0d710d$var$listeners
|
|
30658
|
+
if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
30659
|
+
$520a025cdb0d710d$var$listeners.add(setDefaultLocale);
|
|
30552
30660
|
return ()=>{
|
|
30553
|
-
$520a025cdb0d710d$var$listeners
|
|
30554
|
-
if ($520a025cdb0d710d$var$listeners
|
|
30661
|
+
$520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
|
|
30662
|
+
if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
30555
30663
|
};
|
|
30556
30664
|
}, []);
|
|
30557
30665
|
// We cannot determine the browser's language on the server, so default to
|
|
30558
30666
|
// en-US. This will be updated after hydration on the client to the correct value.
|
|
30559
30667
|
if (isSSR) {
|
|
30560
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol
|
|
30668
|
+
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol];
|
|
30561
30669
|
return {
|
|
30562
30670
|
locale: locale || 'en-US',
|
|
30563
30671
|
direction: 'ltr'
|
|
@@ -30579,10 +30687,10 @@ function $520a025cdb0d710d$export$188ec29ebc2bdc3a$1() {
|
|
|
30579
30687
|
*/
|
|
30580
30688
|
|
|
30581
30689
|
|
|
30582
|
-
const $2eb8e6d23f3d0cb0$var$I18nContext
|
|
30583
|
-
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7
|
|
30584
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a
|
|
30585
|
-
let context = ($8WNJc$react.useContext)($2eb8e6d23f3d0cb0$var$I18nContext
|
|
30690
|
+
const $2eb8e6d23f3d0cb0$var$I18nContext = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
30691
|
+
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
|
|
30692
|
+
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a)();
|
|
30693
|
+
let context = ($8WNJc$react.useContext)($2eb8e6d23f3d0cb0$var$I18nContext);
|
|
30586
30694
|
return context || defaultLocale;
|
|
30587
30695
|
}
|
|
30588
30696
|
|
|
@@ -30623,7 +30731,7 @@ function $cf2482eff2eeeec2$export$87b761675e8eaa10(strings, packageName) {
|
|
|
30623
30731
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
30624
30732
|
* governing permissions and limitations under the License.
|
|
30625
30733
|
*/ /* eslint-disable rsp-rules/pure-render */
|
|
30626
|
-
function $9c268ab73a5d55e5$export$722debc0e56fea39
|
|
30734
|
+
function $9c268ab73a5d55e5$export$722debc0e56fea39(value, isEqual) {
|
|
30627
30735
|
// Using a ref during render is ok here because it's only an optimization – both values are equivalent.
|
|
30628
30736
|
// If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
|
|
30629
30737
|
let lastValue = ($8WNJc$react.useRef)(null);
|
|
@@ -30646,16 +30754,16 @@ function $9c268ab73a5d55e5$export$722debc0e56fea39$1(value, isEqual) {
|
|
|
30646
30754
|
|
|
30647
30755
|
|
|
30648
30756
|
|
|
30649
|
-
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79
|
|
30757
|
+
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79(options) {
|
|
30650
30758
|
// Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
|
|
30651
|
-
options = ($9c268ab73a5d55e5$export$722debc0e56fea39
|
|
30652
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7
|
|
30759
|
+
options = ($9c268ab73a5d55e5$export$722debc0e56fea39)(options ?? {}, $60f33508b4cd9d3b$var$isEqual);
|
|
30760
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
|
|
30653
30761
|
return ($8WNJc$react.useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
|
|
30654
30762
|
locale,
|
|
30655
30763
|
options
|
|
30656
30764
|
]);
|
|
30657
30765
|
}
|
|
30658
|
-
function $60f33508b4cd9d3b$var$isEqual
|
|
30766
|
+
function $60f33508b4cd9d3b$var$isEqual(a, b) {
|
|
30659
30767
|
if (a === b) return true;
|
|
30660
30768
|
let aKeys = Object.keys(a);
|
|
30661
30769
|
let bKeys = Object.keys(b);
|
|
@@ -31437,7 +31545,7 @@ function $parcel$interopDefault(a) {
|
|
|
31437
31545
|
|
|
31438
31546
|
|
|
31439
31547
|
function $40cf8faa4dad0740$export$d42c60378c8168f8() {
|
|
31440
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7
|
|
31548
|
+
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
|
|
31441
31549
|
let dictionary = ($cf2482eff2eeeec2$export$87b761675e8eaa10)((($parcel$interopDefault($0014db39426443c5$exports))), '@react-aria/datepicker');
|
|
31442
31550
|
return ($8WNJc$react.useMemo)(()=>{
|
|
31443
31551
|
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
@@ -31464,7 +31572,7 @@ class $40cf8faa4dad0740$var$DisplayNamesPolyfill {
|
|
|
31464
31572
|
}
|
|
31465
31573
|
}
|
|
31466
31574
|
|
|
31467
|
-
var css_248z$x = ".bcds-react-aria-Calendar {\n display: inline-flex;\n flex-
|
|
31575
|
+
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";
|
|
31468
31576
|
styleInject(css_248z$x);
|
|
31469
31577
|
|
|
31470
31578
|
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";
|
|
@@ -31474,18 +31582,22 @@ function Heading({ color = "primary", isUnstyled = false, ...props }) {
|
|
|
31474
31582
|
return (jsxRuntime.jsx($2ec61d1d4f780267$export$a8a3e93435678ff9, { className: isUnstyled ? undefined : `bcds-react-aria-Heading ${color}`, ...props }));
|
|
31475
31583
|
}
|
|
31476
31584
|
|
|
31477
|
-
|
|
31478
|
-
|
|
31479
|
-
|
|
31585
|
+
function SvgChevronLeftIcon({ size = "medium", title, id, ...props }) {
|
|
31586
|
+
const iconSize = getIconSize(size);
|
|
31587
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31588
|
+
const isMeaningful = Boolean(title);
|
|
31589
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
31480
31590
|
}
|
|
31481
31591
|
|
|
31482
|
-
|
|
31483
|
-
|
|
31484
|
-
|
|
31592
|
+
function SvgChevronRightIcon({ size = "medium", title, id, ...props }) {
|
|
31593
|
+
const iconSize = getIconSize(size);
|
|
31594
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31595
|
+
const isMeaningful = Boolean(title);
|
|
31596
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
31485
31597
|
}
|
|
31486
31598
|
|
|
31487
31599
|
function Calendar({ visibleDuration = { months: 1 }, ...props }) {
|
|
31488
|
-
const monthFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79
|
|
31600
|
+
const monthFormatter = $60f33508b4cd9d3b$export$85fd5fdf27bacc79({
|
|
31489
31601
|
month: "long",
|
|
31490
31602
|
year: "numeric",
|
|
31491
31603
|
});
|
|
@@ -31501,20 +31613,24 @@ function Callout({ variant = "lightGrey", title, description, buttons, role = "n
|
|
|
31501
31613
|
return (jsxRuntime.jsx("div", { className: `bcds-Callout ${variant} ${isLeftBorderDisabled ? "noBorder" : ""}`, ...props, role: role, children: children ? (children) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "bcds-Callout--Container", "aria-labelledby": "callout-title", role: role, children: [title && (jsxRuntime.jsx("span", { className: "bcds-Callout--Title", id: "callout-title", children: title })), description && (jsxRuntime.jsx("span", { className: "bcds-Callout--Description", children: description })), buttons && (jsxRuntime.jsx(ButtonGroup, { alignment: "start", orientation: "horizontal", children: buttons }))] }) })) }));
|
|
31502
31614
|
}
|
|
31503
31615
|
|
|
31504
|
-
|
|
31505
|
-
|
|
31506
|
-
|
|
31616
|
+
function SvgCheckIcon({ size = "medium", title, id, ...props }) {
|
|
31617
|
+
const iconSize = getIconSize(size);
|
|
31618
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31619
|
+
const isMeaningful = Boolean(title);
|
|
31620
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
31507
31621
|
}
|
|
31508
31622
|
|
|
31509
|
-
function SvgDashIcon
|
|
31510
|
-
|
|
31623
|
+
function SvgDashIcon({ title, id, ...props }) {
|
|
31624
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31625
|
+
const isMeaningful = Boolean(title);
|
|
31626
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
31511
31627
|
}
|
|
31512
31628
|
|
|
31513
31629
|
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";
|
|
31514
31630
|
styleInject(css_248z$u);
|
|
31515
31631
|
|
|
31516
31632
|
function Checkbox({ value, children, ...props }) {
|
|
31517
|
-
return (jsxRuntime.jsx($ed8ccb2e23e76301$export$48513f6b9f8ce62d, { className: "bcds-react-aria-Checkbox", value: value, ...props, children: ({ isRequired, isSelected, isIndeterminate }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "checkbox", children: [isSelected && !isIndeterminate && jsxRuntime.jsx(SvgCheckIcon, {}), isIndeterminate && jsxRuntime.jsx(SvgDashIcon
|
|
31633
|
+
return (jsxRuntime.jsx($ed8ccb2e23e76301$export$48513f6b9f8ce62d, { className: "bcds-react-aria-Checkbox", value: value, ...props, children: ({ isRequired, isSelected, isIndeterminate }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "checkbox", children: [isSelected && !isIndeterminate && jsxRuntime.jsx(SvgCheckIcon, { size: "xsmall" }), isIndeterminate && jsxRuntime.jsx(SvgDashIcon, {})] }), jsxRuntime.jsxs("span", { className: "label", children: [jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }), " ", isRequired && "(required)"] })] })) }));
|
|
31518
31634
|
}
|
|
31519
31635
|
|
|
31520
31636
|
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";
|
|
@@ -31524,298 +31640,6 @@ function CheckboxGroup({ orientation = "vertical", label, description, errorMess
|
|
|
31524
31640
|
return (jsxRuntime.jsx($ed8ccb2e23e76301$export$4aa08d5625cb8ead, { className: `bcds-react-aria-CheckboxGroup`, ...props, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-CheckboxGroup--label", children: [label, " ", isRequired && "(required)"] })), jsxRuntime.jsx("div", { className: `bcds-react-aria-CheckboxGroup--options ${orientation} flex-wrap-${flexWrap}`, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) }), description && (jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-CheckboxGroup--description", children: description })), isInvalid && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-CheckboxGroup--error", children: [jsxRuntime.jsx(SvgExclamationIcon, {}), jsxRuntime.jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { children: errorMessage })] }))] })) }));
|
|
31525
31641
|
}
|
|
31526
31642
|
|
|
31527
|
-
/*
|
|
31528
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31529
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31530
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31531
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31532
|
-
*
|
|
31533
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31534
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31535
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31536
|
-
* governing permissions and limitations under the License.
|
|
31537
|
-
*/ // https://en.wikipedia.org/wiki/Right-to-left
|
|
31538
|
-
const $d805ff57cab8bee2$var$RTL_SCRIPTS = new Set([
|
|
31539
|
-
'Arab',
|
|
31540
|
-
'Syrc',
|
|
31541
|
-
'Samr',
|
|
31542
|
-
'Mand',
|
|
31543
|
-
'Thaa',
|
|
31544
|
-
'Mend',
|
|
31545
|
-
'Nkoo',
|
|
31546
|
-
'Adlm',
|
|
31547
|
-
'Rohg',
|
|
31548
|
-
'Hebr'
|
|
31549
|
-
]);
|
|
31550
|
-
const $d805ff57cab8bee2$var$RTL_LANGS = new Set([
|
|
31551
|
-
'ae',
|
|
31552
|
-
'ar',
|
|
31553
|
-
'arc',
|
|
31554
|
-
'bcc',
|
|
31555
|
-
'bqi',
|
|
31556
|
-
'ckb',
|
|
31557
|
-
'dv',
|
|
31558
|
-
'fa',
|
|
31559
|
-
'glk',
|
|
31560
|
-
'he',
|
|
31561
|
-
'ku',
|
|
31562
|
-
'mzn',
|
|
31563
|
-
'nqo',
|
|
31564
|
-
'pnb',
|
|
31565
|
-
'ps',
|
|
31566
|
-
'sd',
|
|
31567
|
-
'ug',
|
|
31568
|
-
'ur',
|
|
31569
|
-
'yi'
|
|
31570
|
-
]);
|
|
31571
|
-
function $d805ff57cab8bee2$export$702d680b21cbd764(localeString) {
|
|
31572
|
-
// If the Intl.Locale API is available, use it to get the locale's text direction.
|
|
31573
|
-
if (Intl.Locale) {
|
|
31574
|
-
let locale = new Intl.Locale(localeString).maximize();
|
|
31575
|
-
// Use the text info object to get the direction if possible.
|
|
31576
|
-
// @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.
|
|
31577
|
-
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo
|
|
31578
|
-
let textInfo = typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;
|
|
31579
|
-
if (textInfo) return textInfo.direction === 'rtl';
|
|
31580
|
-
// Fallback: guess using the script.
|
|
31581
|
-
// This is more accurate than guessing by language, since languages can be written in multiple scripts.
|
|
31582
|
-
if (locale.script) return $d805ff57cab8bee2$var$RTL_SCRIPTS.has(locale.script);
|
|
31583
|
-
}
|
|
31584
|
-
// If not, just guess by the language (first part of the locale)
|
|
31585
|
-
let lang = localeString.split('-')[0];
|
|
31586
|
-
return $d805ff57cab8bee2$var$RTL_LANGS.has(lang);
|
|
31587
|
-
}
|
|
31588
|
-
|
|
31589
|
-
/*
|
|
31590
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31591
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31592
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31593
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31594
|
-
*
|
|
31595
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31596
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31597
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31598
|
-
* governing permissions and limitations under the License.
|
|
31599
|
-
*/ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
|
|
31600
|
-
// guarded by a check that it only runs on the client side.
|
|
31601
|
-
// eslint-disable-next-line rulesdir/useLayoutEffectRule
|
|
31602
|
-
|
|
31603
|
-
// Default context value to use in case there is no SSRProvider. This is fine for
|
|
31604
|
-
// client-only apps. In order to support multiple copies of React Aria potentially
|
|
31605
|
-
// being on the page at once, the prefix is set to a random number. SSRProvider
|
|
31606
|
-
// will reset this to zero for consistency between server and client, so in the
|
|
31607
|
-
// SSR case multiple copies of React Aria is not supported.
|
|
31608
|
-
const $c7eafbbe1ea5834e$var$defaultContext = {
|
|
31609
|
-
prefix: String(Math.round(Math.random() * 10000000000)),
|
|
31610
|
-
current: 0
|
|
31611
|
-
};
|
|
31612
|
-
const $c7eafbbe1ea5834e$var$SSRContext = /*#__PURE__*/ ($8WNJc$react).createContext($c7eafbbe1ea5834e$var$defaultContext);
|
|
31613
|
-
const $c7eafbbe1ea5834e$var$IsSSRContext = /*#__PURE__*/ ($8WNJc$react).createContext(false);
|
|
31614
|
-
let $c7eafbbe1ea5834e$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
31615
|
-
let $c7eafbbe1ea5834e$var$componentIds = new WeakMap();
|
|
31616
|
-
function $c7eafbbe1ea5834e$var$useCounter(isDisabled = false) {
|
|
31617
|
-
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
31618
|
-
let ref = ($8WNJc$react.useRef)(null);
|
|
31619
|
-
// eslint-disable-next-line rulesdir/pure-render
|
|
31620
|
-
if (ref.current === null && !isDisabled) {
|
|
31621
|
-
// In strict mode, React renders components twice, and the ref will be reset to null on the second render.
|
|
31622
|
-
// This means our id counter will be incremented twice instead of once. This is a problem because on the
|
|
31623
|
-
// server, components are only rendered once and so ids generated on the server won't match the client.
|
|
31624
|
-
// In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
|
|
31625
|
-
// we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
|
|
31626
|
-
// This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
|
|
31627
|
-
// To ensure that we only increment the global counter once, we store the starting id for this component in
|
|
31628
|
-
// a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
|
|
31629
|
-
// Since React runs the second render immediately after the first, this is safe.
|
|
31630
|
-
// @ts-ignore
|
|
31631
|
-
let currentOwner = ($8WNJc$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;
|
|
31632
|
-
if (currentOwner) {
|
|
31633
|
-
let prevComponentValue = $c7eafbbe1ea5834e$var$componentIds.get(currentOwner);
|
|
31634
|
-
if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
|
|
31635
|
-
$c7eafbbe1ea5834e$var$componentIds.set(currentOwner, {
|
|
31636
|
-
id: ctx.current,
|
|
31637
|
-
state: currentOwner.memoizedState
|
|
31638
|
-
});
|
|
31639
|
-
else if (currentOwner.memoizedState !== prevComponentValue.state) {
|
|
31640
|
-
// On the second render, the memoizedState gets reset by React.
|
|
31641
|
-
// Reset the counter, and remove from the weak map so we don't
|
|
31642
|
-
// do this for subsequent useId calls.
|
|
31643
|
-
ctx.current = prevComponentValue.id;
|
|
31644
|
-
$c7eafbbe1ea5834e$var$componentIds.delete(currentOwner);
|
|
31645
|
-
}
|
|
31646
|
-
}
|
|
31647
|
-
// eslint-disable-next-line rulesdir/pure-render
|
|
31648
|
-
ref.current = ++ctx.current;
|
|
31649
|
-
}
|
|
31650
|
-
// eslint-disable-next-line rulesdir/pure-render
|
|
31651
|
-
return ref.current;
|
|
31652
|
-
}
|
|
31653
|
-
function $c7eafbbe1ea5834e$var$useLegacySSRSafeId(defaultId) {
|
|
31654
|
-
let ctx = ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$SSRContext);
|
|
31655
|
-
// If we are rendering in a non-DOM environment, and there's no SSRProvider,
|
|
31656
|
-
// provide a warning to hint to the developer to add one.
|
|
31657
|
-
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.');
|
|
31658
|
-
let counter = $c7eafbbe1ea5834e$var$useCounter(!!defaultId);
|
|
31659
|
-
let prefix = ctx === $c7eafbbe1ea5834e$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
|
|
31660
|
-
return defaultId || `${prefix}-${counter}`;
|
|
31661
|
-
}
|
|
31662
|
-
function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
|
|
31663
|
-
let id = ($8WNJc$react).useId();
|
|
31664
|
-
let [didSSR] = ($8WNJc$react.useState)($c7eafbbe1ea5834e$export$535bd6ca7f90a273());
|
|
31665
|
-
let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$c7eafbbe1ea5834e$var$defaultContext.prefix}`;
|
|
31666
|
-
return defaultId || `${prefix}-${id}`;
|
|
31667
|
-
}
|
|
31668
|
-
typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
|
|
31669
|
-
function $c7eafbbe1ea5834e$var$getSnapshot() {
|
|
31670
|
-
return false;
|
|
31671
|
-
}
|
|
31672
|
-
function $c7eafbbe1ea5834e$var$getServerSnapshot() {
|
|
31673
|
-
return true;
|
|
31674
|
-
}
|
|
31675
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
31676
|
-
function $c7eafbbe1ea5834e$var$subscribe(onStoreChange) {
|
|
31677
|
-
// noop
|
|
31678
|
-
return ()=>{};
|
|
31679
|
-
}
|
|
31680
|
-
function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
|
|
31681
|
-
// In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
|
|
31682
|
-
if (typeof ($8WNJc$react)['useSyncExternalStore'] === 'function') return ($8WNJc$react)['useSyncExternalStore']($c7eafbbe1ea5834e$var$subscribe, $c7eafbbe1ea5834e$var$getSnapshot, $c7eafbbe1ea5834e$var$getServerSnapshot);
|
|
31683
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
31684
|
-
return ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$IsSSRContext);
|
|
31685
|
-
}
|
|
31686
|
-
|
|
31687
|
-
/*
|
|
31688
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31689
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31690
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31691
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31692
|
-
*
|
|
31693
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31694
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31695
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31696
|
-
* governing permissions and limitations under the License.
|
|
31697
|
-
*/
|
|
31698
|
-
|
|
31699
|
-
|
|
31700
|
-
// Locale passed from server by PackageLocalizationProvider.
|
|
31701
|
-
const $520a025cdb0d710d$var$localeSymbol = Symbol.for('react-aria.i18n.locale');
|
|
31702
|
-
function $520a025cdb0d710d$export$f09106e7c6677ec5() {
|
|
31703
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol] || typeof navigator !== 'undefined' && (navigator.language || navigator.userLanguage) || 'en-US';
|
|
31704
|
-
try {
|
|
31705
|
-
Intl.DateTimeFormat.supportedLocalesOf([
|
|
31706
|
-
locale
|
|
31707
|
-
]);
|
|
31708
|
-
} catch {
|
|
31709
|
-
locale = 'en-US';
|
|
31710
|
-
}
|
|
31711
|
-
return {
|
|
31712
|
-
locale: locale,
|
|
31713
|
-
direction: ($d805ff57cab8bee2$export$702d680b21cbd764)(locale) ? 'rtl' : 'ltr'
|
|
31714
|
-
};
|
|
31715
|
-
}
|
|
31716
|
-
let $520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
31717
|
-
let $520a025cdb0d710d$var$listeners = new Set();
|
|
31718
|
-
function $520a025cdb0d710d$var$updateLocale() {
|
|
31719
|
-
$520a025cdb0d710d$var$currentLocale = $520a025cdb0d710d$export$f09106e7c6677ec5();
|
|
31720
|
-
for (let listener of $520a025cdb0d710d$var$listeners)listener($520a025cdb0d710d$var$currentLocale);
|
|
31721
|
-
}
|
|
31722
|
-
function $520a025cdb0d710d$export$188ec29ebc2bdc3a() {
|
|
31723
|
-
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273)();
|
|
31724
|
-
let [defaultLocale, setDefaultLocale] = ($8WNJc$react.useState)($520a025cdb0d710d$var$currentLocale);
|
|
31725
|
-
($8WNJc$react.useEffect)(()=>{
|
|
31726
|
-
if ($520a025cdb0d710d$var$listeners.size === 0) window.addEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
31727
|
-
$520a025cdb0d710d$var$listeners.add(setDefaultLocale);
|
|
31728
|
-
return ()=>{
|
|
31729
|
-
$520a025cdb0d710d$var$listeners.delete(setDefaultLocale);
|
|
31730
|
-
if ($520a025cdb0d710d$var$listeners.size === 0) window.removeEventListener('languagechange', $520a025cdb0d710d$var$updateLocale);
|
|
31731
|
-
};
|
|
31732
|
-
}, []);
|
|
31733
|
-
// We cannot determine the browser's language on the server, so default to
|
|
31734
|
-
// en-US. This will be updated after hydration on the client to the correct value.
|
|
31735
|
-
if (isSSR) {
|
|
31736
|
-
let locale = typeof window !== 'undefined' && window[$520a025cdb0d710d$var$localeSymbol];
|
|
31737
|
-
return {
|
|
31738
|
-
locale: locale || 'en-US',
|
|
31739
|
-
direction: 'ltr'
|
|
31740
|
-
};
|
|
31741
|
-
}
|
|
31742
|
-
return defaultLocale;
|
|
31743
|
-
}
|
|
31744
|
-
|
|
31745
|
-
/*
|
|
31746
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31747
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31748
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31749
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31750
|
-
*
|
|
31751
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31752
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31753
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31754
|
-
* governing permissions and limitations under the License.
|
|
31755
|
-
*/
|
|
31756
|
-
|
|
31757
|
-
|
|
31758
|
-
const $2eb8e6d23f3d0cb0$var$I18nContext = /*#__PURE__*/ ($8WNJc$react).createContext(null);
|
|
31759
|
-
function $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7() {
|
|
31760
|
-
let defaultLocale = ($520a025cdb0d710d$export$188ec29ebc2bdc3a)();
|
|
31761
|
-
let context = ($8WNJc$react.useContext)($2eb8e6d23f3d0cb0$var$I18nContext);
|
|
31762
|
-
return context || defaultLocale;
|
|
31763
|
-
}
|
|
31764
|
-
|
|
31765
|
-
/*
|
|
31766
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
31767
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31768
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31769
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31770
|
-
*
|
|
31771
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31772
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31773
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31774
|
-
* governing permissions and limitations under the License.
|
|
31775
|
-
*/ /* eslint-disable rulesdir/pure-render */
|
|
31776
|
-
function $9c268ab73a5d55e5$export$722debc0e56fea39(value, isEqual) {
|
|
31777
|
-
// Using a ref during render is ok here because it's only an optimization – both values are equivalent.
|
|
31778
|
-
// If a render is thrown away, it'll still work the same no matter if the next render is the same or not.
|
|
31779
|
-
let lastValue = ($8WNJc$react.useRef)(null);
|
|
31780
|
-
if (value && lastValue.current && isEqual(value, lastValue.current)) value = lastValue.current;
|
|
31781
|
-
lastValue.current = value;
|
|
31782
|
-
return value;
|
|
31783
|
-
}
|
|
31784
|
-
|
|
31785
|
-
/*
|
|
31786
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
31787
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
31788
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
31789
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
31790
|
-
*
|
|
31791
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31792
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
31793
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
31794
|
-
* governing permissions and limitations under the License.
|
|
31795
|
-
*/
|
|
31796
|
-
|
|
31797
|
-
|
|
31798
|
-
|
|
31799
|
-
function $60f33508b4cd9d3b$export$85fd5fdf27bacc79(options) {
|
|
31800
|
-
// Reuse last options object if it is shallowly equal, which allows the useMemo result to also be reused.
|
|
31801
|
-
options = ($9c268ab73a5d55e5$export$722debc0e56fea39)(options ?? {}, $60f33508b4cd9d3b$var$isEqual);
|
|
31802
|
-
let { locale: locale } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
|
|
31803
|
-
return ($8WNJc$react.useMemo)(()=>new ($12a3c853105e5a70$export$ad991b66133851cf)(locale, options), [
|
|
31804
|
-
locale,
|
|
31805
|
-
options
|
|
31806
|
-
]);
|
|
31807
|
-
}
|
|
31808
|
-
function $60f33508b4cd9d3b$var$isEqual(a, b) {
|
|
31809
|
-
if (a === b) return true;
|
|
31810
|
-
let aKeys = Object.keys(a);
|
|
31811
|
-
let bKeys = Object.keys(b);
|
|
31812
|
-
if (aKeys.length !== bKeys.length) return false;
|
|
31813
|
-
for (let key of aKeys){
|
|
31814
|
-
if (b[key] !== a[key]) return false;
|
|
31815
|
-
}
|
|
31816
|
-
return true;
|
|
31817
|
-
}
|
|
31818
|
-
|
|
31819
31643
|
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";
|
|
31820
31644
|
styleInject(css_248z$s);
|
|
31821
31645
|
|
|
@@ -31833,9 +31657,11 @@ function Separator({ size = "medium", ...props }) {
|
|
|
31833
31657
|
return (jsxRuntime.jsx($e28ab3efe3e87743$export$1ff3c3f08ae963c0, { className: `bcds-react-aria-Separator ${size}`, ...props }));
|
|
31834
31658
|
}
|
|
31835
31659
|
|
|
31836
|
-
|
|
31837
|
-
|
|
31838
|
-
|
|
31660
|
+
function SvgCalendarIcon({ size = "medium", title, id, ...props }) {
|
|
31661
|
+
const iconSize = getIconSize(size);
|
|
31662
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31663
|
+
const isMeaningful = Boolean(title);
|
|
31664
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
31839
31665
|
}
|
|
31840
31666
|
|
|
31841
31667
|
/* Generate format helper text, adapted from React Spectrum */
|
|
@@ -31865,14 +31691,16 @@ function DatePicker({ size = "medium", label, description, errorMessage, showFor
|
|
|
31865
31691
|
return isBrowserLocaleUsed ? (datePicker) : (jsxRuntime.jsx($2eb8e6d23f3d0cb0$export$a54013f0d02a8f82, { locale: "en-CA", children: datePicker }));
|
|
31866
31692
|
}
|
|
31867
31693
|
|
|
31868
|
-
var css_248z$p = ".bcds-bc-logo--whiteFill {\n fill: #
|
|
31694
|
+
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";
|
|
31869
31695
|
styleInject(css_248z$p);
|
|
31870
31696
|
|
|
31871
|
-
function SvgBcLogo({ id
|
|
31872
|
-
return (jsxRuntime.jsxs("svg", { id: id, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 847.65 327.01", children: [jsxRuntime.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" }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", className: "bcds-bc-logo--goldFill" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.jsxs("g", { children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.jsx("rect", { width: "847.65", height: "327.01", className: "bcds-bc-logo--noFill" })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", className: "bcds-bc-logo--goldFill" }), jsxRuntime.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" })] }), jsxRuntime.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" })] })] }));
|
|
31697
|
+
function SvgBcLogo({ title, id, ...props }) {
|
|
31698
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31699
|
+
const isMeaningful = Boolean(title);
|
|
31700
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("rect", { x: "415.4", y: "252.98", width: "314.66", height: "3.82", className: "bcds-bc-logo--goldFill" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.jsxs("g", { children: [jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" }), jsxRuntime.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" })] }), jsxRuntime.jsx("rect", { width: "847.65", height: "327.01", className: "bcds-bc-logo--noFill" })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("polygon", { points: "295.89 176.17 301.27 178.4 313.19 170.08 295.89 176.17", className: "bcds-bc-logo--goldFill" }), jsxRuntime.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" })] }), jsxRuntime.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" })] })] }));
|
|
31873
31701
|
}
|
|
31874
31702
|
|
|
31875
|
-
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-
|
|
31703
|
+
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";
|
|
31876
31704
|
styleInject(css_248z$o);
|
|
31877
31705
|
|
|
31878
31706
|
/**
|
|
@@ -31927,7 +31755,7 @@ function Form({ ...props }) {
|
|
|
31927
31755
|
return jsxRuntime.jsx($cdaed739b1139372$export$a7fed597f4b8afd8, { ...props });
|
|
31928
31756
|
}
|
|
31929
31757
|
|
|
31930
|
-
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
|
|
31758
|
+
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";
|
|
31931
31759
|
styleInject(css_248z$n);
|
|
31932
31760
|
|
|
31933
31761
|
function Header({ children, logoLinkElement, logoImage = jsxRuntime.jsx(SvgBcLogo, { id: "bcgov-logo-header" }), skipLinks, title = "", titleElement = "span", }) {
|
|
@@ -32010,7 +31838,7 @@ function MenuItem({ size = "medium", label, description, iconLeft, ...props }) {
|
|
|
32010
31838
|
if (typeof props.children === "function") {
|
|
32011
31839
|
return props.children(renderProps);
|
|
32012
31840
|
}
|
|
32013
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [iconLeft && (jsxRuntime.jsx("span", { className: "bcds-react-aria-MenuItem--Icon", children: iconLeft })), props.children, (label || description) && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-MenuItem--Content", children: [label && jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", children: label }), description && jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", children: description })] })), renderProps.hasSubmenu && jsxRuntime.jsx(SvgChevronRightIcon, {}), renderProps.isSelected && jsxRuntime.jsx(SvgCheckIcon, {})] }));
|
|
31841
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [iconLeft && (jsxRuntime.jsx("span", { className: "bcds-react-aria-MenuItem--Icon", children: iconLeft })), props.children, (label || description) && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-MenuItem--Content", children: [label && jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", children: label }), description && jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", children: description })] })), renderProps.hasSubmenu && jsxRuntime.jsx(SvgChevronRightIcon, {}), renderProps.isSelected && jsxRuntime.jsx(SvgCheckIcon, { size: "xsmall" })] }));
|
|
32014
31842
|
} }));
|
|
32015
31843
|
}
|
|
32016
31844
|
|
|
@@ -32075,14 +31903,14 @@ function ProgressCircle({ size = "medium", valueLabel, ...props }) {
|
|
|
32075
31903
|
return (jsxRuntime.jsx($6c0095e7e99364f2$export$c17561cb55d4db30, { className: "bcds-react-aria-ProgressCircle", ...props, children: ({ percentage, valueText, isIndeterminate }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("svg", { className: `bcds-react-aria-ProgressCircle--Container ${size}`, children: [jsxRuntime.jsx("circle", { className: "bcds-react-aria-ProgressCircle--Track" }), jsxRuntime.jsx("circle", { className: "bcds-react-aria-ProgressCircle--Fill", pathLength: "100", strokeDashoffset: 100 - (isIndeterminate || percentage == null ? 25 : percentage) })] }), valueLabel && (jsxRuntime.jsxs("div", { className: "bcds-react-aria-ProgressCircle--Label", children: [jsxRuntime.jsx($43a3b93638fe5db9$export$b04be29aa201d4f5, { children: valueLabel }), !isIndeterminate && (jsxRuntime.jsx("span", { className: "bcds-react-aria-ProgressCircle--Value", children: valueText }))] }))] })) }));
|
|
32076
31904
|
}
|
|
32077
31905
|
|
|
32078
|
-
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
|
|
31906
|
+
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";
|
|
32079
31907
|
styleInject(css_248z$e);
|
|
32080
31908
|
|
|
32081
31909
|
function Radio({ value, children, ...props }) {
|
|
32082
31910
|
return (jsxRuntime.jsx($fe21c36db05242bb$export$d7b12c4107be0d61, { className: "bcds-react-aria-Radio", value: value, ...props, children: children }));
|
|
32083
31911
|
}
|
|
32084
31912
|
|
|
32085
|
-
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-
|
|
31913
|
+
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";
|
|
32086
31914
|
styleInject(css_248z$d);
|
|
32087
31915
|
|
|
32088
31916
|
function RadioGroup({ orientation = "vertical", label, description, children, errorMessage, flexWrap = "nowrap", ...props }) {
|
|
@@ -32096,7 +31924,7 @@ function TagGroup({ children, label, description, errorMessage, ...props }) {
|
|
|
32096
31924
|
return (jsxRuntime.jsxs($3df3ddf5bafbc7b1$export$67ea30858aaf75e3, { className: "bcds-react-aria-TagGroup", ...props, children: [label && (jsxRuntime.jsx($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TagGroup--Label", children: label })), children, description && (jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-TagGroup--Text-description", children: description })), errorMessage && (jsxRuntime.jsxs($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "errorMessage", className: "bcds-react-aria-TagGroup--Text-error", children: [jsxRuntime.jsx(SvgExclamationIcon, {}), errorMessage] }))] }));
|
|
32097
31925
|
}
|
|
32098
31926
|
|
|
32099
|
-
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-
|
|
31927
|
+
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";
|
|
32100
31928
|
styleInject(css_248z$b);
|
|
32101
31929
|
|
|
32102
31930
|
function Tag({ color = "blue", tagStyle = "rectangular", size = "small", icon, id, textValue, ...props }) {
|
|
@@ -32161,42 +31989,62 @@ function Select({ items, sections, label, description, placeholder, size = "medi
|
|
|
32161
31989
|
// support different markup within the same component.
|
|
32162
31990
|
items: sections
|
|
32163
31991
|
? sections
|
|
32164
|
-
: [{ id: "section", header: "", items: items ? items : [] }], children: (section) => (jsxRuntime.jsxs($928221da08ecbc62$export$dca12b0bb56e4fc, { id: section.id, className: "bcds-react-aria-Section", children: [section?.header && (jsxRuntime.jsx($53e61d82d8b8611d$export$8b251419efc915eb, { className: "bcds-react-aria-Select--Header", children: section.header })), jsxRuntime.jsx($42ceafc619f9c3ba$export$fb8073518f34e6ec, { items: section.items, children: (item) => (jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item?.iconLeft && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconLeft })), jsxRuntime.jsxs("div", { className: "bcds-react-aria-Select--ListBoxItem-Text-container", children: [jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", className: "bcds-react-aria-Select--ListBoxItem-Text-label", children: item.label }), item.description && (jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-Select--ListBoxItem-Text-description", children: item.description }))] }), isSelected ? (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: jsxRuntime.jsx(SvgCheckIcon, {}) })) : (item?.iconRight && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconRight })))] })) })) })] })) }) })] })) }));
|
|
31992
|
+
: [{ id: "section", header: "", items: items ? items : [] }], children: (section) => (jsxRuntime.jsxs($928221da08ecbc62$export$dca12b0bb56e4fc, { id: section.id, className: "bcds-react-aria-Section", children: [section?.header && (jsxRuntime.jsx($53e61d82d8b8611d$export$8b251419efc915eb, { className: "bcds-react-aria-Select--Header", children: section.header })), jsxRuntime.jsx($42ceafc619f9c3ba$export$fb8073518f34e6ec, { items: section.items, children: (item) => (jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item?.iconLeft && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconLeft })), jsxRuntime.jsxs("div", { className: "bcds-react-aria-Select--ListBoxItem-Text-container", children: [jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "label", className: "bcds-react-aria-Select--ListBoxItem-Text-label", children: item.label }), item.description && (jsxRuntime.jsx($efe09c6d1c304b50$export$5f1af8db9871e1d6, { slot: "description", className: "bcds-react-aria-Select--ListBoxItem-Text-description", children: item.description }))] }), isSelected ? (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: jsxRuntime.jsx(SvgCheckIcon, { size: "xsmall" }) })) : (item?.iconRight && (jsxRuntime.jsx("div", { className: "bcds-react-aria-Select--ListBoxItem-icon", children: item.iconRight })))] })) })) })] })) }) })] })) }));
|
|
32165
31993
|
}
|
|
32166
31994
|
|
|
32167
|
-
function SvgBcOutlineIcon({
|
|
32168
|
-
|
|
31995
|
+
function SvgBcOutlineIcon({ size = "medium", title, id, ...props }) {
|
|
31996
|
+
const iconSize = getIconSize(size);
|
|
31997
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
31998
|
+
const isMeaningful = Boolean(title);
|
|
31999
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsxs("g", { children: [jsxRuntime.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" }), jsxRuntime.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" })] })] }));
|
|
32169
32000
|
}
|
|
32170
32001
|
|
|
32171
|
-
|
|
32172
|
-
|
|
32173
|
-
|
|
32002
|
+
function SvgBetaIcon({ size = "medium", title, id, ...props }) {
|
|
32003
|
+
const iconSize = getIconSize(size);
|
|
32004
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32005
|
+
const isMeaningful = Boolean(title);
|
|
32006
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
32174
32007
|
}
|
|
32175
32008
|
|
|
32176
|
-
|
|
32177
|
-
|
|
32178
|
-
|
|
32009
|
+
function SvgMinusIcon({ size = "medium", title, id, ...props }) {
|
|
32010
|
+
const iconSize = getIconSize(size);
|
|
32011
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32012
|
+
const isMeaningful = Boolean(title);
|
|
32013
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
32179
32014
|
}
|
|
32180
32015
|
|
|
32181
|
-
function SvgPlaceholderIcon({ size =
|
|
32182
|
-
|
|
32016
|
+
function SvgPlaceholderIcon({ size = "medium", title, id, ...props }) {
|
|
32017
|
+
const iconSize = getIconSize(size);
|
|
32018
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32019
|
+
const isMeaningful = Boolean(title);
|
|
32020
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { id: "20px/Icon placeholder", clipPath: "url(#clip0_717_6325)", children: jsxRuntime.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" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_717_6325", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white" }) }) })] }));
|
|
32183
32021
|
}
|
|
32184
32022
|
|
|
32185
|
-
|
|
32186
|
-
|
|
32187
|
-
|
|
32023
|
+
function SvgPlusIcon({ size = "medium", title, id, ...props }) {
|
|
32024
|
+
const iconSize = getIconSize(size);
|
|
32025
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32026
|
+
const isMeaningful = Boolean(title);
|
|
32027
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.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" })] }));
|
|
32188
32028
|
}
|
|
32189
32029
|
|
|
32190
|
-
function SvgTooltipArrowUp({ id
|
|
32191
|
-
|
|
32030
|
+
function SvgTooltipArrowUp({ title, id, ...props }) {
|
|
32031
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32032
|
+
const isMeaningful = Boolean(title);
|
|
32033
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
32192
32034
|
}
|
|
32193
32035
|
|
|
32194
|
-
function SvgUpRightFromSquareIcon({ size =
|
|
32195
|
-
|
|
32036
|
+
function SvgUpRightFromSquareIcon({ size = "medium", title, id, ...props }) {
|
|
32037
|
+
const iconSize = getIconSize(size);
|
|
32038
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32039
|
+
const isMeaningful = Boolean(title);
|
|
32040
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
32196
32041
|
}
|
|
32197
32042
|
|
|
32198
|
-
function SvgReactAriaIcon({
|
|
32199
|
-
|
|
32043
|
+
function SvgReactAriaIcon({ size = "medium", title, id, ...props }) {
|
|
32044
|
+
const iconSize = getIconSize(size);
|
|
32045
|
+
const titleId = $390e54f620492c70$export$f680877a34711e37();
|
|
32046
|
+
const isMeaningful = Boolean(title);
|
|
32047
|
+
return (jsxRuntime.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 && jsxRuntime.jsx("title", { id: titleId, children: title }), jsxRuntime.jsx("g", { children: jsxRuntime.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" }) })] }));
|
|
32200
32048
|
}
|
|
32201
32049
|
|
|
32202
32050
|
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";
|
|
@@ -32230,11 +32078,11 @@ function TextField({ size, label, description, errorMessage, iconLeft, iconRight
|
|
|
32230
32078
|
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";
|
|
32231
32079
|
styleInject(css_248z$5);
|
|
32232
32080
|
|
|
32233
|
-
function TimeField({ size = "medium", label, description, errorMessage,
|
|
32234
|
-
return (jsxRuntime.jsx($5400c097f4765e59$export$5eaee2322dd727eb, { className: `bcds-react-aria-TimeField ${size}`, ...props, children: ({ isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TimeField--Label", children: [label, isRequired && (jsxRuntime.jsx("span", { className: "bcds-react-aria-TimeField--Label required", children: "(required)" }))] })), jsxRuntime.jsxs("div", { className: "bcds-react-aria-TimeField--InputContainer", children: [jsxRuntime.jsx($5400c097f4765e59$export$7edc06cf1783b30f, { className: "bcds-react-aria-TimeField--Input", children: (segment) => (jsxRuntime.jsx($5400c097f4765e59$export$336ab7fa954c4b5f, { className: "bcds-react-aria-TimeField--Segment", segment: segment })) }), isInvalid && (jsxRuntime.jsx("span", { className: "bcds-react-aria-TimeField--ErrorIcon", children: jsxRuntime.jsx(SvgExclamationIcon, {}) }))] }), description && (jsxRuntime.jsx(Text, { slot: "description", className: "bcds-react-aria-TimeField--Description", children: description })), jsxRuntime.jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-TimeField--Error", children: errorMessage })] })) }));
|
|
32081
|
+
function TimeField({ size = "medium", label, description, errorMessage, ...props }) {
|
|
32082
|
+
return (jsxRuntime.jsx($5400c097f4765e59$export$5eaee2322dd727eb, { className: `bcds-react-aria-TimeField ${size}`, ...props, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-TimeField--Label", children: [label, isRequired && (jsxRuntime.jsx("span", { className: "bcds-react-aria-TimeField--Label required", children: "(required)" }))] })), jsxRuntime.jsxs("div", { className: "bcds-react-aria-TimeField--InputContainer", children: [jsxRuntime.jsx($5400c097f4765e59$export$7edc06cf1783b30f, { className: "bcds-react-aria-TimeField--Input", children: (segment) => (jsxRuntime.jsx($5400c097f4765e59$export$336ab7fa954c4b5f, { className: "bcds-react-aria-TimeField--Segment", segment: segment })) }), isInvalid && (jsxRuntime.jsx("span", { className: "bcds-react-aria-TimeField--ErrorIcon", children: jsxRuntime.jsx(SvgExclamationIcon, {}) }))] }), description && (jsxRuntime.jsx(Text, { slot: "description", className: "bcds-react-aria-TimeField--Description", children: description })), jsxRuntime.jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-TimeField--Error", children: errorMessage })] })) }));
|
|
32235
32083
|
}
|
|
32236
32084
|
|
|
32237
|
-
var css_248z$4 = ".bcds-react-aria-ToggleButton {\n display: inline-flex;\n flex: 0 1 auto;\n flex-
|
|
32085
|
+
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";
|
|
32238
32086
|
styleInject(css_248z$4);
|
|
32239
32087
|
|
|
32240
32088
|
function ToggleButton({ size = "medium", children, isIconButton = false, ...props }) {
|
|
@@ -32265,8 +32113,8 @@ function Tooltip(props) {
|
|
|
32265
32113
|
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";
|
|
32266
32114
|
styleInject(css_248z);
|
|
32267
32115
|
|
|
32268
|
-
function NumberField({ size = "medium", label, description, errorMessage, ...props }) {
|
|
32269
|
-
return (jsxRuntime.jsx($10076bcc592bc574$export$63c5fa0b2fdccd2e, { className: `bcds-react-aria-NumberField ${size}`, minValue:
|
|
32116
|
+
function NumberField({ size = "medium", label, description, minValue = 0, errorMessage, ...props }) {
|
|
32117
|
+
return (jsxRuntime.jsx($10076bcc592bc574$export$63c5fa0b2fdccd2e, { className: `bcds-react-aria-NumberField ${size}`, minValue: minValue, ...props, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsxs($43a3b93638fe5db9$export$b04be29aa201d4f5, { className: "bcds-react-aria-NumberField--Label", children: [label, isRequired && (jsxRuntime.jsx("span", { className: "bcds-react-aria-NumberField--Label required", children: "(required)" }))] })), jsxRuntime.jsxs($3a442827418ebe87$export$eb2fcfdbd7ba97d4, { className: "bcds-react-aria-NumberField--Group", children: [jsxRuntime.jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsxRuntime.jsx(Button, { size: "small", slot: "decrement", variant: "tertiary", isIconButton: true, children: jsxRuntime.jsx(SvgMinusIcon, {}) })) : (jsxRuntime.jsx(Button, { slot: "decrement", variant: "tertiary", isIconButton: true, children: jsxRuntime.jsx(SvgMinusIcon, {}) })) }), jsxRuntime.jsxs("div", { className: "bcds-react-aria-NumberField--InputContainer", children: [jsxRuntime.jsx($41fb335299a4a39e$export$f5b8910cec6cf069, { className: "bcds-react-aria-NumberField--Input" }), isInvalid && jsxRuntime.jsx(SvgExclamationIcon, {})] }), jsxRuntime.jsx("div", { className: "bcds-react-aria-NumberField--Button", children: size == "small" ? (jsxRuntime.jsx(Button, { size: "small", slot: "increment", variant: "tertiary", isIconButton: true, children: jsxRuntime.jsx(SvgPlusIcon, {}) })) : (jsxRuntime.jsx(Button, { slot: "increment", variant: "tertiary", isIconButton: true, children: jsxRuntime.jsx(SvgPlusIcon, {}) })) })] }), description && (jsxRuntime.jsx(Text, { className: "bcds-react-aria-NumberField--Description", slot: "description", children: description })), isInvalid && (jsxRuntime.jsx($1f3c3b1a70cec653$export$f551688fc98f2e09, { className: "bcds-react-aria-NumberField--Error", children: errorMessage }))] })) }));
|
|
32270
32118
|
}
|
|
32271
32119
|
|
|
32272
32120
|
exports.Accordion = Accordion;
|
|
@@ -32315,11 +32163,11 @@ exports.SvgChevronLeftIcon = SvgChevronLeftIcon;
|
|
|
32315
32163
|
exports.SvgChevronRightIcon = SvgChevronRightIcon;
|
|
32316
32164
|
exports.SvgChevronUpIcon = SvgChevronUpIcon;
|
|
32317
32165
|
exports.SvgCloseIcon = SvgCloseIcon;
|
|
32318
|
-
exports.SvgDashIcon = SvgDashIcon
|
|
32166
|
+
exports.SvgDashIcon = SvgDashIcon;
|
|
32319
32167
|
exports.SvgExclamationCircleIcon = SvgExclamationCircleIcon;
|
|
32320
32168
|
exports.SvgExclamationIcon = SvgExclamationIcon;
|
|
32321
32169
|
exports.SvgInfoIcon = SvgInfoIcon;
|
|
32322
|
-
exports.SvgMinusIcon =
|
|
32170
|
+
exports.SvgMinusIcon = SvgMinusIcon;
|
|
32323
32171
|
exports.SvgPlaceholderIcon = SvgPlaceholderIcon;
|
|
32324
32172
|
exports.SvgPlusIcon = SvgPlusIcon;
|
|
32325
32173
|
exports.SvgReactAriaIcon = SvgReactAriaIcon;
|