@sebgroup/green-react 2.2.1 → 2.4.0

package/index.esm.js

@@ -2230,10 +2230,10 @@ $$8({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t=new Set(["children","localName","ref","style","className"]),e=new WeakMap,n=(t,n,s,i,o)=>{const l=null==o?void 0:o[n];void 0===l||s===i?null==s&&n in HTMLElement.prototype?t.removeAttribute(n):t[n]=s:((t,n,s)=>{let i=e.get(t);void 0===i&&e.set(t,i=new Map);let o=i.get(n);void 0!==s?void 0===o?(i.set(n,o={handleEvent:s}),t.addEventListener(n,o)):o.handleEvent=s:void 0!==o&&(i.delete(n),t.removeEventListener(n,o));})(t,l,s);},s=(t,e)=>{"function"==typeof t?t(e):t.current=e;};function i(e=window.React,i,o,l,d){let a,c,r;if(void 0===i){const t=e;(({tagName:c,elementClass:r,events:l,displayName:d}=t)),a=t.react;}else a=e,r=o,c=i;const h=a.Component,u=a.createElement,f=new Set(Object.keys(null!=l?l:{}));class v extends h{constructor(){super(...arguments),this.o=null;}t(t){if(null!==this.o)for(const e in this.i)n(this.o,e,this.props[e],t?t[e]:void 0,l);}componentDidMount(){var t;this.t(),null===(t=this.o)||void 0===t||t.removeAttribute("defer-hydration");}componentDidUpdate(t){this.t(t);}render(){const{_$Gl:e,...n}=this.props;this.h!==e&&(this.u=t=>{null!==e&&s(e,t),this.o=t,this.h=e;}),this.i={};const i={ref:this.u};for(const[e,s]of Object.entries(n))t.has(e)?i["className"===e?"class":e]=s:f.has(e)||e in r.prototype?this.i[e]=s:i[e]=s;return i.suppressHydrationWarning=!0,u(c,i)}}v.displayName=null!=d?d:r.name;const m=a.forwardRef(((t,e)=>u(v,{...t,_$Gl:e},null==t?void 0:t.children)));return m.displayName=v.displayName,m}
+const e=new Set(["children","localName","ref","style","className"]),n=new WeakMap,t=(e,t,l,o,a)=>{const s=a?.[t];void 0===s||l===o?(e[t]=l,null==l&&t in HTMLElement.prototype&&e.removeAttribute(t)):((e,t,l)=>{let o=n.get(e);void 0===o&&n.set(e,o=new Map);let a=o.get(t);void 0!==l?void 0===a?(o.set(t,a={handleEvent:l}),e.addEventListener(t,a)):a.handleEvent=l:void 0!==a&&(o.delete(t),e.removeEventListener(t,a));})(e,s,l);},l=({react:n,tagName:l,elementClass:o,events:a,displayName:s})=>{const c=new Set(Object.keys(a??{})),i=n.forwardRef(((s,i)=>{const r=n.useRef(null),d=n.useRef(null),f={},u={};for(const[n,t]of Object.entries(s))e.has(n)?f["className"===n?"class":n]=t:c.has(n)||n in o.prototype?u[n]=t:f[n]=t;return n.useLayoutEffect((()=>{if(null!==d.current){for(const e in u)t(d.current,e,s[e],r.current?r.current[e]:void 0,a);r.current=s;}})),n.useLayoutEffect((()=>{d.current?.removeAttribute("defer-hydration");}),[]),f.suppressHydrationWarning=!0,n.createElement(l,{...f,ref:n.useCallback((e=>{d.current=e,"function"==typeof i?i(e):null!==i&&(i.current=e);}),[i])})}));return i.displayName=s??o.name,i};
 
 registerTransitionalStyles();
-const CoreDropdown = i({
+const CoreDropdown = l({
   tagName: getScopedTagName('gds-dropdown'),
   elementClass: GdsDropdown,
   events: {
@@ -2241,7 +2241,7 @@ const CoreDropdown = i({
   },
   react: React
 });
-const CoreOption = i({
+const CoreOption = l({
   tagName: getScopedTagName('gds-option'),
   elementClass: GdsOption,
   react: React
@@ -2461,6 +2461,63 @@ const Datepicker = (options = {}) => {
   });
 };
 
+var anObject$6 = anObject$c;
+
+// `RegExp.prototype.flags` getter implementation
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
+var regexpFlags = function () {
+  var that = anObject$6(this);
+  var result = '';
+  if (that.hasIndices) result += 'd';
+  if (that.global) result += 'g';
+  if (that.ignoreCase) result += 'i';
+  if (that.multiline) result += 'm';
+  if (that.dotAll) result += 's';
+  if (that.unicode) result += 'u';
+  if (that.unicodeSets) result += 'v';
+  if (that.sticky) result += 'y';
+  return result;
+};
+
+var call$8 = functionCall;
+var hasOwn$2 = hasOwnProperty_1;
+var isPrototypeOf$3 = objectIsPrototypeOf;
+var regExpFlags = regexpFlags;
+
+var RegExpPrototype$1 = RegExp.prototype;
+
+var regexpGetFlags = function (R) {
+  var flags = R.flags;
+  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn$2(R, 'flags') && isPrototypeOf$3(RegExpPrototype$1, R)
+    ? call$8(regExpFlags, R) : flags;
+};
+
+var PROPER_FUNCTION_NAME = functionName.PROPER;
+var defineBuiltIn$2 = defineBuiltIn$6;
+var anObject$5 = anObject$c;
+var $toString = toString$4;
+var fails$3 = fails$g;
+var getRegExpFlags = regexpGetFlags;
+
+var TO_STRING = 'toString';
+var RegExpPrototype = RegExp.prototype;
+var nativeToString = RegExpPrototype[TO_STRING];
+
+var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+// FF44- RegExp#toString has a wrong name
+var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
+
+// `RegExp.prototype.toString` method
+// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
+if (NOT_GENERIC || INCORRECT_NAME) {
+  defineBuiltIn$2(RegExp.prototype, TO_STRING, function toString() {
+    var R = anObject$5(this);
+    var pattern = $toString(R.source);
+    var flags = $toString(getRegExpFlags(R));
+    return '/' + pattern + '/' + flags;
+  }, { unsafe: true });
+}
+
 function Button({
   children,
   variant,
@@ -2468,8 +2525,10 @@ function Button({
   disabled,
   active = false,
   type = 'button',
-  size
+  size,
+  testId
 }) {
+  var _a;
   const props = {
     type,
     disabled
@@ -2480,7 +2539,14 @@ function Button({
   if (size) classNames.push(size);
   if (classNames.length) props.className = classNames.join(' ');
   if (onClick) props.onClick = onClick;
-  return jsx("button", Object.assign({}, props, {
+  return variant == 'close' ? jsx("button", Object.assign({}, props, {
+    "aria-label": (_a = children === null || children === void 0 ? void 0 : children.toString()) !== null && _a !== void 0 ? _a : 'Close',
+    "data-testid": testId
+  }, {
+    children: jsx("i", {})
+  })) : jsx("button", Object.assign({}, props, {
+    "data-testid": testId
+  }, {
     children: children
   }));
 }
@@ -2725,9 +2791,17 @@ function Group({
   id,
   children,
   error,
-  groupBorder = false
+  className,
+  groupBorder = false,
+  groupFocus = false
 }) {
-  const groupClassName = `group ${groupBorder ? 'group-border' : ''} ${error ? 'is-invalid' : ''}`;
+  const groupClassName = classNames('group', {
+    'group-border': groupBorder
+  }, {
+    'group-focus': groupFocus
+  }, {
+    'is-invalid': error
+  }, className);
   const errorMessage = error ? error.message || error : '';
   return jsxs("div", Object.assign({
     className: "form-group",
@@ -2777,17 +2851,17 @@ var setSpecies$1 = function (CONSTRUCTOR_NAME) {
   }
 };
 
-var isPrototypeOf$3 = objectIsPrototypeOf;
+var isPrototypeOf$2 = objectIsPrototypeOf;
 
 var $TypeError$5 = TypeError;
 
 var anInstance$1 = function (it, Prototype) {
-  if (isPrototypeOf$3(Prototype, it)) return it;
+  if (isPrototypeOf$2(Prototype, it)) return it;
   throw new $TypeError$5('Incorrect invocation');
 };
 
 var uncurryThis$6 = functionUncurryThis;
-var fails$3 = fails$g;
+var fails$2 = fails$g;
 var isCallable$5 = isCallable$l;
 var classof$1 = classof$4;
 var getBuiltIn$2 = getBuiltIn$7;
@@ -2831,7 +2905,7 @@ isConstructorLegacy.sham = true;
 
 // `IsConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-isconstructor
-var isConstructor$1 = !construct || fails$3(function () {
+var isConstructor$1 = !construct || fails$2(function () {
   var called;
   return isConstructorModern(isConstructorModern.call)
     || !isConstructorModern(Object)
@@ -2850,7 +2924,7 @@ var aConstructor$1 = function (argument) {
   throw new $TypeError$4(tryToString$2(argument) + ' is not a constructor');
 };
 
-var anObject$6 = anObject$c;
+var anObject$4 = anObject$c;
 var aConstructor = aConstructor$1;
 var isNullOrUndefined$1 = isNullOrUndefined$4;
 var wellKnownSymbol$4 = wellKnownSymbol$g;
@@ -2860,20 +2934,20 @@ var SPECIES$1 = wellKnownSymbol$4('species');
 // `SpeciesConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-speciesconstructor
 var speciesConstructor$1 = function (O, defaultConstructor) {
-  var C = anObject$6(O).constructor;
+  var C = anObject$4(O).constructor;
   var S;
-  return C === undefined || isNullOrUndefined$1(S = anObject$6(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
+  return C === undefined || isNullOrUndefined$1(S = anObject$4(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
 };
 
 var NATIVE_BIND$1 = functionBindNative;
 
 var FunctionPrototype = Function.prototype;
 var apply$1 = FunctionPrototype.apply;
-var call$8 = FunctionPrototype.call;
+var call$7 = FunctionPrototype.call;
 
 // eslint-disable-next-line es/no-reflect -- safe
-var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$8.bind(apply$1) : function () {
-  return call$8.apply(apply$1, arguments);
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$7.bind(apply$1) : function () {
+  return call$7.apply(apply$1, arguments);
 });
 
 var classofRaw = classofRaw$2;
@@ -2920,8 +2994,8 @@ var global$7 = global$k;
 var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$4 = isCallable$l;
-var hasOwn$2 = hasOwnProperty_1;
-var fails$2 = fails$g;
+var hasOwn$1 = hasOwnProperty_1;
+var fails$1 = fails$g;
 var html = html$2;
 var arraySlice = arraySlice$1;
 var createElement = documentCreateElement$2;
@@ -2941,13 +3015,13 @@ var queue$2 = {};
 var ONREADYSTATECHANGE = 'onreadystatechange';
 var $location, defer, channel, port;
 
-fails$2(function () {
+fails$1(function () {
   // Deno throws a ReferenceError on `location` access without `--location` flag
   $location = global$7.location;
 });
 
 var run = function (id) {
-  if (hasOwn$2(queue$2, id)) {
+  if (hasOwn$1(queue$2, id)) {
     var fn = queue$2[id];
     delete queue$2[id];
     fn();
@@ -3008,7 +3082,7 @@ if (!set || !clear) {
     isCallable$4(global$7.postMessage) &&
     !global$7.importScripts &&
     $location && $location.protocol !== 'file:' &&
-    !fails$2(globalPostMessageDefer)
+    !fails$1(globalPostMessageDefer)
   ) {
     defer = globalPostMessageDefer;
     global$7.addEventListener('message', eventListener, false);
@@ -3247,8 +3321,8 @@ newPromiseCapability$2.f = function (C) {
 var $$7 = _export;
 var IS_NODE = engineIsNode;
 var global$3 = global$k;
-var call$7 = functionCall;
-var defineBuiltIn$2 = defineBuiltIn$6;
+var call$6 = functionCall;
+var defineBuiltIn$1 = defineBuiltIn$6;
 var setPrototypeOf = objectSetPrototypeOf;
 var setToStringTag = setToStringTag$3;
 var setSpecies = setSpecies$1;
@@ -3325,7 +3399,7 @@ var callReaction = function (reaction, state) {
       if (result === reaction.promise) {
         reject(new TypeError$1('Promise-chain cycle'));
       } else if (then = isThenable(result)) {
-        call$7(then, result, resolve, reject);
+        call$6(then, result, resolve, reject);
       } else resolve(result);
     } else reject(value);
   } catch (error) {
@@ -3362,7 +3436,7 @@ var dispatchEvent = function (name, promise, reason) {
 };
 
 var onUnhandled = function (state) {
-  call$7(task, global$3, function () {
+  call$6(task, global$3, function () {
     var promise = state.facade;
     var value = state.value;
     var IS_UNHANDLED = isUnhandled(state);
@@ -3385,7 +3459,7 @@ var isUnhandled = function (state) {
 };
 
 var onHandleUnhandled = function (state) {
-  call$7(task, global$3, function () {
+  call$6(task, global$3, function () {
     var promise = state.facade;
     if (IS_NODE) {
       process.emit('rejectionHandled', promise);
@@ -3419,7 +3493,7 @@ var internalResolve = function (state, value, unwrap) {
       microtask(function () {
         var wrapper = { done: false };
         try {
-          call$7(then, value,
+          call$6(then, value,
             bind$1(internalResolve, wrapper, state),
             bind$1(internalReject, wrapper, state)
           );
@@ -3443,7 +3517,7 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
   PromiseConstructor = function Promise(executor) {
     anInstance(this, PromisePrototype);
     aCallable$3(executor);
-    call$7(Internal, this);
+    call$6(Internal, this);
     var state = getInternalPromiseState(this);
     try {
       executor(bind$1(internalResolve, state), bind$1(internalReject, state));
@@ -3470,7 +3544,7 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
 
   // `Promise.prototype.then` method
   // https://tc39.es/ecma262/#sec-promise.prototype.then
-  Internal.prototype = defineBuiltIn$2(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
+  Internal.prototype = defineBuiltIn$1(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
     var state = getInternalPromiseState(this);
     var reaction = newPromiseCapability$1(speciesConstructor(this, PromiseConstructor));
     state.parent = true;
@@ -3503,10 +3577,10 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
 
     if (!NATIVE_PROMISE_SUBCLASSING) {
       // make `Promise#then` return a polyfilled `Promise` for native promise-based APIs
-      defineBuiltIn$2(NativePromisePrototype$1, 'then', function then(onFulfilled, onRejected) {
+      defineBuiltIn$1(NativePromisePrototype$1, 'then', function then(onFulfilled, onRejected) {
         var that = this;
         return new PromiseConstructor(function (resolve, reject) {
-          call$7(nativeThen, that, resolve, reject);
+          call$6(nativeThen, that, resolve, reject);
         }).then(onFulfilled, onRejected);
       // https://github.com/zloirock/core-js/issues/640
       }, { unsafe: true });
@@ -3556,9 +3630,9 @@ var getIteratorMethod$2 = function (it) {
     || Iterators[classof(it)];
 };
 
-var call$6 = functionCall;
+var call$5 = functionCall;
 var aCallable$2 = aCallable$8;
-var anObject$5 = anObject$c;
+var anObject$3 = anObject$c;
 var tryToString$1 = tryToString$4;
 var getIteratorMethod$1 = getIteratorMethod$2;
 
@@ -3566,41 +3640,41 @@ var $TypeError$1 = TypeError;
 
 var getIterator$1 = function (argument, usingIterator) {
   var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
-  if (aCallable$2(iteratorMethod)) return anObject$5(call$6(iteratorMethod, argument));
+  if (aCallable$2(iteratorMethod)) return anObject$3(call$5(iteratorMethod, argument));
   throw new $TypeError$1(tryToString$1(argument) + ' is not iterable');
 };
 
-var call$5 = functionCall;
-var anObject$4 = anObject$c;
+var call$4 = functionCall;
+var anObject$2 = anObject$c;
 var getMethod = getMethod$3;
 
 var iteratorClose$1 = function (iterator, kind, value) {
   var innerResult, innerError;
-  anObject$4(iterator);
+  anObject$2(iterator);
   try {
     innerResult = getMethod(iterator, 'return');
     if (!innerResult) {
       if (kind === 'throw') throw value;
       return value;
     }
-    innerResult = call$5(innerResult, iterator);
+    innerResult = call$4(innerResult, iterator);
   } catch (error) {
     innerError = true;
     innerResult = error;
   }
   if (kind === 'throw') throw value;
   if (innerError) throw innerResult;
-  anObject$4(innerResult);
+  anObject$2(innerResult);
   return value;
 };
 
 var bind = functionBindContext;
-var call$4 = functionCall;
-var anObject$3 = anObject$c;
+var call$3 = functionCall;
+var anObject$1 = anObject$c;
 var tryToString = tryToString$4;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
 var lengthOfArrayLike = lengthOfArrayLike$2;
-var isPrototypeOf$2 = objectIsPrototypeOf;
+var isPrototypeOf$1 = objectIsPrototypeOf;
 var getIterator = getIterator$1;
 var getIteratorMethod = getIteratorMethod$2;
 var iteratorClose = iteratorClose$1;
@@ -3630,7 +3704,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
 
   var callFn = function (value) {
     if (AS_ENTRIES) {
-      anObject$3(value);
+      anObject$1(value);
       return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
     } return INTERRUPTED ? fn(value, stop) : fn(value);
   };
@@ -3646,20 +3720,20 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     if (isArrayIteratorMethod(iterFn)) {
       for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
         result = callFn(iterable[index]);
-        if (result && isPrototypeOf$2(ResultPrototype, result)) return result;
+        if (result && isPrototypeOf$1(ResultPrototype, result)) return result;
       } return new Result(false);
     }
     iterator = getIterator(iterable, iterFn);
   }
 
   next = IS_RECORD ? iterable.next : iterator.next;
-  while (!(step = call$4(next, iterator)).done) {
+  while (!(step = call$3(next, iterator)).done) {
     try {
       result = callFn(step.value);
     } catch (error) {
       iteratorClose(iterator, 'throw', error);
     }
-    if (typeof result == 'object' && result && isPrototypeOf$2(ResultPrototype, result)) return result;
+    if (typeof result == 'object' && result && isPrototypeOf$1(ResultPrototype, result)) return result;
   } return new Result(false);
 };
 
@@ -3713,7 +3787,7 @@ var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCor
 });
 
 var $$6 = _export;
-var call$3 = functionCall;
+var call$2 = functionCall;
 var aCallable$1 = aCallable$8;
 var newPromiseCapabilityModule$2 = newPromiseCapability$2;
 var perform$1 = perform$3;
@@ -3737,7 +3811,7 @@ $$6({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
         var index = counter++;
         var alreadyCalled = false;
         remaining++;
-        call$3($promiseResolve, C, promise).then(function (value) {
+        call$2($promiseResolve, C, promise).then(function (value) {
           if (alreadyCalled) return;
           alreadyCalled = true;
           values[index] = value;
@@ -3756,7 +3830,7 @@ var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
 var NativePromiseConstructor = promiseNativeConstructor;
 var getBuiltIn$1 = getBuiltIn$7;
 var isCallable$1 = isCallable$l;
-var defineBuiltIn$1 = defineBuiltIn$6;
+var defineBuiltIn = defineBuiltIn$6;
 
 var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructor.prototype;
 
@@ -3772,12 +3846,12 @@ $$5({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real
 if (isCallable$1(NativePromiseConstructor)) {
   var method = getBuiltIn$1('Promise').prototype['catch'];
   if (NativePromisePrototype['catch'] !== method) {
-    defineBuiltIn$1(NativePromisePrototype, 'catch', method, { unsafe: true });
+    defineBuiltIn(NativePromisePrototype, 'catch', method, { unsafe: true });
   }
 }
 
 var $$4 = _export;
-var call$2 = functionCall;
+var call$1 = functionCall;
 var aCallable = aCallable$8;
 var newPromiseCapabilityModule$1 = newPromiseCapability$2;
 var perform = perform$3;
@@ -3794,7 +3868,7 @@ $$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
     var result = perform(function () {
       var $promiseResolve = aCallable(C.resolve);
       iterate(iterable, function (promise) {
-        call$2($promiseResolve, C, promise).then(capability.resolve, reject);
+        call$1($promiseResolve, C, promise).then(capability.resolve, reject);
       });
     });
     if (result.error) reject(result.value);
@@ -3803,7 +3877,7 @@ $$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
 });
 
 var $$3 = _export;
-var call$1 = functionCall;
+var call = functionCall;
 var newPromiseCapabilityModule = newPromiseCapability$2;
 var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
 
@@ -3812,17 +3886,17 @@ var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
 $$3({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   reject: function reject(r) {
     var capability = newPromiseCapabilityModule.f(this);
-    call$1(capability.reject, undefined, r);
+    call(capability.reject, undefined, r);
     return capability.promise;
   }
 });
 
-var anObject$2 = anObject$c;
+var anObject = anObject$c;
 var isObject = isObject$9;
 var newPromiseCapability = newPromiseCapability$2;
 
 var promiseResolve$1 = function (C, x) {
-  anObject$2(C);
+  anObject(C);
   if (isObject(x) && x.constructor === C) return x;
   var promiseCapability = newPromiseCapability.f(C);
   var resolve = promiseCapability.resolve;
@@ -4111,9 +4185,9 @@ var $$1 = _export;
 var DESCRIPTORS = descriptors;
 var global$2 = global$k;
 var uncurryThis$2 = functionUncurryThis;
-var hasOwn$1 = hasOwnProperty_1;
+var hasOwn = hasOwnProperty_1;
 var isCallable = isCallable$l;
-var isPrototypeOf$1 = objectIsPrototypeOf;
+var isPrototypeOf = objectIsPrototypeOf;
 var toString$2 = toString$4;
 var defineBuiltInAccessor = defineBuiltInAccessor$2;
 var copyConstructorProperties = copyConstructorProperties$2;
@@ -4129,7 +4203,7 @@ if (DESCRIPTORS && isCallable(NativeSymbol) && (!('description' in SymbolPrototy
   // wrap Symbol constructor for correct work with undefined description
   var SymbolWrapper = function Symbol() {
     var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$2(arguments[0]);
-    var result = isPrototypeOf$1(SymbolPrototype, this)
+    var result = isPrototypeOf(SymbolPrototype, this)
       ? new NativeSymbol(description)
       // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
       : description === undefined ? NativeSymbol() : NativeSymbol(description);
@@ -4152,7 +4226,7 @@ if (DESCRIPTORS && isCallable(NativeSymbol) && (!('description' in SymbolPrototy
     configurable: true,
     get: function description() {
       var symbol = thisSymbolValue(this);
-      if (hasOwn$1(EmptyStringDescriptionStore, symbol)) return '';
+      if (hasOwn(EmptyStringDescriptionStore, symbol)) return '';
       var string = symbolDescriptiveString(symbol);
       var desc = NATIVE_SYMBOL ? stringSlice(string, 7, -1) : replace$1(string, regexp, '$1');
       return desc === '' ? undefined : desc;
@@ -4657,63 +4731,6 @@ const OptionGroup = ({
   }));
 };
 
-var anObject$1 = anObject$c;
-
-// `RegExp.prototype.flags` getter implementation
-// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
-var regexpFlags = function () {
-  var that = anObject$1(this);
-  var result = '';
-  if (that.hasIndices) result += 'd';
-  if (that.global) result += 'g';
-  if (that.ignoreCase) result += 'i';
-  if (that.multiline) result += 'm';
-  if (that.dotAll) result += 's';
-  if (that.unicode) result += 'u';
-  if (that.unicodeSets) result += 'v';
-  if (that.sticky) result += 'y';
-  return result;
-};
-
-var call = functionCall;
-var hasOwn = hasOwnProperty_1;
-var isPrototypeOf = objectIsPrototypeOf;
-var regExpFlags = regexpFlags;
-
-var RegExpPrototype$1 = RegExp.prototype;
-
-var regexpGetFlags = function (R) {
-  var flags = R.flags;
-  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
-    ? call(regExpFlags, R) : flags;
-};
-
-var PROPER_FUNCTION_NAME = functionName.PROPER;
-var defineBuiltIn = defineBuiltIn$6;
-var anObject = anObject$c;
-var $toString = toString$4;
-var fails$1 = fails$g;
-var getRegExpFlags = regexpGetFlags;
-
-var TO_STRING = 'toString';
-var RegExpPrototype = RegExp.prototype;
-var nativeToString = RegExpPrototype[TO_STRING];
-
-var NOT_GENERIC = fails$1(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
-// FF44- RegExp#toString has a wrong name
-var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
-
-// `RegExp.prototype.toString` method
-// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
-if (NOT_GENERIC || INCORRECT_NAME) {
-  defineBuiltIn(RegExp.prototype, TO_STRING, function toString() {
-    var R = anObject(this);
-    var pattern = $toString(R.source);
-    var flags = $toString(getRegExpFlags(R));
-    return '/' + pattern + '/' + flags;
-  }, { unsafe: true });
-}
-
 const InputWrapper = ({
   children,
   unitLabel

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "2.2.1",
+  "version": "2.4.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.0.3",
-    "@sebgroup/chlorophyll": "^2.2.0",
-    "@sebgroup/extract": "^2.0.0",
+    "@sebgroup/green-core": "^1.1.1",
+    "@sebgroup/chlorophyll": "^2.2.1",
+    "@sebgroup/extract": "^2.1.0",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",

package/src/lib/form/button/button.d.ts

@@ -8,6 +8,7 @@ export interface ButtonProps {
     onClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
     size?: ButtonSize;
+    testId?: string;
 }
-export declare function Button({ children, variant, onClick, disabled, active, type, size }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ children, variant, onClick, disabled, active, type, size, testId }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export default Button;

package/src/lib/form/group/group.d.ts

@@ -1,10 +1,13 @@
 import { ReactNode } from 'react';
+import classNames from 'classnames';
 export interface GroupProps {
     children: ReactNode;
     error?: Error | string;
     groupBorder?: boolean;
+    groupFocus?: boolean;
     invalid?: boolean;
     id?: string;
+    className?: classNames.Argument;
 }
-export declare function Group({ id, children, error, groupBorder, }: GroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Group({ id, children, error, className, groupBorder, groupFocus, }: GroupProps): import("react/jsx-runtime").JSX.Element;
 export default Group;

package/src/lib/in-page-wizard/inPageWizardStepCard.d.ts

@@ -2,14 +2,14 @@ import { ReactNode } from 'react';
 export interface InPageWizardStepCardProps {
     stepText: string;
     title: string;
-    editBtnText: string;
+    editBtnText?: string;
     nextBtnText: string;
     nextBtnIcon?: ReactNode;
     stepStatus: WizardStepStatus;
     hideFooter?: boolean;
     children: React.ReactNode;
     onNextClick: () => void;
-    onEditClick: () => void;
+    onEditClick?: () => void;
     dataTestid?: string;
 }
 export declare type WizardStepStatus = 'NotStarted' | 'IsActive' | 'IsComplete';