@thecb/components 9.2.1-beta.0 → 9.2.1

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.
Files changed (28) hide show
  1. package/dist/index.cjs.js +200 -212
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +200 -212
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/atoms/checkbox/Checkbox.js +1 -3
  7. package/src/components/atoms/checkbox/Checkbox.stories.js +2 -3
  8. package/src/components/atoms/country-dropdown/CountryDropdown.js +1 -3
  9. package/src/components/atoms/country-dropdown/CountryDropdown.stories.js +0 -1
  10. package/src/components/atoms/dropdown/Dropdown.js +3 -7
  11. package/src/components/atoms/form-layouts/FormInput.js +0 -3
  12. package/src/components/atoms/form-select/FormSelect.js +25 -36
  13. package/src/components/atoms/form-select/FormSelect.stories.js +2 -2
  14. package/src/components/atoms/radio-button-with-label/RadioButtonWithLabel.js +6 -9
  15. package/src/components/atoms/state-province-dropdown/StateProvinceDropdown.js +1 -4
  16. package/src/components/atoms/state-province-dropdown/StateProvinceDropdown.stories.js +0 -1
  17. package/src/components/molecules/address-form/AddressForm.js +0 -6
  18. package/src/components/molecules/payment-form-ach/PaymentFormACH.js +0 -6
  19. package/src/components/molecules/payment-form-card/PaymentFormCard.js +0 -6
  20. package/src/components/molecules/radio-group/RadioGroup.js +1 -1
  21. package/src/components/molecules/radio-section/RadioSection.js +0 -1
  22. package/src/components/molecules/radio-section/RadioSection.stories.js +2 -3
  23. package/src/components/molecules/radio-section/radio-button/RadioButton.js +1 -4
  24. package/dist/src/apps/checkout/pages/payment/sub-pages/payment-amount/PaymentAmount_old.js +0 -49322
  25. package/src/.DS_Store +0 -0
  26. package/src/components/.DS_Store +0 -0
  27. package/src/components/atoms/.DS_Store +0 -0
  28. package/src/components/atoms/icons/.DS_Store +0 -0
package/dist/index.cjs.js CHANGED
@@ -22134,9 +22134,7 @@ var Checkbox = function Checkbox(_ref4) {
22134
22134
  extraStyles = _ref4.extraStyles,
22135
22135
  textExtraStyles = _ref4.textExtraStyles,
22136
22136
  _ref4$dataQa = _ref4.dataQa,
22137
- dataQa = _ref4$dataQa === void 0 ? null : _ref4$dataQa,
22138
- _ref4$isRequired = _ref4.isRequired,
22139
- isRequired = _ref4$isRequired === void 0 ? false : _ref4$isRequired;
22137
+ dataQa = _ref4$dataQa === void 0 ? null : _ref4$dataQa;
22140
22138
 
22141
22139
  var _useState = React.useState(false),
22142
22140
  _useState2 = _slicedToArray(_useState, 2),
@@ -22190,8 +22188,7 @@ var Checkbox = function Checkbox(_ref4) {
22190
22188
  errorStyles: themeValues.errorStyles,
22191
22189
  disabledStyles: themeValues.disabledStyles,
22192
22190
  disabledCheckedStyles: themeValues.disabledCheckedStyles,
22193
- focusedStyles: themeValues.focusedStyles,
22194
- "aria-required": isRequired
22191
+ focusedStyles: themeValues.focusedStyles
22195
22192
  }, /*#__PURE__*/React__default.createElement(CheckboxIcon, {
22196
22193
  viewBox: "0 0 24 24",
22197
22194
  disabled: disabled,
@@ -22430,17 +22427,18 @@ var DropdownIcon = function DropdownIcon() {
22430
22427
  };
22431
22428
 
22432
22429
  var check = function (it) {
22433
- return it && it.Math == Math && it;
22430
+ return it && it.Math === Math && it;
22434
22431
  };
22435
22432
 
22436
22433
  // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
22437
22434
  var global_1 =
22438
- // eslint-disable-next-line es-x/no-global-this -- safe
22435
+ // eslint-disable-next-line es/no-global-this -- safe
22439
22436
  check(typeof globalThis == 'object' && globalThis) ||
22440
22437
  check(typeof window == 'object' && window) ||
22441
22438
  // eslint-disable-next-line no-restricted-globals -- safe
22442
22439
  check(typeof self == 'object' && self) ||
22443
22440
  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
22441
+ check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
22444
22442
  // eslint-disable-next-line no-new-func -- fallback
22445
22443
  (function () { return this; })() || Function('return this')();
22446
22444
 
@@ -22454,12 +22452,12 @@ var fails = function (exec) {
22454
22452
 
22455
22453
  // Detect IE8's incomplete defineProperty implementation
22456
22454
  var descriptors = !fails(function () {
22457
- // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
22458
- return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
22455
+ // eslint-disable-next-line es/no-object-defineproperty -- required for testing
22456
+ return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
22459
22457
  });
22460
22458
 
22461
22459
  var functionBindNative = !fails(function () {
22462
- // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
22460
+ // eslint-disable-next-line es/no-function-prototype-bind -- safe
22463
22461
  var test = (function () { /* empty */ }).bind();
22464
22462
  // eslint-disable-next-line no-prototype-builtins -- safe
22465
22463
  return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -22472,7 +22470,7 @@ var functionCall = functionBindNative ? call.bind(call) : function () {
22472
22470
  };
22473
22471
 
22474
22472
  var $propertyIsEnumerable = {}.propertyIsEnumerable;
22475
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22473
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22476
22474
  var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
22477
22475
 
22478
22476
  // Nashorn ~ JDK8 bug
@@ -22499,14 +22497,11 @@ var createPropertyDescriptor = function (bitmap, value) {
22499
22497
  };
22500
22498
 
22501
22499
  var FunctionPrototype = Function.prototype;
22502
- var bind$1 = FunctionPrototype.bind;
22503
22500
  var call$1 = FunctionPrototype.call;
22504
- var uncurryThis = functionBindNative && bind$1.bind(call$1, call$1);
22501
+ var uncurryThisWithBind = functionBindNative && FunctionPrototype.bind.bind(call$1, call$1);
22505
22502
 
22506
- var functionUncurryThis = functionBindNative ? function (fn) {
22507
- return fn && uncurryThis(fn);
22508
- } : function (fn) {
22509
- return fn && function () {
22503
+ var functionUncurryThis = functionBindNative ? uncurryThisWithBind : function (fn) {
22504
+ return function () {
22510
22505
  return call$1.apply(fn, arguments);
22511
22506
  };
22512
22507
  };
@@ -22527,15 +22522,21 @@ var indexedObject = fails(function () {
22527
22522
  // eslint-disable-next-line no-prototype-builtins -- safe
22528
22523
  return !$Object('z').propertyIsEnumerable(0);
22529
22524
  }) ? function (it) {
22530
- return classofRaw(it) == 'String' ? split(it, '') : $Object(it);
22525
+ return classofRaw(it) === 'String' ? split(it, '') : $Object(it);
22531
22526
  } : $Object;
22532
22527
 
22528
+ // we can't use just `it == null` since of `document.all` special case
22529
+ // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
22530
+ var isNullOrUndefined = function (it) {
22531
+ return it === null || it === undefined;
22532
+ };
22533
+
22533
22534
  var $TypeError = TypeError;
22534
22535
 
22535
22536
  // `RequireObjectCoercible` abstract operation
22536
22537
  // https://tc39.es/ecma262/#sec-requireobjectcoercible
22537
22538
  var requireObjectCoercible = function (it) {
22538
- if (it == undefined) throw $TypeError("Can't call method on " + it);
22539
+ if (isNullOrUndefined(it)) throw new $TypeError("Can't call method on " + it);
22539
22540
  return it;
22540
22541
  };
22541
22542
 
@@ -22547,13 +22548,32 @@ var toIndexedObject = function (it) {
22547
22548
  return indexedObject(requireObjectCoercible(it));
22548
22549
  };
22549
22550
 
22551
+ var documentAll = typeof document == 'object' && document.all;
22552
+
22553
+ // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
22554
+ // eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
22555
+ var IS_HTMLDDA = typeof documentAll == 'undefined' && documentAll !== undefined;
22556
+
22557
+ var documentAll_1 = {
22558
+ all: documentAll,
22559
+ IS_HTMLDDA: IS_HTMLDDA
22560
+ };
22561
+
22562
+ var documentAll$1 = documentAll_1.all;
22563
+
22550
22564
  // `IsCallable` abstract operation
22551
22565
  // https://tc39.es/ecma262/#sec-iscallable
22552
- var isCallable = function (argument) {
22566
+ var isCallable = documentAll_1.IS_HTMLDDA ? function (argument) {
22567
+ return typeof argument == 'function' || argument === documentAll$1;
22568
+ } : function (argument) {
22553
22569
  return typeof argument == 'function';
22554
22570
  };
22555
22571
 
22556
- var isObject = function (it) {
22572
+ var documentAll$2 = documentAll_1.all;
22573
+
22574
+ var isObject = documentAll_1.IS_HTMLDDA ? function (it) {
22575
+ return typeof it == 'object' ? it !== null : isCallable(it) || it === documentAll$2;
22576
+ } : function (it) {
22557
22577
  return typeof it == 'object' ? it !== null : isCallable(it);
22558
22578
  };
22559
22579
 
@@ -22567,7 +22587,7 @@ var getBuiltIn = function (namespace, method) {
22567
22587
 
22568
22588
  var objectIsPrototypeOf = functionUncurryThis({}.isPrototypeOf);
22569
22589
 
22570
- var engineUserAgent = getBuiltIn('navigator', 'userAgent') || '';
22590
+ var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
22571
22591
 
22572
22592
  var process$1 = global_1.process;
22573
22593
  var Deno = global_1.Deno;
@@ -22594,24 +22614,29 @@ if (!version && engineUserAgent) {
22594
22614
 
22595
22615
  var engineV8Version = version;
22596
22616
 
22597
- /* eslint-disable es-x/no-symbol -- required for testing */
22617
+ /* eslint-disable es/no-symbol -- required for testing */
22618
+
22598
22619
 
22599
22620
 
22600
22621
 
22601
- // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
22602
- var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
22603
- var symbol = Symbol();
22622
+ var $String = global_1.String;
22623
+
22624
+ // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
22625
+ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails(function () {
22626
+ var symbol = Symbol('symbol detection');
22604
22627
  // Chrome 38 Symbol has incorrect toString conversion
22605
22628
  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
22606
- return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
22629
+ // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
22630
+ // of course, fail.
22631
+ return !$String(symbol) || !(Object(symbol) instanceof Symbol) ||
22607
22632
  // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
22608
22633
  !Symbol.sham && engineV8Version && engineV8Version < 41;
22609
22634
  });
22610
22635
 
22611
- /* eslint-disable es-x/no-symbol -- required for testing */
22636
+ /* eslint-disable es/no-symbol -- required for testing */
22612
22637
 
22613
22638
 
22614
- var useSymbolAsUid = nativeSymbol
22639
+ var useSymbolAsUid = symbolConstructorDetection
22615
22640
  && !Symbol.sham
22616
22641
  && typeof Symbol.iterator == 'symbol';
22617
22642
 
@@ -22624,11 +22649,11 @@ var isSymbol = useSymbolAsUid ? function (it) {
22624
22649
  return isCallable($Symbol) && objectIsPrototypeOf($Symbol.prototype, $Object$1(it));
22625
22650
  };
22626
22651
 
22627
- var $String = String;
22652
+ var $String$1 = String;
22628
22653
 
22629
22654
  var tryToString = function (argument) {
22630
22655
  try {
22631
- return $String(argument);
22656
+ return $String$1(argument);
22632
22657
  } catch (error) {
22633
22658
  return 'Object';
22634
22659
  }
@@ -22639,14 +22664,14 @@ var $TypeError$1 = TypeError;
22639
22664
  // `Assert: IsCallable(argument) is true`
22640
22665
  var aCallable = function (argument) {
22641
22666
  if (isCallable(argument)) return argument;
22642
- throw $TypeError$1(tryToString(argument) + ' is not a function');
22667
+ throw new $TypeError$1(tryToString(argument) + ' is not a function');
22643
22668
  };
22644
22669
 
22645
22670
  // `GetMethod` abstract operation
22646
22671
  // https://tc39.es/ecma262/#sec-getmethod
22647
22672
  var getMethod = function (V, P) {
22648
22673
  var func = V[P];
22649
- return func == null ? undefined : aCallable(func);
22674
+ return isNullOrUndefined(func) ? undefined : aCallable(func);
22650
22675
  };
22651
22676
 
22652
22677
  var $TypeError$2 = TypeError;
@@ -22658,10 +22683,10 @@ var ordinaryToPrimitive = function (input, pref) {
22658
22683
  if (pref === 'string' && isCallable(fn = input.toString) && !isObject(val = functionCall(fn, input))) return val;
22659
22684
  if (isCallable(fn = input.valueOf) && !isObject(val = functionCall(fn, input))) return val;
22660
22685
  if (pref !== 'string' && isCallable(fn = input.toString) && !isObject(val = functionCall(fn, input))) return val;
22661
- throw $TypeError$2("Can't convert object to primitive value");
22686
+ throw new $TypeError$2("Can't convert object to primitive value");
22662
22687
  };
22663
22688
 
22664
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
22689
+ // eslint-disable-next-line es/no-object-defineproperty -- safe
22665
22690
  var defineProperty = Object.defineProperty;
22666
22691
 
22667
22692
  var defineGlobalProperty = function (key, value) {
@@ -22678,13 +22703,16 @@ var store = global_1[SHARED] || defineGlobalProperty(SHARED, {});
22678
22703
  var sharedStore = store;
22679
22704
 
22680
22705
  var shared = createCommonjsModule(function (module) {
22706
+
22707
+
22708
+
22681
22709
  (module.exports = function (key, value) {
22682
22710
  return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
22683
22711
  })('versions', []).push({
22684
- version: '3.24.1',
22712
+ version: '3.33.3',
22685
22713
  mode: 'global',
22686
- copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
22687
- license: 'https://github.com/zloirock/core-js/blob/v3.24.1/LICENSE',
22714
+ copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
22715
+ license: 'https://github.com/zloirock/core-js/blob/v3.33.3/LICENSE',
22688
22716
  source: 'https://github.com/zloirock/core-js'
22689
22717
  });
22690
22718
  });
@@ -22701,7 +22729,7 @@ var hasOwnProperty = functionUncurryThis({}.hasOwnProperty);
22701
22729
 
22702
22730
  // `HasOwnProperty` abstract operation
22703
22731
  // https://tc39.es/ecma262/#sec-hasownproperty
22704
- // eslint-disable-next-line es-x/no-object-hasown -- safe
22732
+ // eslint-disable-next-line es/no-object-hasown -- safe
22705
22733
  var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
22706
22734
  return hasOwnProperty(toObject(it), key);
22707
22735
  };
@@ -22714,21 +22742,15 @@ var uid = function (key) {
22714
22742
  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$3(++id + postfix, 36);
22715
22743
  };
22716
22744
 
22717
- var WellKnownSymbolsStore = shared('wks');
22718
22745
  var Symbol$1 = global_1.Symbol;
22719
- var symbolFor = Symbol$1 && Symbol$1['for'];
22720
- var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
22746
+ var WellKnownSymbolsStore = shared('wks');
22747
+ var createWellKnownSymbol = useSymbolAsUid ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
22721
22748
 
22722
22749
  var wellKnownSymbol = function (name) {
22723
- if (!hasOwnProperty_1(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
22724
- var description = 'Symbol.' + name;
22725
- if (nativeSymbol && hasOwnProperty_1(Symbol$1, name)) {
22726
- WellKnownSymbolsStore[name] = Symbol$1[name];
22727
- } else if (useSymbolAsUid && symbolFor) {
22728
- WellKnownSymbolsStore[name] = symbolFor(description);
22729
- } else {
22730
- WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
22731
- }
22750
+ if (!hasOwnProperty_1(WellKnownSymbolsStore, name)) {
22751
+ WellKnownSymbolsStore[name] = symbolConstructorDetection && hasOwnProperty_1(Symbol$1, name)
22752
+ ? Symbol$1[name]
22753
+ : createWellKnownSymbol('Symbol.' + name);
22732
22754
  } return WellKnownSymbolsStore[name];
22733
22755
  };
22734
22756
 
@@ -22745,7 +22767,7 @@ var toPrimitive = function (input, pref) {
22745
22767
  if (pref === undefined) pref = 'default';
22746
22768
  result = functionCall(exoticToPrim, input, pref);
22747
22769
  if (!isObject(result) || isSymbol(result)) return result;
22748
- throw $TypeError$3("Can't convert object to primitive value");
22770
+ throw new $TypeError$3("Can't convert object to primitive value");
22749
22771
  }
22750
22772
  if (pref === undefined) pref = 'number';
22751
22773
  return ordinaryToPrimitive(input, pref);
@@ -22768,13 +22790,13 @@ var documentCreateElement = function (it) {
22768
22790
 
22769
22791
  // Thanks to IE8 for its funny defineProperty
22770
22792
  var ie8DomDefine = !descriptors && !fails(function () {
22771
- // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
22793
+ // eslint-disable-next-line es/no-object-defineproperty -- required for testing
22772
22794
  return Object.defineProperty(documentCreateElement('div'), 'a', {
22773
22795
  get: function () { return 7; }
22774
- }).a != 7;
22796
+ }).a !== 7;
22775
22797
  });
22776
22798
 
22777
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22799
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22778
22800
  var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
22779
22801
 
22780
22802
  // `Object.getOwnPropertyDescriptor` method
@@ -22795,26 +22817,26 @@ var objectGetOwnPropertyDescriptor = {
22795
22817
  // V8 ~ Chrome 36-
22796
22818
  // https://bugs.chromium.org/p/v8/issues/detail?id=3334
22797
22819
  var v8PrototypeDefineBug = descriptors && fails(function () {
22798
- // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
22820
+ // eslint-disable-next-line es/no-object-defineproperty -- required for testing
22799
22821
  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
22800
22822
  value: 42,
22801
22823
  writable: false
22802
- }).prototype != 42;
22824
+ }).prototype !== 42;
22803
22825
  });
22804
22826
 
22805
- var $String$1 = String;
22827
+ var $String$2 = String;
22806
22828
  var $TypeError$4 = TypeError;
22807
22829
 
22808
22830
  // `Assert: Type(argument) is Object`
22809
22831
  var anObject = function (argument) {
22810
22832
  if (isObject(argument)) return argument;
22811
- throw $TypeError$4($String$1(argument) + ' is not an object');
22833
+ throw new $TypeError$4($String$2(argument) + ' is not an object');
22812
22834
  };
22813
22835
 
22814
22836
  var $TypeError$5 = TypeError;
22815
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
22837
+ // eslint-disable-next-line es/no-object-defineproperty -- safe
22816
22838
  var $defineProperty = Object.defineProperty;
22817
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22839
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22818
22840
  var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
22819
22841
  var ENUMERABLE = 'enumerable';
22820
22842
  var CONFIGURABLE = 'configurable';
@@ -22844,7 +22866,7 @@ var f$2 = descriptors ? v8PrototypeDefineBug ? function defineProperty(O, P, Att
22844
22866
  if (ie8DomDefine) try {
22845
22867
  return $defineProperty(O, P, Attributes);
22846
22868
  } catch (error) { /* empty */ }
22847
- if ('get' in Attributes || 'set' in Attributes) throw $TypeError$5('Accessors not supported');
22869
+ if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$5('Accessors not supported');
22848
22870
  if ('value' in Attributes) O[P] = Attributes.value;
22849
22871
  return O;
22850
22872
  };
@@ -22861,7 +22883,7 @@ var createNonEnumerableProperty = descriptors ? function (object, key, value) {
22861
22883
  };
22862
22884
 
22863
22885
  var FunctionPrototype$1 = Function.prototype;
22864
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
22886
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
22865
22887
  var getDescriptor = descriptors && Object.getOwnPropertyDescriptor;
22866
22888
 
22867
22889
  var EXISTS$1 = hasOwnProperty_1(FunctionPrototype$1, 'name');
@@ -22888,7 +22910,7 @@ var inspectSource = sharedStore.inspectSource;
22888
22910
 
22889
22911
  var WeakMap$1 = global_1.WeakMap;
22890
22912
 
22891
- var nativeWeakMap = isCallable(WeakMap$1) && /native code/.test(inspectSource(WeakMap$1));
22913
+ var weakMapBasicDetection = isCallable(WeakMap$1) && /native code/.test(String(WeakMap$1));
22892
22914
 
22893
22915
  var keys$1 = shared('keys');
22894
22916
 
@@ -22911,27 +22933,29 @@ var getterFor = function (TYPE) {
22911
22933
  return function (it) {
22912
22934
  var state;
22913
22935
  if (!isObject(it) || (state = get(it)).type !== TYPE) {
22914
- throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
22936
+ throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
22915
22937
  } return state;
22916
22938
  };
22917
22939
  };
22918
22940
 
22919
- if (nativeWeakMap || sharedStore.state) {
22941
+ if (weakMapBasicDetection || sharedStore.state) {
22920
22942
  var store$1 = sharedStore.state || (sharedStore.state = new WeakMap$2());
22921
- var wmget = functionUncurryThis(store$1.get);
22922
- var wmhas = functionUncurryThis(store$1.has);
22923
- var wmset = functionUncurryThis(store$1.set);
22943
+ /* eslint-disable no-self-assign -- prototype methods protection */
22944
+ store$1.get = store$1.get;
22945
+ store$1.has = store$1.has;
22946
+ store$1.set = store$1.set;
22947
+ /* eslint-enable no-self-assign -- prototype methods protection */
22924
22948
  set = function (it, metadata) {
22925
- if (wmhas(store$1, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
22949
+ if (store$1.has(it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
22926
22950
  metadata.facade = it;
22927
- wmset(store$1, it, metadata);
22951
+ store$1.set(it, metadata);
22928
22952
  return metadata;
22929
22953
  };
22930
22954
  get = function (it) {
22931
- return wmget(store$1, it) || {};
22955
+ return store$1.get(it) || {};
22932
22956
  };
22933
22957
  has = function (it) {
22934
- return wmhas(store$1, it);
22958
+ return store$1.has(it);
22935
22959
  };
22936
22960
  } else {
22937
22961
  var STATE = sharedKey('state');
@@ -22959,14 +22983,23 @@ var internalState = {
22959
22983
  };
22960
22984
 
22961
22985
  var makeBuiltIn_1 = createCommonjsModule(function (module) {
22986
+
22987
+
22988
+
22989
+
22990
+
22962
22991
  var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
22963
22992
 
22964
22993
 
22965
22994
 
22966
22995
  var enforceInternalState = internalState.enforce;
22967
22996
  var getInternalState = internalState.get;
22968
- // eslint-disable-next-line es-x/no-object-defineproperty -- safe
22997
+ var $String = String;
22998
+ // eslint-disable-next-line es/no-object-defineproperty -- safe
22969
22999
  var defineProperty = Object.defineProperty;
23000
+ var stringSlice = functionUncurryThis(''.slice);
23001
+ var replace = functionUncurryThis(''.replace);
23002
+ var join = functionUncurryThis([].join);
22970
23003
 
22971
23004
  var CONFIGURABLE_LENGTH = descriptors && !fails(function () {
22972
23005
  return defineProperty(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
@@ -22975,8 +23008,8 @@ var CONFIGURABLE_LENGTH = descriptors && !fails(function () {
22975
23008
  var TEMPLATE = String(String).split('String');
22976
23009
 
22977
23010
  var makeBuiltIn = module.exports = function (value, name, options) {
22978
- if (String(name).slice(0, 7) === 'Symbol(') {
22979
- name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
23011
+ if (stringSlice($String(name), 0, 7) === 'Symbol(') {
23012
+ name = '[' + replace($String(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
22980
23013
  }
22981
23014
  if (options && options.getter) name = 'get ' + name;
22982
23015
  if (options && options.setter) name = 'set ' + name;
@@ -22995,7 +23028,7 @@ var makeBuiltIn = module.exports = function (value, name, options) {
22995
23028
  } catch (error) { /* empty */ }
22996
23029
  var state = enforceInternalState(value);
22997
23030
  if (!hasOwnProperty_1(state, 'source')) {
22998
- state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
23031
+ state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
22999
23032
  } return value;
23000
23033
  };
23001
23034
 
@@ -23034,7 +23067,7 @@ var floor = Math.floor;
23034
23067
 
23035
23068
  // `Math.trunc` method
23036
23069
  // https://tc39.es/ecma262/#sec-math.trunc
23037
- // eslint-disable-next-line es-x/no-math-trunc -- safe
23070
+ // eslint-disable-next-line es/no-math-trunc -- safe
23038
23071
  var mathTrunc = Math.trunc || function trunc(x) {
23039
23072
  var n = +x;
23040
23073
  return (n > 0 ? floor : ceil)(n);
@@ -23082,10 +23115,10 @@ var createMethod = function (IS_INCLUDES) {
23082
23115
  var value;
23083
23116
  // Array#includes uses SameValueZero equality algorithm
23084
23117
  // eslint-disable-next-line no-self-compare -- NaN check
23085
- if (IS_INCLUDES && el != el) while (length > index) {
23118
+ if (IS_INCLUDES && el !== el) while (length > index) {
23086
23119
  value = O[index++];
23087
23120
  // eslint-disable-next-line no-self-compare -- NaN check
23088
- if (value != value) return true;
23121
+ if (value !== value) return true;
23089
23122
  // Array#indexOf ignores holes, Array#includes - not
23090
23123
  } else for (;length > index; index++) {
23091
23124
  if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
@@ -23135,7 +23168,7 @@ var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype');
23135
23168
 
23136
23169
  // `Object.getOwnPropertyNames` method
23137
23170
  // https://tc39.es/ecma262/#sec-object.getownpropertynames
23138
- // eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
23171
+ // eslint-disable-next-line es/no-object-getownpropertynames -- safe
23139
23172
  var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
23140
23173
  return objectKeysInternal(O, hiddenKeys$1);
23141
23174
  };
@@ -23144,7 +23177,7 @@ var objectGetOwnPropertyNames = {
23144
23177
  f: f$3
23145
23178
  };
23146
23179
 
23147
- // eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
23180
+ // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
23148
23181
  var f$4 = Object.getOwnPropertySymbols;
23149
23182
 
23150
23183
  var objectGetOwnPropertySymbols = {
@@ -23176,8 +23209,8 @@ var replacement = /#|\.prototype\./;
23176
23209
 
23177
23210
  var isForced = function (feature, detection) {
23178
23211
  var value = data[normalize(feature)];
23179
- return value == POLYFILL ? true
23180
- : value == NATIVE ? false
23212
+ return value === POLYFILL ? true
23213
+ : value === NATIVE ? false
23181
23214
  : isCallable(detection) ? fails(detection)
23182
23215
  : !!detection;
23183
23216
  };
@@ -23257,7 +23290,7 @@ var TO_STRING_TAG$1 = wellKnownSymbol('toStringTag');
23257
23290
  var $Object$3 = Object;
23258
23291
 
23259
23292
  // ES3 wrong here
23260
- var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
23293
+ var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) === 'Arguments';
23261
23294
 
23262
23295
  // fallback for IE11 Script Access Denied error
23263
23296
  var tryGet = function (it, key) {
@@ -23275,25 +23308,25 @@ var classof = toStringTagSupport ? classofRaw : function (it) {
23275
23308
  // builtinTag case
23276
23309
  : CORRECT_ARGUMENTS ? classofRaw(O)
23277
23310
  // ES3 arguments fallback
23278
- : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
23311
+ : (result = classofRaw(O)) === 'Object' && isCallable(O.callee) ? 'Arguments' : result;
23279
23312
  };
23280
23313
 
23281
- var $String$2 = String;
23314
+ var $String$3 = String;
23282
23315
 
23283
23316
  var toString_1 = function (argument) {
23284
- if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
23285
- return $String$2(argument);
23317
+ if (classof(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
23318
+ return $String$3(argument);
23286
23319
  };
23287
23320
 
23288
23321
  var charAt = functionUncurryThis(''.charAt);
23289
23322
 
23290
23323
  var FORCED = fails(function () {
23291
- // eslint-disable-next-line es-x/no-array-string-prototype-at -- safe
23324
+ // eslint-disable-next-line es/no-array-string-prototype-at -- safe
23292
23325
  return '𠮷'.at(-2) !== '\uD842';
23293
23326
  });
23294
23327
 
23295
23328
  // `String.prototype.at` method
23296
- // https://github.com/tc39/proposal-relative-indexing-method
23329
+ // https://tc39.es/ecma262/#sec-string.prototype.at
23297
23330
  _export({ target: 'String', proto: true, forced: FORCED }, {
23298
23331
  at: function at(index) {
23299
23332
  var S = toString_1(requireObjectCoercible(this));
@@ -23306,14 +23339,14 @@ _export({ target: 'String', proto: true, forced: FORCED }, {
23306
23339
 
23307
23340
  // `Object.keys` method
23308
23341
  // https://tc39.es/ecma262/#sec-object.keys
23309
- // eslint-disable-next-line es-x/no-object-keys -- safe
23342
+ // eslint-disable-next-line es/no-object-keys -- safe
23310
23343
  var objectKeys = Object.keys || function keys(O) {
23311
23344
  return objectKeysInternal(O, enumBugKeys);
23312
23345
  };
23313
23346
 
23314
23347
  // `Object.defineProperties` method
23315
23348
  // https://tc39.es/ecma262/#sec-object.defineproperties
23316
- // eslint-disable-next-line es-x/no-object-defineproperties -- safe
23349
+ // eslint-disable-next-line es/no-object-defineproperties -- safe
23317
23350
  var f$5 = descriptors && !v8PrototypeDefineBug ? Object.defineProperties : function defineProperties(O, Properties) {
23318
23351
  anObject(O);
23319
23352
  var props = toIndexedObject(Properties);
@@ -23402,7 +23435,7 @@ hiddenKeys[IE_PROTO] = true;
23402
23435
 
23403
23436
  // `Object.create` method
23404
23437
  // https://tc39.es/ecma262/#sec-object.create
23405
- // eslint-disable-next-line es-x/no-object-create -- safe
23438
+ // eslint-disable-next-line es/no-object-create -- safe
23406
23439
  var objectCreate = Object.create || function create(O, Properties) {
23407
23440
  var result;
23408
23441
  if (O !== null) {
@@ -23422,7 +23455,7 @@ var ArrayPrototype = Array.prototype;
23422
23455
 
23423
23456
  // Array.prototype[@@unscopables]
23424
23457
  // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
23425
- if (ArrayPrototype[UNSCOPABLES] == undefined) {
23458
+ if (ArrayPrototype[UNSCOPABLES] === undefined) {
23426
23459
  defineProperty$1(ArrayPrototype, UNSCOPABLES, {
23427
23460
  configurable: true,
23428
23461
  value: objectCreate(null)
@@ -23435,7 +23468,7 @@ var addToUnscopables = function (key) {
23435
23468
  };
23436
23469
 
23437
23470
  // `Array.prototype.at` method
23438
- // https://github.com/tc39/proposal-relative-indexing-method
23471
+ // https://tc39.es/ecma262/#sec-array.prototype.at
23439
23472
  _export({ target: 'Array', proto: true }, {
23440
23473
  at: function at(index) {
23441
23474
  var O = toObject(this);
@@ -23448,13 +23481,19 @@ _export({ target: 'Array', proto: true }, {
23448
23481
 
23449
23482
  addToUnscopables('at');
23450
23483
 
23451
- // eslint-disable-next-line es-x/no-typed-arrays -- safe
23452
- var arrayBufferNative = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
23484
+ // eslint-disable-next-line es/no-typed-arrays -- safe
23485
+ var arrayBufferBasicDetection = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
23486
+
23487
+ var defineBuiltInAccessor = function (target, name, descriptor) {
23488
+ if (descriptor.get) makeBuiltIn_1(descriptor.get, name, { getter: true });
23489
+ if (descriptor.set) makeBuiltIn_1(descriptor.set, name, { setter: true });
23490
+ return objectDefineProperty.f(target, name, descriptor);
23491
+ };
23453
23492
 
23454
23493
  var correctPrototypeGetter = !fails(function () {
23455
23494
  function F() { /* empty */ }
23456
23495
  F.prototype.constructor = null;
23457
- // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
23496
+ // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
23458
23497
  return Object.getPrototypeOf(new F()) !== F.prototype;
23459
23498
  });
23460
23499
 
@@ -23464,7 +23503,7 @@ var ObjectPrototype = $Object$4.prototype;
23464
23503
 
23465
23504
  // `Object.getPrototypeOf` method
23466
23505
  // https://tc39.es/ecma262/#sec-object.getprototypeof
23467
- // eslint-disable-next-line es-x/no-object-getprototypeof -- safe
23506
+ // eslint-disable-next-line es/no-object-getprototypeof -- safe
23468
23507
  var objectGetPrototypeOf = correctPrototypeGetter ? $Object$4.getPrototypeOf : function (O) {
23469
23508
  var object = toObject(O);
23470
23509
  if (hasOwnProperty_1(object, IE_PROTO$1)) return object[IE_PROTO$1];
@@ -23474,12 +23513,19 @@ var objectGetPrototypeOf = correctPrototypeGetter ? $Object$4.getPrototypeOf : f
23474
23513
  } return object instanceof $Object$4 ? ObjectPrototype : null;
23475
23514
  };
23476
23515
 
23477
- var $String$3 = String;
23516
+ var functionUncurryThisAccessor = function (object, key, method) {
23517
+ try {
23518
+ // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
23519
+ return functionUncurryThis(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
23520
+ } catch (error) { /* empty */ }
23521
+ };
23522
+
23523
+ var $String$4 = String;
23478
23524
  var $TypeError$6 = TypeError;
23479
23525
 
23480
23526
  var aPossiblePrototype = function (argument) {
23481
23527
  if (typeof argument == 'object' || isCallable(argument)) return argument;
23482
- throw $TypeError$6("Can't set " + $String$3(argument) + ' as a prototype');
23528
+ throw new $TypeError$6("Can't set " + $String$4(argument) + ' as a prototype');
23483
23529
  };
23484
23530
 
23485
23531
  /* eslint-disable no-proto -- safe */
@@ -23490,14 +23536,13 @@ var aPossiblePrototype = function (argument) {
23490
23536
  // `Object.setPrototypeOf` method
23491
23537
  // https://tc39.es/ecma262/#sec-object.setprototypeof
23492
23538
  // Works with __proto__ only. Old v8 can't work with null proto objects.
23493
- // eslint-disable-next-line es-x/no-object-setprototypeof -- safe
23539
+ // eslint-disable-next-line es/no-object-setprototypeof -- safe
23494
23540
  var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
23495
23541
  var CORRECT_SETTER = false;
23496
23542
  var test = {};
23497
23543
  var setter;
23498
23544
  try {
23499
- // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
23500
- setter = functionUncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
23545
+ setter = functionUncurryThisAccessor(Object.prototype, '__proto__', 'set');
23501
23546
  setter(test, []);
23502
23547
  CORRECT_SETTER = test instanceof Array;
23503
23548
  } catch (error) { /* empty */ }
@@ -23510,14 +23555,6 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
23510
23555
  };
23511
23556
  }() : undefined);
23512
23557
 
23513
- var defineProperty$2 = objectDefineProperty.f;
23514
-
23515
-
23516
-
23517
-
23518
-
23519
-
23520
-
23521
23558
  var enforceInternalState = internalState.enforce;
23522
23559
  var getInternalState = internalState.get;
23523
23560
  var Int8Array = global_1.Int8Array;
@@ -23533,7 +23570,7 @@ var TO_STRING_TAG$2 = wellKnownSymbol('toStringTag');
23533
23570
  var TYPED_ARRAY_TAG = uid('TYPED_ARRAY_TAG');
23534
23571
  var TYPED_ARRAY_CONSTRUCTOR = 'TypedArrayConstructor';
23535
23572
  // Fixing native typed arrays in Opera Presto crashes the browser, see #595
23536
- var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferNative && !!objectSetPrototypeOf && classof(global_1.opera) !== 'Opera';
23573
+ var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferBasicDetection && !!objectSetPrototypeOf && classof(global_1.opera) !== 'Opera';
23537
23574
  var TYPED_ARRAY_TAG_REQUIRED = false;
23538
23575
  var NAME, Constructor, Prototype;
23539
23576
 
@@ -23578,12 +23615,12 @@ var isTypedArray = function (it) {
23578
23615
 
23579
23616
  var aTypedArray = function (it) {
23580
23617
  if (isTypedArray(it)) return it;
23581
- throw TypeError$2('Target is not a typed array');
23618
+ throw new TypeError$2('Target is not a typed array');
23582
23619
  };
23583
23620
 
23584
23621
  var aTypedArrayConstructor = function (C) {
23585
23622
  if (isCallable(C) && (!objectSetPrototypeOf || objectIsPrototypeOf(TypedArray, C))) return C;
23586
- throw TypeError$2(tryToString(C) + ' is not a typed array constructor');
23623
+ throw new TypeError$2(tryToString(C) + ' is not a typed array constructor');
23587
23624
  };
23588
23625
 
23589
23626
  var exportTypedArrayMethod = function (KEY, property, forced, options) {
@@ -23647,7 +23684,7 @@ for (NAME in BigIntArrayConstructorsList) {
23647
23684
  if (!NATIVE_ARRAY_BUFFER_VIEWS || !isCallable(TypedArray) || TypedArray === Function.prototype) {
23648
23685
  // eslint-disable-next-line no-shadow -- safe
23649
23686
  TypedArray = function TypedArray() {
23650
- throw TypeError$2('Incorrect invocation');
23687
+ throw new TypeError$2('Incorrect invocation');
23651
23688
  };
23652
23689
  if (NATIVE_ARRAY_BUFFER_VIEWS) for (NAME in TypedArrayConstructorsList) {
23653
23690
  if (global_1[NAME]) objectSetPrototypeOf(global_1[NAME], TypedArray);
@@ -23668,9 +23705,12 @@ if (NATIVE_ARRAY_BUFFER_VIEWS && objectGetPrototypeOf(Uint8ClampedArrayPrototype
23668
23705
 
23669
23706
  if (descriptors && !hasOwnProperty_1(TypedArrayPrototype, TO_STRING_TAG$2)) {
23670
23707
  TYPED_ARRAY_TAG_REQUIRED = true;
23671
- defineProperty$2(TypedArrayPrototype, TO_STRING_TAG$2, { get: function () {
23672
- return isObject(this) ? this[TYPED_ARRAY_TAG] : undefined;
23673
- } });
23708
+ defineBuiltInAccessor(TypedArrayPrototype, TO_STRING_TAG$2, {
23709
+ configurable: true,
23710
+ get: function () {
23711
+ return isObject(this) ? this[TYPED_ARRAY_TAG] : undefined;
23712
+ }
23713
+ });
23674
23714
  for (NAME in TypedArrayConstructorsList) if (global_1[NAME]) {
23675
23715
  createNonEnumerableProperty(global_1[NAME], TYPED_ARRAY_TAG, NAME);
23676
23716
  }
@@ -23694,7 +23734,7 @@ var aTypedArray$1 = arrayBufferViewCore.aTypedArray;
23694
23734
  var exportTypedArrayMethod$1 = arrayBufferViewCore.exportTypedArrayMethod;
23695
23735
 
23696
23736
  // `%TypedArray%.prototype.at` method
23697
- // https://github.com/tc39/proposal-relative-indexing-method
23737
+ // https://tc39.es/ecma262/#sec-%typedarray%.prototype.at
23698
23738
  exportTypedArrayMethod$1('at', function at(index) {
23699
23739
  var O = aTypedArray$1(this);
23700
23740
  var len = lengthOfArrayLike(O);
@@ -23802,11 +23842,7 @@ var Dropdown = function Dropdown(_ref13) {
23802
23842
  _ref13$smoothScroll = _ref13.smoothScroll,
23803
23843
  smoothScroll = _ref13$smoothScroll === void 0 ? true : _ref13$smoothScroll,
23804
23844
  _ref13$ariaInvalid = _ref13.ariaInvalid,
23805
- ariaInvalid = _ref13$ariaInvalid === void 0 ? false : _ref13$ariaInvalid,
23806
- _ref13$isRequired = _ref13.isRequired,
23807
- isRequired = _ref13$isRequired === void 0 ? false : _ref13$isRequired;
23808
-
23809
- var required = options.required || isRequired;
23845
+ ariaInvalid = _ref13$ariaInvalid === void 0 ? false : _ref13$ariaInvalid;
23810
23846
 
23811
23847
  var _useState = React.useState(""),
23812
23848
  _useState2 = _slicedToArray(_useState, 2),
@@ -24055,7 +24091,7 @@ var Dropdown = function Dropdown(_ref13) {
24055
24091
  "aria-labelledby": ariaLabelledby,
24056
24092
  "aria-describedby": ariaDescribedby,
24057
24093
  "aria-expanded": isOpen,
24058
- "aria-required": required,
24094
+ "aria-required": options.required,
24059
24095
  "aria-invalid": ariaInvalid,
24060
24096
  background: isOpen ? themeValues.hoverColor : WHITE,
24061
24097
  borderRadius: "2px",
@@ -24077,6 +24113,7 @@ var Dropdown = function Dropdown(_ref13) {
24077
24113
  },
24078
24114
  padding: "12px",
24079
24115
  placeholder: getSelection(),
24116
+ required: options.required,
24080
24117
  role: "combobox",
24081
24118
  themeValues: themeValues,
24082
24119
  title: hasTitles ? getSelection() : null,
@@ -24084,9 +24121,6 @@ var Dropdown = function Dropdown(_ref13) {
24084
24121
  tabIndex: 0,
24085
24122
  value: inputValue,
24086
24123
  width: "100%"
24087
- /* Non-semantic elements need the aria-* version of the attribute */
24088
- ,
24089
- "aria-disabled": disabledValues.includes(inputValue)
24090
24124
  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
24091
24125
  open: isOpen,
24092
24126
  onClick: _onClick
@@ -24097,8 +24131,7 @@ var Dropdown = function Dropdown(_ref13) {
24097
24131
  widthFitOptions: widthFitOptions,
24098
24132
  tabIndex: 0,
24099
24133
  role: "listbox",
24100
- id: "".concat(ariaLabelledby, "_listbox"),
24101
- required: required
24134
+ id: "".concat(ariaLabelledby, "_listbox")
24102
24135
  }, /*#__PURE__*/React__default.createElement(Stack, {
24103
24136
  childGap: "0",
24104
24137
  as: "ul"
@@ -24248,9 +24281,7 @@ var FormSelect = function FormSelect(_ref) {
24248
24281
  _ref$dataQa = _ref.dataQa,
24249
24282
  dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
24250
24283
  _ref$widthFitOptions = _ref.widthFitOptions,
24251
- widthFitOptions = _ref$widthFitOptions === void 0 ? false : _ref$widthFitOptions,
24252
- _ref$isRequired = _ref.isRequired,
24253
- isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
24284
+ widthFitOptions = _ref$widthFitOptions === void 0 ? false : _ref$widthFitOptions;
24254
24285
 
24255
24286
  var _useState = React.useState(false),
24256
24287
  _useState2 = _slicedToArray(_useState, 2),
@@ -24258,17 +24289,6 @@ var FormSelect = function FormSelect(_ref) {
24258
24289
  setOpen = _useState2[1];
24259
24290
 
24260
24291
  var dropdownRef = React.useRef(null);
24261
- var required = (options === null || options === void 0 ? void 0 : options.required) || isRequired;
24262
- var labelId = React.useMemo(function () {
24263
- return function (labelTextWhenNoError) {
24264
- return createIdFromString(labelTextWhenNoError);
24265
- };
24266
- }, [labelTextWhenNoError]);
24267
- var descriptionId = React.useMemo(function () {
24268
- return function (field, labelTextWhenNoError) {
24269
- return field.hasErrors && field.dirty ? labelId(labelTextWhenNoError) + "error-message" : "";
24270
- };
24271
- }, [field, labelTextWhenNoError]);
24272
24292
 
24273
24293
  var handleClickAway = function handleClickAway(event) {
24274
24294
  if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -24284,8 +24304,8 @@ var FormSelect = function FormSelect(_ref) {
24284
24304
  });
24285
24305
  return /*#__PURE__*/React__default.createElement(SelectContainer, {
24286
24306
  ref: dropdownRef,
24287
- "aria-role": "group",
24288
24307
  disabled: disabled,
24308
+ "aria-disabled": disabled,
24289
24309
  "data-qa": dataQa
24290
24310
  }, /*#__PURE__*/React__default.createElement(Box, {
24291
24311
  padding: "0",
@@ -24299,10 +24319,10 @@ var FormSelect = function FormSelect(_ref) {
24299
24319
  color: themeValues.labelColor,
24300
24320
  weight: themeValues.fontWeight,
24301
24321
  extraStyles: "word-break: break-word;\n font-family: Public Sans;\n &::first-letter {\n text-transform: uppercase;\n }",
24302
- id: labelId(labelTextWhenNoError)
24322
+ id: createIdFromString(labelTextWhenNoError)
24303
24323
  }, labelTextWhenNoError))), /*#__PURE__*/React__default.createElement(Dropdown$1, {
24304
- ariaLabelledby: labelId(labelTextWhenNoError),
24305
- ariaDescribedby: descriptionId(field, labelTextWhenNoError),
24324
+ ariaLabelledby: createIdFromString(labelTextWhenNoError),
24325
+ ariaDescribedby: createIdFromString(labelTextWhenNoError, "error message"),
24306
24326
  maxHeight: dropdownMaxHeight,
24307
24327
  widthFitOptions: widthFitOptions,
24308
24328
  hasTitles: hasTitles,
@@ -24323,12 +24343,11 @@ var FormSelect = function FormSelect(_ref) {
24323
24343
  },
24324
24344
  disabled: disabled,
24325
24345
  autocompleteValue: autocompleteValue,
24326
- smoothScroll: smoothScroll,
24327
- isRequired: required
24346
+ smoothScroll: smoothScroll
24328
24347
  }), /*#__PURE__*/React__default.createElement(Stack, {
24329
24348
  direction: "row",
24330
24349
  justify: "space-between"
24331
- }, /*#__PURE__*/React__default.createElement(Text$1, {
24350
+ }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React__default.createElement(Text$1, {
24332
24351
  color: ERROR_COLOR,
24333
24352
  variant: "pXS",
24334
24353
  weight: themeValues.fontWeight,
@@ -24337,7 +24356,9 @@ var FormSelect = function FormSelect(_ref) {
24337
24356
  "aria-live": "polite",
24338
24357
  "aria-atomic": true,
24339
24358
  "data-qa": createIdFromString(labelTextWhenNoError, "error message")
24340
- }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? errorMessages[field.errors[0]] : "")));
24359
+ }, errorMessages[field.errors[0]]) : /*#__PURE__*/React__default.createElement(Text$1, {
24360
+ extraStyles: "height: ".concat(themeValues.lineHeight, ";")
24361
+ })));
24341
24362
  };
24342
24363
 
24343
24364
  var FormSelect$1 = themeComponent(FormSelect, "FormSelect", fallbackValues$g, "default");
@@ -25094,9 +25115,7 @@ var CountryDropdown = function CountryDropdown(_ref) {
25094
25115
  showErrors = _ref.showErrors,
25095
25116
  onChange = _ref.onChange,
25096
25117
  _ref$dataQa = _ref.dataQa,
25097
- dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
25098
- _ref$isRequired = _ref.isRequired,
25099
- isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
25118
+ dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa;
25100
25119
  return /*#__PURE__*/React__default.createElement(FormSelect$1, {
25101
25120
  options: options,
25102
25121
  field: field,
@@ -25106,8 +25125,7 @@ var CountryDropdown = function CountryDropdown(_ref) {
25106
25125
  errorMessages: errorMessages,
25107
25126
  showErrors: showErrors,
25108
25127
  onChange: onChange,
25109
- autocompleteValue: "country-name",
25110
- isRequired: isRequired
25128
+ autocompleteValue: "country-name"
25111
25129
  });
25112
25130
  };
25113
25131
 
@@ -25954,7 +25972,7 @@ var fallbackValues$k = {
25954
25972
  };
25955
25973
 
25956
25974
  var _excluded$p = ["showErrors", "themeValues"],
25957
- _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocompleteValue", "extraStyles", "removeFromValue", "dataQa", "isRequired"];
25975
+ _excluded2 = ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "autocompleteValue", "extraStyles", "removeFromValue", "dataQa"];
25958
25976
  var InputField = styled__default.input.withConfig({
25959
25977
  displayName: "FormInput__InputField",
25960
25978
  componentId: "sc-l094r1-0"
@@ -26041,8 +26059,6 @@ var FormInput = function FormInput(_ref15) {
26041
26059
  removeFromValue = _ref15.removeFromValue,
26042
26060
  _ref15$dataQa = _ref15.dataQa,
26043
26061
  dataQa = _ref15$dataQa === void 0 ? null : _ref15$dataQa,
26044
- _ref15$isRequired = _ref15.isRequired,
26045
- isRequired = _ref15$isRequired === void 0 ? false : _ref15$isRequired,
26046
26062
  props = _objectWithoutProperties(_ref15, _excluded2);
26047
26063
 
26048
26064
  var _useState = React.useState(false),
@@ -26129,8 +26145,7 @@ var FormInput = function FormInput(_ref15) {
26129
26145
  $customHeight: customHeight,
26130
26146
  $extraStyles: extraStyles,
26131
26147
  "data-qa": dataQa || labelTextWhenNoError,
26132
- autoComplete: autocompleteValue,
26133
- required: isRequired
26148
+ autoComplete: autocompleteValue
26134
26149
  }, props)) : /*#__PURE__*/React__default.createElement(InputField, _extends({
26135
26150
  "aria-labelledby": createIdFromString(labelTextWhenNoError),
26136
26151
  "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
@@ -26149,8 +26164,7 @@ var FormInput = function FormInput(_ref15) {
26149
26164
  $customHeight: customHeight,
26150
26165
  $extraStyles: extraStyles,
26151
26166
  "data-qa": dataQa || labelTextWhenNoError,
26152
- autoComplete: autocompleteValue,
26153
- required: isRequired
26167
+ autoComplete: autocompleteValue
26154
26168
  }, props))), /*#__PURE__*/React__default.createElement(Stack, {
26155
26169
  direction: "row",
26156
26170
  justify: "space-between",
@@ -27283,7 +27297,7 @@ var HiddenRadioInput = styled__default.input.withConfig({
27283
27297
  var Circle = styled__default.div.withConfig({
27284
27298
  displayName: "RadioButtonWithLabel__Circle",
27285
27299
  componentId: "sc-1m9whwg-1"
27286
- })(["flex-shrink:0;margin-right:8px;width:1.5rem;height:1.5rem;border:", ";border-radius:50%;box-sizing:border-box;padding:2px;:after{content:\"\";width:100%;height:100%;display:block;background:", ";border-radius:50%;transform:scale(0);}"], function (_ref) {
27300
+ })(["flex-shrink:0;margin-right:8px;width:1.5rem;height 1.5rem;border:", ";border-radius:50%;box-sizing:border-box;padding:2px;:after{content:\"\";width:100%;height:100%;display:block;background:", ";border-radius:50%;transform:scale(0);}"], function (_ref) {
27287
27301
  var inactiveBorderColor = _ref.inactiveBorderColor;
27288
27302
  return "1px solid ".concat(inactiveBorderColor);
27289
27303
  }, function (_ref2) {
@@ -27293,12 +27307,12 @@ var Circle = styled__default.div.withConfig({
27293
27307
  var InputAndLabelContainer = styled__default(Cluster).withConfig({
27294
27308
  displayName: "RadioButtonWithLabel__InputAndLabelContainer",
27295
27309
  componentId: "sc-1m9whwg-2"
27296
- })(["overflow:visible;", ":checked + label ", ":after{transform:scale(0.85);transition:transform 0.15s;}", ":checked + label ", "{border:", ";}", ":focus + label ", "{box-shadow:", ";}"], HiddenRadioInput, Circle, HiddenRadioInput, Circle, function (_ref3) {
27310
+ })(["overflow:visible;", ":checked + label ", ":after{transform:scale(0.85);transition:transform 0.15s;}", ":checked + label ", "{border:", "}", ":focus + label ", "{{box-shadow:", "}"], HiddenRadioInput, Circle, HiddenRadioInput, Circle, function (_ref3) {
27297
27311
  var activeColor = _ref3.activeColor;
27298
- return "1px solid " + activeColor;
27312
+ return "1px solid ".concat(activeColor, ";");
27299
27313
  }, HiddenRadioInput, Circle, function (_ref4) {
27300
27314
  var activeColor = _ref4.activeColor;
27301
- return "0px 0px 2px 1px " + activeColor;
27315
+ return "0px 0px 2px 1px ".concat(activeColor, ";");
27302
27316
  });
27303
27317
 
27304
27318
  var RadioButtonWithLabel = function RadioButtonWithLabel(_ref5) {
@@ -27392,9 +27406,7 @@ var RadioButton$1 = function RadioButton(_ref2) {
27392
27406
  _ref2$ariaLabelledBy = _ref2.ariaLabelledBy,
27393
27407
  ariaLabelledBy = _ref2$ariaLabelledBy === void 0 ? "" : _ref2$ariaLabelledBy,
27394
27408
  _ref2$ariaLabel = _ref2.ariaLabel,
27395
- ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel,
27396
- _ref2$required = _ref2.required,
27397
- required = _ref2$required === void 0 ? false : _ref2$required;
27409
+ ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel;
27398
27410
  var buttonBorder = {
27399
27411
  onFocused: {
27400
27412
  borderColor: themeValues.activeColor,
@@ -27454,8 +27466,6 @@ var RadioButton$1 = function RadioButton(_ref2) {
27454
27466
  type: "radio",
27455
27467
  id: "radio-".concat(name),
27456
27468
  disabled: disabled,
27457
- required: required,
27458
- "aria-required": required,
27459
27469
  onClick: toggleRadio,
27460
27470
  "aria-describedby": ariaDescribedBy,
27461
27471
  tabIndex: "-1"
@@ -38148,9 +38158,7 @@ var FormStateDropdown = function FormStateDropdown(_ref) {
38148
38158
  field = _ref.field,
38149
38159
  fieldActions = _ref.fieldActions,
38150
38160
  showErrors = _ref.showErrors,
38151
- countryCode = _ref.countryCode,
38152
- _ref$isRequired = _ref.isRequired,
38153
- isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
38161
+ countryCode = _ref.countryCode;
38154
38162
  var placeholder = countryCode === "US" ? placeHolderOptionUS : placeHolderOption;
38155
38163
  var options = [placeholder].concat(_toConsumableArray(getOptions(countryCode)));
38156
38164
  return /*#__PURE__*/React__default.createElement(FormSelect$1, {
@@ -38160,8 +38168,7 @@ var FormStateDropdown = function FormStateDropdown(_ref) {
38160
38168
  labelTextWhenNoError: labelTextWhenNoError,
38161
38169
  errorMessages: errorMessages,
38162
38170
  showErrors: showErrors,
38163
- autocompleteValue: "address-level1",
38164
- isRequired: isRequired
38171
+ autocompleteValue: "address-level1"
38165
38172
  });
38166
38173
  };
38167
38174
 
@@ -39487,7 +39494,6 @@ var AddressForm = function AddressForm(_ref) {
39487
39494
  labelTextWhenNoError: "Country",
39488
39495
  errorMessages: countryErrorMessages,
39489
39496
  field: fields.country,
39490
- isRequired: true,
39491
39497
  onChange: function onChange(value) {
39492
39498
  actions.fields.country.set(value); // temporary measure to not dirty fields until
39493
39499
  // we can write a reset function for fields
@@ -39512,8 +39518,7 @@ var AddressForm = function AddressForm(_ref) {
39512
39518
  return e.key === "Enter" && handleSubmit(e);
39513
39519
  },
39514
39520
  autocompleteValue: "address-line1",
39515
- dataQa: "Address",
39516
- isRequired: true
39521
+ dataQa: "Address"
39517
39522
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
39518
39523
  labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
39519
39524
  field: fields.street2,
@@ -39523,8 +39528,7 @@ var AddressForm = function AddressForm(_ref) {
39523
39528
  return e.key === "Enter" && handleSubmit(e);
39524
39529
  },
39525
39530
  autocompleteValue: "address-line2",
39526
- dataQa: "Address Line 2",
39527
- isRequired: false
39531
+ dataQa: "Address Line 2"
39528
39532
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
39529
39533
  labelTextWhenNoError: "City",
39530
39534
  errorMessages: cityErrorMessages,
@@ -39535,8 +39539,7 @@ var AddressForm = function AddressForm(_ref) {
39535
39539
  return e.key === "Enter" && handleSubmit(e);
39536
39540
  },
39537
39541
  autocompleteValue: "address-level2",
39538
- dataQa: "City",
39539
- isRequired: true
39542
+ dataQa: "City"
39540
39543
  }), /*#__PURE__*/React__default.createElement(FormStateDropdown, {
39541
39544
  labelTextWhenNoError: isUS ? "State" : "State or Province",
39542
39545
  errorMessages: stateProvinceErrorMessages,
@@ -39547,8 +39550,7 @@ var AddressForm = function AddressForm(_ref) {
39547
39550
  onKeyDown: function onKeyDown(e) {
39548
39551
  return e.key === "Enter" && handleSubmit(e);
39549
39552
  },
39550
- dataQa: "State or Province",
39551
- isRequired: true
39553
+ dataQa: "State or Province"
39552
39554
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
39553
39555
  isNum: isUS,
39554
39556
  formatter: isUS ? zipFormat : null,
@@ -39561,8 +39563,7 @@ var AddressForm = function AddressForm(_ref) {
39561
39563
  return e.key === "Enter" && handleSubmit(e);
39562
39564
  },
39563
39565
  autocompleteValue: "postal-code",
39564
- dataQa: "Zip code",
39565
- isRequired: true
39566
+ dataQa: "Zip code"
39566
39567
  }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
39567
39568
  name: "address checkbox",
39568
39569
  title: "Save address to wallet",
@@ -48029,8 +48030,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
48029
48030
  onKeyDown: function onKeyDown(e) {
48030
48031
  return e.key === "Enter" && handleSubmit(e);
48031
48032
  },
48032
- autocompleteValue: "name",
48033
- isRequired: true
48033
+ autocompleteValue: "name"
48034
48034
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
48035
48035
  labelTextWhenNoError: "Routing number",
48036
48036
  dataQa: "Routing number",
@@ -48052,8 +48052,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
48052
48052
  },
48053
48053
  onKeyDown: function onKeyDown(e) {
48054
48054
  return e.key === "Enter" && handleSubmit(e);
48055
- },
48056
- isRequired: true
48055
+ }
48057
48056
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
48058
48057
  labelTextWhenNoError: "Confirm routing number",
48059
48058
  dataQa: "Confirm routing number",
@@ -48064,7 +48063,6 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
48064
48063
  onKeyDown: function onKeyDown(e) {
48065
48064
  return e.key === "Enter" && handleSubmit(e);
48066
48065
  },
48067
- isRequired: true,
48068
48066
  isNum: true
48069
48067
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
48070
48068
  labelTextWhenNoError: "Account number",
@@ -48073,7 +48071,6 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
48073
48071
  field: fields.accountNumber,
48074
48072
  fieldActions: actions.fields.accountNumber,
48075
48073
  showErrors: showErrors,
48076
- isRequired: true,
48077
48074
  isNum: true,
48078
48075
  helperModal: function helperModal() {
48079
48076
  return /*#__PURE__*/React__default.createElement(AccountAndRoutingModal$1, {
@@ -48092,7 +48089,6 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
48092
48089
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
48093
48090
  labelTextWhenNoError: "Confirm account number",
48094
48091
  dataQa: "Confirm account number",
48095
- isRequired: true,
48096
48092
  errorMessages: confirmAccountNumberErrors,
48097
48093
  field: fields.confirmAccountNumber,
48098
48094
  fieldActions: actions.fields.confirmAccountNumber,
@@ -48103,7 +48099,6 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
48103
48099
  isNum: true
48104
48100
  }), allowBankAccountType && /*#__PURE__*/React__default.createElement(FormSelect$1, {
48105
48101
  labelTextWhenNoError: "Account type",
48106
- isRequired: true,
48107
48102
  dataQa: "Account type",
48108
48103
  options: [{
48109
48104
  text: "Select account type",
@@ -48234,7 +48229,6 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
48234
48229
  "aria-label": "Card payment"
48235
48230
  }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, !hideZipCode && /*#__PURE__*/React__default.createElement(CountryDropdown, {
48236
48231
  labelTextWhenNoError: "Country",
48237
- isRequired: true,
48238
48232
  errorMessages: countryErrorMessages,
48239
48233
  field: fields.country,
48240
48234
  onChange: function onChange(value) {
@@ -48257,10 +48251,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
48257
48251
  onKeyDown: function onKeyDown(e) {
48258
48252
  return e.key === "Enter" && handleSubmit(e);
48259
48253
  },
48260
- autocompleteValue: "cc-name",
48261
- isRequired: true
48254
+ autocompleteValue: "cc-name"
48262
48255
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
48263
- isRequired: true,
48264
48256
  labelTextWhenNoError: "Credit card number",
48265
48257
  dataQa: "Credit card number",
48266
48258
  errorMessages: creditCardNumberErrors,
@@ -48290,8 +48282,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
48290
48282
  isNum: true,
48291
48283
  removeFromValue: /\// // removes "/" from browser autofill
48292
48284
  ,
48293
- autocompleteValue: "cc-exp",
48294
- isRequired: true
48285
+ autocompleteValue: "cc-exp"
48295
48286
  }), /*#__PURE__*/React__default.createElement(FormInput$1, {
48296
48287
  labelTextWhenNoError: "CVV",
48297
48288
  dataQa: "CVV",
@@ -48304,8 +48295,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
48304
48295
  onKeyDown: function onKeyDown(e) {
48305
48296
  return e.key === "Enter" && handleSubmit(e);
48306
48297
  },
48307
- autocompleteValue: "cc-csc",
48308
- isRequired: true
48298
+ autocompleteValue: "cc-csc"
48309
48299
  })), !hideZipCode && /*#__PURE__*/React__default.createElement(Box, {
48310
48300
  padding: isMobile ? "0" : "0 0.5rem 0 0",
48311
48301
  width: isMobile ? "100%" : "50%"
@@ -48321,8 +48311,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
48321
48311
  onKeyDown: function onKeyDown(e) {
48322
48312
  return e.key === "Enter" && handleSubmit(e);
48323
48313
  },
48324
- autocompleteValue: "billing postal-code",
48325
- isRequired: true
48314
+ autocompleteValue: "billing postal-code"
48326
48315
  })), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
48327
48316
  childGap: "4px",
48328
48317
  align: "center"
@@ -48570,7 +48559,7 @@ PhoneForm.mapDispatchToProps = mapDispatchToProps$8;
48570
48559
  var DefaultHeading = styled__default.div.withConfig({
48571
48560
  displayName: "RadioGroup__DefaultHeading",
48572
48561
  componentId: "sc-7lqrl8-0"
48573
- })(["font-size:0.875rem;color:", ";margin:0;padding:8px 0px;"], CHARADE_GREY);
48562
+ })(["font-size:0.875rem;color:", " margin:0;padding:8px 0px;"], CHARADE_GREY);
48574
48563
  var StyledFieldset = styled__default.fieldset.withConfig({
48575
48564
  displayName: "RadioGroup__StyledFieldset",
48576
48565
  componentId: "sc-7lqrl8-1"
@@ -48791,8 +48780,7 @@ var RadioSection = function RadioSection(_ref) {
48791
48780
  toggleRadio: section.disabled ? noop : function () {
48792
48781
  return toggleOpenSection(section.id);
48793
48782
  },
48794
- tabIndex: "-1",
48795
- required: section === null || section === void 0 ? void 0 : section.required
48783
+ tabIndex: "-1"
48796
48784
  })), section.titleIcon && /*#__PURE__*/React__default.createElement(Cluster, {
48797
48785
  align: "center"
48798
48786
  }, section.titleIcon), /*#__PURE__*/React__default.createElement(Box, {