@emporix/component-library 1.3.3 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +89 -1
- package/dist/components/dropdown/Dropdown.d.ts +31 -1
- package/dist/components/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/input/InputText.d.ts +37 -0
- package/dist/components/input/InputText.d.ts.map +1 -0
- package/dist/components/selectbutton/SelectButton.d.ts +63 -0
- package/dist/components/selectbutton/SelectButton.d.ts.map +1 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +866 -643
- package/dist/index.umd.js +10 -10
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(M,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(M=typeof globalThis<"u"?globalThis:M||self,m(M.EmporixComponentLibrary={},M.React))})(this,(function(M,m){"use strict";var Ce={exports:{}},be={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var Me;function ft(){if(Me)return be;Me=1;var t=m,n=Symbol.for("react.element"),a=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,f=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function b(O,u,_){var j,D={},B=null,H=null;_!==void 0&&(B=""+_),u.key!==void 0&&(B=""+u.key),u.ref!==void 0&&(H=u.ref);for(j in u)s.call(u,j)&&!h.hasOwnProperty(j)&&(D[j]=u[j]);if(O&&O.defaultProps)for(j in u=O.defaultProps,u)D[j]===void 0&&(D[j]=u[j]);return{$$typeof:n,type:O,key:B,ref:H,props:D,_owner:f.current}}return be.Fragment=a,be.jsx=b,be.jsxs=b,be}var ge={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var Ye;function dt(){return Ye||(Ye=1,process.env.NODE_ENV!=="production"&&(function(){var t=m,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),O=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),_=Symbol.for("react.suspense"),j=Symbol.for("react.suspense_list"),D=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),H=Symbol.for("react.offscreen"),K=Symbol.iterator,S="@@iterator";function I(e){if(e===null||typeof e!="object")return null;var r=K&&e[K]||e[S];return typeof r=="function"?r:null}var R=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function d(e){{for(var r=arguments.length,i=new Array(r>1?r-1:0),l=1;l<r;l++)i[l-1]=arguments[l];$("error",e,i)}}function $(e,r,i){{var l=R.ReactDebugCurrentFrame,g=l.getStackAddendum();g!==""&&(r+="%s",i=i.concat([g]));var C=i.map(function(v){return String(v)});C.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,C)}}var W=!1,w=!1,ee=!1,Y=!1,Se=!1,me;me=Symbol.for("react.module.reference");function Pe(e){return!!(typeof e=="string"||typeof e=="function"||e===s||e===h||Se||e===f||e===_||e===j||Y||e===H||W||w||ee||typeof e=="object"&&e!==null&&(e.$$typeof===B||e.$$typeof===D||e.$$typeof===b||e.$$typeof===O||e.$$typeof===u||e.$$typeof===me||e.getModuleId!==void 0))}function se(e,r,i){var l=e.displayName;if(l)return l;var g=r.displayName||r.name||"";return g!==""?i+"("+g+")":i}function X(e){return e.displayName||"Context"}function V(e){if(e==null)return null;if(typeof e.tag=="number"&&d("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case s:return"Fragment";case a:return"Portal";case h:return"Profiler";case f:return"StrictMode";case _:return"Suspense";case j:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case O:var r=e;return X(r)+".Consumer";case b:var i=e;return X(i._context)+".Provider";case u:return se(e,e.render,"ForwardRef");case D:var l=e.displayName||null;return l!==null?l:V(e.type)||"Memo";case B:{var g=e,C=g._payload,v=g._init;try{return V(v(C))}catch{return null}}}return null}var N=Object.assign,Z=0,Re,he,Te,xe,le,Ie,A;function ue(){}ue.__reactDisabledLog=!0;function Ne(){{if(Z===0){Re=console.log,he=console.info,Te=console.warn,xe=console.error,le=console.group,Ie=console.groupCollapsed,A=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ue,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Z++}}function ke(){{if(Z--,Z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:Re}),info:N({},e,{value:he}),warn:N({},e,{value:Te}),error:N({},e,{value:xe}),group:N({},e,{value:le}),groupCollapsed:N({},e,{value:Ie}),groupEnd:N({},e,{value:A})})}Z<0&&d("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ae=R.ReactCurrentDispatcher,ce;function fe(e,r,i){{if(ce===void 0)try{throw Error()}catch(g){var l=g.stack.trim().match(/\n( *(at )?)/);ce=l&&l[1]||""}return`
|
|
18
|
+
`+ce+e}}var je=!1,de;{var pe=typeof WeakMap=="function"?WeakMap:Map;de=new pe}function ve(e,r){if(!e||je)return"";{var i=de.get(e);if(i!==void 0)return i}var l;je=!0;var g=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var C;C=ae.current,ae.current=null,Ne();try{if(r){var v=function(){throw Error()};if(Object.defineProperty(v.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(v,[])}catch(L){l=L}Reflect.construct(e,[],v)}else{try{v.call()}catch(L){l=L}e.call(v.prototype)}}else{try{throw Error()}catch(L){l=L}e()}}catch(L){if(L&&l&&typeof L.stack=="string"){for(var c=L.stack.split(`
|
|
19
|
+
`),F=l.stack.split(`
|
|
20
|
+
`),T=c.length-1,k=F.length-1;T>=1&&k>=0&&c[T]!==F[k];)k--;for(;T>=1&&k>=0;T--,k--)if(c[T]!==F[k]){if(T!==1||k!==1)do if(T--,k--,k<0||c[T]!==F[k]){var z=`
|
|
21
|
+
`+c[T].replace(" at new "," at ");return e.displayName&&z.includes("<anonymous>")&&(z=z.replace("<anonymous>",e.displayName)),typeof e=="function"&&de.set(e,z),z}while(T>=1&&k>=0);break}}}finally{je=!1,ae.current=C,ke(),Error.prepareStackTrace=g}var ye=e?e.displayName||e.name:"",ie=ye?fe(ye):"";return typeof e=="function"&&de.set(e,ie),ie}function o(e,r,i){return ve(e,!1)}function y(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function x(e,r,i){if(e==null)return"";if(typeof e=="function")return ve(e,y(e));if(typeof e=="string")return fe(e);switch(e){case _:return fe("Suspense");case j:return fe("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case u:return o(e.render);case D:return x(e.type,r,i);case B:{var l=e,g=l._payload,C=l._init;try{return x(C(g),r,i)}catch{}}}return""}var E=Object.prototype.hasOwnProperty,J={},Q=R.ReactDebugCurrentFrame;function q(e){if(e){var r=e._owner,i=x(e.type,e._source,r?r.type:null);Q.setExtraStackFrame(i)}else Q.setExtraStackFrame(null)}function $e(e,r,i,l,g){{var C=Function.call.bind(E);for(var v in e)if(C(e,v)){var c=void 0;try{if(typeof e[v]!="function"){var F=Error((l||"React class")+": "+i+" type `"+v+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[v]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw F.name="Invariant Violation",F}c=e[v](r,v,l,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(T){c=T}c&&!(c instanceof Error)&&(q(g),d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",l||"React class",i,v,typeof c),q(null)),c instanceof Error&&!(c.message in J)&&(J[c.message]=!0,q(g),d("Failed %s type: %s",i,c.message),q(null))}}}var Fe=Array.isArray;function Ae(e){return Fe(e)}function kt(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,i=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function Dt(e){try{return Qe(e),!1}catch{return!0}}function Qe(e){return""+e}function et(e){if(Dt(e))return d("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",kt(e)),Qe(e)}var tt=R.ReactCurrentOwner,Bt={key:!0,ref:!0,__self:!0,__source:!0},rt,nt;function It(e){if(E.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Nt(e){if(E.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function $t(e,r){typeof e.ref=="string"&&tt.current}function Ft(e,r){{var i=function(){rt||(rt=!0,d("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function At(e,r){{var i=function(){nt||(nt=!0,d("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var Lt=function(e,r,i,l,g,C,v){var c={$$typeof:n,type:e,key:r,ref:i,props:v,_owner:C};return c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:g}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function Wt(e,r,i,l,g){{var C,v={},c=null,F=null;i!==void 0&&(et(i),c=""+i),Nt(r)&&(et(r.key),c=""+r.key),It(r)&&(F=r.ref,$t(r,g));for(C in r)E.call(r,C)&&!Bt.hasOwnProperty(C)&&(v[C]=r[C]);if(e&&e.defaultProps){var T=e.defaultProps;for(C in T)v[C]===void 0&&(v[C]=T[C])}if(c||F){var k=typeof e=="function"?e.displayName||e.name||"Unknown":e;c&&Ft(v,k),F&&At(v,k)}return Lt(e,c,F,g,l,tt.current,v)}}var Le=R.ReactCurrentOwner,at=R.ReactDebugCurrentFrame;function _e(e){if(e){var r=e._owner,i=x(e.type,e._source,r?r.type:null);at.setExtraStackFrame(i)}else at.setExtraStackFrame(null)}var We;We=!1;function Ve(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function it(){{if(Le.current){var e=V(Le.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function Vt(e){return""}var ot={};function qt(e){{var r=it();if(!r){var i=typeof e=="string"?e:e.displayName||e.name;i&&(r=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
25
|
+
Check the top-level render call using <`+i+">.")}return r}}function st(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=qt(r);if(ot[i])return;ot[i]=!0;var l="";e&&e._owner&&e._owner!==Le.current&&(l=" It was passed a child from "+V(e._owner.type)+"."),_e(e),d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,l),_e(null)}}function lt(e,r){{if(typeof e!="object")return;if(Ae(e))for(var i=0;i<e.length;i++){var l=e[i];Ve(l)&&st(l,r)}else if(Ve(e))e._store&&(e._store.validated=!0);else if(e){var g=I(e);if(typeof g=="function"&&g!==e.entries)for(var C=g.call(e),v;!(v=C.next()).done;)Ve(v.value)&&st(v.value,r)}}}function Mt(e){{var r=e.type;if(r==null||typeof r=="string")return;var i;if(typeof r=="function")i=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===u||r.$$typeof===D))i=r.propTypes;else return;if(i){var l=V(r);$e(i,e.props,"prop",l,e)}else if(r.PropTypes!==void 0&&!We){We=!0;var g=V(r);d("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",g||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&d("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Yt(e){{for(var r=Object.keys(e.props),i=0;i<r.length;i++){var l=r[i];if(l!=="children"&&l!=="key"){_e(e),d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",l),_e(null);break}}e.ref!==null&&(_e(e),d("Invalid attribute `ref` supplied to `React.Fragment`."),_e(null))}}var ut={};function ct(e,r,i,l,g,C){{var v=Pe(e);if(!v){var c="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(c+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var F=Vt();F?c+=F:c+=it();var T;e===null?T="null":Ae(e)?T="array":e!==void 0&&e.$$typeof===n?(T="<"+(V(e.type)||"Unknown")+" />",c=" Did you accidentally export a JSX literal instead of a component?"):T=typeof e,d("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,c)}var k=Wt(e,r,i,g,C);if(k==null)return k;if(v){var z=r.children;if(z!==void 0)if(l)if(Ae(z)){for(var ye=0;ye<z.length;ye++)lt(z[ye],e);Object.freeze&&Object.freeze(z)}else d("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else lt(z,e)}if(E.call(r,"key")){var ie=V(e),L=Object.keys(r).filter(function(Gt){return Gt!=="key"}),qe=L.length>0?"{key: someKey, "+L.join(": ..., ")+": ...}":"{key: someKey}";if(!ut[ie+qe]){var Jt=L.length>0?"{"+L.join(": ..., ")+": ...}":"{}";d(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,Be,U,Yt,U),rt[U+Be]=!0}}return e===s?Ft(j):Bt(j),j}}function At(e,t,n){return nt(e,t,n,!0)}function Lt(e,t,n){return nt(e,t,n,!1)}var $t=Lt,Wt=At;Q.Fragment=s,Q.jsx=$t,Q.jsxs=Wt})()),Q}var Le;function ot(){return Le||(Le=1,process.env.NODE_ENV==="production"?le.exports=at():le.exports=it()),le.exports}var y=ot();const Oe={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var $e={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},We=b.createContext&&b.createContext($e),st=["attr","size","title"];function lt(r,a){if(r==null)return{};var i=ut(r,a),s,_;if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(r);for(_=0;_<m.length;_++)s=m[_],!(a.indexOf(s)>=0)&&Object.prototype.propertyIsEnumerable.call(r,s)&&(i[s]=r[s])}return i}function ut(r,a){if(r==null)return{};var i={};for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s)){if(a.indexOf(s)>=0)continue;i[s]=r[s]}return i}function ue(){return ue=Object.assign?Object.assign.bind():function(r){for(var a=1;a<arguments.length;a++){var i=arguments[a];for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(r[s]=i[s])}return r},ue.apply(this,arguments)}function Ye(r,a){var i=Object.keys(r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(r);a&&(s=s.filter(function(_){return Object.getOwnPropertyDescriptor(r,_).enumerable})),i.push.apply(i,s)}return i}function ce(r){for(var a=1;a<arguments.length;a++){var i=arguments[a]!=null?arguments[a]:{};a%2?Ye(Object(i),!0).forEach(function(s){ct(r,s,i[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):Ye(Object(i)).forEach(function(s){Object.defineProperty(r,s,Object.getOwnPropertyDescriptor(i,s))})}return r}function ct(r,a,i){return a=ft(a),a in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i,r}function ft(r){var a=dt(r,"string");return typeof a=="symbol"?a:a+""}function dt(r,a){if(typeof r!="object"||!r)return r;var i=r[Symbol.toPrimitive];if(i!==void 0){var s=i.call(r,a);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(r)}function Me(r){return r&&r.map((a,i)=>b.createElement(a.tag,ce({key:i},a.attr),Me(a.child)))}function xe(r){return a=>b.createElement(pt,ue({attr:ce({},r.attr)},a),Me(r.child))}function pt(r){var a=i=>{var{attr:s,size:_,title:m}=r,R=lt(r,st),w=_||i.size||"1em",c;return i.className&&(c=i.className),r.className&&(c=(c?c+" ":"")+r.className),b.createElement("svg",ue({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},i.attr,s,R,{className:c,style:ce(ce({color:r.color||i.color},i.style),r.style),height:w,width:w,xmlns:"http://www.w3.org/2000/svg"}),m&&b.createElement("title",null,m),r.children)};return We!==void 0?b.createElement(We.Consumer,null,i=>a(i)):a($e)}function vt(r){return xe({attr:{viewBox:"0 0 24 24",fill:"none"},child:[{tag:"path",attr:{opacity:"0.2",fillRule:"evenodd",clipRule:"evenodd",d:"M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",fill:"currentColor"},child:[]},{tag:"path",attr:{d:"M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z",fill:"currentColor"},child:[]}]})(r)}const bt=({children:r,disabled:a=!1,loading:i=!1,onClick:s,className:_="","data-testid":m,...R})=>{const w=[Oe.primaryButton,a?Oe.primaryButtonDisabled:"",_].filter(Boolean).join(" ");return y.jsxs("button",{type:"button",className:w,disabled:a||i,onClick:s,"data-testid":m,...R,children:[i&&y.jsx(vt,{className:Oe.spinner,size:12}),r]})},Ve={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},_t=({children:r,disabled:a=!1,onClick:i,className:s="","data-testid":_,...m})=>{const R=[Ve.secondaryButton,a?Ve.secondaryButtonDisabled:"",s].filter(Boolean).join(" ");return y.jsx("button",{type:"button",className:R,disabled:a,onClick:i,"data-testid":_,...m,children:r})},L={tabsContainer:"_tabsContainer_m3c4e_1",tabsHeader:"_tabsHeader_m3c4e_7",tabItem:"_tabItem_m3c4e_13",tabContent:"_tabContent_m3c4e_29",tabLabel:"_tabLabel_m3c4e_51",tabLine:"_tabLine_m3c4e_61",active:"_active_m3c4e_68",inactive:"_inactive_m3c4e_76",tabPanels:"_tabPanels_m3c4e_84"},mt=({tabs:r,activeTabId:a,onTabChange:i,className:s="","data-testid":_,...m})=>{var w;const R=[L.tabsContainer,s].filter(Boolean).join(" ");return y.jsxs("div",{className:R,"data-testid":_,...m,children:[y.jsx("div",{className:L.tabsHeader,children:r.map(c=>{const F=c.id===a,C=[L.tabItem,F?L.active:L.inactive].filter(Boolean).join(" ");return y.jsxs("button",{type:"button",className:C,onClick:()=>i(c.id),"data-testid":`${_}-tab-${c.id}`,children:[y.jsx("div",{className:L.tabContent,children:y.jsx("span",{className:L.tabLabel,children:c.label})}),y.jsx("div",{className:L.tabLine})]},c.id)})}),y.jsx("div",{className:L.tabPanels,children:(w=r.find(c=>c.id===a))==null?void 0:w.content})]})};function yt(r){return xe({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"6 9 12 15 18 9"},child:[]}]})(r)}function gt(r){return xe({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"11",cy:"11",r:"8"},child:[]},{tag:"line",attr:{x1:"21",y1:"21",x2:"16.65",y2:"16.65"},child:[]}]})(r)}const h={dropdown:"_dropdown_1tw6u_1",label:"_label_1tw6u_9",required:"_required_1tw6u_18",trigger:"_trigger_1tw6u_23",triggerDisabled:"_triggerDisabled_1tw6u_47",value:"_value_1tw6u_56",placeholder:"_placeholder_1tw6u_64",chevron:"_chevron_1tw6u_68",open:"_open_1tw6u_75",panel:"_panel_1tw6u_99",panelClosing:"_panelClosing_1tw6u_116",filterWrapper:"_filterWrapper_1tw6u_120",filterInput:"_filterInput_1tw6u_127",filterIcon:"_filterIcon_1tw6u_146",list:"_list_1tw6u_157",option:"_option_1tw6u_166",optionSelected:"_optionSelected_1tw6u_178",optionHighlighted:"_optionHighlighted_1tw6u_182",optionDisabled:"_optionDisabled_1tw6u_186",empty:"_empty_1tw6u_195",disabled:"_disabled_1tw6u_202"},Re=(r,a)=>{const s=r[a];return s!=null?String(s):""},fe=(r,a)=>r[a],z=(r,a)=>a==null?!1:!!r[a],ht=({value:r,onChange:a,options:i,optionLabel:s="label",optionValue:_="value",optionDisabled:m,placeholder:R="Select",filter:w=!1,disabled:c=!1,required:F=!1,label:C,inputId:N,className:$="",panelClassName:H="","data-testid":D})=>{const[T,q]=b.useState(!1),[k,O]=b.useState(!1),[de,pe]=b.useState(""),[K,W]=b.useState(0),ee=b.useRef(null),Pe=b.useRef(null),te=b.useRef(null),ve=b.useRef(null),re=b.useRef(!1),ne=i.find(o=>fe(o,_)===r),A=ne?Re(ne,s):"",x=w?i.filter(o=>Re(o,s).toLowerCase().includes(de.toLowerCase())):i;b.useEffect(()=>{T&&w&&(pe(""),W(0),setTimeout(()=>{var o;return(o=te.current)==null?void 0:o.focus()},0))},[T,w]),b.useEffect(()=>{if(!T)return;const o=x.findIndex(Y=>fe(Y,_)===r),p=x.findIndex(Y=>!z(Y,m)),g=o>=0&&!z(x[o],m);W(g?o:p>=0?p:0)},[T,r,x,_,m]),b.useEffect(()=>{const o=ve.current;o!=null&&o.scrollIntoView&&typeof o.scrollIntoView=="function"&&o.scrollIntoView({block:"nearest"})},[K]);const J=()=>{re.current=!0,O(!0)},be=o=>{var p;(re.current||(p=o.animationName)!=null&&p.includes("menuOut"))&&(re.current=!1,q(!1),O(!1))};b.useEffect(()=>{if(!T&&!k)return;const o=p=>{ee.current&&!ee.current.contains(p.target)&&J()};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[T,k]);const _e=()=>{c||q(o=>!o)},ae=(o,p)=>{if(z(o,m))return;const g=fe(o,_);a==null||a({value:g??null,originalEvent:p}),J()},me=o=>{if(!T){(o.key==="Enter"||o.key===" "||o.key==="ArrowDown")&&(o.preventDefault(),q(!0));return}if(o.key==="Escape"){o.preventDefault(),J();return}if(o.key==="ArrowDown"){o.preventDefault(),W(p=>{for(let g=p+1;g<x.length;g++)if(!z(x[g],m))return g;return p});return}if(o.key==="ArrowUp"){o.preventDefault(),W(p=>{for(let g=p-1;g>=0;g--)if(!z(x[g],m))return g;return p});return}if(o.key==="Enter"&&x[K]){o.preventDefault();const p=x[K];z(p,m)||ae(p,o)}},ye=[h.dropdown,c?h.disabled:"",T?h.open:"",$].filter(Boolean).join(" "),ge=[h.trigger,c?h.triggerDisabled:""].filter(Boolean).join(" "),he=[h.panel,k?h.panelClosing:"",H].filter(Boolean).join(" "),ie=N??`dropdown-${Math.random().toString(36).slice(2,9)}`,Ee=`${ie}-panel`;return y.jsxs("div",{className:ye,ref:ee,"data-testid":D,children:[C!=null&&y.jsxs("label",{htmlFor:ie,className:h.label,children:[C,F&&y.jsx("span",{className:h.required,children:"*"})]}),y.jsxs("div",{id:ie,role:"combobox","aria-expanded":T||k,"aria-haspopup":"listbox","aria-controls":T||k?Ee:void 0,"aria-disabled":c,"aria-label":typeof C=="string"?C:void 0,tabIndex:c?-1:0,className:ge,onClick:_e,onKeyDown:me,"data-testid":D?`${D}-trigger`:void 0,children:[y.jsx("span",{className:h.value,children:A||y.jsx("span",{className:h.placeholder,children:R})}),y.jsx(yt,{className:h.chevron,"aria-hidden":!0})]}),(T||k)&&y.jsxs("div",{ref:Pe,id:Ee,className:he,role:"presentation",onAnimationEnd:be,"data-testid":D?`${D}-panel`:void 0,children:[w&&y.jsxs("div",{className:h.filterWrapper,children:[y.jsx("input",{ref:te,type:"text",className:h.filterInput,value:de,onChange:o=>{pe(o.target.value),W(0)},onKeyDown:o=>{o.key==="Escape"&&q(!1),o.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":D?`${D}-filter`:void 0}),y.jsx(gt,{className:h.filterIcon,"aria-hidden":!0})]}),y.jsx("ul",{className:h.list,role:"listbox","aria-label":"Options",children:x.length===0?y.jsx("li",{className:h.empty,children:"No results"}):x.map((o,p)=>{const g=fe(o,_),Y=Re(o,s),V=z(o,m),we=r===g,oe=p===K,Se=g!=null?String(g):`option-${p}`;return y.jsx("li",{ref:oe?ve:void 0,role:"option","aria-selected":we,"aria-disabled":V,className:[h.option,we?h.optionSelected:"",oe?h.optionHighlighted:"",V?h.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!V&&W(p),onClick:Te=>ae(o,Te),"data-testid":D?`${D}-option-${p}`:void 0,children:Y},Se)})})]})]})};B.Dropdown=ht,B.PrimaryButton=bt,B.SecondaryButton=_t,B.Tabs=mt,Object.defineProperty(B,Symbol.toStringTag,{value:"Module"})}));
|
|
30
|
+
<%s key={someKey} {...props} />`,qe,ie,Jt,ie),ut[ie+qe]=!0}}return e===s?Yt(k):Mt(k),k}}function zt(e,r,i){return ct(e,r,i,!0)}function Ut(e,r,i){return ct(e,r,i,!1)}var Ht=Ut,Kt=zt;ge.Fragment=s,ge.jsx=Ht,ge.jsxs=Kt})()),ge}var ze;function pt(){return ze||(ze=1,process.env.NODE_ENV==="production"?Ce.exports=ft():Ce.exports=dt()),Ce.exports}var p=pt();const De={primaryButton:"_primaryButton_uyzzr_1",primaryButtonDisabled:"_primaryButtonDisabled_uyzzr_34",spinner:"_spinner_uyzzr_42"};var Ue={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},He=m.createContext&&m.createContext(Ue),vt=["attr","size","title"];function _t(t,n){if(t==null)return{};var a=yt(t,n),s,f;if(Object.getOwnPropertySymbols){var h=Object.getOwnPropertySymbols(t);for(f=0;f<h.length;f++)s=h[f],!(n.indexOf(s)>=0)&&Object.prototype.propertyIsEnumerable.call(t,s)&&(a[s]=t[s])}return a}function yt(t,n){if(t==null)return{};var a={};for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s)){if(n.indexOf(s)>=0)continue;a[s]=t[s]}return a}function we(){return we=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(t[s]=a[s])}return t},we.apply(this,arguments)}function Ke(t,n){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);n&&(s=s.filter(function(f){return Object.getOwnPropertyDescriptor(t,f).enumerable})),a.push.apply(a,s)}return a}function Oe(t){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?Ke(Object(a),!0).forEach(function(s){bt(t,s,a[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):Ke(Object(a)).forEach(function(s){Object.defineProperty(t,s,Object.getOwnPropertyDescriptor(a,s))})}return t}function bt(t,n,a){return n=gt(n),n in t?Object.defineProperty(t,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[n]=a,t}function gt(t){var n=mt(t,"string");return typeof n=="symbol"?n:n+""}function mt(t,n){if(typeof t!="object"||!t)return t;var a=t[Symbol.toPrimitive];if(a!==void 0){var s=a.call(t,n);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(t)}function Je(t){return t&&t.map((n,a)=>m.createElement(n.tag,Oe({key:a},n.attr),Je(n.child)))}function Ee(t){return n=>m.createElement(ht,we({attr:Oe({},t.attr)},n),Je(t.child))}function ht(t){var n=a=>{var{attr:s,size:f,title:h}=t,b=_t(t,vt),O=f||a.size||"1em",u;return a.className&&(u=a.className),t.className&&(u=(u?u+" ":"")+t.className),m.createElement("svg",we({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},a.attr,s,b,{className:u,style:Oe(Oe({color:t.color||a.color},a.style),t.style),height:O,width:O,xmlns:"http://www.w3.org/2000/svg"}),h&&m.createElement("title",null,h),t.children)};return He!==void 0?m.createElement(He.Consumer,null,a=>n(a)):n(Ue)}function xt(t){return Ee({attr:{viewBox:"0 0 24 24",fill:"none"},child:[{tag:"path",attr:{opacity:"0.2",fillRule:"evenodd",clipRule:"evenodd",d:"M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",fill:"currentColor"},child:[]},{tag:"path",attr:{d:"M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z",fill:"currentColor"},child:[]}]})(t)}const jt=({children:t,disabled:n=!1,loading:a=!1,onClick:s,className:f="","data-testid":h,...b})=>{const O=[De.primaryButton,n?De.primaryButtonDisabled:"",f].filter(Boolean).join(" ");return p.jsxs("button",{type:"button",className:O,disabled:n||a,onClick:s,"data-testid":h,...b,children:[a&&p.jsx(xt,{className:De.spinner,size:12}),t]})},Ge={secondaryButton:"_secondaryButton_1s7ft_1",secondaryButtonDisabled:"_secondaryButtonDisabled_1s7ft_33"},Ct=({children:t,disabled:n=!1,onClick:a,className:s="","data-testid":f,...h})=>{const b=[Ge.secondaryButton,n?Ge.secondaryButtonDisabled:"",s].filter(Boolean).join(" ");return p.jsx("button",{type:"button",className:b,disabled:n,onClick:a,"data-testid":f,...h,children:t})},G={tabsContainer:"_tabsContainer_m3c4e_1",tabsHeader:"_tabsHeader_m3c4e_7",tabItem:"_tabItem_m3c4e_13",tabContent:"_tabContent_m3c4e_29",tabLabel:"_tabLabel_m3c4e_51",tabLine:"_tabLine_m3c4e_61",active:"_active_m3c4e_68",inactive:"_inactive_m3c4e_76",tabPanels:"_tabPanels_m3c4e_84"},wt=({tabs:t,activeTabId:n,onTabChange:a,className:s="","data-testid":f,...h})=>{var O;const b=[G.tabsContainer,s].filter(Boolean).join(" ");return p.jsxs("div",{className:b,"data-testid":f,...h,children:[p.jsx("div",{className:G.tabsHeader,children:t.map(u=>{const _=u.id===n,j=[G.tabItem,_?G.active:G.inactive].filter(Boolean).join(" ");return p.jsxs("button",{type:"button",className:j,onClick:()=>a(u.id),"data-testid":`${f}-tab-${u.id}`,children:[p.jsx("div",{className:G.tabContent,children:p.jsx("span",{className:G.tabLabel,children:u.label})}),p.jsx("div",{className:G.tabLine})]},u.id)})}),p.jsx("div",{className:G.tabPanels,children:(O=t.find(u=>u.id===n))==null?void 0:O.content})]})};function Ot(t){return Ee({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"6 9 12 15 18 9"},child:[]}]})(t)}function Et(t){return Ee({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"line",attr:{x1:"12",y1:"16",x2:"12",y2:"12"},child:[]},{tag:"line",attr:{x1:"12",y1:"8",x2:"12.01",y2:"8"},child:[]}]})(t)}function St(t){return Ee({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"11",cy:"11",r:"8"},child:[]},{tag:"line",attr:{x1:"21",y1:"21",x2:"16.65",y2:"16.65"},child:[]}]})(t)}const P={dropdown:"_dropdown_1xupi_1",label:"_label_1xupi_9",required:"_required_1xupi_18",trigger:"_trigger_1xupi_23",triggerDisabled:"_triggerDisabled_1xupi_47",triggerInput:"_triggerInput_1xupi_56",value:"_value_1xupi_74",placeholder:"_placeholder_1xupi_82",chevron:"_chevron_1xupi_86",open:"_open_1xupi_93",panel:"_panel_1xupi_117",panelClosing:"_panelClosing_1xupi_134",filterWrapper:"_filterWrapper_1xupi_138",filterInput:"_filterInput_1xupi_145",filterIcon:"_filterIcon_1xupi_164",list:"_list_1xupi_175",option:"_option_1xupi_184",optionSelected:"_optionSelected_1xupi_196",optionHighlighted:"_optionHighlighted_1xupi_200",optionDisabled:"_optionDisabled_1xupi_204",empty:"_empty_1xupi_213",disabled:"_disabled_1xupi_220"},te=(t,n)=>{const s=t[n];return s!=null?String(s):""},oe=(t,n)=>t[n],U=(t,n)=>n==null?!1:!!t[n],Pt=({value:t,onChange:n,onEditEnd:a,options:s,optionLabel:f="label",optionValue:h="value",optionDisabled:b,placeholder:O="Select",filter:u=!1,editable:_=!1,disabled:j=!1,required:D=!1,label:B,inputId:H,className:K="",panelClassName:S="",valueTemplate:I,itemTemplate:R,"data-testid":d})=>{const $=s.find(o=>oe(o,h)===t),W=$?te($,f):"",[w,ee]=m.useState(!1),[Y,Se]=m.useState(!1),[me,Pe]=m.useState(""),[se,X]=m.useState(W),[V,N]=m.useState(0),Z=m.useRef(null),Re=m.useRef(null),he=m.useRef(null),Te=m.useRef(null),xe=m.useRef(null),le=m.useRef(!1),A=u&&!_?s.filter(o=>te(o,f).toLowerCase().includes(me.toLowerCase())):s;m.useEffect(()=>{_&&X(W)},[_,t,W]),m.useEffect(()=>{w&&u&&!_&&(Pe(""),N(0),setTimeout(()=>{var o;return(o=he.current)==null?void 0:o.focus()},0))},[w,u,_]),m.useEffect(()=>{if(!w)return;const o=A.findIndex(E=>oe(E,h)===t),y=A.findIndex(E=>!U(E,b)),x=o>=0&&!U(A[o],b);N(x?o:y>=0?y:0)},[w,t,A,h,b]),m.useEffect(()=>{const o=xe.current;o!=null&&o.scrollIntoView&&typeof o.scrollIntoView=="function"&&o.scrollIntoView({block:"nearest"})},[V]);const ue=()=>{le.current=!0,Se(!0)},Ne=o=>{var y;(le.current||(y=o.animationName)!=null&&y.includes("menuOut"))&&(le.current=!1,ee(!1),Se(!1),_&&X(W))};m.useEffect(()=>{if(!w&&!Y)return;const o=y=>{Z.current&&!Z.current.contains(y.target)&&(_&&X(W),ue())};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[w,Y,_,W]);const ke=()=>{j||ee(o=>!o)},ae=(o,y)=>{if(U(o,b))return;const x=oe(o,h);_&&X(te(o,f)),n==null||n({value:x??null,originalEvent:y}),ue()},ce=o=>{if(!w){if(o.key==="Enter"&&_&&se.trim()){o.preventDefault();const y=se.trim(),x=y.toLowerCase(),E=s.find(Q=>{const q=te(Q,f).toLowerCase();return q===x||q.startsWith(x)}),J=E&&!U(E,b)?oe(E,h):null;E&&!U(E,b)&&(X(te(E,f)),n==null||n({value:J,originalEvent:o})),a==null||a({value:y,selectedValue:J,originalEvent:o});return}(o.key==="Enter"||o.key===" "||o.key==="ArrowDown")&&(o.preventDefault(),ee(!0));return}if(o.key==="Escape"){o.preventDefault(),ue();return}if(o.key==="ArrowDown"){o.preventDefault(),N(y=>{for(let x=y+1;x<A.length;x++)if(!U(A[x],b))return x;return y});return}if(o.key==="ArrowUp"){o.preventDefault(),N(y=>{for(let x=y-1;x>=0;x--)if(!U(A[x],b))return x;return y});return}if(o.key==="Enter"){if(o.preventDefault(),_){const y=se.trim();if(y){const x=y.toLowerCase(),E=s.find(Q=>{const q=te(Q,f).toLowerCase();return q===x||q.startsWith(x)}),J=E&&!U(E,b)?oe(E,h):null;E&&!U(E,b)&&ae(E,o),a==null||a({value:y,selectedValue:J,originalEvent:o})}else a==null||a({value:"",selectedValue:null,originalEvent:o})}else if(A[V]){const y=A[V];U(y,b)||ae(y,o)}}},fe=[P.dropdown,j?P.disabled:"",w?P.open:"",K].filter(Boolean).join(" "),je=[P.trigger,j?P.triggerDisabled:""].filter(Boolean).join(" "),de=[P.panel,Y?P.panelClosing:"",S].filter(Boolean).join(" "),pe=H??`dropdown-${Math.random().toString(36).slice(2,9)}`,ve=`${pe}-panel`;return p.jsxs("div",{className:fe,ref:Z,"data-testid":d,children:[B!=null&&p.jsxs("label",{htmlFor:pe,className:P.label,children:[B,D&&p.jsx("span",{className:P.required,children:"*"})]}),p.jsxs("div",{id:_?void 0:pe,role:"combobox","aria-expanded":w||Y,"aria-haspopup":"listbox","aria-controls":w||Y?ve:void 0,"aria-disabled":j,"aria-label":typeof B=="string"?B:void 0,tabIndex:_||j?-1:0,className:je,onClick:_?void 0:ke,onKeyDown:_?void 0:ce,"data-testid":d&&!_?`${d}-trigger`:void 0,children:[_?p.jsx("input",{ref:Te,id:pe,type:"text",className:P.triggerInput,value:se,onChange:o=>{X(o.target.value),!w&&!Y&&ee(!0),N(0)},onFocus:()=>{!j&&!w&&!Y&&ee(!0)},onKeyDown:ce,placeholder:O,disabled:j,"aria-autocomplete":"list","aria-controls":w||Y?ve:void 0,"aria-expanded":w||Y,"data-testid":d?`${d}-trigger`:void 0}):p.jsx("span",{className:P.value,children:I?I($??null):W||p.jsx("span",{className:P.placeholder,children:O})}),p.jsx(Ot,{className:P.chevron,"aria-hidden":!0,onClick:_?ke:void 0})]}),(w||Y)&&p.jsxs("div",{ref:Re,id:ve,className:de,role:"presentation",onAnimationEnd:Ne,"data-testid":d?`${d}-panel`:void 0,children:[u&&!_&&p.jsxs("div",{className:P.filterWrapper,children:[p.jsx("input",{ref:he,type:"text",className:P.filterInput,value:me,onChange:o=>{Pe(o.target.value),N(0)},onKeyDown:o=>{o.key==="Escape"&&ee(!1),o.stopPropagation()},placeholder:"Search...","aria-label":"Filter options",title:"Filter options","data-testid":d?`${d}-filter`:void 0}),p.jsx(St,{className:P.filterIcon,"aria-hidden":!0})]}),p.jsx("ul",{className:P.list,role:"listbox","aria-label":"Options",children:A.length===0?p.jsx("li",{className:P.empty,children:"No results"}):A.map((o,y)=>{const x=oe(o,h),E=te(o,f),J=U(o,b),Q=t===x,q=y===V,$e=x!=null?String(x):`option-${y}`;return p.jsx("li",{ref:q?xe:void 0,role:"option","aria-selected":Q,"aria-disabled":J,className:[P.option,Q?P.optionSelected:"",q?P.optionHighlighted:"",J?P.optionDisabled:""].filter(Boolean).join(" "),onMouseEnter:()=>!J&&N(y),onClick:Fe=>ae(o,Fe),"data-testid":d?`${d}-option-${y}`:void 0,children:R?R(o):E},$e)})})]})]})},re={inputText:"_inputText_1crp5_1",label:"_label_1crp5_9",required:"_required_1crp5_20",tooltipIcon:"_tooltipIcon_1crp5_25",input:"_input_1crp5_1",inputTextarea:"_inputTextarea_1crp5_72",inputTextDisabled:"_inputTextDisabled_1crp5_79"},Rt=({label:t,tooltip:n,required:a=!1,inputId:s,textarea:f=!1,rows:h,className:b="","data-testid":O,disabled:u=!1,..._})=>{const{type:j="text",...D}=_,B=s??`input-text-${Math.random().toString(36).slice(2,9)}`,H=[re.inputText,u?re.inputTextDisabled:"",b].filter(Boolean).join(" "),K=D["aria-invalid"];let S;K===void 0?S=void 0:K===!0?S="true":K===!1?S="false":S=K;const I=a?{"aria-required":"true"}:{"aria-required":"false"},R=S===void 0?{}:{"aria-invalid":S},d=[re.input,f?re.inputTextarea:""].filter(Boolean).join(" "),$={id:B,className:d,disabled:u,...I,...R,"data-testid":O?`${O}-input`:void 0};return p.jsxs("div",{className:H,"data-testid":O,children:[t!=null&&p.jsxs("label",{htmlFor:B,className:re.label,children:[t,a&&p.jsx("span",{className:re.required,children:"*"}),n!=null&&p.jsx("span",{className:re.tooltipIcon,title:n,"aria-label":n,children:p.jsx(Et,{"aria-hidden":!0})})]}),f?p.jsx("textarea",{...D,...$,rows:h??3}):p.jsx("input",{...D,...$,type:j})]})},ne={selectButton:"_selectButton_1u3fo_1",selectButtonDisabled:"_selectButtonDisabled_1u3fo_9",selectButtonInvalid:"_selectButtonInvalid_1u3fo_14",button:"_button_1u3fo_14",buttonFirst:"_buttonFirst_1u3fo_47",buttonLast:"_buttonLast_1u3fo_51",buttonSelected:"_buttonSelected_1u3fo_59"},Xe=(t,n)=>{const s=t[n];return s!=null?String(s):""},Be=(t,n)=>t[n],Ze=(t,n)=>n==null?!1:!!t[n],Tt=({value:t,onChange:n,options:a,optionLabel:s="label",optionValue:f="value",optionDisabled:h,multiple:b=!1,itemTemplate:O,disabled:u=!1,invalid:_=!1,className:j="","data-testid":D})=>{const B=S=>{const I=Be(S,f);return b&&Array.isArray(t)?t.includes(I):t===I},H=(S,I)=>{if(u||Ze(S,h))return;const R=Be(S,f);if(R===void 0)return;let d;if(b){const $=Array.isArray(t)?t:[];d=$.includes(R)?$.filter(w=>w!==R):[...$,R]}else d=t===R?null:R;n==null||n({value:d,originalEvent:I})},K=[ne.selectButton,u?ne.selectButtonDisabled:"",_?ne.selectButtonInvalid:"",j].filter(Boolean).join(" ");return p.jsx("div",{className:K,role:"group","aria-disabled":u,"data-testid":D,children:a.map((S,I)=>{const R=Be(S,f),d=R!=null?String(R):`option-${I}`,$=Ze(S,h),W=B(S);return p.jsx("button",{type:"button","aria-pressed":W,"aria-disabled":$||u,"aria-label":Xe(S,s),disabled:u||$,className:[ne.button,W?ne.buttonSelected:"",I===0?ne.buttonFirst:"",I===a.length-1?ne.buttonLast:""].filter(Boolean).join(" "),onClick:w=>H(S,w),onKeyDown:w=>{(w.key===" "||w.key==="Enter")&&(w.preventDefault(),H(S,w))},"data-testid":D?`${D}-option-${I}`:void 0,children:O?O(S):Xe(S,s)},d)})})};M.Dropdown=Pt,M.InputText=Rt,M.PrimaryButton=jt,M.SecondaryButton=Ct,M.SelectButton=Tt,M.Tabs=wt,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._tabsContainer_m3c4e_1{display:flex;flex-direction:column;width:100%}._tabsHeader_m3c4e_7{display:flex;align-items:center;gap:0}._tabItem_m3c4e_13{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_m3c4e_13:hover ._tabContent_m3c4e_29{background-color:#128afb0d}._tabItem_m3c4e_13:focus{outline:none}._tabItem_m3c4e_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tabContent_m3c4e_29{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .2s ease}._tabLabel_m3c4e_51{font-family:Lato,sans-serif;font-size:var(--font-size-base);line-height:1.5em;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease}._tabLine_m3c4e_61{width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}._active_m3c4e_68 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._active_m3c4e_68 ._tabLine_m3c4e_61{background-color:var(--color-primary)}._inactive_m3c4e_76 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_m3c4e_76 ._tabLine_m3c4e_61{background-color:var(--color-border-light)}._tabPanels_m3c4e_84{padding:var(--spacing-md) 0;background-color:transparent}._dropdown_1tw6u_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1tw6u_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1tw6u_18{color:var(--color-text-secondary);margin-left:2px}._trigger_1tw6u_23{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.5rem}._trigger_1tw6u_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_1tw6u_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:0 0 0 2px #2665b733}._triggerDisabled_1tw6u_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_1tw6u_47:hover{border-color:var(--color-input-border)}._value_1tw6u_56{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_1tw6u_64{color:var(--color-text-secondary)}._chevron_1tw6u_68{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_1tw6u_75 ._chevron_1tw6u_68{transform:rotate(180deg)}@keyframes _menuIn_1tw6u_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_1tw6u_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_1tw6u_99{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-x:hidden;animation:_menuIn_1tw6u_1 .25s ease-out forwards}._panelClosing_1tw6u_116{animation:_menuOut_1tw6u_1 .15s ease-in forwards}._filterWrapper_1tw6u_120{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_1tw6u_127{width:100%;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_1tw6u_127:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px #2665b733}._filterInput_1tw6u_127::placeholder{color:var(--color-text-secondary)}._filterIcon_1tw6u_146{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_1tw6u_157{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_1tw6u_166{padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .15s ease;margin-bottom:0}._option_1tw6u_166:hover,._option_1tw6u_166:focus-visible{background:var(--color-bg-secondary)}._optionSelected_1tw6u_178{background:var(--color-dropdown-option-highlight)}._optionHighlighted_1tw6u_182{background:var(--color-bg-secondary)}._optionDisabled_1tw6u_186{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_1tw6u_186:hover{background:transparent}._empty_1tw6u_195{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_1tw6u_202 ._trigger_1tw6u_23:hover{border-color:var(--color-input-border)}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--color-dark: #3e4759;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-border-light: #e9ecef;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1rem;--color-input-border: #e9ecef;--color-input-focus: #4285f4;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #8b7eff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}
|
|
1
|
+
._primaryButton_uyzzr_1{background:var(--color-primary);border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:#fff;padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease}._primaryButton_uyzzr_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._primaryButton_uyzzr_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid var(--color-primary-hover);background:var(--color-primary-hover);opacity:.8}._primaryButton_uyzzr_1:hover{border:1px solid var(--color-primary-hover);background:var(--color-primary-hover)}._primaryButtonDisabled_uyzzr_34{cursor:not-allowed;opacity:.8}._primaryButtonDisabled_uyzzr_34:hover{transform:none}._spinner_uyzzr_42{animation:_spin_uyzzr_42 1s linear infinite;margin-right:.5rem}@keyframes _spin_uyzzr_42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._secondaryButton_1s7ft_1{background:transparent;border:1px solid var(--color-primary);align-items:center;border-radius:4px;font-family:Lato,sans-serif;font-style:normal;font-weight:700;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--color-primary);padding:0 1.5rem;cursor:pointer;height:34px;transition:background-color .3s ease,border-color .3s ease,color .3s ease}._secondaryButton_1s7ft_1:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}._secondaryButton_1s7ft_1:disabled{cursor:not-allowed;color:#9cbbe3;border:1px solid #9cbbe3;background:transparent;opacity:.5}._secondaryButton_1s7ft_1:hover{background:#efefef}._secondaryButtonDisabled_1s7ft_33{cursor:not-allowed;opacity:.65}._secondaryButtonDisabled_1s7ft_33:hover{transform:none;background:transparent;color:#9cbbe3}._tabsContainer_m3c4e_1{display:flex;flex-direction:column;width:100%}._tabsHeader_m3c4e_7{display:flex;align-items:center;gap:0}._tabItem_m3c4e_13{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit}._tabItem_m3c4e_13:hover ._tabContent_m3c4e_29{background-color:#128afb0d}._tabItem_m3c4e_13:focus{outline:none}._tabItem_m3c4e_13:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._tabContent_m3c4e_29{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;transition:background-color .2s ease}._tabLabel_m3c4e_51{font-family:Lato,sans-serif;font-size:var(--font-size-base);line-height:1.5em;text-align:center;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);transition:color .2s ease}._tabLine_m3c4e_61{width:100%;height:2px;background-color:transparent;transition:background-color .2s ease}._active_m3c4e_68 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._active_m3c4e_68 ._tabLine_m3c4e_61{background-color:var(--color-primary)}._inactive_m3c4e_76 ._tabLabel_m3c4e_51{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}._inactive_m3c4e_76 ._tabLine_m3c4e_61{background-color:var(--color-border-light)}._tabPanels_m3c4e_84{padding:var(--spacing-md) 0;background-color:transparent}._dropdown_1xupi_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1xupi_9{display:block;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1xupi_18{color:var(--color-text-secondary);margin-left:2px}._trigger_1xupi_23{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary);gap:.5rem}._trigger_1xupi_23:hover:not(:focus){border-color:var(--color-primary)}._trigger_1xupi_23:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow)}._triggerDisabled_1xupi_47{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._triggerDisabled_1xupi_47:hover{border-color:var(--color-input-border)}._triggerInput_1xupi_56{flex:1;min-width:0;border:none;background:transparent;font-size:inherit;font-family:inherit;color:inherit;padding:0;outline:none}._triggerInput_1xupi_56::placeholder{color:var(--color-text-secondary)}._triggerInput_1xupi_56:disabled{cursor:not-allowed}._value_1xupi_74{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._placeholder_1xupi_82{color:var(--color-text-secondary)}._chevron_1xupi_86{flex-shrink:0;color:var(--color-text-secondary);width:1.25rem;height:1.25rem}._open_1xupi_93 ._chevron_1xupi_86{transform:rotate(180deg)}@keyframes _menuIn_1xupi_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_1xupi_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._panel_1xupi_117{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:100%;box-sizing:border-box;z-index:1000;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-x:hidden;animation:_menuIn_1xupi_1 .25s ease-out forwards}._panelClosing_1xupi_134{animation:_menuOut_1xupi_1 .15s ease-in forwards}._filterWrapper_1xupi_138{position:relative;padding:4px 8px;border-bottom:1px solid var(--color-border-light);box-sizing:border-box}._filterInput_1xupi_145{width:100%;box-sizing:border-box;padding:4px 28px 4px 8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary)}._filterInput_1xupi_145:focus{outline:0;border-color:var(--color-primary);box-shadow:var(--focus-ring-box-shadow)}._filterInput_1xupi_145::placeholder{color:var(--color-text-secondary)}._filterIcon_1xupi_164{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:1rem;height:1rem;pointer-events:none}._list_1xupi_175{line-height:1rem;list-style:none;margin:0;padding:.25rem 0;max-height:240px;overflow-y:auto}._option_1xupi_184{padding:.5rem .75rem;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-primary);transition:background-color .15s ease;margin-bottom:0}._option_1xupi_184:hover,._option_1xupi_184:focus-visible{background:var(--color-bg-secondary)}._optionSelected_1xupi_196{background:var(--color-dropdown-option-highlight)}._optionHighlighted_1xupi_200{background:var(--color-bg-secondary)}._optionDisabled_1xupi_204{cursor:not-allowed;opacity:.6;color:var(--color-text-secondary)}._optionDisabled_1xupi_204:hover{background:transparent}._empty_1xupi_213{padding:.75rem 1rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:default}._disabled_1xupi_220 ._trigger_1xupi_23:hover{border-color:var(--color-input-border)}._inputText_1crp5_1{position:relative;display:block;min-width:200px;width:100%;box-sizing:border-box}._label_1crp5_9{display:inline-flex;align-items:center;gap:.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;line-height:var(--line-height-base)}._required_1crp5_20{color:var(--color-text-secondary);margin-left:2px}._tooltipIcon_1crp5_25{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:help}._tooltipIcon_1crp5_25 svg{width:1rem;height:1rem}._input_1crp5_1{display:block;width:100%;height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);border-radius:4px;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}._input_1crp5_1::placeholder{color:var(--color-text-secondary)}._input_1crp5_1:hover:not(:disabled):not(:focus){border-color:var(--color-primary)}._input_1crp5_1:focus{outline:0;border-color:var(--color-input-focus);box-shadow:var(--focus-ring-box-shadow);transition:box-shadow .2s ease-in-out}._input_1crp5_1:disabled{cursor:not-allowed;opacity:.7;background:var(--color-bg-secondary)}._input_1crp5_1:disabled:hover{border-color:var(--color-input-border)}._inputTextarea_1crp5_72{height:auto;min-height:34px;padding:.5rem .75rem;resize:vertical}._inputTextDisabled_1crp5_79 ._input_1crp5_1:hover{border-color:var(--color-input-border)}._selectButton_1u3fo_1{display:inline-flex;flex-wrap:wrap;gap:0;font-size:var(--font-size-base);color:var(--color-text-primary)}._selectButtonDisabled_1u3fo_9{opacity:.7;pointer-events:none}._selectButtonInvalid_1u3fo_14 ._button_1u3fo_14{border-color:var(--color-primary)}._button_1u3fo_14{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 .75rem;background:var(--color-bg-primary);border:1px solid var(--color-input-border);font-size:inherit;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}._button_1u3fo_14:hover:not(:disabled){z-index:1;border-color:var(--color-primary);background:var(--color-bg-secondary)}._button_1u3fo_14:focus{outline:0;z-index:1}._button_1u3fo_14:disabled{cursor:not-allowed;opacity:.6}._buttonFirst_1u3fo_47{border-radius:4px 0 0 4px}._buttonLast_1u3fo_51{border-radius:0 4px 4px 0}._button_1u3fo_14:only-child{border-radius:4px}._buttonSelected_1u3fo_59{background:var(--color-primary);border-color:var(--color-primary);color:#fff}._buttonSelected_1u3fo_59:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}._buttonSelected_1u3fo_59:focus{box-shadow:var(--focus-ring-box-shadow)}._button_1u3fo_14+._button_1u3fo_14{margin-left:-1px}._buttonSelected_1u3fo_59+._button_1u3fo_14,._button_1u3fo_14+._buttonSelected_1u3fo_59{margin-left:-1px}:root{--color-primary: #3b73bb;--color-primary-hover: #2665b7;--color-dark: #3e4759;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-border-light: #e9ecef;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--font-size-sm: .875rem;--font-size-base: .875rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-base: 1rem;--color-input-border: #e9ecef;--color-input-focus: #3b73bb;--color-dropdown-option-highlight: #e6f0ff;--color-dropdown-filter-border: #3b73bb;--focus-ring-box-shadow: 0 0 0 1px rgba(38, 101, 183, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}
|