@raspberrypifoundation/design-system-react 2.6.1 → 2.7.0-beta.0

package/dist/design-system-react.umd.cjs

@@ -1,24 +1,24 @@
-(function(A,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],t):(A=typeof globalThis<"u"?globalThis:A||self,t(A["RPF Design System React"]={},A.jsxRuntime,A.React))})(this,function(A,t,V){"use strict";function be(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ee={exports:{}};/*!
+(function(A,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],t):(A=typeof globalThis<"u"?globalThis:A||self,t(A["RPF Design System React"]={},A.jsxRuntime,A.React))})(this,function(A,t,Ue){"use strict";function be(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Q={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var ve;function Le(){return ve||(ve=1,function(e){(function(){var i={}.hasOwnProperty;function l(){for(var r="",d=0;d<arguments.length;d++){var c=arguments[d];c&&(r=s(r,o(c)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return l.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var d="";for(var c in r)i.call(r,c)&&r[c]&&(d=s(d,c));return d}function s(r,d){return d?r?r+" "+d:r+d:r}e.exports?(l.default=l,e.exports=l):window.classNames=l})()}(ee)),ee.exports}var We=Le();const R=be(We);var X={exports:{}},G={exports:{}},P={};/** @license React v16.13.1
+*/var he;function Ve(){return he||(he=1,function(r){(function(){var l={}.hasOwnProperty;function f(){for(var a="",p=0;p<arguments.length;p++){var d=arguments[p];d&&(a=o(a,s(d)))}return a}function s(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return f.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var p="";for(var d in a)l.call(a,d)&&a[d]&&(p=o(p,d));return p}function o(a,p){return p?a?a+" "+p:a+p:a}r.exports?(f.default=f,r.exports=f):window.classNames=f})()}(Q)),Q.exports}var He=Ve();const k=be(He);var H={exports:{}},J={exports:{}},C={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var me;function ze(){if(me)return P;me=1;var e=typeof Symbol=="function"&&Symbol.for,i=e?Symbol.for("react.element"):60103,l=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,s=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,_=e?Symbol.for("react.concurrent_mode"):60111,b=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,j=e?Symbol.for("react.suspense_list"):60120,I=e?Symbol.for("react.memo"):60115,k=e?Symbol.for("react.lazy"):60116,N=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,D=e?Symbol.for("react.responder"):60118,z=e?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var Y=f.$$typeof;switch(Y){case i:switch(f=f.type,f){case h:case _:case o:case r:case s:case m:return f;default:switch(f=f&&f.$$typeof,f){case c:case b:case k:case I:case d:return f;default:return Y}}case l:return Y}}}function q(f){return M(f)===_}return P.AsyncMode=h,P.ConcurrentMode=_,P.ContextConsumer=c,P.ContextProvider=d,P.Element=i,P.ForwardRef=b,P.Fragment=o,P.Lazy=k,P.Memo=I,P.Portal=l,P.Profiler=r,P.StrictMode=s,P.Suspense=m,P.isAsyncMode=function(f){return q(f)||M(f)===h},P.isConcurrentMode=q,P.isContextConsumer=function(f){return M(f)===c},P.isContextProvider=function(f){return M(f)===d},P.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===i},P.isForwardRef=function(f){return M(f)===b},P.isFragment=function(f){return M(f)===o},P.isLazy=function(f){return M(f)===k},P.isMemo=function(f){return M(f)===I},P.isPortal=function(f){return M(f)===l},P.isProfiler=function(f){return M(f)===r},P.isStrictMode=function(f){return M(f)===s},P.isSuspense=function(f){return M(f)===m},P.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===o||f===_||f===r||f===s||f===m||f===j||typeof f=="object"&&f!==null&&(f.$$typeof===k||f.$$typeof===I||f.$$typeof===d||f.$$typeof===c||f.$$typeof===b||f.$$typeof===$||f.$$typeof===D||f.$$typeof===z||f.$$typeof===N)},P.typeOf=M,P}var w={};/** @license React v16.13.1
+ */var ve;function Je(){if(ve)return C;ve=1;var r=typeof Symbol=="function"&&Symbol.for,l=r?Symbol.for("react.element"):60103,f=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,p=r?Symbol.for("react.provider"):60109,d=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,M=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,$=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function R(i){if(typeof i=="object"&&i!==null){var L=i.$$typeof;switch(L){case l:switch(i=i.type,i){case g:case _:case s:case a:case o:case E:return i;default:switch(i=i&&i.$$typeof,i){case d:case m:case M:case I:case p:return i;default:return L}}case f:return L}}}function j(i){return R(i)===_}return C.AsyncMode=g,C.ConcurrentMode=_,C.ContextConsumer=d,C.ContextProvider=p,C.Element=l,C.ForwardRef=m,C.Fragment=s,C.Lazy=M,C.Memo=I,C.Portal=f,C.Profiler=a,C.StrictMode=o,C.Suspense=E,C.isAsyncMode=function(i){return j(i)||R(i)===g},C.isConcurrentMode=j,C.isContextConsumer=function(i){return R(i)===d},C.isContextProvider=function(i){return R(i)===p},C.isElement=function(i){return typeof i=="object"&&i!==null&&i.$$typeof===l},C.isForwardRef=function(i){return R(i)===m},C.isFragment=function(i){return R(i)===s},C.isLazy=function(i){return R(i)===M},C.isMemo=function(i){return R(i)===I},C.isPortal=function(i){return R(i)===f},C.isProfiler=function(i){return R(i)===a},C.isStrictMode=function(i){return R(i)===o},C.isSuspense=function(i){return R(i)===E},C.isValidElementType=function(i){return typeof i=="string"||typeof i=="function"||i===s||i===_||i===a||i===o||i===E||i===q||typeof i=="object"&&i!==null&&(i.$$typeof===M||i.$$typeof===I||i.$$typeof===p||i.$$typeof===d||i.$$typeof===m||i.$$typeof===$||i.$$typeof===Y||i.$$typeof===z||i.$$typeof===N)},C.typeOf=R,C}var w={};/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ge;function Ue(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,i=e?Symbol.for("react.element"):60103,l=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,s=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,_=e?Symbol.for("react.concurrent_mode"):60111,b=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,j=e?Symbol.for("react.suspense_list"):60120,I=e?Symbol.for("react.memo"):60115,k=e?Symbol.for("react.lazy"):60116,N=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,D=e?Symbol.for("react.responder"):60118,z=e?Symbol.for("react.scope"):60119;function M(u){return typeof u=="string"||typeof u=="function"||u===o||u===_||u===r||u===s||u===m||u===j||typeof u=="object"&&u!==null&&(u.$$typeof===k||u.$$typeof===I||u.$$typeof===d||u.$$typeof===c||u.$$typeof===b||u.$$typeof===$||u.$$typeof===D||u.$$typeof===z||u.$$typeof===N)}function q(u){if(typeof u=="object"&&u!==null){var W=u.$$typeof;switch(W){case i:var Q=u.type;switch(Q){case h:case _:case o:case r:case s:case m:return Q;default:var Fe=Q&&Q.$$typeof;switch(Fe){case c:case b:case k:case I:case d:return Fe;default:return W}}case l:return W}}}var f=h,Y=_,le=c,ce=d,fe=i,ue=b,K=o,de=k,pe=I,H=l,ye=r,L=s,B=m,Z=!1;function he(u){return Z||(Z=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),a(u)||q(u)===h}function a(u){return q(u)===_}function p(u){return q(u)===c}function E(u){return q(u)===d}function g(u){return typeof u=="object"&&u!==null&&u.$$typeof===i}function y(u){return q(u)===b}function S(u){return q(u)===o}function v(u){return q(u)===k}function T(u){return q(u)===I}function O(u){return q(u)===l}function x(u){return q(u)===r}function C(u){return q(u)===s}function F(u){return q(u)===m}w.AsyncMode=f,w.ConcurrentMode=Y,w.ContextConsumer=le,w.ContextProvider=ce,w.Element=fe,w.ForwardRef=ue,w.Fragment=K,w.Lazy=de,w.Memo=pe,w.Portal=H,w.Profiler=ye,w.StrictMode=L,w.Suspense=B,w.isAsyncMode=he,w.isConcurrentMode=a,w.isContextConsumer=p,w.isContextProvider=E,w.isElement=g,w.isForwardRef=y,w.isFragment=S,w.isLazy=v,w.isMemo=T,w.isPortal=O,w.isProfiler=x,w.isStrictMode=C,w.isSuspense=F,w.isValidElementType=M,w.typeOf=q}()),w}var Te;function _e(){return Te||(Te=1,process.env.NODE_ENV==="production"?G.exports=ze():G.exports=Ue()),G.exports}/*
+ */var ge;function Xe(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,l=r?Symbol.for("react.element"):60103,f=r?Symbol.for("react.portal"):60106,s=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,a=r?Symbol.for("react.profiler"):60114,p=r?Symbol.for("react.provider"):60109,d=r?Symbol.for("react.context"):60110,g=r?Symbol.for("react.async_mode"):60111,_=r?Symbol.for("react.concurrent_mode"):60111,m=r?Symbol.for("react.forward_ref"):60112,E=r?Symbol.for("react.suspense"):60113,q=r?Symbol.for("react.suspense_list"):60120,I=r?Symbol.for("react.memo"):60115,M=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,$=r?Symbol.for("react.fundamental"):60117,Y=r?Symbol.for("react.responder"):60118,z=r?Symbol.for("react.scope"):60119;function R(c){return typeof c=="string"||typeof c=="function"||c===s||c===_||c===a||c===o||c===E||c===q||typeof c=="object"&&c!==null&&(c.$$typeof===M||c.$$typeof===I||c.$$typeof===p||c.$$typeof===d||c.$$typeof===m||c.$$typeof===$||c.$$typeof===Y||c.$$typeof===z||c.$$typeof===N)}function j(c){if(typeof c=="object"&&c!==null){var W=c.$$typeof;switch(W){case l:var Z=c.type;switch(Z){case g:case _:case s:case a:case o:case E:return Z;default:var Be=Z&&Z.$$typeof;switch(Be){case d:case m:case M:case I:case p:return Be;default:return W}}case f:return W}}}var i=g,L=_,ie=d,le=p,ce=l,fe=m,G=s,ue=M,pe=I,U=f,de=a,D=o,B=E,K=!1;function ye(c){return K||(K=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),n(c)||j(c)===g}function n(c){return j(c)===_}function u(c){return j(c)===d}function T(c){return j(c)===p}function h(c){return typeof c=="object"&&c!==null&&c.$$typeof===l}function y(c){return j(c)===m}function O(c){return j(c)===s}function b(c){return j(c)===M}function v(c){return j(c)===I}function S(c){return j(c)===f}function x(c){return j(c)===a}function P(c){return j(c)===o}function F(c){return j(c)===E}w.AsyncMode=i,w.ConcurrentMode=L,w.ContextConsumer=ie,w.ContextProvider=le,w.Element=ce,w.ForwardRef=fe,w.Fragment=G,w.Lazy=ue,w.Memo=pe,w.Portal=U,w.Profiler=de,w.StrictMode=D,w.Suspense=B,w.isAsyncMode=ye,w.isConcurrentMode=n,w.isContextConsumer=u,w.isContextProvider=T,w.isElement=h,w.isForwardRef=y,w.isFragment=O,w.isLazy=b,w.isMemo=v,w.isPortal=S,w.isProfiler=x,w.isStrictMode=P,w.isSuspense=F,w.isValidElementType=R,w.typeOf=j}()),w}var me;function Te(){return me||(me=1,process.env.NODE_ENV==="production"?J.exports=Je():J.exports=Xe()),J.exports}/*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var re,Ee;function Be(){if(Ee)return re;Ee=1;var e=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;function o(r){if(r==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(r)}function s(){try{if(!Object.assign)return!1;var r=new String("abc");if(r[5]="de",Object.getOwnPropertyNames(r)[0]==="5")return!1;for(var d={},c=0;c<10;c++)d["_"+String.fromCharCode(c)]=c;var h=Object.getOwnPropertyNames(d).map(function(b){return d[b]});if(h.join("")!=="0123456789")return!1;var _={};return"abcdefghijklmnopqrst".split("").forEach(function(b){_[b]=b}),Object.keys(Object.assign({},_)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return re=s()?Object.assign:function(r,d){for(var c,h=o(r),_,b=1;b<arguments.length;b++){c=Object(arguments[b]);for(var m in c)i.call(c,m)&&(h[m]=c[m]);if(e){_=e(c);for(var j=0;j<_.length;j++)l.call(c,_[j])&&(h[_[j]]=c[_[j]])}}return h},re}var te,Se;function ne(){if(Se)return te;Se=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return te=e,te}var ae,Oe;function Ce(){return Oe||(Oe=1,ae=Function.call.bind(Object.prototype.hasOwnProperty)),ae}var se,Pe;function Ve(){if(Pe)return se;Pe=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var i=ne(),l={},o=Ce();e=function(r){var d="Warning: "+r;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}}}function s(r,d,c,h,_){if(process.env.NODE_ENV!=="production"){for(var b in r)if(o(r,b)){var m;try{if(typeof r[b]!="function"){var j=Error((h||"React class")+": "+c+" type `"+b+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[b]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw j.name="Invariant Violation",j}m=r[b](d,b,h,c,null,i)}catch(k){m=k}if(m&&!(m instanceof Error)&&e((h||"React class")+": type specification of "+c+" `"+b+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in l)){l[m.message]=!0;var I=_?_():"";e("Failed "+c+" type: "+m.message+(I??""))}}}}return s.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(l={})},se=s,se}var oe,we;function He(){if(we)return oe;we=1;var e=_e(),i=Be(),l=ne(),o=Ce(),s=Ve(),r=function(){};process.env.NODE_ENV!=="production"&&(r=function(c){var h="Warning: "+c;typeof console<"u"&&console.error(h);try{throw new Error(h)}catch{}});function d(){return null}return oe=function(c,h){var _=typeof Symbol=="function"&&Symbol.iterator,b="@@iterator";function m(a){var p=a&&(_&&a[_]||a[b]);if(typeof p=="function")return p}var j="<<anonymous>>",I={array:D("array"),bigint:D("bigint"),bool:D("boolean"),func:D("function"),number:D("number"),object:D("object"),string:D("string"),symbol:D("symbol"),any:z(),arrayOf:M,element:q(),elementType:f(),instanceOf:Y,node:ue(),objectOf:ce,oneOf:le,oneOfType:fe,shape:de,exact:pe};function k(a,p){return a===p?a!==0||1/a===1/p:a!==a&&p!==p}function N(a,p){this.message=a,this.data=p&&typeof p=="object"?p:{},this.stack=""}N.prototype=Error.prototype;function $(a){if(process.env.NODE_ENV!=="production")var p={},E=0;function g(S,v,T,O,x,C,F){if(O=O||j,C=C||T,F!==l){if(h){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var W=O+":"+T;!p[W]&&E<3&&(r("You are manually calling a React.PropTypes validation function for the `"+C+"` prop on `"+O+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),p[W]=!0,E++)}}return v[T]==null?S?v[T]===null?new N("The "+x+" `"+C+"` is marked as required "+("in `"+O+"`, but its value is `null`.")):new N("The "+x+" `"+C+"` is marked as required in "+("`"+O+"`, but its value is `undefined`.")):null:a(v,T,O,x,C)}var y=g.bind(null,!1);return y.isRequired=g.bind(null,!0),y}function D(a){function p(E,g,y,S,v,T){var O=E[g],x=L(O);if(x!==a){var C=B(O);return new N("Invalid "+S+" `"+v+"` of type "+("`"+C+"` supplied to `"+y+"`, expected ")+("`"+a+"`."),{expectedType:a})}return null}return $(p)}function z(){return $(d)}function M(a){function p(E,g,y,S,v){if(typeof a!="function")return new N("Property `"+v+"` of component `"+y+"` has invalid PropType notation inside arrayOf.");var T=E[g];if(!Array.isArray(T)){var O=L(T);return new N("Invalid "+S+" `"+v+"` of type "+("`"+O+"` supplied to `"+y+"`, expected an array."))}for(var x=0;x<T.length;x++){var C=a(T,x,y,S,v+"["+x+"]",l);if(C instanceof Error)return C}return null}return $(p)}function q(){function a(p,E,g,y,S){var v=p[E];if(!c(v)){var T=L(v);return new N("Invalid "+y+" `"+S+"` of type "+("`"+T+"` supplied to `"+g+"`, expected a single ReactElement."))}return null}return $(a)}function f(){function a(p,E,g,y,S){var v=p[E];if(!e.isValidElementType(v)){var T=L(v);return new N("Invalid "+y+" `"+S+"` of type "+("`"+T+"` supplied to `"+g+"`, expected a single ReactElement type."))}return null}return $(a)}function Y(a){function p(E,g,y,S,v){if(!(E[g]instanceof a)){var T=a.name||j,O=he(E[g]);return new N("Invalid "+S+" `"+v+"` of type "+("`"+O+"` supplied to `"+y+"`, expected ")+("instance of `"+T+"`."))}return null}return $(p)}function le(a){if(!Array.isArray(a))return process.env.NODE_ENV!=="production"&&(arguments.length>1?r("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):r("Invalid argument supplied to oneOf, expected an array.")),d;function p(E,g,y,S,v){for(var T=E[g],O=0;O<a.length;O++)if(k(T,a[O]))return null;var x=JSON.stringify(a,function(F,u){var W=B(u);return W==="symbol"?String(u):u});return new N("Invalid "+S+" `"+v+"` of value `"+String(T)+"` "+("supplied to `"+y+"`, expected one of "+x+"."))}return $(p)}function ce(a){function p(E,g,y,S,v){if(typeof a!="function")return new N("Property `"+v+"` of component `"+y+"` has invalid PropType notation inside objectOf.");var T=E[g],O=L(T);if(O!=="object")return new N("Invalid "+S+" `"+v+"` of type "+("`"+O+"` supplied to `"+y+"`, expected an object."));for(var x in T)if(o(T,x)){var C=a(T,x,y,S,v+"."+x,l);if(C instanceof Error)return C}return null}return $(p)}function fe(a){if(!Array.isArray(a))return process.env.NODE_ENV!=="production"&&r("Invalid argument supplied to oneOfType, expected an instance of array."),d;for(var p=0;p<a.length;p++){var E=a[p];if(typeof E!="function")return r("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Z(E)+" at index "+p+"."),d}function g(y,S,v,T,O){for(var x=[],C=0;C<a.length;C++){var F=a[C],u=F(y,S,v,T,O,l);if(u==null)return null;u.data&&o(u.data,"expectedType")&&x.push(u.data.expectedType)}var W=x.length>0?", expected one of type ["+x.join(", ")+"]":"";return new N("Invalid "+T+" `"+O+"` supplied to "+("`"+v+"`"+W+"."))}return $(g)}function ue(){function a(p,E,g,y,S){return H(p[E])?null:new N("Invalid "+y+" `"+S+"` supplied to "+("`"+g+"`, expected a ReactNode."))}return $(a)}function K(a,p,E,g,y){return new N((a||"React class")+": "+p+" type `"+E+"."+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+y+"`.")}function de(a){function p(E,g,y,S,v){var T=E[g],O=L(T);if(O!=="object")return new N("Invalid "+S+" `"+v+"` of type `"+O+"` "+("supplied to `"+y+"`, expected `object`."));for(var x in a){var C=a[x];if(typeof C!="function")return K(y,S,v,x,B(C));var F=C(T,x,y,S,v+"."+x,l);if(F)return F}return null}return $(p)}function pe(a){function p(E,g,y,S,v){var T=E[g],O=L(T);if(O!=="object")return new N("Invalid "+S+" `"+v+"` of type `"+O+"` "+("supplied to `"+y+"`, expected `object`."));var x=i({},E[g],a);for(var C in x){var F=a[C];if(o(a,C)&&typeof F!="function")return K(y,S,v,C,B(F));if(!F)return new N("Invalid "+S+" `"+v+"` key `"+C+"` supplied to `"+y+"`.\nBad object: "+JSON.stringify(E[g],null,"  ")+`
-Valid keys: `+JSON.stringify(Object.keys(a),null,"  "));var u=F(T,C,y,S,v+"."+C,l);if(u)return u}return null}return $(p)}function H(a){switch(typeof a){case"number":case"string":case"undefined":return!0;case"boolean":return!a;case"object":if(Array.isArray(a))return a.every(H);if(a===null||c(a))return!0;var p=m(a);if(p){var E=p.call(a),g;if(p!==a.entries){for(;!(g=E.next()).done;)if(!H(g.value))return!1}else for(;!(g=E.next()).done;){var y=g.value;if(y&&!H(y[1]))return!1}}else return!1;return!0;default:return!1}}function ye(a,p){return a==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function L(a){var p=typeof a;return Array.isArray(a)?"array":a instanceof RegExp?"object":ye(p,a)?"symbol":p}function B(a){if(typeof a>"u"||a===null)return""+a;var p=L(a);if(p==="object"){if(a instanceof Date)return"date";if(a instanceof RegExp)return"regexp"}return p}function Z(a){var p=B(a);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function he(a){return!a.constructor||!a.constructor.name?j:a.constructor.name}return I.checkPropTypes=s,I.resetWarningCache=s.resetWarningCache,I.PropTypes=I,I},oe}var ie,xe;function Je(){if(xe)return ie;xe=1;var e=ne();function i(){}function l(){}return l.resetWarningCache=i,ie=function(){function o(d,c,h,_,b,m){if(m!==e){var j=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw j.name="Invariant Violation",j}}o.isRequired=o;function s(){return o}var r={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:s,element:o,elementType:o,instanceOf:s,node:o,objectOf:s,oneOf:s,oneOfType:s,shape:s,exact:s,checkPropTypes:l,resetWarningCache:i};return r.PropTypes=r,r},ie}var Ne;function Xe(){if(Ne)return X.exports;if(Ne=1,process.env.NODE_ENV!=="production"){var e=_e(),i=!0;X.exports=He()(e.isElement,i)}else X.exports=Je()();return X.exports}var Ge=Xe();const n=be(Ge),Ae=({content:e,title:i,className:l,id:o="accordion"})=>{const s=R("rpf-accordion",l);return t.jsxs("details",{className:s,id:`${o}`,children:[t.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[i,t.jsx("span",{className:"rpf-accordion__icon"})]}),t.jsx("p",{className:"rpf-accordion__text",children:e})]})};Ae.propTypes={content:n.string.isRequired,title:n.string.isRequired,id:n.string,className:n.string};const U=({text:e,href:i,title:l,className:o,type:s="primary",variant:r="",size:d="default",icon:c="",iconOnly:h=!1,iconPosition:_="left",fullWidth:b=!1,disabled:m=!1,onClick:j=()=>{},"aria-label":I="",linkComponent:k})=>{const N=c&&h,$=R("rpf-button",{[`rpf-button--${s}`]:s,"rpf-button--danger":r==="danger","rpf-button--sm":d==="small","rpf-button--icon-only":N,"rpf-button--full-width":b,disabled:m},o);let D="rpf-button__icon";V.isValidElement(c)?(D+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):D+=" material-symbols-sharp";const z=(f,Y)=>!Y||_!==f?null:typeof Y=="string"?t.jsx("span",{className:D,children:Y}):Y,M=()=>e&&!N&&t.jsx("span",{className:"text",children:e}),q=t.jsxs(t.Fragment,{children:[z("left",c),M(),z("right",c)]});if(i){const f=k||"a",Y=k?{to:i}:{href:i,role:"button"};return t.jsx(f,{className:$,...Y,onClick:j,"aria-label":I,children:q})}return t.jsx("button",{className:$,title:l,onClick:j,disabled:m,"aria-label":I,children:q})},Ke=({title:e,text:i,titleChildren:l,children:o,type:s,actions:r,onClose:d})=>t.jsxs("div",{className:`rpf-alert rpf-alert--${s}`,children:[t.jsxs("div",{className:"rpf-alert__header",children:[t.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),l?t.jsx("div",{className:"rpf-alert__title",children:l}):e?t.jsx("p",{className:"rpf-alert__title",children:e}):null,!!d&&t.jsx("div",{className:"rpf-alert__close",children:t.jsx(U,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:d})})]}),(i||o||r)&&t.jsxs("div",{className:"rpf-alert__body",children:[i?t.jsx("p",{children:i}):o?t.jsx("div",{children:o}):null,r&&r.length>0&&t.jsx("div",{className:"rpf-alert__actions",children:r.map((c,h)=>t.jsx(U,{text:c.label,size:"small",type:"tertiary",href:c.href,onClick:c.onClick},h))})]})]}),Ze=({id:e,label:i,name:l,checked:o=!1,disabled:s=!1,error:r="",onChange:d=()=>{},value:c="",className:h=""})=>t.jsxs(t.Fragment,{children:[t.jsxs("label",{className:R("rpf-input-checkbox",{"rpf-input-checkbox--error":r,className:h}),children:[t.jsx("input",{checked:!!o,disabled:s,id:e,name:l,onChange:d,type:"checkbox",value:c}),i]}),r&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),r]})]}),je=({disabled:e=!1,errorText:i="",fullWidth:l=!1,legendText:o,legendHintText:s="",children:r})=>t.jsxs("fieldset",{className:R("rpf-fieldset",{"rpf-fieldset--disabled":e,"rpf-fieldset--full-width":l,"rpf-fieldset--error":i}),disabled:e,children:[t.jsxs("legend",{className:"rpf-label",children:[o,s.length>0?t.jsx("small",{className:"rpf-label__hint",children:s}):null]}),t.jsx("div",{className:"rpf-fieldset__inputs",children:r}),i.length>0?t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),i]}):null]});je.propTypes={disabled:n.bool,errorText:n.string,fullWidth:n.bool,legendText:n.string.isRequired,legendHintText:n.string,children:n.node};const J=({id:e,label:i,children:l,disabled:o=!1,error:s="",hint:r=""})=>t.jsxs("div",{className:"rpf-input-field",children:[(i||r)&&t.jsxs("label",{htmlFor:e,className:R("rpf-label",{"rpf-label--disabled":o}),children:[i,t.jsx("small",{className:"rpf-label__hint",children:r})]}),l,s&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),s]})]});J.propTypes={disabled:n.bool,error:n.string,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,children:n.node};const Ie=({label:e,inputFieldId:i,disabled:l=!1,hint:o=""})=>t.jsx("div",{className:"rpf-label",children:t.jsxs("label",{htmlFor:i,className:R("rpf-label",{"rpf-label--disabled":l}),children:[e,o&&t.jsx("div",{className:"rpf-label__hint",children:o})]})});Ie.propTypes={disabled:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,inputFieldId:n.string.isRequired};const qe=({id:e,label:i,name:l,checked:o=!1,disabled:s=!1,fullWidth:r=!1,onChange:d=()=>{},value:c=""})=>t.jsx(t.Fragment,{children:t.jsxs("label",{className:R("rpf-input-radio",{"rpf-input-radio--disabled":s,"rpf-input--full-width":r}),children:[t.jsx("input",{checked:!!o,disabled:s,id:e,name:l,onChange:d,type:"radio",value:c}),i]})});qe.propTypes={checked:n.bool,disabled:n.bool,fullWidth:n.bool,id:n.string.isRequired,label:n.oneOfType([n.string,n.object]).isRequired,name:n.string.isRequired,onChange:n.func,value:n.string};const Qe=({label:e,inputFieldId:i,disabled:l=!1,error:o="",hint:s="",placeholder:r="",defaultValue:d="",onClick:c=()=>{},onChange:h=()=>{}})=>t.jsx("search",{children:t.jsxs("form",{className:"rpf-input-field",onSubmit:c,children:[t.jsxs("label",{htmlFor:i,className:R("rpf-label",{"rpf-label--disabled":l}),children:[e,s&&t.jsx("small",{className:"rpf-label__hint",children:s})]}),t.jsxs("div",{className:"rpf-input-search-container",children:[t.jsx("input",{className:R("rpf-input rpf-input-search",{"rpf-input--disabled":l,"rpf-input--error":o}),disabled:l,id:i,name:"search",type:"search","aria-label":"Search",defaultValue:d,placeholder:r,onChange:h}),t.jsx("button",{type:"submit",className:R("rpf-button rpf-button-search",{"rpf-button--disabled":l,"rpf-button--error":o}),disabled:l,onClick:c,children:t.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),o&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),o]})]})}),$e=({id:e,label:i,name:l,options:o,disabled:s=!1,error:r="",fullWidth:d=!1,hint:c="",onChange:h=()=>{},placeholder:_="",value:b=""})=>t.jsx(J,{id:e,disabled:s,error:r,hint:c,label:i,children:t.jsxs("select",{className:R("rpf-input rpf-input-select",{"rpf-input--error":r,"rpf-input--full-width":d}),disabled:s,id:e,name:l,onChange:h,type:"text",value:b,children:[!b&&!!_&&t.jsx("option",{value:"",disabled:!0,children:_}),o.map(m=>t.jsx("option",{value:m.key,children:m.value},m.key))]})});$e.propTypes={disabled:n.bool,error:n.string,fullWidth:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,name:n.string.isRequired,onChange:n.func,options:n.array.isRequired,placeholder:n.string,value:n.string};const Me=({id:e,label:i,name:l,value:o,disabled:s=!1,readOnly:r=!1,error:d="",fullWidth:c=!1,hint:h="",onChange:_=()=>{}})=>t.jsx(J,{id:e,disabled:s,error:d,hint:h,label:i,children:t.jsx("textarea",{className:R("rpf-input rpf-input-textarea",{"rpf-input--error":d,"rpf-input--full-width":c,"rpf-input--disabled":s}),disabled:s,readOnly:r,id:e,name:l,onChange:_,type:"text",value:o})});Me.propTypes={disabled:n.bool,readOnly:n.bool,error:n.string,fullWidth:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,name:n.string.isRequired,onChange:n.func,value:n.string.isRequired};const ke=({id:e,label:i,name:l,value:o,disabled:s=!1,error:r="",fullWidth:d=!1,hint:c="",onChange:h=()=>{}})=>t.jsx(J,{id:e,disabled:s,error:r,hint:c,label:i,children:t.jsx("input",{className:R("rpf-input rpf-input-text",{"rpf-input--error":r,"rpf-input--full-width":d}),disabled:s,id:e,name:l,onChange:h,type:"text",value:o})});ke.propTypes={disabled:n.bool,error:n.string,fullWidth:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,name:n.string.isRequired,onChange:n.func,value:n.string.isRequired};function er(e,i){const l=V.useRef(null),o=V.useRef(null);return V.useEffect(()=>{const s=l.current;s&&(e&&!s.open?s.showModal():!e&&s.open&&s.close())},[e]),V.useEffect(()=>{const s=l.current;if(!s)return;const r=()=>i(!1),d=c=>{c.preventDefault(),i(!1)};return s.addEventListener("close",r),s.addEventListener("cancel",d),()=>{s.removeEventListener("close",r),s.removeEventListener("cancel",d)}},[i]),V.useEffect(()=>{const s=l.current,r=o.current;if(!s||!r)return;const d=c=>{e&&!r.contains(c.target)&&i(!1)};return s.addEventListener("mousedown",d),()=>s.removeEventListener("mousedown",d)},[e,i]),{dialogRef:l,contentRef:o}}const rr=({isOpen:e,setIsOpen:i,heading:l,children:o,primaryButtonLink:s,primaryButtonText:r,onClickPrimaryButton:d,secondaryButtonText:c,secondaryButtonLink:h,onClickSecondaryButton:_,tertiaryButtonText:b,tertiaryButtonLink:m,onClickTertiaryButton:j,showCloseButton:I=!0})=>{const{dialogRef:k,contentRef:N}=er(e,i);return t.jsx("dialog",{ref:k,className:"rpf-modal","aria-labelledby":"modal-heading","aria-describedby":"modal-description",children:t.jsxs("div",{ref:N,className:"rpf-modal__wrapper",children:[t.jsxs("div",{className:"rpf-modal__header",children:[t.jsx("h2",{className:"rpf-modal__title",id:"modal-heading",children:l}),I&&t.jsx(U,{icon:"close",iconOnly:!0,"aria-label":"Close modal",type:"tertiary",onClick:()=>i(!1)})]}),t.jsx("div",{id:"modal-description",className:"rpf-modal__content",tabIndex:0,children:o}),t.jsxs("div",{className:"rpf-modal__buttons",children:[t.jsx(U,{text:r,href:s,onClick:d,type:"primary"}),c&&t.jsx(U,{text:c,href:h,onClick:_,type:"secondary"}),b&&t.jsx(U,{text:b,href:m,onClick:j,type:"tertiary"})]})]})})},tr=({text:e="",percent:i,complete:l=!1,className:o})=>t.jsx("div",{className:R("rpf-progress-bar",{"rpf-progress-bar--complete":l,className:o}),children:t.jsxs("label",{className:"rpf-progress-bar__label",children:[t.jsx("span",{children:e}),t.jsx("progress",{className:"rpf-progress-bar__bar",value:i,max:"100",children:`${i}%`})]})}),Re=({children:e})=>t.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:t.jsx("div",{className:"rpf-table-cell__content",children:e})});Re.propTypes={children:n.node};const De=({sortDirection:e,children:i})=>{if(e!==void 0){const o=e==="up"?"arrow_drop_up":"arrow_drop_down";i=t.jsxs("div",{className:"rpf-table-cell__sort-header",children:[i,t.jsx("span",{className:"material-symbols-sharp",children:o})]})}const l=e!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return t.jsx("th",{className:`rpf-table-cell ${l}`,children:t.jsx("div",{className:"rpf-table-cell__content",children:i})})};De.propTypes={sortDirection:n.oneOf(["up","down"]),children:n.node};const Ye=({headerRow:e,bodyRows:i,fullWidth:l})=>t.jsx("div",{"data-testid":"table-container",className:R("rpf-table",{"rpf-table--full-width":l}),children:t.jsxs("table",{className:R("rpf-table__table",{"rpf-table__table--full-width":l}),children:[t.jsx("thead",{children:t.jsx("tr",{className:"rpf-table-row",children:e})}),t.jsx("tbody",{children:i.map((o,s)=>t.jsx("tr",{className:"rpf-table-row",children:o},s))})]})});Ye.propTypes={headerRow:n.node.isRequired,bodyRows:n.arrayOf(n.node).isRequired,fullWidth:n.bool};const nr=({text:e,variant:i,secondary:l,icon:o,iconPosition:s})=>{const r=o?t.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:o}):null;o&&!s&&(s="left");const d=i&&i!=="default"?`rpf-tag--${i}`:null;return t.jsxs("span",{className:R("rpf-tag",d,{"rpf-tag--secondary":l}),children:[s==="left"&&r,e,s==="right"&&r]})};A.Accordion=Ae,A.Alert=Ke,A.Button=U,A.CheckboxInput=Ze,A.Fieldset=je,A.InputField=J,A.InputLabel=Ie,A.Modal=rr,A.ProgressBar=tr,A.RadioInput=qe,A.SearchInput=Qe,A.SelectInput=$e,A.Table=Ye,A.TableBodyCell=Re,A.TableHeaderCell=De,A.Tag=nr,A.TextInput=ke,A.TextareaInput=Me,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
+*/var ee,_e;function Ge(){if(_e)return ee;_e=1;var r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;function s(a){if(a==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(a)}function o(){try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de",Object.getOwnPropertyNames(a)[0]==="5")return!1;for(var p={},d=0;d<10;d++)p["_"+String.fromCharCode(d)]=d;var g=Object.getOwnPropertyNames(p).map(function(m){return p[m]});if(g.join("")!=="0123456789")return!1;var _={};return"abcdefghijklmnopqrst".split("").forEach(function(m){_[m]=m}),Object.keys(Object.assign({},_)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ee=o()?Object.assign:function(a,p){for(var d,g=s(a),_,m=1;m<arguments.length;m++){d=Object(arguments[m]);for(var E in d)l.call(d,E)&&(g[E]=d[E]);if(r){_=r(d);for(var q=0;q<_.length;q++)f.call(d,_[q])&&(g[_[q]]=d[_[q]])}}return g},ee}var re,Ee;function te(){if(Ee)return re;Ee=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return re=r,re}var ne,Oe;function Se(){return Oe||(Oe=1,ne=Function.call.bind(Object.prototype.hasOwnProperty)),ne}var ae,Pe;function Ke(){if(Pe)return ae;Pe=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var l=te(),f={},s=Se();r=function(a){var p="Warning: "+a;typeof console<"u"&&console.error(p);try{throw new Error(p)}catch{}}}function o(a,p,d,g,_){if(process.env.NODE_ENV!=="production"){for(var m in a)if(s(a,m)){var E;try{if(typeof a[m]!="function"){var q=Error((g||"React class")+": "+d+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}E=a[m](p,m,g,d,null,l)}catch(M){E=M}if(E&&!(E instanceof Error)&&r((g||"React class")+": type specification of "+d+" `"+m+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof E+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),E instanceof Error&&!(E.message in f)){f[E.message]=!0;var I=_?_():"";r("Failed "+d+" type: "+E.message+(I??""))}}}}return o.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(f={})},ae=o,ae}var se,Ce;function Ze(){if(Ce)return se;Ce=1;var r=Te(),l=Ge(),f=te(),s=Se(),o=Ke(),a=function(){};process.env.NODE_ENV!=="production"&&(a=function(d){var g="Warning: "+d;typeof console<"u"&&console.error(g);try{throw new Error(g)}catch{}});function p(){return null}return se=function(d,g){var _=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function E(n){var u=n&&(_&&n[_]||n[m]);if(typeof u=="function")return u}var q="<<anonymous>>",I={array:Y("array"),bigint:Y("bigint"),bool:Y("boolean"),func:Y("function"),number:Y("number"),object:Y("object"),string:Y("string"),symbol:Y("symbol"),any:z(),arrayOf:R,element:j(),elementType:i(),instanceOf:L,node:fe(),objectOf:le,oneOf:ie,oneOfType:ce,shape:ue,exact:pe};function M(n,u){return n===u?n!==0||1/n===1/u:n!==n&&u!==u}function N(n,u){this.message=n,this.data=u&&typeof u=="object"?u:{},this.stack=""}N.prototype=Error.prototype;function $(n){if(process.env.NODE_ENV!=="production")var u={},T=0;function h(O,b,v,S,x,P,F){if(S=S||q,P=P||v,F!==f){if(g){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var W=S+":"+v;!u[W]&&T<3&&(a("You are manually calling a React.PropTypes validation function for the `"+P+"` prop on `"+S+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),u[W]=!0,T++)}}return b[v]==null?O?b[v]===null?new N("The "+x+" `"+P+"` is marked as required "+("in `"+S+"`, but its value is `null`.")):new N("The "+x+" `"+P+"` is marked as required in "+("`"+S+"`, but its value is `undefined`.")):null:n(b,v,S,x,P)}var y=h.bind(null,!1);return y.isRequired=h.bind(null,!0),y}function Y(n){function u(T,h,y,O,b,v){var S=T[h],x=D(S);if(x!==n){var P=B(S);return new N("Invalid "+O+" `"+b+"` of type "+("`"+P+"` supplied to `"+y+"`, expected ")+("`"+n+"`."),{expectedType:n})}return null}return $(u)}function z(){return $(p)}function R(n){function u(T,h,y,O,b){if(typeof n!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside arrayOf.");var v=T[h];if(!Array.isArray(v)){var S=D(v);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an array."))}for(var x=0;x<v.length;x++){var P=n(v,x,y,O,b+"["+x+"]",f);if(P instanceof Error)return P}return null}return $(u)}function j(){function n(u,T,h,y,O){var b=u[T];if(!d(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement."))}return null}return $(n)}function i(){function n(u,T,h,y,O){var b=u[T];if(!r.isValidElementType(b)){var v=D(b);return new N("Invalid "+y+" `"+O+"` of type "+("`"+v+"` supplied to `"+h+"`, expected a single ReactElement type."))}return null}return $(n)}function L(n){function u(T,h,y,O,b){if(!(T[h]instanceof n)){var v=n.name||q,S=ye(T[h]);return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected ")+("instance of `"+v+"`."))}return null}return $(u)}function ie(n){if(!Array.isArray(n))return process.env.NODE_ENV!=="production"&&(arguments.length>1?a("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):a("Invalid argument supplied to oneOf, expected an array.")),p;function u(T,h,y,O,b){for(var v=T[h],S=0;S<n.length;S++)if(M(v,n[S]))return null;var x=JSON.stringify(n,function(F,c){var W=B(c);return W==="symbol"?String(c):c});return new N("Invalid "+O+" `"+b+"` of value `"+String(v)+"` "+("supplied to `"+y+"`, expected one of "+x+"."))}return $(u)}function le(n){function u(T,h,y,O,b){if(typeof n!="function")return new N("Property `"+b+"` of component `"+y+"` has invalid PropType notation inside objectOf.");var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type "+("`"+S+"` supplied to `"+y+"`, expected an object."));for(var x in v)if(s(v,x)){var P=n(v,x,y,O,b+"."+x,f);if(P instanceof Error)return P}return null}return $(u)}function ce(n){if(!Array.isArray(n))return process.env.NODE_ENV!=="production"&&a("Invalid argument supplied to oneOfType, expected an instance of array."),p;for(var u=0;u<n.length;u++){var T=n[u];if(typeof T!="function")return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+K(T)+" at index "+u+"."),p}function h(y,O,b,v,S){for(var x=[],P=0;P<n.length;P++){var F=n[P],c=F(y,O,b,v,S,f);if(c==null)return null;c.data&&s(c.data,"expectedType")&&x.push(c.data.expectedType)}var W=x.length>0?", expected one of type ["+x.join(", ")+"]":"";return new N("Invalid "+v+" `"+S+"` supplied to "+("`"+b+"`"+W+"."))}return $(h)}function fe(){function n(u,T,h,y,O){return U(u[T])?null:new N("Invalid "+y+" `"+O+"` supplied to "+("`"+h+"`, expected a ReactNode."))}return $(n)}function G(n,u,T,h,y){return new N((n||"React class")+": "+u+" type `"+T+"."+h+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+y+"`.")}function ue(n){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));for(var x in n){var P=n[x];if(typeof P!="function")return G(y,O,b,x,B(P));var F=P(v,x,y,O,b+"."+x,f);if(F)return F}return null}return $(u)}function pe(n){function u(T,h,y,O,b){var v=T[h],S=D(v);if(S!=="object")return new N("Invalid "+O+" `"+b+"` of type `"+S+"` "+("supplied to `"+y+"`, expected `object`."));var x=l({},T[h],n);for(var P in x){var F=n[P];if(s(n,P)&&typeof F!="function")return G(y,O,b,P,B(F));if(!F)return new N("Invalid "+O+" `"+b+"` key `"+P+"` supplied to `"+y+"`.\nBad object: "+JSON.stringify(T[h],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(n),null,"  "));var c=F(v,P,y,O,b+"."+P,f);if(c)return c}return null}return $(u)}function U(n){switch(typeof n){case"number":case"string":case"undefined":return!0;case"boolean":return!n;case"object":if(Array.isArray(n))return n.every(U);if(n===null||d(n))return!0;var u=E(n);if(u){var T=u.call(n),h;if(u!==n.entries){for(;!(h=T.next()).done;)if(!U(h.value))return!1}else for(;!(h=T.next()).done;){var y=h.value;if(y&&!U(y[1]))return!1}}else return!1;return!0;default:return!1}}function de(n,u){return n==="symbol"?!0:u?u["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&u instanceof Symbol:!1}function D(n){var u=typeof n;return Array.isArray(n)?"array":n instanceof RegExp?"object":de(u,n)?"symbol":u}function B(n){if(typeof n>"u"||n===null)return""+n;var u=D(n);if(u==="object"){if(n instanceof Date)return"date";if(n instanceof RegExp)return"regexp"}return u}function K(n){var u=B(n);switch(u){case"array":case"object":return"an "+u;case"boolean":case"date":case"regexp":return"a "+u;default:return u}}function ye(n){return!n.constructor||!n.constructor.name?q:n.constructor.name}return I.checkPropTypes=o,I.resetWarningCache=o.resetWarningCache,I.PropTypes=I,I},se}var oe,we;function Qe(){if(we)return oe;we=1;var r=te();function l(){}function f(){}return f.resetWarningCache=l,oe=function(){function s(p,d,g,_,m,E){if(E!==r){var q=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw q.name="Invariant Violation",q}}s.isRequired=s;function o(){return s}var a={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:o,element:s,elementType:s,instanceOf:o,node:s,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:f,resetWarningCache:l};return a.PropTypes=a,a},oe}var xe;function er(){if(xe)return H.exports;if(xe=1,process.env.NODE_ENV!=="production"){var r=Te(),l=!0;H.exports=Ze()(r.isElement,l)}else H.exports=Qe()();return H.exports}var rr=er();const e=be(rr),Ne=({content:r,title:l,className:f,id:s="accordion"})=>{const o=k("rpf-accordion",f);return t.jsxs("details",{className:o,id:`${s}`,children:[t.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[l,t.jsx("span",{className:"rpf-accordion__icon"})]}),t.jsx("p",{className:"rpf-accordion__text",children:r})]})};Ne.propTypes={content:e.string.isRequired,title:e.string.isRequired,id:e.string,className:e.string};const X=({text:r,href:l,title:f,className:s,type:o="primary",variant:a="",size:p="default",icon:d="",iconOnly:g=!1,iconPosition:_="left",fullWidth:m=!1,disabled:E=!1,onClick:q=()=>{},"aria-label":I="",linkComponent:M})=>{const N=d&&g,$=k("rpf-button",{[`rpf-button--${o}`]:o,"rpf-button--danger":a==="danger","rpf-button--sm":p==="small","rpf-button--icon-only":N,"rpf-button--full-width":m,disabled:E},s);let Y="rpf-button__icon";Ue.isValidElement(d)?(Y+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):Y+=" material-symbols-sharp";const z=i=>d&&_===i&&t.jsx("span",{className:Y,children:d}),R=()=>r&&!N&&t.jsx("span",{className:"text",children:r}),j=t.jsxs(t.Fragment,{children:[z("left"),R(),z("right")]});if(l){const i=M||"a",L=M?{to:l}:{href:l,role:"button"};return t.jsx(i,{className:$,...L,onClick:q,"aria-label":I,children:j})}return t.jsx("button",{className:$,title:f,onClick:q,disabled:E,"aria-label":I,children:j})};X.propTypes={type:e.string,className:e.string,disabled:e.bool,icon:e.oneOfType([e.string,e.element]),href:e.string,onClick:e.func,text:e.string,iconOnly:e.bool,title:e.string,iconPosition:e.oneOf(["left","right"]),size:e.oneOf(["default","small"]),"aria-label":e.string,fullWidth:e.bool,variant:e.string,linkComponent:e.elementType};const Ae=({title:r,text:l,children:f,type:s,actions:o,onClose:a})=>t.jsxs("div",{className:`rpf-alert rpf-alert--${s}`,children:[t.jsxs("div",{className:"rpf-alert__header",children:[t.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),t.jsx("p",{className:"rpf-alert__title",children:r}),!!a&&t.jsx("div",{className:"rpf-alert__close",children:t.jsx(X,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:a})})]}),(l||f||o)&&t.jsxs("div",{className:"rpf-alert__body",children:[!f&&l&&t.jsx("p",{children:l}),f&&t.jsx("div",{children:f}),o&&o.length>0&&t.jsx("div",{className:"rpf-alert__actions",children:o.map(p=>t.jsx(X,{text:p.label,size:"small",type:"tertiary",href:p.href,onClick:p.onClick},p.key||p.label))})]})]});Ae.propTypes={title:e.string,text:e.string,type:e.oneOf(["error","warning","information","success"]),actions:e.arrayOf(e.shape({href:e.string,label:e.string,onClick:e.func})),children:e.node,onClose:e.func};const qe=({id:r,label:l,name:f,checked:s=!1,disabled:o=!1,error:a="",onChange:p=()=>{},value:d="",className:g=""})=>t.jsxs(t.Fragment,{children:[t.jsxs("label",{className:k("rpf-input-checkbox",{"rpf-input-checkbox--error":a,className:g}),children:[t.jsx("span",{children:t.jsx("input",{checked:!!s,disabled:o,id:r,name:f,onChange:p,type:"checkbox",value:d})}),t.jsx("span",{className:"checkmark"}),l]}),a&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),a]})]});qe.propTypes={checked:e.bool,disabled:e.bool,error:e.string,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string,className:e.string};const Ie=({disabled:r=!1,errorText:l="",fullWidth:f=!1,legendText:s,legendHintText:o="",children:a})=>t.jsxs("fieldset",{className:k("rpf-fieldset",{"rpf-fieldset--disabled":r,"rpf-fieldset--full-width":f,"rpf-fieldset--error":l}),disabled:r,children:[t.jsxs("legend",{className:"rpf-label",children:[s,o.length>0?t.jsx("small",{className:"rpf-label__hint",children:o}):null]}),t.jsx("div",{className:"rpf-fieldset__inputs",children:a}),l.length>0?t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),l]}):null]});Ie.propTypes={disabled:e.bool,errorText:e.string,fullWidth:e.bool,legendText:e.string.isRequired,legendHintText:e.string,children:e.node};const V=({id:r,label:l,children:f,disabled:s=!1,error:o="",hint:a=""})=>t.jsxs("div",{className:"rpf-input-field",children:[(l||a)&&t.jsxs("label",{htmlFor:r,className:k("rpf-label",{"rpf-label--disabled":s}),children:[l,t.jsx("small",{className:"rpf-label__hint",children:a})]}),f,o&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),o]})]});V.propTypes={disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,children:e.node};const je=({label:r,inputFieldId:l,disabled:f=!1,hint:s=""})=>t.jsx("div",{className:"rpf-label",children:t.jsxs("label",{htmlFor:l,className:k("rpf-label",{"rpf-label--disabled":f}),children:[r,s&&t.jsx("div",{className:"rpf-label__hint",children:s})]})});je.propTypes={disabled:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,inputFieldId:e.string.isRequired};const $e=({text:r="",percent:l})=>t.jsx("div",{className:"rpf-progress-bar",children:t.jsxs("label",{className:"rpf-progress-bar__label",children:[t.jsx("span",{children:r}),t.jsx("progress",{className:"rpf-progress-bar__bar",value:l,max:"100",children:`${l}%`})]})});$e.propTypes={text:e.string,percent:e.number.isRequired};const Re=({id:r,label:l,name:f,checked:s=!1,disabled:o=!1,fullWidth:a=!1,onChange:p=()=>{},value:d=""})=>t.jsx(t.Fragment,{children:t.jsxs("label",{className:k("rpf-input-radio",{"rpf-input-radio--disabled":o,"rpf-input--full-width":a}),children:[t.jsx("input",{checked:!!s,disabled:o,id:r,name:f,onChange:p,type:"radio",value:d}),l]})});Re.propTypes={checked:e.bool,disabled:e.bool,fullWidth:e.bool,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string};const ke=({label:r,inputFieldId:l,disabled:f=!1,error:s="",hint:o="",placeholder:a="",defaultValue:p="",onClick:d=()=>{},onChange:g=_=>{}})=>t.jsxs("div",{className:"rpf-input-field",children:[t.jsxs("label",{htmlFor:l,className:k("rpf-label",{"rpf-label--disabled":f}),children:[r,o&&t.jsx("small",{className:"rpf-label__hint",children:o})]}),t.jsxs("div",{className:"rpf-input-search-container",children:[t.jsx("input",{className:k("rpf-input rpf-input-search",{"rpf-input--disabled":f,"rpf-input--error":s}),disabled:f,id:l,name:"search",type:"search","aria-label":"Search",defaultValue:p,placeholder:a,onChange:g}),t.jsx("button",{type:"button",className:k("rpf-button rpf-button-search",{"rpf-button--disabled":f,"rpf-button--error":s}),disabled:f,onClick:d,children:t.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),s&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),s]})]});ke.propTypes={disabled:e.bool,error:e.string,hint:e.string,inputFieldId:e.string.isRequired,label:e.string.isRequired,onClick:e.func,onChange:e.func,placeholder:e.string,defaultValue:e.string};const Me=({id:r,label:l,name:f,options:s,disabled:o=!1,error:a="",fullWidth:p=!1,hint:d="",onChange:g=()=>{},placeholder:_="",value:m=""})=>t.jsx(V,{id:r,disabled:o,error:a,hint:d,label:l,children:t.jsxs("select",{className:k("rpf-input rpf-input-select",{"rpf-input--error":a,"rpf-input--full-width":p}),disabled:o,id:r,name:f,onChange:g,type:"text",value:m,children:[!m&&!!_&&t.jsx("option",{value:"",disabled:!0,children:_}),s.map(E=>t.jsx("option",{value:E.key,children:E.value},E.key))]})});Me.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,options:e.array.isRequired,placeholder:e.string,value:e.string};const Ye=({headerRow:r,bodyRows:l,fullWidth:f})=>t.jsx("div",{"data-testid":"table-container",className:k("rpf-table",{"rpf-table--full-width":f}),children:t.jsxs("table",{className:k("rpf-table__table",{"rpf-table__table--full-width":f}),children:[t.jsx("thead",{children:t.jsx("tr",{className:"rpf-table-row",children:r})}),t.jsx("tbody",{children:l.map((s,o)=>t.jsx("tr",{className:"rpf-table-row",children:s},o))})]})});Ye.propTypes={headerRow:e.node.isRequired,bodyRows:e.arrayOf(e.node).isRequired,fullWidth:e.bool};const Fe=({children:r})=>t.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:t.jsx("div",{className:"rpf-table-cell__content",children:r})});Fe.propTypes={children:e.node};const De=({sortDirection:r,children:l})=>{if(r!==void 0){const s=r==="up"?"arrow_drop_up":"arrow_drop_down";l=t.jsxs("div",{className:"rpf-table-cell__sort-header",children:[l,t.jsx("span",{className:"material-symbols-sharp",children:s})]})}const f=r!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return t.jsx("th",{className:`rpf-table-cell ${f}`,children:t.jsx("div",{className:"rpf-table-cell__content",children:l})})};De.propTypes={sortDirection:e.oneOf(["up","down"]),children:e.node};const We=({text:r,variant:l,secondary:f,icon:s,iconPosition:o})=>(s&&(s=t.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:s})),s&&!o&&(o="left"),l&&l!=="default"?l=`rpf-tag--${l}`:l=null,t.jsxs("span",{className:k("rpf-tag",l,{"rpf-tag--secondary":f}),children:[o==="left"&&s,r,o==="right"&&s]}));We.propTypes={text:e.string.isRequired,variant:e.oneOf(["default","information","success","warning","error"]),secondary:e.bool,icon:e.string,iconPosition:e.oneOf(["left","right"])};const Le=({id:r,label:l,name:f,value:s,disabled:o=!1,readOnly:a=!1,error:p="",fullWidth:d=!1,hint:g="",onChange:_=()=>{}})=>t.jsx(V,{id:r,disabled:o,error:p,hint:g,label:l,children:t.jsx("textarea",{className:k("rpf-input rpf-input-textarea",{"rpf-input--error":p,"rpf-input--full-width":d,"rpf-input--disabled":o}),disabled:o,readOnly:a,id:r,name:f,onChange:_,type:"text",value:s})});Le.propTypes={disabled:e.bool,readOnly:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired};const ze=({id:r,label:l,name:f,value:s,disabled:o=!1,error:a="",fullWidth:p=!1,hint:d="",onChange:g=()=>{}})=>t.jsx(V,{id:r,disabled:o,error:a,hint:d,label:l,children:t.jsx("input",{className:k("rpf-input rpf-input-text",{"rpf-input--error":a,"rpf-input--full-width":p}),disabled:o,id:r,name:f,onChange:g,type:"text",value:s})});ze.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired},A.Accordion=Ne,A.Alert=Ae,A.Button=X,A.CheckboxInput=qe,A.Fieldset=Ie,A.InputField=V,A.InputLabel=je,A.ProgressBar=$e,A.RadioInput=Re,A.SearchInput=ke,A.SelectInput=Me,A.Table=Ye,A.TableBodyCell=Fe,A.TableHeaderCell=De,A.Tag=We,A.TextInput=ze,A.TextareaInput=Le,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});

package/dist/scss/components/alert.scss

@@ -10,26 +10,8 @@
 
 :root,
 :host {
-  --rpf-alert-body-font-size: var(--font-size-1);
-  --rpf-alert-body-line-height: var(--font-size-1-5);
-  --rpf-alert-title-font-size: var(--font-size-1);
-  --rpf-alert-title-line-height: var(--font-size-1-5);
-
-  --rpf-alert-information-background-color: var(--rpf-alert-information-highlight);
-  --rpf-alert-information-accent-color: var(--rpf-alert-information);
-  --rpf-alert-information-icon: 'info';
-
-  --rpf-alert-error-background-color: var(--rpf-alert-error-highlight);
-  --rpf-alert-error-accent-color: var(--rpf-alert-error);
-  --rpf-alert-error-icon: 'error_outline';
-
-  --rpf-alert-warning-background-color: var(--rpf-alert-warning-highlight);
-  --rpf-alert-warning-accent-color: var(--rpf-alert-warning);
-  --rpf-alert-warning-icon: 'warning_amber';
-
-  --rpf-alert-success-background-color: var(--rpf-alert-success-highlight);
-  --rpf-alert-success-accent-color: var(--rpf-alert-success);
-  --rpf-alert-success-icon: 'check_circle';
+  --rpf-alert-background-color: var(--rpf-alert-information-highlight);
+  --rpf-alert-color: var(--rpf-alert-information);
 }
 
 .rpf-alert {
@@ -64,13 +46,12 @@
   }
 
   &__body {
+    @include typography.style-1;
+
     align-self: stretch;
     display: flex;
     flex-direction: column;
-    font-size: var(--rpf-alert-body-font-size);
-    font-weight: var(--font-weight-regular);
     gap: var(--space-2);
-    line-height: var(--rpf-alert-body-line-height);
     padding-block-end: var(--space-2);
     padding-inline: var(--space-2);
     text-align: start;
@@ -82,10 +63,9 @@
   }
 
   &__title {
-    font-size: var(--rpf-alert-title-font-size);
-    font-weight: var(--font-weight-bold);
+    @include typography.style-1(bold);
+
     inline-size: 100%;
-    line-height: var(--rpf-alert-title-line-height);
     margin-block: var(--space-2);
     margin-inline: 0;
     text-align: start;
@@ -117,38 +97,35 @@
   }
 
   &--error {
-    --rpf-alert-background-color: var(--rpf-alert-error-background-color);
-    --rpf-alert-color: var(--rpf-alert-error-accent-color);
+    --rpf-alert-background-color: var(--rpf-alert-error-highlight);
+    --rpf-alert-color: var(--rpf-alert-error);
 
     .rpf-alert__icon::after {
-      content: var(--rpf-alert-error-icon);
+      content: 'error_outline';
     }
   }
 
   &--information {
-    --rpf-alert-background-color: var(--rpf-alert-information-background-color);
-    --rpf-alert-color: var(--rpf-alert-information-accent-color);
-
     .rpf-alert__icon::after {
-      content: var(--rpf-alert-information-icon);
+      content: 'info';
     }
   }
 
   &--warning {
-    --rpf-alert-background-color: var(--rpf-alert-warning-background-color);
-    --rpf-alert-color: var(--rpf-alert-warning-accent-color);
+    --rpf-alert-background-color: var(--rpf-alert-warning-highlight);
+    --rpf-alert-color: var(--rpf-alert-warning);
 
     .rpf-alert__icon::after {
-      content: var(--rpf-alert-warning-icon);
+      content: 'warning_amber';
     }
   }
 
   &--success {
-    --rpf-alert-background-color: var(--rpf-alert-success-background-color);
-    --rpf-alert-color: var(--rpf-alert-success-accent-color);
+    --rpf-alert-background-color: var(--rpf-alert-success-highlight);
+    --rpf-alert-color: var(--rpf-alert-success);
 
     .rpf-alert__icon::after {
-      content: var(--rpf-alert-success-icon);
+      content: 'check_circle';
     }
   }
 }

package/dist/scss/components/forms/error-message.scss

@@ -12,7 +12,6 @@
   color: var(--rpf-message-text-color);
   display: flex;
   font-weight: var(--font-weight-bold);
-  max-width: 50ch;
   padding-block: var(--space-1);
 
   &__icon {

package/dist/scss/components/forms/fieldset.scss

@@ -11,6 +11,12 @@
   margin-block-end: var(--space-3);
   max-inline-size: fit-content;
 
+  legend {
+    background-color: var(--rpf-input-background-color);
+    color: var(--rpf-input-color);
+    inline-size: 100%;
+  }
+
   &--full-width,
   &--full-width &__inputs * {
     max-inline-size: none;
@@ -20,19 +26,17 @@
     margin-block-end: 0;
   }
 
-  //Adds error style to all checkbox and radio within fieldset
-  &--error {
-    .rpf-input-checkbox,
-    .rpf-input-radio {
-      --rpf-input-border-colour: var(--rpf-input-color-error);
-
-      input[type='checkbox']:checked {
-        background-color: var(--rpf-input-color-error);
-      }
+  &--error &__inputs {
+    border-color: var(--rpf-input-color-error);
+    border-radius: var(--border-radius);
+    border-style: solid;
+    border-width: var(--fieldset-border-width);
+  }
 
-      input[type='radio']:checked {
-        background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>');
-      }
-    }
+  &--disabled &__inputs,
+  &:disabled &__inputs {
+    background-color: var(--rpf-input-background-color-disabled);
+    border-radius: var(--border-radius);
+    color: var(--rpf-input-color);
   }
 }

package/dist/scss/components/forms/input-checkbox.scss

@@ -4,24 +4,25 @@
 .rpf-input-checkbox {
   --rpf-input-checkbox-hit-target: var(--min-target-size);
   --rpf-input-checkbox-size: var(--space-3);
-  --rpf-input-border-colour: var(--rpf-grey-850);
 
   align-items: center;
   border-radius: var(--space-1);
   box-sizing: border-box;
   display: flex;
   gap: var(--space-1-5);
+  margin-block-end: var(--space-1);
   max-width: 50ch;
   min-height: var(--rpf-input-checkbox-hit-target);
   min-width: 240px;
   padding-block: calc((var(--rpf-input-checkbox-hit-target) - var(--rpf-input-checkbox-size)) / 2);
+  padding-inline: var(--space-1);
   width: 100%;
 
   input[type='checkbox'] {
     align-self: flex-start;
     appearance: none;
     background: var(--rpf-white);
-    border: var(--space-0-25) solid var(--rpf-input-border-colour);
+    border: var(--space-0-25) solid var(--rpf-grey-850);
     border-radius: var(--space-0-5);
     flex-shrink: 0;
     height: var(--rpf-input-checkbox-size);
@@ -34,8 +35,7 @@
     }
 
     &:disabled {
-      border-color: var(--rpf-input-background-color-disabled);
-      background-color: var(--rpf-input-background-color-disabled);
+      border-color: var(--rpf-grey-600);
 
       &:checked {
         background-color: var(--rpf-grey-600);
@@ -43,26 +43,20 @@
     }
   }
 
-  &--error {
-    input[type='checkbox'] {
-      border-color: var(--rpf-input-color-error);
-    }
-    input[type='checkbox']:checked {
-      background-color: var(--rpf-input-color-error);
-    }
-  }
-
   &.rpf-input--full-width {
     max-width: none;
   }
 
-  &:has(> input[type='checkbox']:disabled),
-  &--disabled {
-    color: var(--rpf-label-text-color-disabled);
+  &:has(> input[type='checkbox']:disabled), &--disabled {
+    background-color: var(--rpf-input-background-color-disabled);
+    color: var(--rpf-grey-400);
   }
 
-  input[type='checkbox']:focus-visible {
+  &:has(> input[type='checkbox']:focus-visible) {
     outline: 3px solid var(--rpf-input-outline-color);
-    outline-offset: 0;
+
+    > input[type='checkbox']:focus-visible {
+      outline: none;
+    }
   }
 }

package/dist/scss/components/forms/input-label.scss

@@ -4,8 +4,7 @@
 @forward '../../properties/spacing';
 @forward '../../properties/line-height';
 
-:root,
-:host {
+:root, :host {
   --rpf-label-hint-color: var(--rpf-text-secondary);
   --rpf-label-text-color: var(--rpf-text-primary);
   --rpf-label-text-color-disabled: var(--rpf-grey-500);

package/dist/scss/components/forms/input-radio.scss

@@ -4,24 +4,25 @@
 .rpf-input-radio {
   --rpf-input-radio-hit-target: var(--min-target-size);
   --rpf-input-radio-size: var(--space-3);
-  --rpf-input-border-colour: var(--rpf-grey-850);
 
   align-items: center;
   border-radius: var(--space-1);
   box-sizing: border-box;
   display: flex;
   gap: var(--space-1-5);
+  margin-block-end: var(--space-1);
   max-width: 50ch;
   min-height: var(--rpf-input-radio-hit-target);
   min-width: 240px;
   padding-block: calc((var(--rpf-input-radio-hit-target) - var(--rpf-input-radio-size)) / 2);
+  padding-inline: var(--space-1);
   width: 100%;
 
   input[type='radio'] {
     align-self: flex-start;
     appearance: none;
     background: var(--rpf-white);
-    border: var(--space-0-25) solid var(--rpf-input-border-colour);
+    border: var(--space-0-25) solid var(--rpf-grey-850);
     border-radius: var(--rpf-input-radio-size);
     flex-shrink: 0;
     height: var(--rpf-input-radio-size);
@@ -35,8 +36,7 @@
     }
 
     &:disabled {
-      border-color: var(--rpf-input-background-color-disabled);
-      background-color: var(--rpf-input-background-color-disabled);
+      border-color: var(--rpf-grey-400);
 
       &:checked {
         background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(229, 8%, 61%, 1)"/></svg>');
@@ -44,25 +44,20 @@
     }
   }
 
-  &--error {
-    input[type='radio'] {
-      border-color: var(--rpf-input-color-error);
-    }
-    input[type='radio']:checked {
-      background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" rx="6" fill="hsla(0, 88%, 33%, 1)"/></svg>');
-    }
-  }
   &.rpf-input--full-width {
     max-width: none;
   }
 
-  &:has(> input[type='radio']:disabled),
-  &--disabled {
-    color: var(--rpf-label-text-color-disabled);
+  &:has(> input[type='radio']:disabled), &--disabled {
+    background-color: var(--rpf-input-background-color-disabled);
+    color: var(--rpf-grey-400)
   }
 
-  input[type='radio']:focus-visible {
+  &:has(> input[type='radio']:focus-visible) {
     outline: 3px solid var(--rpf-input-outline-color);
-    outline-offset: 0;
+
+    > input[type='radio']:focus-visible {
+      outline: none;
+    }
   }
 }

package/dist/scss/components/forms/input-search.scss

@@ -22,10 +22,7 @@
 
   .rpf-button {
     flex-shrink: 0;
-    border-end-end-radius: var(--border-radius);
-    border-end-start-radius: 0;
-    border-start-end-radius: var(--border-radius);
-    border-start-start-radius: 0;
+    border-radius: 0 var(--border-radius) var(--border-radius) 0;
     box-sizing: border-box;
     justify-content: center;
     max-width: var(--space-6);
@@ -33,10 +30,7 @@
     // Override default rpf-button border styles
     &::before {
       border: var(--input-border-width) solid var(--rpf-input-color);
-      border-end-end-radius: var(--border-radius);
-      border-end-start-radius: 0;
-      border-start-end-radius: var(--border-radius);
-      border-start-start-radius: 0;
+      border-radius: 0 var(--border-radius) var(--border-radius) 0;
     }
 
     // Override default rpf-button disabled styles