rds-ui-system 2.20.2 → 2.20.4
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/dist/rds-ui-system.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.rds-h1{font-size:clamp(1.5rem,2.771vw + .783rem,3rem);line-height:1.3}.rds-h2{font-size:clamp(1.25rem,1.848vw + .772rem,2.25rem);line-height:1.3}.rds-h3{font-size:clamp(1.125rem,.924vw + .886rem,1.625rem);line-height:1.3}.rds-copy-lg{font-size:clamp(1rem,.231vw + .94rem,1.125rem);line-height:1.3;font-weight:400}.rds-copy{font-size:clamp(.938rem,.115vw + .908rem,1rem);line-height:1.3;font-weight:400}.rds-button{font-size:.875em;line-height:1.14;font-weight:400}.rds-tab{font-size:.75em;line-height:1.25;letter-spacing:.04;font-weight:600}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-top-2{top:-.5rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[calc\(50\%-190px\)\]{left:calc(50% - 190px)}.right-0{right:0}.right-\[0\.08em\]{right:.08em}.top-0{top:0}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-\[0\.1em\]{top:.1em}.top-\[100\%\],.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[10\]{z-index:10}.z-\[5\]{z-index:5}.z-\[999\]{z-index:999}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-0{height:0px}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[1\.2em\]{height:1.2em}.h-\[1\.3em\]{height:1.3em}.h-\[1\.5em\]{height:1.5em}.h-\[2\.5em\]{height:2.5em}.h-\[2\.8em\]{height:2.8em}.h-\[3\.1em\]{height:3.1em}.h-fit{height:fit-content}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[15em\]{max-height:15em}.max-h-\[200px\]{max-height:200px}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.min-h-\[34px\]{min-height:34px}.min-h-\[60vh\]{min-height:60vh}.w-14{width:3.5rem}.w-20{width:5rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[1\.2em\]{width:1.2em}.w-\[1\.3em\]{width:1.3em}.w-\[25em\]{width:25em}.w-fit{width:fit-content}.w-full{width:100%}.min-w-36{min-width:9rem}.min-w-48{min-width:12rem}.max-w-60{max-width:15rem}.max-w-\[68\%\]{max-width:68%}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.max-w-full{max-width:100%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.table-auto{table-layout:auto}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-x-2{column-gap:.5rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-tr-none{border-top-right-radius:0}.border{border-width:1px}.border-\[0\.4em\]{border-width:.4em}.border-\[1px\]{border-width:1px}.border-b{border-bottom-width:1px}.\!border-error{--tw-border-opacity: 1 !important;border-color:rgb(226 0 26 / var(--tw-border-opacity))!important}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.border-brand-50{--tw-border-opacity: 1;border-color:rgb(216 230 242 / var(--tw-border-opacity))}.border-brand-black{--tw-border-opacity: 1;border-color:rgb(57 58 66 / var(--tw-border-opacity))}.border-brand-grey-light{--tw-border-opacity: 1;border-color:rgb(223 230 235 / var(--tw-border-opacity))}.border-error{--tw-border-opacity: 1;border-color:rgb(226 0 26 / var(--tw-border-opacity))}.border-grey-800{--tw-border-opacity: 1;border-color:rgb(55 57 64 / var(--tw-border-opacity))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-r-brand{--tw-border-opacity: 1;border-right-color:rgb(226 0 26 / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-brand{--tw-bg-opacity: 1;background-color:rgb(226 0 26 / var(--tw-bg-opacity))}.bg-brand-100{--tw-bg-opacity: 1;background-color:rgb(194 214 231 / var(--tw-bg-opacity))}.bg-brand-50{--tw-bg-opacity: 1;background-color:rgb(216 230 242 / var(--tw-bg-opacity))}.bg-brand-grey-light{--tw-bg-opacity: 1;background-color:rgb(223 230 235 / var(--tw-bg-opacity))}.bg-brand-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-button{background-color:var(--button-color)}.bg-error{--tw-bg-opacity: 1;background-color:rgb(226 0 26 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity))}.bg-grey-300{--tw-bg-opacity: 1;background-color:rgb(175 176 183 / var(--tw-bg-opacity))}.bg-grey-50{--tw-bg-opacity: 1;background-color:rgb(240 239 241 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(0 103 27 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(4 62 209 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity))}.fill-black{fill:#000}.fill-brand{fill:#e2001a}.fill-current{fill:currentColor}.fill-red-400{fill:#f87171}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.text-left{text-align:left}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-error{--tw-text-opacity: 1;color:rgb(226 0 26 / var(--tw-text-opacity))}.text-grey-700{--tw-text-opacity: 1;color:rgb(82 85 94 / var(--tw-text-opacity))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-\[0\.3\]{opacity:.3}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-1{outline-width:1px}.outline-offset-0{outline-offset:0px}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-0{transition-duration:0s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--button-color: #000}.token.plain{display:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2em;height:1.2em;background:transparent;border:none}input[type=range]::-moz-range-thumb{width:1.2em;height:1.2em;background:transparent;border:none}.first\:rounded-t-lg:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.last\:rounded-b:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.last\:rounded-b-lg:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-transparent:last-child{border-color:transparent}.last\:pb-0:last-child{padding-bottom:0}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.hover\:bg-brand-100:hover{--tw-bg-opacity: 1;background-color:rgb(194 214 231 / var(--tw-bg-opacity))}.hover\:bg-brand-50:hover{--tw-bg-opacity: 1;background-color:rgb(216 230 242 / var(--tw-bg-opacity))}.hover\:bg-grey-100:hover{--tw-bg-opacity: 1;background-color:rgb(233 232 234 / var(--tw-bg-opacity))}.hover\:bg-grey-300:hover{--tw-bg-opacity: 1;background-color:rgb(175 176 183 / var(--tw-bg-opacity))}.hover\:bg-grey-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 239 241 / var(--tw-bg-opacity))}.hover\:bg-grey-500:hover{--tw-bg-opacity: 1;background-color:rgb(134 136 143 / var(--tw-bg-opacity))}.hover\:bg-grey-800:hover{--tw-bg-opacity: 1;background-color:rgb(55 57 64 / var(--tw-bg-opacity))}.hover\:bg-red-400:hover{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:outline:hover{outline-style:solid}.hover\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:backdrop-brightness-75:hover{--tw-backdrop-brightness: brightness(.75);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:bg-\[\#e9e8ea\]:active{--tw-bg-opacity: 1;background-color:rgb(233 232 234 / var(--tw-bg-opacity))}.active\:bg-blue-500:active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.active\:bg-grey-300:active{--tw-bg-opacity: 1;background-color:rgb(175 176 183 / var(--tw-bg-opacity))}.active\:bg-grey-900:active{--tw-bg-opacity: 1;background-color:rgb(38 40 45 / var(--tw-bg-opacity))}.active\:bg-red-500:active{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.active\:bg-transparent:active{background-color:transparent}.active\:text-white:active{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-grey-300:disabled{--tw-border-opacity: 1;border-color:rgb(175 176 183 / var(--tw-border-opacity))}.disabled\:bg-brand-grey-light:disabled{--tw-bg-opacity: 1;background-color:rgb(223 230 235 / var(--tw-bg-opacity))}.disabled\:bg-grey-100:disabled{--tw-bg-opacity: 1;background-color:rgb(233 232 234 / var(--tw-bg-opacity))}.disabled\:bg-white:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.disabled\:text-grey-300:disabled{--tw-text-opacity: 1;color:rgb(175 176 183 / var(--tw-text-opacity))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-\[0\.3\]:disabled{opacity:.3}.group:hover .group-hover\:bg-brand-100{--tw-bg-opacity: 1;background-color:rgb(194 214 231 / var(--tw-bg-opacity))}@media (min-width: 768px){.md\:p-6{padding:1.5rem}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:justify-start{justify-content:flex-start}.lg\:p-8{padding:2rem}}@media (prefers-color-scheme: dark){.dark\:bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}}.\[\&_path\]\:hover\:\!fill-black:hover path{fill:#000!important}.\[\&_path\]\:hover\:\!fill-white:hover path{fill:#fff!important}.\[\&_path\]\:disabled\:\!fill-white:disabled path{fill:#fff!important}.\[\&_svg\]\:\!h-4 svg{height:1rem!important}.\[\&_svg\]\:h-8 svg{height:2rem}.\[\&_svg\]\:h-\[18px\] svg{height:18px}.\[\&_svg\]\:\!w-4 svg{width:1rem!important}.\[\&_svg\]\:w-8 svg{width:2rem}.\[\&_svg\]\:w-\[18px\] svg{width:18px}.hover\:\[\&_svg\]\:fill-black svg:hover{fill:#000}.\[\&_td\]\:pr-4 td,.\[\&_th\]\:pr-4 th{padding-right:1rem}
|
|
1
|
+
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.rds-h1{font-size:clamp(1.5rem,2.771vw + .783rem,3rem);line-height:1.3}.rds-h2{font-size:clamp(1.25rem,1.848vw + .772rem,2.25rem);line-height:1.3}.rds-h3{font-size:clamp(1.125rem,.924vw + .886rem,1.625rem);line-height:1.3}.rds-copy-lg{font-size:clamp(1rem,.231vw + .94rem,1.125rem);line-height:1.3;font-weight:400}.rds-copy{font-size:clamp(.938rem,.115vw + .908rem,1rem);line-height:1.3;font-weight:400}.rds-button{font-size:.875em;line-height:1.14;font-weight:400}.rds-tab{font-size:.75em;line-height:1.25;letter-spacing:.04;font-weight:600}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-top-2{top:-.5rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[calc\(50\%-190px\)\]{left:calc(50% - 190px)}.right-0{right:0}.right-\[0\.08em\]{right:.08em}.top-0{top:0}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-\[0\.1em\]{top:.1em}.top-\[100\%\],.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[10\]{z-index:10}.z-\[5\]{z-index:5}.z-\[999\]{z-index:999}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-0{height:0px}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[1\.2em\]{height:1.2em}.h-\[1\.3em\]{height:1.3em}.h-\[1\.5em\]{height:1.5em}.h-\[2\.5em\]{height:2.5em}.h-\[2\.8em\]{height:2.8em}.h-\[3\.1em\]{height:3.1em}.h-fit{height:fit-content}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[15em\]{max-height:15em}.max-h-\[200px\]{max-height:200px}.max-h-\[85vh\]{max-height:85vh}.max-h-full{max-height:100%}.min-h-\[34px\]{min-height:34px}.min-h-\[60vh\]{min-height:60vh}.w-14{width:3.5rem}.w-20{width:5rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[1\.2em\]{width:1.2em}.w-\[1\.3em\]{width:1.3em}.w-\[25em\]{width:25em}.w-fit{width:fit-content}.w-full{width:100%}.min-w-36{min-width:9rem}.min-w-48{min-width:12rem}.max-w-60{max-width:15rem}.max-w-\[68\%\]{max-width:68%}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.max-w-full{max-width:100%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.table-auto{table-layout:auto}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-180{--tw-rotate: -180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-x-2{column-gap:.5rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-tr-none{border-top-right-radius:0}.border{border-width:1px}.border-\[0\.4em\]{border-width:.4em}.border-\[1px\]{border-width:1px}.border-b{border-bottom-width:1px}.\!border-error{--tw-border-opacity: 1 !important;border-color:rgb(226 0 26 / var(--tw-border-opacity))!important}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.border-brand-50{--tw-border-opacity: 1;border-color:rgb(216 230 242 / var(--tw-border-opacity))}.border-brand-black{--tw-border-opacity: 1;border-color:rgb(57 58 66 / var(--tw-border-opacity))}.border-brand-grey-light{--tw-border-opacity: 1;border-color:rgb(223 230 235 / var(--tw-border-opacity))}.border-error{--tw-border-opacity: 1;border-color:rgb(226 0 26 / var(--tw-border-opacity))}.border-grey-800{--tw-border-opacity: 1;border-color:rgb(55 57 64 / var(--tw-border-opacity))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-r-brand{--tw-border-opacity: 1;border-right-color:rgb(226 0 26 / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-brand{--tw-bg-opacity: 1;background-color:rgb(226 0 26 / var(--tw-bg-opacity))}.bg-brand-100{--tw-bg-opacity: 1;background-color:rgb(194 214 231 / var(--tw-bg-opacity))}.bg-brand-50{--tw-bg-opacity: 1;background-color:rgb(216 230 242 / var(--tw-bg-opacity))}.bg-brand-grey-light{--tw-bg-opacity: 1;background-color:rgb(223 230 235 / var(--tw-bg-opacity))}.bg-brand-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-button{background-color:var(--button-color)}.bg-error{--tw-bg-opacity: 1;background-color:rgb(226 0 26 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity))}.bg-grey-300{--tw-bg-opacity: 1;background-color:rgb(175 176 183 / var(--tw-bg-opacity))}.bg-grey-50{--tw-bg-opacity: 1;background-color:rgb(240 239 241 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(0 103 27 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:rgb(4 62 209 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity))}.fill-black{fill:#000}.fill-brand{fill:#e2001a}.fill-current{fill:currentColor}.fill-red-400{fill:#f87171}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.text-left{text-align:left}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-error{--tw-text-opacity: 1;color:rgb(226 0 26 / var(--tw-text-opacity))}.text-grey-700{--tw-text-opacity: 1;color:rgb(82 85 94 / var(--tw-text-opacity))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-\[0\.3\]{opacity:.3}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-1{outline-width:1px}.outline-offset-0{outline-offset:0px}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-0{transition-duration:0s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--button-color: #000}.token.plain{display:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.2em;height:1.2em;background:transparent;border:none}input[type=range]::-moz-range-thumb{width:1.2em;height:1.2em;background:transparent;border:none}.first\:rounded-t-lg:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.last\:rounded-b:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.last\:rounded-b-lg:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-transparent:last-child{border-color:transparent}.last\:pb-0:last-child{padding-bottom:0}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.hover\:bg-brand-100:hover{--tw-bg-opacity: 1;background-color:rgb(194 214 231 / var(--tw-bg-opacity))}.hover\:bg-brand-50:hover{--tw-bg-opacity: 1;background-color:rgb(216 230 242 / var(--tw-bg-opacity))}.hover\:bg-grey-100:hover{--tw-bg-opacity: 1;background-color:rgb(233 232 234 / var(--tw-bg-opacity))}.hover\:bg-grey-300:hover{--tw-bg-opacity: 1;background-color:rgb(175 176 183 / var(--tw-bg-opacity))}.hover\:bg-grey-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 239 241 / var(--tw-bg-opacity))}.hover\:bg-grey-500:hover{--tw-bg-opacity: 1;background-color:rgb(134 136 143 / var(--tw-bg-opacity))}.hover\:bg-grey-800:hover{--tw-bg-opacity: 1;background-color:rgb(55 57 64 / var(--tw-bg-opacity))}.hover\:bg-red-400:hover{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:outline:hover{outline-style:solid}.hover\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:backdrop-brightness-75:hover{--tw-backdrop-brightness: brightness(.75);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:bg-\[\#e9e8ea\]:active{--tw-bg-opacity: 1;background-color:rgb(233 232 234 / var(--tw-bg-opacity))}.active\:bg-blue-500:active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.active\:bg-grey-300:active{--tw-bg-opacity: 1;background-color:rgb(175 176 183 / var(--tw-bg-opacity))}.active\:bg-grey-900:active{--tw-bg-opacity: 1;background-color:rgb(38 40 45 / var(--tw-bg-opacity))}.active\:bg-red-500:active{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.active\:bg-transparent:active{background-color:transparent}.active\:text-white:active{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-grey-300:disabled{--tw-border-opacity: 1;border-color:rgb(175 176 183 / var(--tw-border-opacity))}.disabled\:bg-brand-grey-light:disabled{--tw-bg-opacity: 1;background-color:rgb(223 230 235 / var(--tw-bg-opacity))}.disabled\:bg-grey-100:disabled{--tw-bg-opacity: 1;background-color:rgb(233 232 234 / var(--tw-bg-opacity))}.disabled\:bg-white:disabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.disabled\:text-grey-300:disabled{--tw-text-opacity: 1;color:rgb(175 176 183 / var(--tw-text-opacity))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-\[0\.3\]:disabled{opacity:.3}.group:hover .group-hover\:bg-brand-100{--tw-bg-opacity: 1;background-color:rgb(194 214 231 / var(--tw-bg-opacity))}@media (min-width: 768px){.md\:p-6{padding:1.5rem}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:justify-start{justify-content:flex-start}.lg\:p-8{padding:2rem}}@media (prefers-color-scheme: dark){.dark\:bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}}.\[\&_path\]\:hover\:\!fill-black:hover path{fill:#000!important}.\[\&_path\]\:hover\:\!fill-white:hover path{fill:#fff!important}.\[\&_path\]\:disabled\:\!fill-white:disabled path{fill:#fff!important}.\[\&_svg\]\:\!h-4 svg{height:1rem!important}.\[\&_svg\]\:h-8 svg{height:2rem}.\[\&_svg\]\:h-\[18px\] svg{height:18px}.\[\&_svg\]\:\!w-4 svg{width:1rem!important}.\[\&_svg\]\:w-8 svg{width:2rem}.\[\&_svg\]\:w-\[18px\] svg{width:18px}.hover\:\[\&_svg\]\:fill-black svg:hover{fill:#000}.\[\&_td\]\:pr-4 td,.\[\&_th\]\:pr-4 th{padding-right:1rem}
|
package/dist/rds-ui-system.es.js
CHANGED
|
@@ -6823,13 +6823,22 @@ const nr = ({
|
|
|
6823
6823
|
onSelectionChange: t,
|
|
6824
6824
|
alternatingRowColor: a,
|
|
6825
6825
|
index: n
|
|
6826
|
-
}) => /* @__PURE__ */ e.jsx(
|
|
6827
|
-
|
|
6828
|
-
|
|
6829
|
-
|
|
6830
|
-
|
|
6831
|
-
|
|
6832
|
-
|
|
6826
|
+
}) => /* @__PURE__ */ e.jsx(
|
|
6827
|
+
"tr",
|
|
6828
|
+
{
|
|
6829
|
+
className: g(
|
|
6830
|
+
"transition-colors duration-200 hover:bg-slate-200",
|
|
6831
|
+
a && n % 2 === 0 && a
|
|
6832
|
+
),
|
|
6833
|
+
children: r.map((l) => {
|
|
6834
|
+
const o = "td-table-" + l.id + (Object.keys(s).includes("id") ? s.id : JSON.stringify(s));
|
|
6835
|
+
if (l.render)
|
|
6836
|
+
return /* @__PURE__ */ e.jsx("td", { className: g(l.centered && "text-center"), children: l.render(s) }, o);
|
|
6837
|
+
const d = s[l.id];
|
|
6838
|
+
return typeof d == "boolean" ? /* @__PURE__ */ e.jsx("td", { className: "flex min-h-[34px] items-center justify-center", children: /* @__PURE__ */ e.jsx(We, { id: "", checked: d, onChange: () => t == null ? void 0 : t(s) }) }, o) : typeof d == "string" || typeof d == "number" ? /* @__PURE__ */ e.jsx("td", { className: g(l.centered && "text-center"), children: d }, o) : /* @__PURE__ */ e.jsx("td", { children: "unhandled - please check" }, o);
|
|
6839
|
+
})
|
|
6840
|
+
}
|
|
6841
|
+
), or = gt(cr), dr = ({
|
|
6833
6842
|
tableColumnsData: s,
|
|
6834
6843
|
classNameBody: r,
|
|
6835
6844
|
classNameHead: t,
|
|
@@ -6864,7 +6873,7 @@ const nr = ({
|
|
|
6864
6873
|
}, [l, V, _, y, c]);
|
|
6865
6874
|
return /* @__PURE__ */ e.jsxs("div", { className: g("flex w-full flex-col", n), children: [
|
|
6866
6875
|
/* @__PURE__ */ e.jsxs("table", { className: g("table-auto [&_td]:pr-4 [&_th]:pr-4", a), children: [
|
|
6867
|
-
/* @__PURE__ */ e.jsx("thead", { className: g("text-left", t), children: /* @__PURE__ */ e.jsx("tr", { children: s.map((k) => /* @__PURE__ */ e.jsx("th", { className: g(k.centered && "
|
|
6876
|
+
/* @__PURE__ */ e.jsx("thead", { className: g("text-left", t), children: /* @__PURE__ */ e.jsx("tr", { children: s.map((k) => /* @__PURE__ */ e.jsx("th", { className: g(k.centered && "text-center"), children: k.renderHeader ? /* @__PURE__ */ e.jsx(e.Fragment, { children: k.renderHeader }) : k.isSorting ? /* @__PURE__ */ e.jsxs(
|
|
6868
6877
|
"button",
|
|
6869
6878
|
{
|
|
6870
6879
|
onClick: () => {
|
|
@@ -6872,7 +6881,7 @@ const nr = ({
|
|
|
6872
6881
|
},
|
|
6873
6882
|
className: g(
|
|
6874
6883
|
"flex items-center gap-x-2",
|
|
6875
|
-
k.centered && "justify-center",
|
|
6884
|
+
k.centered && "w-full justify-center",
|
|
6876
6885
|
V === k.id && A && "underline underline-offset-2"
|
|
6877
6886
|
),
|
|
6878
6887
|
children: [
|
|
@@ -26,4 +26,4 @@ Check the top-level render call using <`+p+">.")}return f}}function Yt(i,f){{if(
|
|
|
26
26
|
${D?"!border-error":""}
|
|
27
27
|
${jt[t]}`;return e.jsx(e.Fragment,{children:e.jsxs("div",{className:b("relative flex h-14 w-full flex-shrink-0 flex-grow-0 flex-col items-start justify-start rounded-tl rounded-tr bg-white",a&&"pointer-events-none cursor-not-allowed opacity-[0.3]",L),"data-testid":"test-input",children:[r&&e.jsx("label",{className:b("absolute -top-2 left-2 flex items-center justify-start rounded bg-white px-1 text-left text-xs text-black",D&&"text-error"),"data-testid":"test-input-label",children:r}),e.jsx("input",{id:x,ref:R,value:A,name:d,type:N?"text":c,onChange:P,placeholder:s,className:j,style:{WebkitAppearance:"none",appearance:"none"},disabled:a,required:g,"aria-invalid":l,"data-testid":"test-input-input",...T}),e.jsxs("div",{style:{background:""},className:"absolute right-[0.08em] top-[0.1em] flex h-[2.8em] flex-shrink-0 flex-grow-0 items-center justify-center gap-2.5 rounded-r py-0 pl-2 pr-2",children:[c=="password"&&e.jsx(X,{onClick:V=>{V.preventDefault(),B()},className:"px-0 hover:bg-transparent [&_path]:hover:!fill-black","data-testid":N?"toggle-visibility-off":"toggle-visibility",variant:"TEXT",iconName:N?"VisibilityOff":"Visibility"}),l?e.jsx(X,{iconName:"Error",onClick:G,variant:"TEXT",className:"hover:bg-transparent [&_path]:hover:!fill-black",iconColor:"fill-brand","data-testid":"button-clear"}):e.jsx(X,{iconName:"Cancel",onClick:G,variant:"TEXT",className:b("hover:bg-transparent [&_path]:hover:!fill-black",c==="number"&&"hidden"),"data-testid":"button-clear"})]}),h&&e.jsx(fe,{message:h,showErrorStyles:D,className:"ml-4 mt-1"})]})})});bt.displayName="Input";const ve=s=>e.jsx("a",{...s,className:b("rds-copy-lg cursor-pointer underline-offset-2 hover:underline",s.disabled&&"pointer-events-none cursor-none opacity-50",s.className),children:s.children}),_t=({className:s,classNameLoader:r})=>e.jsx("div",{className:b("loader fixed left-0 top-0 z-[999] flex items-center justify-center",s),children:e.jsx("div",{className:b("spinner h-14 w-14 animate-spin rounded-full border-[0.4em] border-brand-grey-light border-r-brand",r)})}),Is={DEFAULT:"primary"},Bs={DEFAULT:"bg-yellow-200 hover-bg-green-400 active-bg-green-500"},Ke=u.forwardRef(({label:s,disabled:r=!1,isError:t=!1,required:a=!1,onChange:l,checked:n,id:o,readOnly:d,...c},x)=>{const[h,g]=u.useState(n||!1),[L,C]=u.useState(!1);u.useEffect(()=>{g(n||!1)},[n]);const T=t||a;return e.jsxs("div",{className:`relative flex items-center justify-start gap-2 ${r?"pointer-events-none opacity-50":""}`,"data-testid":"test-radio",children:[e.jsxs("svg",{width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:`relative h-5 w-5 flex-shrink-0 flex-grow-0 ${h?"text-black":"text-white"}`,preserveAspectRatio:"none",children:[e.jsx("rect",{x:"0.5",y:"0.5",width:19,height:19,rx:"10",fill:"white",stroke:T?"#e2001a":L?"black":"#AFB0B7",strokeWidth:1}),L&&e.jsx("circle",{cx:10,cy:10,r:6,fill:"lightgrey","data-testid":"circle"}),h&&e.jsx("circle",{cx:10,cy:10,r:6,fill:"black"})]}),e.jsx("span",{className:b("text-left text-base text-black"),children:s}),e.jsx("input",{type:"checkbox",ref:x,id:o,checked:h,onChange:R=>{g(R.target.checked),l==null||l(R)},readOnly:d,className:"absolute h-[1.2em] w-[1.2em] cursor-pointer opacity-0",onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),"data-testid":"test-radio-input",...c})]})});Ke.displayName="Radio";const Ws={DEFAULT:"default",GREY:"grey"},Je=u.forwardRef(({option:s,isActive:r,className:t,onSelectionChange:a,withCheckbox:l=!0,variant:n="DEFAULT",checkboxPosition:o="leading",showAmount:d,...c},x)=>{const[h,g]=u.useState(!1);u.useEffect(()=>{r!==void 0&&g(r)},[r]);const L=l&&o==="leading",C=l&&o==="trailing";return e.jsx("li",{ref:x,className:b("w-full cursor-pointer list-none border-b border-brand-50","delay-10 transition-all duration-200 hover:bg-brand-50","last:rounded-b last:border-transparent",n==="GREY"&&"bg-grey-50",r&&"bg-brand-100",n==="GREY"&&r&&"bg-grey-300",!l&&"items-start",t),title:s.name,"data-testid":"test-selectItem-"+s.id,...c,children:e.jsxs("button",{className:b("flex w-full items-center px-4 py-2",C&&"justify-between"),onClick:()=>{a(s),g(!h)},type:"button",children:[L&&e.jsx(Ce,{id:"checkbox-"+s.id,checked:h,onChange:()=>{a(s),g(!h)}}),e.jsxs("span",{children:[e.jsx("span",{className:b(L&&"ml-4"),children:s.name}),d&&s.amountResults&&e.jsxs("span",{className:"ml-4",children:["(",s.amountResults,")"]})]}),C&&e.jsx(Ce,{id:"checkbox-"+s.id,checked:h,onChange:()=>{a(s),g(!h)}})]})})});Je.displayName="SelectItem";const Os=({className:s})=>e.jsx("div",{className:b("h- animate-pulse rounded bg-gray-300 dark:bg-gray-500",s),"data-testid":"test-skeleton"}),zs=({min:s,max:r,step:t=1,value:a=s,disabled:l=!1,onChange:n,trackColor:o="bg-gray-200",thumbColor:d="bg-white",percentage:c})=>{const[x,h]=u.useState(a),g=L=>{const C=Number(L.target.value);h(C),n==null||n(C)};return e.jsxs("div",{className:"relative flex h-[1.5em] w-full items-center",children:[e.jsx("div",{className:"absolute h-2 w-full rounded-lg border border-black"}),e.jsx("div",{className:b("absolute h-2 rounded-lg border border-black transition-all duration-0",o),style:{width:`${(x-s)/(r-s)*100}%`},"data-testid":"test-track"}),e.jsx("input",{type:"range",min:s,max:r,step:t,value:x,onChange:g,disabled:l,className:b("relative z-20 h-2 w-full cursor-pointer appearance-none rounded-lg bg-transparent","hover:brightness-90 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"),style:{WebkitAppearance:"none",appearance:"none"},"data-testid":"test-slider"}),e.jsx("div",{className:b("absolute top-1/2 h-[1.3em] w-[1.3em] rounded-full border border-black bg-red-500 shadow-md transition-transform duration-200 ease-in-out",d),style:{left:`${(x-(s-1))/(r-(s-2))*100}%`,transform:"translate(-50%, -50%)"},"data-testid":"test-thumb"}),c&&e.jsxs("span",{className:"absolute text-sm font-medium text-black",style:{left:`${(x-(s-1))/(r-(s-2))*100}%`,transform:"translate(-50%, -150%)",top:"1em"},children:[Math.round(x),"%"]})]})},Us={DEFAULT:"default",LARGE:"large",SMALL:"small",BUTTON:"button",TAB:"tab"},Lt={DEFAULT:"rds-copy",SMALL:"rds-copy-small",LARGE:"rds-copy-large",BUTTON:"rds-button",TAB:"rds-tab"},Te=u.forwardRef(({isDisabled:s=!1,text:r,children:t,bold:a,className:l,title:n,variant:o="DEFAULT"},d)=>e.jsx("p",{ref:d,title:n,className:b(Lt[o],a&&"font-semibold",s&&"pointer-events-none cursor-not-allowed opacity-[0.3]",l),"data-testid":"test-text",children:t??r}));Te.displayName="Text";const Gs={DEFAULT:"default"},yt={DEFAULT:"flex flex-col justify-start items-start self-stretch flex-grow-0 flex-shrink-0 gap-2.5 transition-all duration-400 rounded border border-1 border-grey-800 hover:outline outline-offset-0 outline-1"},kt=u.forwardRef(({value:s,placeholder:r,label:t,variant:a="DEFAULT",disabled:l=!1,isError:n=!1,defaultValue:o,required:d,onChange:c,supportingText:x,id:h,...g},L)=>{const C=`h-[3.1em] w-full transition-colors px-4 py-3 rounded-md
|
|
28
28
|
${d||n?"border-error":""}
|
|
29
|
-
${yt[a]} ${l?"cursor-not-allowed pointer-events-none":""} ${g.rows!==void 0&&"h-fit"}`;return e.jsxs("div",{className:`relative flex w-full flex-col items-start justify-start rounded-tl rounded-tr ${l&&"pointer-events-none cursor-not-allowed opacity-[0.3]"}`,"data-testid":"test-textarea",children:[t&&e.jsx("div",{className:"label absolute -top-2 left-3 flex items-center justify-start rounded bg-white px-1",children:e.jsx("p",{className:`text-left text-xs ${d||n?"text-error":"text-black"}`,"data-testid":"test-textarea-label",children:t})}),e.jsx("textarea",{id:h,ref:L,value:s,defaultValue:o,placeholder:r,onChange:c,className:C,disabled:l,required:d,"data-testid":"test-textarea-input",...g}),x&&e.jsx(fe,{message:x,className:"ml-4 mt-1",showErrorStyles:d||n})]})});kt.displayName="Textarea";const Ds={DEFAULT:"default"},Ys={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900"},Xs=({options:s,allowMultiple:r=!1,className:t})=>{const[a,l]=u.useState(void 0),[n,o]=u.useState([]),d=c=>{r?n.includes(c)?o(n.filter(x=>x!==c)):o([...n,c]):l(x=>x===c?void 0:c)};return e.jsx(e.Fragment,{children:e.jsx("div",{className:b("w-full overflow-hidden rounded border border-brand-black",t),"data-testid":"test-accordion",children:s.map((c,x)=>{const h=a===x||n.includes(x);return e.jsxs("div",{className:"accordion-item relative h-fit w-full flex-col items-start justify-start gap-2.5 overflow-hidden border-b bg-brand-white pt-4 transition-all duration-700 last:border-b-0 hover:cursor-pointer focus:border-blue-500 focus:outline-none",children:[e.jsxs("button",{className:"flex h-[2.5em] w-full justify-between border-b bg-brand-white px-4",onClick:()=>d(x),"data-testid":"test-accordion-header-"+x,type:"button",children:[c.title,h?e.jsx($,{name:"ExpandLess"}):e.jsx($,{name:"ExpandMore"})]}),e.jsx("div",{className:`h-fit transition-all duration-500 ${h?"max-h-[15em] overflow-y-scroll":"max-h-0 overflow-hidden"}`,"data-testid":"test-accordion-body-"+x,children:c.content?e.jsx("div",{className:"p-4",children:c.content}):e.jsx("p",{className:"p-4",children:c.description})})]},"accordion-"+x)})})})},Nt=({links:s,variant:r="dark",className:t})=>e.jsx("ol",{className:b("flex gap-2",t),"data-testid":"test-breadcrumb",children:s.map((a,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(ve,{...a,className:b("text-sm",r==="light"?"text-white":"text-black"),children:a.label}),l<s.length-1&&e.jsx($,{name:"KeyboardArrowRight",iconColor:r==="light"?"white":"black"})]},"breadcrumb-"+a.label))}),Ct=({title:s,links:r,className:t,variant:a="dark"})=>{const[l,n]=u.useState(!1),o=u.useRef(null);u.useEffect(()=>{const c=()=>{n(!1)};return o.current&&o.current.addEventListener("mouseleave",c),()=>{o.current&&o.current.removeEventListener("mouseleave",c)}},[]);const d=()=>{n(!1)};return e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>{n(!0)},onMouseEnter:()=>{n(!0)},className:b("rds-copy-lg flex text-white",a==="dark"&&"text-black"),type:"button",children:[s,e.jsx($,{name:"ExpandMore",iconColor:a==="dark"?"fill-black":"fill-white",className:b(l&&"rotate-180 duration-300")})]}),e.jsx("div",{className:b("absolute top-full z-10 mt-4 h-fit w-fit min-w-36 rounded-lg transition-all duration-500",l?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:o,onMouseLeave:d,children:r.map((c,x)=>e.jsx("li",{className:"px-4 py-2 transition-all duration-150 first:rounded-t-lg last:rounded-b-lg hover:backdrop-brightness-75",children:e.jsx(ve,{href:c.href,className:b(a==="dark"?"text-black":"text-white"),children:c.label})},s+x))})})]})},Vt=({navigation:s,className:r,classNameDropdown:t})=>{const[a,l]=u.useState(!1),n=u.useRef(null),[o,d]=u.useState(void 0);u.useEffect(()=>{const h=()=>{l(!1)};return n.current&&n.current.addEventListener("mouseleave",h),()=>{n.current&&n.current.removeEventListener("mouseleave",h)}},[]);const c=()=>{l(!1)},x="py-2 last:pb-0";return e.jsxs("div",{className:b("flex items-center lg:hidden",r),children:[e.jsx("button",{onClick:()=>l(!a),type:"button",children:e.jsx($,{name:"Menu",iconColor:"fill-white",className:"block [&_svg]:h-8 [&_svg]:w-8"})}),e.jsx("div",{className:b("absolute right-0 top-[100%] h-fit w-fit min-w-48 rounded-lg rounded-tr-none p-4 transition-all duration-500",a?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:n,onMouseLeave:c,children:o?e.jsxs(e.Fragment,{children:[e.jsx("li",{children:e.jsx(X,{variant:"TEXT",iconName:"KeyboardArrowLeft",className:"px-0 pt-0 hover:bg-transparent",onClick:()=>d(void 0)})}),o.links.map(h=>e.jsx("li",{className:x,children:e.jsx(ve,{href:h.href,children:h.label})},"link-"+h.label))]}):e.jsx(e.Fragment,{children:s.map((h,g)=>"title"in h?e.jsxs("button",{onClick:()=>d(h),className:"flex items-center",type:"button",children:[h.title," ",e.jsx($,{name:"KeyboardArrowRight"})]},"dropdown-"+h.title):e.jsx("li",{className:x,children:e.jsx(ve,{href:h.href,children:h.label})},h.label+g))})})})]})},Ks={DEFAULT:"default"},Mt=u.forwardRef(({children:s,onClick:r,width:t,height:a,className:l,headline:n},o)=>(u.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="unset"}),[]),u.useEffect(()=>{const d=c=>{c.key==="Escape"&&(r==null||r())};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:r,className:"fixed inset-0 z-50 transition-opacity",style:{background:"black",opacity:"0.6"}}),e.jsx("div",{"data-testid":"test-modal",ref:o,className:b(`fixed left-1/2 top-1/2 z-50 max-h-full max-w-full -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-md border border-white bg-white p-4 md:p-6 lg:p-8 ${l} `),style:{width:t||"",height:a||""},onClick:d=>d.stopPropagation(),children:e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("div",{className:b("flex items-center justify-end p-2",n&&"justify-between"),children:[n&&e.jsx(Xe,{variant:"h3",children:n}),e.jsx(X,{iconName:"Close",onClick:r,className:"justify-self-end p-2 hover:bg-grey-50 active:bg-grey-300 hover:[&_svg]:fill-black",variant:"UNSTYLED"})]}),s]})})]})));Mt.displayName="Modal";const Qe=({className:s,isOpen:r,wideDropdown:t,handleMouseLeave:a,handleSelection:l,options:n,optionProps:o,showSearchField:d,inputValue:c="",setInputValue:x,searchFieldPlaceholder:h,currSelected:g})=>{const L=u.useRef(null),C=u.useRef(null),T=u.useRef(null),R=A=>{const k=A.current;k==null||k.scrollIntoView({behavior:"smooth",block:"nearest"})};return u.useEffect(()=>{const A=g.length===1&&r,k=A&&c.length===0;if(A||k){const P=setTimeout(()=>R(L),500);return()=>clearTimeout(P)}},[r,g,c,L]),e.jsxs("div",{onMouseLeave:a,children:[d&&e.jsx("input",{type:"text",value:c,onChange:A=>x==null?void 0:x(A.target.value),className:b("pointer-events-none absolute z-[10] mt-1 h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none",r&&"pointer-events-auto h-fit opacity-100"),placeholder:h}),e.jsx("div",{className:b("absolute left-0 top-full z-[5] mt-1 h-0 w-full cursor-pointer overflow-y-auto overflow-x-hidden rounded-b border bg-grey-50 opacity-0 shadow-md outline-none transition-all",r&&"h-fit max-h-60 opacity-100",t&&"w-fit",d&&r&&"mt-10 max-h-[85vh] min-h-[60vh]",s),ref:T,children:e.jsxs("ul",{className:b("h-full w-full",r&&"h-fit max-h-[200px]",d&&r&&"top-10"),"data-testid":"test-multiselect-list",ref:C,children:[n.length===0&&e.jsx("p",{className:"bg-slate-200 p-2",children:"keine Optionen gefunden"}),r&&(n==null?void 0:n.filter(A=>A.name.toLowerCase().includes(c.toLowerCase())).map(A=>e.jsx(Je,{id:A.id,option:A,isActive:g==null?void 0:g.some(k=>k.id===A.id),onSelectionChange:l,className:t?"whitespace-nowrap":void 0,ref:g.length===1&&(g!=null&&g.some(k=>k.id===A.id))?L:null,...o},A.id)))]})})]})},Js={DEFAULT:"default"},Rt={DEFAULT:"rounded border border-black bg-brand-white duration-300 transition-all hover:bg-grey-100"},At=u.forwardRef(({selectedOptions:s=[],onSelectionChange:r,options:t,isDisabled:a,label:l,variant:n="DEFAULT",wideDropdown:o=!1,optionProps:d,hasError:c=!1,errorMessage:x,placeholder:h="Auswählen",showSelectedAsChips:g=!1,exceptionOptions:L,showSearchField:C=!1,searchFieldPlaceholder:T="Optionen durchsuchen",className:R,clearSearchValue:A=!1},k)=>{const[P,G]=u.useState(!1),[N,S]=u.useState("");u.useEffect(()=>{A&&N.length>0&&S("")},[A]),u.useEffect(()=>{const V=K=>{K.key==="Escape"&&(G(!1),r(j.map(q=>q.id)))};return window.addEventListener("keydown",V),()=>{window.removeEventListener("keydown",V)}},[]);const B=V=>{let K=s??[];L!=null&&L.includes(V.id)?K=[V.id]:s!=null&&s.includes(V.id)?K=s.filter(q=>q!==V.id&&!(L!=null&&L.includes(q))):K=[...s.filter(q=>!(L!=null&&L.includes(q)))??[],V.id],r(K)},D=()=>{setTimeout(()=>{j.length>0&&r(j.map(V=>V.id)),P&&G(!1)},500)},j=t.filter(V=>s.includes(V.id));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:k,className:b("relative rounded",Rt[n],c&&"border-error",R),children:[e.jsxs("button",{onClick:()=>G(!P),className:b("flex w-full cursor-pointer items-start justify-between rounded px-4 py-3 disabled:pointer-events-none disabled:bg-brand-grey-light"),disabled:a,"data-testid":"test-multiselect",type:"button",children:[e.jsx("label",{className:b("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",c&&"text-error"),children:l}),!g&&s.length>0?e.jsx("span",{className:"max-w-[90%] overflow-hidden text-ellipsis whitespace-nowrap",children:j.map(V=>V.name).join(", ")}):e.jsx("p",{children:h}),e.jsx("div",{className:b("duration-600 -rotate-180 transition-all",P&&"rotate-0"),"data-testid":"test-multiselect-icon-wrapper",children:e.jsx($,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]}),e.jsx(Qe,{handleMouseLeave:D,setInputValue:S,inputValue:N,options:t,currSelected:j,optionProps:d,handleSelection:B,isOpen:P,showSearchField:C,searchFieldPlaceholder:T,wideDropdown:o})]}),c&&x&&e.jsx(fe,{message:x,showErrorStyles:!0,className:"mt-2"}),g&&e.jsx("div",{className:"mt-2 flex flex-wrap gap-4",children:j.map(V=>e.jsx(Ye,{label:V.name,onClick:()=>B(V)},"selected-"+V.name))})]})});At.displayName="MultiSelect";const Qs={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Ht={PRIMARY:"bg-white hover:bg-black-800 active:bg-grey-900",SECONDARY:"bg-blue-200 hover:bg-blue-400 active:bg-blue-500",TERTIARY:"bg-red-200 hover:bg-red-400 active:bg-red-500"},qs={SECONDARY:"bg-blue-500 text-white",TERTIARY:"bg-red-500 text-white",PRIMARY:"bg-black text-white"},$s=({pages:s,onNavigate:r,classNames:t,activeIndex:a})=>{const[l,n]=u.useState([2,3]),o=u.useCallback(()=>{if(a===2||a===s-1)return;if(a===1){n([2,3]);return}if(a===10){n([8,9]);return}const c=[a-1,a,a+1];n(c)},[s,a]);u.useEffect(()=>{o()},[a]);const d=a!==s&&a!==s-1&&a!==s-2;return e.jsxs(e.Fragment,{children:[e.jsx(X,{className:t(a===1),onClick:()=>r==null?void 0:r(1),"data-testid":"test-constructed-pagination-button-0",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:1})}),l[0]!==2&&e.jsx(e.Fragment,{children:"..."}),l.map((c,x)=>e.jsx(X,{className:t(a===c),onClick:()=>r==null?void 0:r(c),"data-testid":"test-pagination-button-"+x,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:c})},x)),d&&e.jsx(e.Fragment,{children:"..."}),e.jsx(X,{className:t(a===s),onClick:()=>r==null?void 0:r(10),"data-testid":"test-pagination-button-10",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:s})})]})},Fs=({pages:s,variant:r="PRIMARY",onNavigate:t})=>{const[a,l]=u.useState(1),n=x=>{l(h=>h===x?h:x),t==null||t(x)},o={className:"relative h-6 w-6 flex-shrink-0 flex-grow-0 bg-transparent px-2 hover:bg-grey-300 active:bg-grey-400 [&_path]:disabled:!fill-white",iconColor:"black",iconPosition:"leading"},d=x=>b("flex h-fit rounded p-1 text-black active:text-white",Ht[r],x&&qs[r]),c=s<=5;return e.jsxs("div",{className:"relative flex items-center justify-center gap-4","data-testid":"test-pagination",children:[e.jsx(X,{iconName:"KeyboardArrowLeft",onClick:()=>{const x=a-1;l(x),t==null||t(x)},disabled:a===1,"data-testid":"button-prev",...o}),c?e.jsx(e.Fragment,{children:Array.from(Array(s)).map((x,h)=>e.jsx(X,{className:d(a===h+1),onClick:()=>{n(h),t==null||t(h)},"data-testid":"test-pagination-button-"+h,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:h+1})},h))}):e.jsx($s,{activeIndex:a,classNames:d,pages:s,onNavigate:n}),e.jsx(X,{iconName:"KeyboardArrowRight",onClick:()=>{const x=a+1;l(x),t==null||t(x)},disabled:a===s,"data-testid":"button-next",...o})]})},er=({options:s,supportingText:r,required:t,selectedValue:a,setSelectedValue:l,className:n,showSupportingText:o})=>e.jsxs("div",{className:b("flex flex-col gap-2",n),"data-testid":"test-radioGroup",children:[s.map(d=>e.jsx(Ke,{value:d.value,label:d.label,onChange:c=>l(c.target.value),checked:a===d.value,required:t},"radio-group-"+d.value)),o&&r&&e.jsx(fe,{message:r,showErrorStyles:t,className:"mt-1"})]}),tr={DEFAULT:"default",TOP_PULL:"top_pull"},sr={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900",TOP_PULL:"bg-black hover:bg-black-800 active:bg-grey-900"},Pt=u.forwardRef(({options:s,selectedOption:r,onSelectionChange:t,label:a,isDisabled:l=!1,optionProps:n,wideDropdown:o=!1,hasError:d=!1,placeholder:c="Auswählen",showSearchField:x=!1,searchFieldPlaceholder:h="Optionen durchsuchen",className:g,errorMessage:L,clearSearchValue:C=!1},T)=>{const[R,A]=u.useState(!1),[k,P]=u.useState("");u.useEffect(()=>{C&&k.length>0&&P("")},[C]),u.useEffect(()=>{const B=D=>{D.key==="Escape"&&A(!1)};return window.addEventListener("keydown",B),()=>{window.removeEventListener("keydown",B)}},[]);const G=()=>{A(!R)},N=()=>{setTimeout(()=>{R&&A(!1)},500)},S=s.find(B=>B.id===r);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:T,className:b("relative rounded border border-black",d&&"border-error",g),children:[e.jsxs("button",{className:"flex h-[3.1em] w-full items-center gap-2.5 self-stretch rounded pr-2.5 hover:bg-grey-100 disabled:pointer-events-none disabled:bg-brand-grey-light",onClick:G,tabIndex:0,disabled:l,"data-testid":"test-select",type:"button",children:[e.jsx("label",{className:b("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",d&&"text-error"),children:a}),e.jsxs("div",{className:"flex w-full items-center justify-between self-stretch rounded-tl rounded-tr py-1 pl-4",children:[e.jsx("div",{className:"w-full overflow-hidden text-ellipsis whitespace-nowrap text-left text-base text-black",children:(S==null?void 0:S.name)??c}),e.jsx("div",{className:b("duration-600 -rotate-180 transition-all",R&&"rotate-0"),"data-testid":"test-select-icon",children:e.jsx($,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]})]}),e.jsx(Qe,{isOpen:R,handleMouseLeave:N,options:s,currSelected:S?[S]:[],handleSelection:B=>{t(B.id)},optionProps:n,inputValue:k,setInputValue:P,wideDropdown:o,showSearchField:x,searchFieldPlaceholder:h})]}),d&&L&&e.jsx(fe,{message:L,showErrorStyles:!0,className:"mt-2"})]})});Pt.displayName="Select";var Et=(s=>(s.SUCCESS="success",s.INFO="info",s.ERROR="error",s))(Et||{});const Tt=({type:s,message:r,showClosingButton:t=!0,showDetails:a,detailsLink:l,className:n})=>{const o=s==="success"?"Checked":"Info";return e.jsxs("div",{className:b("flex w-80 justify-between rounded p-2 text-white drop-shadow-sm",s==="success"&&"bg-success",s==="error"&&"bg-error",s==="info"&&"bg-warning",n),"data-testid":"test-toast",children:[e.jsxs("div",{className:"flex grow",children:[e.jsx($,{name:o,iconColor:"white",className:"mr-2 pt-0.5",isIconSolid:!0}),e.jsx("span",{className:b(a&&"max-w-[68%]"),children:r}),a&&e.jsx(X,{variant:"TEXT",label:"Details",className:"ml-2 h-fit grow self-end text-white hover:bg-transparent active:bg-transparent",onClick:a}),l&&e.jsx("a",{href:l,className:"rds-button ml-2 self-end p-2 underline-offset-2 hover:underline",children:"Details"})]}),t&&e.jsx(X,{iconColor:"fill-white",iconName:"Close",className:"h-fit self-start bg-transparent px-2 py-0 hover:bg-transparent active:bg-transparent"})]})},rr=({logo:s,className:r,classNameContent:t,children:a,navigation:l,classNameDropdown:n,variant:o,handleLogout:d,account:c,breadcrumbs:x})=>e.jsxs("header",{className:b("fixed right-0 top-0 z-0 w-full py-5",r),children:[e.jsxs("div",{className:b("mx-auto flex items-center justify-between lg:justify-start",t),children:[s,l&&e.jsxs(e.Fragment,{children:[e.jsx("nav",{className:"ml-8 mr-4 hidden grow items-center lg:flex",children:e.jsx("ul",{className:"flex items-center gap-4",children:l==null?void 0:l.map(h=>"title"in h?e.jsx("li",{children:e.jsx(Ct,{...h,className:n,variant:o})},"dropdown-"+h.title):e.jsx("li",{children:e.jsx(ve,{href:h.href,className:o==="light"?"text-white":"text-black",children:h.label})},"headerlink-"+h.label))})}),e.jsx(Vt,{navigation:l,classNameDropdown:n})]}),a,d&&e.jsx(X,{onClick:d,iconName:"Login",variant:"UNSTYLED",iconColor:o==="light"?"white":"dark",id:"logout-button"}),c]}),x&&x.length>0&&e.jsx(Nt,{links:x,variant:o,className:"mx-auto mt-4 max-w-[80%]"})]}),ir=({data:s,tableColumnsData:r,onSelectionChange:t,alternatingRowColor:a,index:l})=>e.jsx("tr",{className:b(a&&l%2===0&&a),children:r.map(n=>{const o="td-table-"+n.id+JSON.stringify(s);if(n.render)return e.jsx("td",{className:b(n.centered&&"text-center"),children:n.render(s)},o);const d=s[n.id];return typeof d=="boolean"?e.jsx("td",{className:"flex min-h-[34px] items-center justify-center",children:e.jsx(Ce,{id:"",checked:d,onChange:()=>t==null?void 0:t(s)})},o):typeof d=="string"||typeof d=="number"?e.jsx("td",{className:b(n.centered&&"text-center"),children:d},o):e.jsx("td",{children:"unhandled - please check"},o)})}),ar=u.memo(ir),nr=({tableColumnsData:s,classNameBody:r,classNameHead:t,classNameTable:a,classNameWrapper:l,tableData:n,onSelectionChange:o,alternatingRowColor:d,onDisabledSorting:c,noResultsMessage:x,loadingMessage:h,isLoading:g,classNameLoader:L,parentSortDir:C,highlightActiveFilter:T=!1})=>{const[R,A]=u.useState(void 0),[k,P]=u.useState("asc");u.useEffect(()=>{C&&P(C)},[C]),u.useEffect(()=>{c&&R&&c(R,k)},[c,R,k]);const G=u.useMemo(()=>{const N=R,S=n,B=C??k;if(!N||c)return S;const D=typeof n[0][N];return D==="string"?S.sort((j,V)=>{var ie,F;const K=((ie=j[N])==null?void 0:ie.toString().toLowerCase())||"",q=((F=V[N])==null?void 0:F.toString().toLowerCase())||"";return B==="asc"?K.localeCompare(q):q.localeCompare(K)}):D==="number"&&S.sort((j,V)=>B==="asc"?+j[N]-+V[N]:+V[N]-+j[N]),S},[n,R,k,C,c]);return e.jsxs("div",{className:b("flex w-full flex-col",l),children:[e.jsxs("table",{className:b("table-auto [&_td]:pr-4 [&_th]:pr-4",a),children:[e.jsx("thead",{className:b("text-left",t),children:e.jsx("tr",{children:s.map(N=>e.jsx("th",{className:b(N.centered&&"flex justify-center text-center"),children:N.renderHeader?e.jsx(e.Fragment,{children:N.renderHeader}):N.isSorting?e.jsxs("button",{onClick:()=>{A(N.id),R===N.id&&P(S=>S==="asc"?"desc":"asc")},className:b("flex items-center gap-x-2",N.centered&&"justify-center",R===N.id&&T&&"underline underline-offset-2"),children:[N.title,e.jsx($,{name:k==="asc"?"South":"North",className:"[&_svg]:!h-4 [&_svg]:!w-4"})]}):N.title},"th-table-"+N.id))})}),e.jsx("tbody",{className:r,children:!g&&G.map((N,S)=>e.jsx(ar,{data:N,index:S,tableColumnsData:s,alternatingRowColor:d,onSelectionChange:o},"tr-table-"+S+JSON.stringify(N)))})]}),g&&e.jsx("div",{className:"my-8",children:h?e.jsx(Te,{children:h}):e.jsx(_t,{classNameLoader:L,className:"relative"})}),G.length===0&&!g&&e.jsx("div",{className:"m-8",children:e.jsx(Te,{children:x??"Keine Daten gefunden"})})]})},lr=u.memo(nr),cr=({duration:s,positionY:r,positionX:t,showNotification:a,toast:l,children:n,className:o})=>{const[d,c]=u.useState(!1),x=()=>setTimeout(()=>{c(!1)},s);return u.useEffect(()=>(a&&c(!0),x(),()=>clearTimeout(x())),[a]),d?e.jsxs("div",{className:b("absolute",r==="top"&&"top-0",r==="bottom"&&"bottom-0",t==="left"&&"left-0",t==="right"&&"right-0",t==="center"&&"left-[calc(50%-190px)]",o),children:[l&&e.jsx(Tt,{...l}),n]}):null};v.ACCORDION_VARIANT=Ds,v.BUTTON_VARIANT=As,v.Breadcrumb=Nt,v.Button=X,v.CHECKBOX_VARIANT=Hs,v.Checkbox=Ce,v.ContentAccordion=Xs,v.Dropdown=Ct,v.FILTERCHIP_VARIANT=Es,v.FilterChip=Ye,v.HEADING_VARIANT=Zs,v.Header=rr,v.Heading=Xe,v.INPUT_VARIANT=Ss,v.Icon=$,v.InfoText=fe,v.Input=bt,v.Link=ve,v.Loader=_t,v.MODAL_VARIANT=Ks,v.MULTISELECT_VARIANT=Js,v.MobileNav=Vt,v.Modal=Mt,v.MultiSelect=At,v.PAGINATION_VARIANT=Qs,v.Pagination=Fs,v.RADIO_VARIANT=Is,v.Radio=Ke,v.RadioGroup=er,v.SELECT_ITEM_VARIANT=Ws,v.SELECT_VARIANT=tr,v.Select=Pt,v.SelectDropdown=Qe,v.SelectItem=Je,v.Skeleton=Os,v.Slider=zs,v.TEXTAREA_VARIANT=Gs,v.TEXT_VARIANT=Us,v.Table=lr,v.Text=Te,v.Textarea=kt,v.Toast=Tt,v.ToastDisplay=cr,v.ToastType=Et,v.accordionVariant=Ys,v.buttonVariantStyles=vt,v.checkboxVariant=Ps,v.filterChipVariant=Ts,v.headingVariantStyles=gt,v.iconMapping=De,v.inputVariant=jt,v.paginationVariant=Ht,v.radioboxVariant=Bs,v.selectVariant=sr,v.textVariantClasses=Lt,v.textarea=yt,v.variantClasses=Rt,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
|
|
29
|
+
${yt[a]} ${l?"cursor-not-allowed pointer-events-none":""} ${g.rows!==void 0&&"h-fit"}`;return e.jsxs("div",{className:`relative flex w-full flex-col items-start justify-start rounded-tl rounded-tr ${l&&"pointer-events-none cursor-not-allowed opacity-[0.3]"}`,"data-testid":"test-textarea",children:[t&&e.jsx("div",{className:"label absolute -top-2 left-3 flex items-center justify-start rounded bg-white px-1",children:e.jsx("p",{className:`text-left text-xs ${d||n?"text-error":"text-black"}`,"data-testid":"test-textarea-label",children:t})}),e.jsx("textarea",{id:h,ref:L,value:s,defaultValue:o,placeholder:r,onChange:c,className:C,disabled:l,required:d,"data-testid":"test-textarea-input",...g}),x&&e.jsx(fe,{message:x,className:"ml-4 mt-1",showErrorStyles:d||n})]})});kt.displayName="Textarea";const Ds={DEFAULT:"default"},Ys={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900"},Xs=({options:s,allowMultiple:r=!1,className:t})=>{const[a,l]=u.useState(void 0),[n,o]=u.useState([]),d=c=>{r?n.includes(c)?o(n.filter(x=>x!==c)):o([...n,c]):l(x=>x===c?void 0:c)};return e.jsx(e.Fragment,{children:e.jsx("div",{className:b("w-full overflow-hidden rounded border border-brand-black",t),"data-testid":"test-accordion",children:s.map((c,x)=>{const h=a===x||n.includes(x);return e.jsxs("div",{className:"accordion-item relative h-fit w-full flex-col items-start justify-start gap-2.5 overflow-hidden border-b bg-brand-white pt-4 transition-all duration-700 last:border-b-0 hover:cursor-pointer focus:border-blue-500 focus:outline-none",children:[e.jsxs("button",{className:"flex h-[2.5em] w-full justify-between border-b bg-brand-white px-4",onClick:()=>d(x),"data-testid":"test-accordion-header-"+x,type:"button",children:[c.title,h?e.jsx($,{name:"ExpandLess"}):e.jsx($,{name:"ExpandMore"})]}),e.jsx("div",{className:`h-fit transition-all duration-500 ${h?"max-h-[15em] overflow-y-scroll":"max-h-0 overflow-hidden"}`,"data-testid":"test-accordion-body-"+x,children:c.content?e.jsx("div",{className:"p-4",children:c.content}):e.jsx("p",{className:"p-4",children:c.description})})]},"accordion-"+x)})})})},Nt=({links:s,variant:r="dark",className:t})=>e.jsx("ol",{className:b("flex gap-2",t),"data-testid":"test-breadcrumb",children:s.map((a,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(ve,{...a,className:b("text-sm",r==="light"?"text-white":"text-black"),children:a.label}),l<s.length-1&&e.jsx($,{name:"KeyboardArrowRight",iconColor:r==="light"?"white":"black"})]},"breadcrumb-"+a.label))}),Ct=({title:s,links:r,className:t,variant:a="dark"})=>{const[l,n]=u.useState(!1),o=u.useRef(null);u.useEffect(()=>{const c=()=>{n(!1)};return o.current&&o.current.addEventListener("mouseleave",c),()=>{o.current&&o.current.removeEventListener("mouseleave",c)}},[]);const d=()=>{n(!1)};return e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>{n(!0)},onMouseEnter:()=>{n(!0)},className:b("rds-copy-lg flex text-white",a==="dark"&&"text-black"),type:"button",children:[s,e.jsx($,{name:"ExpandMore",iconColor:a==="dark"?"fill-black":"fill-white",className:b(l&&"rotate-180 duration-300")})]}),e.jsx("div",{className:b("absolute top-full z-10 mt-4 h-fit w-fit min-w-36 rounded-lg transition-all duration-500",l?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:o,onMouseLeave:d,children:r.map((c,x)=>e.jsx("li",{className:"px-4 py-2 transition-all duration-150 first:rounded-t-lg last:rounded-b-lg hover:backdrop-brightness-75",children:e.jsx(ve,{href:c.href,className:b(a==="dark"?"text-black":"text-white"),children:c.label})},s+x))})})]})},Vt=({navigation:s,className:r,classNameDropdown:t})=>{const[a,l]=u.useState(!1),n=u.useRef(null),[o,d]=u.useState(void 0);u.useEffect(()=>{const h=()=>{l(!1)};return n.current&&n.current.addEventListener("mouseleave",h),()=>{n.current&&n.current.removeEventListener("mouseleave",h)}},[]);const c=()=>{l(!1)},x="py-2 last:pb-0";return e.jsxs("div",{className:b("flex items-center lg:hidden",r),children:[e.jsx("button",{onClick:()=>l(!a),type:"button",children:e.jsx($,{name:"Menu",iconColor:"fill-white",className:"block [&_svg]:h-8 [&_svg]:w-8"})}),e.jsx("div",{className:b("absolute right-0 top-[100%] h-fit w-fit min-w-48 rounded-lg rounded-tr-none p-4 transition-all duration-500",a?"max-h-96 opacity-100":"max-h-0 overflow-hidden opacity-0",t),children:e.jsx("ul",{ref:n,onMouseLeave:c,children:o?e.jsxs(e.Fragment,{children:[e.jsx("li",{children:e.jsx(X,{variant:"TEXT",iconName:"KeyboardArrowLeft",className:"px-0 pt-0 hover:bg-transparent",onClick:()=>d(void 0)})}),o.links.map(h=>e.jsx("li",{className:x,children:e.jsx(ve,{href:h.href,children:h.label})},"link-"+h.label))]}):e.jsx(e.Fragment,{children:s.map((h,g)=>"title"in h?e.jsxs("button",{onClick:()=>d(h),className:"flex items-center",type:"button",children:[h.title," ",e.jsx($,{name:"KeyboardArrowRight"})]},"dropdown-"+h.title):e.jsx("li",{className:x,children:e.jsx(ve,{href:h.href,children:h.label})},h.label+g))})})})]})},Ks={DEFAULT:"default"},Mt=u.forwardRef(({children:s,onClick:r,width:t,height:a,className:l,headline:n},o)=>(u.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="unset"}),[]),u.useEffect(()=>{const d=c=>{c.key==="Escape"&&(r==null||r())};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{onClick:r,className:"fixed inset-0 z-50 transition-opacity",style:{background:"black",opacity:"0.6"}}),e.jsx("div",{"data-testid":"test-modal",ref:o,className:b(`fixed left-1/2 top-1/2 z-50 max-h-full max-w-full -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-md border border-white bg-white p-4 md:p-6 lg:p-8 ${l} `),style:{width:t||"",height:a||""},onClick:d=>d.stopPropagation(),children:e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("div",{className:b("flex items-center justify-end p-2",n&&"justify-between"),children:[n&&e.jsx(Xe,{variant:"h3",children:n}),e.jsx(X,{iconName:"Close",onClick:r,className:"justify-self-end p-2 hover:bg-grey-50 active:bg-grey-300 hover:[&_svg]:fill-black",variant:"UNSTYLED"})]}),s]})})]})));Mt.displayName="Modal";const Qe=({className:s,isOpen:r,wideDropdown:t,handleMouseLeave:a,handleSelection:l,options:n,optionProps:o,showSearchField:d,inputValue:c="",setInputValue:x,searchFieldPlaceholder:h,currSelected:g})=>{const L=u.useRef(null),C=u.useRef(null),T=u.useRef(null),R=A=>{const k=A.current;k==null||k.scrollIntoView({behavior:"smooth",block:"nearest"})};return u.useEffect(()=>{const A=g.length===1&&r,k=A&&c.length===0;if(A||k){const P=setTimeout(()=>R(L),500);return()=>clearTimeout(P)}},[r,g,c,L]),e.jsxs("div",{onMouseLeave:a,children:[d&&e.jsx("input",{type:"text",value:c,onChange:A=>x==null?void 0:x(A.target.value),className:b("pointer-events-none absolute z-[10] mt-1 h-0 w-full rounded-t border bg-white p-2 opacity-0 shadow-sm transition-all focus:outline-none",r&&"pointer-events-auto h-fit opacity-100"),placeholder:h}),e.jsx("div",{className:b("absolute left-0 top-full z-[5] mt-1 h-0 w-full cursor-pointer overflow-y-auto overflow-x-hidden rounded-b border bg-grey-50 opacity-0 shadow-md outline-none transition-all",r&&"h-fit max-h-60 opacity-100",t&&"w-fit",d&&r&&"mt-10 max-h-[85vh] min-h-[60vh]",s),ref:T,children:e.jsxs("ul",{className:b("h-full w-full",r&&"h-fit max-h-[200px]",d&&r&&"top-10"),"data-testid":"test-multiselect-list",ref:C,children:[n.length===0&&e.jsx("p",{className:"bg-slate-200 p-2",children:"keine Optionen gefunden"}),r&&(n==null?void 0:n.filter(A=>A.name.toLowerCase().includes(c.toLowerCase())).map(A=>e.jsx(Je,{id:A.id,option:A,isActive:g==null?void 0:g.some(k=>k.id===A.id),onSelectionChange:l,className:t?"whitespace-nowrap":void 0,ref:g.length===1&&(g!=null&&g.some(k=>k.id===A.id))?L:null,...o},A.id)))]})})]})},Js={DEFAULT:"default"},Rt={DEFAULT:"rounded border border-black bg-brand-white duration-300 transition-all hover:bg-grey-100"},At=u.forwardRef(({selectedOptions:s=[],onSelectionChange:r,options:t,isDisabled:a,label:l,variant:n="DEFAULT",wideDropdown:o=!1,optionProps:d,hasError:c=!1,errorMessage:x,placeholder:h="Auswählen",showSelectedAsChips:g=!1,exceptionOptions:L,showSearchField:C=!1,searchFieldPlaceholder:T="Optionen durchsuchen",className:R,clearSearchValue:A=!1},k)=>{const[P,G]=u.useState(!1),[N,S]=u.useState("");u.useEffect(()=>{A&&N.length>0&&S("")},[A]),u.useEffect(()=>{const V=K=>{K.key==="Escape"&&(G(!1),r(j.map(q=>q.id)))};return window.addEventListener("keydown",V),()=>{window.removeEventListener("keydown",V)}},[]);const B=V=>{let K=s??[];L!=null&&L.includes(V.id)?K=[V.id]:s!=null&&s.includes(V.id)?K=s.filter(q=>q!==V.id&&!(L!=null&&L.includes(q))):K=[...s.filter(q=>!(L!=null&&L.includes(q)))??[],V.id],r(K)},D=()=>{setTimeout(()=>{j.length>0&&r(j.map(V=>V.id)),P&&G(!1)},500)},j=t.filter(V=>s.includes(V.id));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:k,className:b("relative rounded",Rt[n],c&&"border-error",R),children:[e.jsxs("button",{onClick:()=>G(!P),className:b("flex w-full cursor-pointer items-start justify-between rounded px-4 py-3 disabled:pointer-events-none disabled:bg-brand-grey-light"),disabled:a,"data-testid":"test-multiselect",type:"button",children:[e.jsx("label",{className:b("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",c&&"text-error"),children:l}),!g&&s.length>0?e.jsx("span",{className:"max-w-[90%] overflow-hidden text-ellipsis whitespace-nowrap",children:j.map(V=>V.name).join(", ")}):e.jsx("p",{children:h}),e.jsx("div",{className:b("duration-600 -rotate-180 transition-all",P&&"rotate-0"),"data-testid":"test-multiselect-icon-wrapper",children:e.jsx($,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]}),e.jsx(Qe,{handleMouseLeave:D,setInputValue:S,inputValue:N,options:t,currSelected:j,optionProps:d,handleSelection:B,isOpen:P,showSearchField:C,searchFieldPlaceholder:T,wideDropdown:o})]}),c&&x&&e.jsx(fe,{message:x,showErrorStyles:!0,className:"mt-2"}),g&&e.jsx("div",{className:"mt-2 flex flex-wrap gap-4",children:j.map(V=>e.jsx(Ye,{label:V.name,onClick:()=>B(V)},"selected-"+V.name))})]})});At.displayName="MultiSelect";const Qs={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},Ht={PRIMARY:"bg-white hover:bg-black-800 active:bg-grey-900",SECONDARY:"bg-blue-200 hover:bg-blue-400 active:bg-blue-500",TERTIARY:"bg-red-200 hover:bg-red-400 active:bg-red-500"},qs={SECONDARY:"bg-blue-500 text-white",TERTIARY:"bg-red-500 text-white",PRIMARY:"bg-black text-white"},$s=({pages:s,onNavigate:r,classNames:t,activeIndex:a})=>{const[l,n]=u.useState([2,3]),o=u.useCallback(()=>{if(a===2||a===s-1)return;if(a===1){n([2,3]);return}if(a===10){n([8,9]);return}const c=[a-1,a,a+1];n(c)},[s,a]);u.useEffect(()=>{o()},[a]);const d=a!==s&&a!==s-1&&a!==s-2;return e.jsxs(e.Fragment,{children:[e.jsx(X,{className:t(a===1),onClick:()=>r==null?void 0:r(1),"data-testid":"test-constructed-pagination-button-0",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:1})}),l[0]!==2&&e.jsx(e.Fragment,{children:"..."}),l.map((c,x)=>e.jsx(X,{className:t(a===c),onClick:()=>r==null?void 0:r(c),"data-testid":"test-pagination-button-"+x,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:c})},x)),d&&e.jsx(e.Fragment,{children:"..."}),e.jsx(X,{className:t(a===s),onClick:()=>r==null?void 0:r(10),"data-testid":"test-pagination-button-10",children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:s})})]})},Fs=({pages:s,variant:r="PRIMARY",onNavigate:t})=>{const[a,l]=u.useState(1),n=x=>{l(h=>h===x?h:x),t==null||t(x)},o={className:"relative h-6 w-6 flex-shrink-0 flex-grow-0 bg-transparent px-2 hover:bg-grey-300 active:bg-grey-400 [&_path]:disabled:!fill-white",iconColor:"black",iconPosition:"leading"},d=x=>b("flex h-fit rounded p-1 text-black active:text-white",Ht[r],x&&qs[r]),c=s<=5;return e.jsxs("div",{className:"relative flex items-center justify-center gap-4","data-testid":"test-pagination",children:[e.jsx(X,{iconName:"KeyboardArrowLeft",onClick:()=>{const x=a-1;l(x),t==null||t(x)},disabled:a===1,"data-testid":"button-prev",...o}),c?e.jsx(e.Fragment,{children:Array.from(Array(s)).map((x,h)=>e.jsx(X,{className:d(a===h+1),onClick:()=>{n(h),t==null||t(h)},"data-testid":"test-pagination-button-"+h,children:e.jsx("p",{className:"w-4 flex-shrink-0 flex-grow-0 text-center text-sm font-medium",children:h+1})},h))}):e.jsx($s,{activeIndex:a,classNames:d,pages:s,onNavigate:n}),e.jsx(X,{iconName:"KeyboardArrowRight",onClick:()=>{const x=a+1;l(x),t==null||t(x)},disabled:a===s,"data-testid":"button-next",...o})]})},er=({options:s,supportingText:r,required:t,selectedValue:a,setSelectedValue:l,className:n,showSupportingText:o})=>e.jsxs("div",{className:b("flex flex-col gap-2",n),"data-testid":"test-radioGroup",children:[s.map(d=>e.jsx(Ke,{value:d.value,label:d.label,onChange:c=>l(c.target.value),checked:a===d.value,required:t},"radio-group-"+d.value)),o&&r&&e.jsx(fe,{message:r,showErrorStyles:t,className:"mt-1"})]}),tr={DEFAULT:"default",TOP_PULL:"top_pull"},sr={DEFAULT:"bg-black hover:bg-black-800 active:bg-grey-900",TOP_PULL:"bg-black hover:bg-black-800 active:bg-grey-900"},Pt=u.forwardRef(({options:s,selectedOption:r,onSelectionChange:t,label:a,isDisabled:l=!1,optionProps:n,wideDropdown:o=!1,hasError:d=!1,placeholder:c="Auswählen",showSearchField:x=!1,searchFieldPlaceholder:h="Optionen durchsuchen",className:g,errorMessage:L,clearSearchValue:C=!1},T)=>{const[R,A]=u.useState(!1),[k,P]=u.useState("");u.useEffect(()=>{C&&k.length>0&&P("")},[C]),u.useEffect(()=>{const B=D=>{D.key==="Escape"&&A(!1)};return window.addEventListener("keydown",B),()=>{window.removeEventListener("keydown",B)}},[]);const G=()=>{A(!R)},N=()=>{setTimeout(()=>{R&&A(!1)},500)},S=s.find(B=>B.id===r);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{ref:T,className:b("relative rounded border border-black",d&&"border-error",g),children:[e.jsxs("button",{className:"flex h-[3.1em] w-full items-center gap-2.5 self-stretch rounded pr-2.5 hover:bg-grey-100 disabled:pointer-events-none disabled:bg-brand-grey-light",onClick:G,tabIndex:0,disabled:l,"data-testid":"test-select",type:"button",children:[e.jsx("label",{className:b("absolute -top-2 left-3 rounded bg-white px-1 text-xs text-black",d&&"text-error"),children:a}),e.jsxs("div",{className:"flex w-full items-center justify-between self-stretch rounded-tl rounded-tr py-1 pl-4",children:[e.jsx("div",{className:"w-full overflow-hidden text-ellipsis whitespace-nowrap text-left text-base text-black",children:(S==null?void 0:S.name)??c}),e.jsx("div",{className:b("duration-600 -rotate-180 transition-all",R&&"rotate-0"),"data-testid":"test-select-icon",children:e.jsx($,{name:"ExpandLess",className:"relative h-6 w-6 flex-shrink-0 flex-grow-0"})})]})]}),e.jsx(Qe,{isOpen:R,handleMouseLeave:N,options:s,currSelected:S?[S]:[],handleSelection:B=>{t(B.id)},optionProps:n,inputValue:k,setInputValue:P,wideDropdown:o,showSearchField:x,searchFieldPlaceholder:h})]}),d&&L&&e.jsx(fe,{message:L,showErrorStyles:!0,className:"mt-2"})]})});Pt.displayName="Select";var Et=(s=>(s.SUCCESS="success",s.INFO="info",s.ERROR="error",s))(Et||{});const Tt=({type:s,message:r,showClosingButton:t=!0,showDetails:a,detailsLink:l,className:n})=>{const o=s==="success"?"Checked":"Info";return e.jsxs("div",{className:b("flex w-80 justify-between rounded p-2 text-white drop-shadow-sm",s==="success"&&"bg-success",s==="error"&&"bg-error",s==="info"&&"bg-warning",n),"data-testid":"test-toast",children:[e.jsxs("div",{className:"flex grow",children:[e.jsx($,{name:o,iconColor:"white",className:"mr-2 pt-0.5",isIconSolid:!0}),e.jsx("span",{className:b(a&&"max-w-[68%]"),children:r}),a&&e.jsx(X,{variant:"TEXT",label:"Details",className:"ml-2 h-fit grow self-end text-white hover:bg-transparent active:bg-transparent",onClick:a}),l&&e.jsx("a",{href:l,className:"rds-button ml-2 self-end p-2 underline-offset-2 hover:underline",children:"Details"})]}),t&&e.jsx(X,{iconColor:"fill-white",iconName:"Close",className:"h-fit self-start bg-transparent px-2 py-0 hover:bg-transparent active:bg-transparent"})]})},rr=({logo:s,className:r,classNameContent:t,children:a,navigation:l,classNameDropdown:n,variant:o,handleLogout:d,account:c,breadcrumbs:x})=>e.jsxs("header",{className:b("fixed right-0 top-0 z-0 w-full py-5",r),children:[e.jsxs("div",{className:b("mx-auto flex items-center justify-between lg:justify-start",t),children:[s,l&&e.jsxs(e.Fragment,{children:[e.jsx("nav",{className:"ml-8 mr-4 hidden grow items-center lg:flex",children:e.jsx("ul",{className:"flex items-center gap-4",children:l==null?void 0:l.map(h=>"title"in h?e.jsx("li",{children:e.jsx(Ct,{...h,className:n,variant:o})},"dropdown-"+h.title):e.jsx("li",{children:e.jsx(ve,{href:h.href,className:o==="light"?"text-white":"text-black",children:h.label})},"headerlink-"+h.label))})}),e.jsx(Vt,{navigation:l,classNameDropdown:n})]}),a,d&&e.jsx(X,{onClick:d,iconName:"Login",variant:"UNSTYLED",iconColor:o==="light"?"white":"dark",id:"logout-button"}),c]}),x&&x.length>0&&e.jsx(Nt,{links:x,variant:o,className:"mx-auto mt-4 max-w-[80%]"})]}),ir=({data:s,tableColumnsData:r,onSelectionChange:t,alternatingRowColor:a,index:l})=>e.jsx("tr",{className:b("transition-colors duration-200 hover:bg-slate-200",a&&l%2===0&&a),children:r.map(n=>{const o="td-table-"+n.id+(Object.keys(s).includes("id")?s.id:JSON.stringify(s));if(n.render)return e.jsx("td",{className:b(n.centered&&"text-center"),children:n.render(s)},o);const d=s[n.id];return typeof d=="boolean"?e.jsx("td",{className:"flex min-h-[34px] items-center justify-center",children:e.jsx(Ce,{id:"",checked:d,onChange:()=>t==null?void 0:t(s)})},o):typeof d=="string"||typeof d=="number"?e.jsx("td",{className:b(n.centered&&"text-center"),children:d},o):e.jsx("td",{children:"unhandled - please check"},o)})}),ar=u.memo(ir),nr=({tableColumnsData:s,classNameBody:r,classNameHead:t,classNameTable:a,classNameWrapper:l,tableData:n,onSelectionChange:o,alternatingRowColor:d,onDisabledSorting:c,noResultsMessage:x,loadingMessage:h,isLoading:g,classNameLoader:L,parentSortDir:C,highlightActiveFilter:T=!1})=>{const[R,A]=u.useState(void 0),[k,P]=u.useState("asc");u.useEffect(()=>{C&&P(C)},[C]),u.useEffect(()=>{c&&R&&c(R,k)},[c,R,k]);const G=u.useMemo(()=>{const N=R,S=n,B=C??k;if(!N||c)return S;const D=typeof n[0][N];return D==="string"?S.sort((j,V)=>{var ie,F;const K=((ie=j[N])==null?void 0:ie.toString().toLowerCase())||"",q=((F=V[N])==null?void 0:F.toString().toLowerCase())||"";return B==="asc"?K.localeCompare(q):q.localeCompare(K)}):D==="number"&&S.sort((j,V)=>B==="asc"?+j[N]-+V[N]:+V[N]-+j[N]),S},[n,R,k,C,c]);return e.jsxs("div",{className:b("flex w-full flex-col",l),children:[e.jsxs("table",{className:b("table-auto [&_td]:pr-4 [&_th]:pr-4",a),children:[e.jsx("thead",{className:b("text-left",t),children:e.jsx("tr",{children:s.map(N=>e.jsx("th",{className:b(N.centered&&"text-center"),children:N.renderHeader?e.jsx(e.Fragment,{children:N.renderHeader}):N.isSorting?e.jsxs("button",{onClick:()=>{A(N.id),R===N.id&&P(S=>S==="asc"?"desc":"asc")},className:b("flex items-center gap-x-2",N.centered&&"w-full justify-center",R===N.id&&T&&"underline underline-offset-2"),children:[N.title,e.jsx($,{name:k==="asc"?"South":"North",className:"[&_svg]:!h-4 [&_svg]:!w-4"})]}):N.title},"th-table-"+N.id))})}),e.jsx("tbody",{className:r,children:!g&&G.map((N,S)=>e.jsx(ar,{data:N,index:S,tableColumnsData:s,alternatingRowColor:d,onSelectionChange:o},"tr-table-"+S+JSON.stringify(N)))})]}),g&&e.jsx("div",{className:"my-8",children:h?e.jsx(Te,{children:h}):e.jsx(_t,{classNameLoader:L,className:"relative"})}),G.length===0&&!g&&e.jsx("div",{className:"m-8",children:e.jsx(Te,{children:x??"Keine Daten gefunden"})})]})},lr=u.memo(nr),cr=({duration:s,positionY:r,positionX:t,showNotification:a,toast:l,children:n,className:o})=>{const[d,c]=u.useState(!1),x=()=>setTimeout(()=>{c(!1)},s);return u.useEffect(()=>(a&&c(!0),x(),()=>clearTimeout(x())),[a]),d?e.jsxs("div",{className:b("absolute",r==="top"&&"top-0",r==="bottom"&&"bottom-0",t==="left"&&"left-0",t==="right"&&"right-0",t==="center"&&"left-[calc(50%-190px)]",o),children:[l&&e.jsx(Tt,{...l}),n]}):null};v.ACCORDION_VARIANT=Ds,v.BUTTON_VARIANT=As,v.Breadcrumb=Nt,v.Button=X,v.CHECKBOX_VARIANT=Hs,v.Checkbox=Ce,v.ContentAccordion=Xs,v.Dropdown=Ct,v.FILTERCHIP_VARIANT=Es,v.FilterChip=Ye,v.HEADING_VARIANT=Zs,v.Header=rr,v.Heading=Xe,v.INPUT_VARIANT=Ss,v.Icon=$,v.InfoText=fe,v.Input=bt,v.Link=ve,v.Loader=_t,v.MODAL_VARIANT=Ks,v.MULTISELECT_VARIANT=Js,v.MobileNav=Vt,v.Modal=Mt,v.MultiSelect=At,v.PAGINATION_VARIANT=Qs,v.Pagination=Fs,v.RADIO_VARIANT=Is,v.Radio=Ke,v.RadioGroup=er,v.SELECT_ITEM_VARIANT=Ws,v.SELECT_VARIANT=tr,v.Select=Pt,v.SelectDropdown=Qe,v.SelectItem=Je,v.Skeleton=Os,v.Slider=zs,v.TEXTAREA_VARIANT=Gs,v.TEXT_VARIANT=Us,v.Table=lr,v.Text=Te,v.Textarea=kt,v.Toast=Tt,v.ToastDisplay=cr,v.ToastType=Et,v.accordionVariant=Ys,v.buttonVariantStyles=vt,v.checkboxVariant=Ps,v.filterChipVariant=Ts,v.headingVariantStyles=gt,v.iconMapping=De,v.inputVariant=jt,v.paginationVariant=Ht,v.radioboxVariant=Bs,v.selectVariant=sr,v.textVariantClasses=Lt,v.textarea=yt,v.variantClasses=Rt,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
|