@bcgov/design-system-react-components 0.8.1-pr839 → 0.8.1-pr849
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 +2 -0
- package/dist/cjs/index.cjs +386 -246
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +385 -245
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +123 -66
- package/package.json +5 -3
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.
|
|
@@ -144,7 +144,7 @@ function $c7eafbbe1ea5834e$var$useModernSSRSafeId$1(defaultId) {
|
|
|
144
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$1 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1;
|
|
147
|
+
const $c7eafbbe1ea5834e$export$619500959fc48b26$1 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId$1 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId$1;
|
|
148
148
|
function $c7eafbbe1ea5834e$var$getSnapshot$1() {
|
|
149
149
|
return false;
|
|
150
150
|
}
|
|
@@ -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) {
|
|
@@ -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,
|
|
@@ -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 ()=>{
|
|
@@ -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;
|
|
@@ -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
|
|
@@ -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) {
|
|
@@ -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;
|
|
@@ -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
|
|
@@ -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) {
|
|
@@ -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
|
|
@@ -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,8 +20452,8 @@ 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)();
|
|
20455
|
+
let submenuTriggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20456
|
+
let overlayId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
20457
20457
|
let { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
20458
20458
|
let openTimeout = ($8WNJc$react.useRef)(undefined);
|
|
20459
20459
|
let cancelOpenTimeout = ($8WNJc$react.useCallback)(()=>{
|
|
@@ -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: [
|
|
@@ -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.
|
|
@@ -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)({
|
|
@@ -25485,8 +25485,8 @@ 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)();
|
|
25488
|
+
let triggerId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25489
|
+
let panelId = ($390e54f620492c70$export$f680877a34711e37$1)();
|
|
25490
25490
|
let isSSR = ($c7eafbbe1ea5834e$export$535bd6ca7f90a273$1)();
|
|
25491
25491
|
let raf = ($8WNJc$react.useRef)(null);
|
|
25492
25492
|
let handleBeforeMatch = ($8WNJc$react.useCallback)(()=>{
|
|
@@ -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,
|
|
@@ -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,
|
|
@@ -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,7 +29506,7 @@ 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
29512
|
const { direction: direction } = ($2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7$1)();
|
|
@@ -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: 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";
|
|
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 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";
|
|
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 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";
|
|
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.
|
|
@@ -30426,7 +30320,7 @@ function $c7eafbbe1ea5834e$var$useModernSSRSafeId(defaultId) {
|
|
|
30426
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 : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
|
|
30323
|
+
const $c7eafbbe1ea5834e$export$619500959fc48b26 = typeof ($8WNJc$react)['useId'] === 'function' ? $c7eafbbe1ea5834e$var$useModernSSRSafeId : $c7eafbbe1ea5834e$var$useLegacySSRSafeId;
|
|
30430
30324
|
function $c7eafbbe1ea5834e$var$getSnapshot() {
|
|
30431
30325
|
return false;
|
|
30432
30326
|
}
|
|
@@ -30445,6 +30339,220 @@ function $c7eafbbe1ea5834e$export$535bd6ca7f90a273() {
|
|
|
30445
30339
|
return ($8WNJc$react.useContext)($c7eafbbe1ea5834e$var$IsSSRContext);
|
|
30446
30340
|
}
|
|
30447
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 }))] })) }));
|
|
30554
|
+
}
|
|
30555
|
+
|
|
30448
30556
|
/*
|
|
30449
30557
|
* Copyright 2020 Adobe. All rights reserved.
|
|
30450
30558
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -31474,14 +31582,18 @@ 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 }) {
|
|
@@ -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";
|
|
@@ -31541,9 +31657,11 @@ function Separator({ size = "medium", ...props }) {
|
|
|
31541
31657
|
return (jsxRuntime.jsx($e28ab3efe3e87743$export$1ff3c3f08ae963c0, { className: `bcds-react-aria-Separator ${size}`, ...props }));
|
|
31542
31658
|
}
|
|
31543
31659
|
|
|
31544
|
-
|
|
31545
|
-
|
|
31546
|
-
|
|
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" })] }));
|
|
31547
31665
|
}
|
|
31548
31666
|
|
|
31549
31667
|
/* Generate format helper text, adapted from React Spectrum */
|
|
@@ -31576,8 +31694,10 @@ function DatePicker({ size = "medium", label, description, errorMessage, showFor
|
|
|
31576
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";
|
|
31577
31695
|
styleInject(css_248z$p);
|
|
31578
31696
|
|
|
31579
|
-
function SvgBcLogo({ id
|
|
31580
|
-
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" })] })] }));
|
|
31581
31701
|
}
|
|
31582
31702
|
|
|
31583
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";
|
|
@@ -31718,7 +31838,7 @@ function MenuItem({ size = "medium", label, description, iconLeft, ...props }) {
|
|
|
31718
31838
|
if (typeof props.children === "function") {
|
|
31719
31839
|
return props.children(renderProps);
|
|
31720
31840
|
}
|
|
31721
|
-
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" })] }));
|
|
31722
31842
|
} }));
|
|
31723
31843
|
}
|
|
31724
31844
|
|
|
@@ -31869,42 +31989,62 @@ function Select({ items, sections, label, description, placeholder, size = "medi
|
|
|
31869
31989
|
// support different markup within the same component.
|
|
31870
31990
|
items: sections
|
|
31871
31991
|
? sections
|
|
31872
|
-
: [{ 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 })))] })) })) })] })) }) })] })) }));
|
|
31873
31993
|
}
|
|
31874
31994
|
|
|
31875
|
-
function SvgBcOutlineIcon({
|
|
31876
|
-
|
|
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" })] })] }));
|
|
31877
32000
|
}
|
|
31878
32001
|
|
|
31879
|
-
|
|
31880
|
-
|
|
31881
|
-
|
|
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" }) })] }));
|
|
31882
32007
|
}
|
|
31883
32008
|
|
|
31884
|
-
|
|
31885
|
-
|
|
31886
|
-
|
|
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" })] }));
|
|
31887
32014
|
}
|
|
31888
32015
|
|
|
31889
|
-
function SvgPlaceholderIcon({ size =
|
|
31890
|
-
|
|
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" }) }) })] }));
|
|
31891
32021
|
}
|
|
31892
32022
|
|
|
31893
|
-
|
|
31894
|
-
|
|
31895
|
-
|
|
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" })] }));
|
|
31896
32028
|
}
|
|
31897
32029
|
|
|
31898
|
-
function SvgTooltipArrowUp({ id
|
|
31899
|
-
|
|
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" }) })] }));
|
|
31900
32034
|
}
|
|
31901
32035
|
|
|
31902
|
-
function SvgUpRightFromSquareIcon({ size =
|
|
31903
|
-
|
|
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" }) })] }));
|
|
31904
32041
|
}
|
|
31905
32042
|
|
|
31906
|
-
function SvgReactAriaIcon({
|
|
31907
|
-
|
|
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" }) })] }));
|
|
31908
32048
|
}
|
|
31909
32049
|
|
|
31910
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";
|
|
@@ -31974,7 +32114,7 @@ var css_248z = ".bcds-react-aria-NumberField {\n display: flex;\n flex-directi
|
|
|
31974
32114
|
styleInject(css_248z);
|
|
31975
32115
|
|
|
31976
32116
|
function NumberField({ size = "medium", label, description, minValue = 0, errorMessage, ...props }) {
|
|
31977
|
-
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(
|
|
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 }))] })) }));
|
|
31978
32118
|
}
|
|
31979
32119
|
|
|
31980
32120
|
exports.Accordion = Accordion;
|
|
@@ -32023,11 +32163,11 @@ exports.SvgChevronLeftIcon = SvgChevronLeftIcon;
|
|
|
32023
32163
|
exports.SvgChevronRightIcon = SvgChevronRightIcon;
|
|
32024
32164
|
exports.SvgChevronUpIcon = SvgChevronUpIcon;
|
|
32025
32165
|
exports.SvgCloseIcon = SvgCloseIcon;
|
|
32026
|
-
exports.SvgDashIcon = SvgDashIcon
|
|
32166
|
+
exports.SvgDashIcon = SvgDashIcon;
|
|
32027
32167
|
exports.SvgExclamationCircleIcon = SvgExclamationCircleIcon;
|
|
32028
32168
|
exports.SvgExclamationIcon = SvgExclamationIcon;
|
|
32029
32169
|
exports.SvgInfoIcon = SvgInfoIcon;
|
|
32030
|
-
exports.SvgMinusIcon =
|
|
32170
|
+
exports.SvgMinusIcon = SvgMinusIcon;
|
|
32031
32171
|
exports.SvgPlaceholderIcon = SvgPlaceholderIcon;
|
|
32032
32172
|
exports.SvgPlusIcon = SvgPlusIcon;
|
|
32033
32173
|
exports.SvgReactAriaIcon = SvgReactAriaIcon;
|